@charset "UTF-8";

/* IE9, IE10, IE11 */
@media screen and (min-width: 0\0) {
	.form-control {
		padding: 0.55rem 0.75rem !important;
	}

	.input-group-addon {
		line-height: inherit !important;
		font-size: 1rem !important;
	}

	.carousel-control span {
		right: 20px;
	}
}

@media only screen and (min-width: 700px) {
    .dd { 
		float: left; 
		/* width: 69%; */
		width: 100%; 
	}
    .dd + .dd {
		margin-left: 2%;
	}
}



@media only screen and (max-width: 480px) {
	.notif .noti-icon {
		font-size: 18px;
		padding: 0 10px;
	}
	.hidden-mobile {
		display: none !important;
	}
	.notfound .notfound-404 {
		height: 148px;
		margin: 0px auto 10px;
	}
	.notfound .notfound-404 h1 {
		font-size: 86px;
	}
	.notfound .notfound-404 h2 {
		font-size: 16px;
	}
	.notfound a {
		padding: 7px 15px;
		font-size: 14px;
	}

	#notfound .notfound {
		position: absolute;
		left: 55%;
		top: 30%;
		-webkit-transform: translate(-55%, -45%);
		-ms-transform: translate(-55%, -45%);
		transform: translate(-55%, -45%);
	}
}

@media (max-width: 767px) {
	.dropdown-lg {
		width: 200px;
	}

	.notif .notify-item {
		padding: 10px 15px;
	}

	.breadcrumb-holder .main-title, .breadcrumb-holder .breadcrumb {
		float: none;
	}
	.notfound .notfound-404 h1 {
		font-size: 148px;
	}

    .notfound .forbiden-403 h1 {
		font-size: 80px;
    }
  
    #notfound .notfound {
		position: absolute;
		left: 55%;
		top: 30%;
		-webkit-transform: translate(-55%, -45%);
		-ms-transform: translate(-55%, -45%);
		transform: translate(-55%, -45%);
	}
}

@media (max-width: 768px) {
	body {
		overflow-x: hidden;
	}

	.enlarged .left.main-sidebar {
		margin-left: -75px;
	}

	.headerbar-left {
		width: 250px !important;
	}
    
	.headerbar-left span {
		display: none !important;
	}
    
	.headerbar-left i {
		display: block !important;
		line-height: 75px !important;
	}

	.navbar-custom {
		margin-left: 70px !important;
	}

	.content-page {
		margin-left: 0 !important;
	}

	.footer {
		left: 0 !important;
	}

	.mobile-sidebar {
		left: 0;
	}

	.mobile-content {
		left: 250px;
		right: -250px;
	}

	.wrapper-page {
		width: 90%;
	}

	.dataTables_wrapper .col-xs-6 {
		width: 100%;
		text-align: left;
	}

	div#datatable-buttons_info {
		float: none;
	}

	.ms-container {
		width: 100%;
	}

	.navbar-toggleable-md .navbar-nav {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
	}
}

@media screen and (max-width: 480px) {
	.dd3-content{
		height: auto !important;
		max-width: 100% !important;
	}
	.dd-handle{
		height: 100% !important;
	}
	.editor_span{
		float: none;
	}
}
@media screen and (max-width: 320px){
	.editor_span{
		display: inline-block !important;
		max-width: 100%;
	}
	.editor_input{
		max-width: 100% !important;
	}
}
@media screen and (min-width:1024px) and (max-width: 1280px){
	.dd3-content{
		height: auto !important;
		max-width: 100% !important;
	}
	.dd-handle{
		height: 100% !important;
	}
	.editor_span{
		display: inline-block !important;
		max-width: 100%;
		float: none;
	}
}

@media (min-width: 992px){
    .modal-xl {
        max-width: 90%;
    }
}

/*@media screen and (min-width: 1024px){
	.editor_input{
		max-width: auto !important;
		width: 100%;
	}
}*/