html {
  position: relative;
  min-height: 100%;
}

body {
/*    padding-top: 50px;
    margin-bottom: 60px;
*/
    font-family: 'Open Sans', 'Tajawal', sans-serif;
	font-size:13px;
}

h3 {
    font-size: 22px;
    margin-top: 10px;
}

h1 {
    font-size: 28px;
}

.radio, .checkbox {

    margin-left: 0px;
}

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}


.mgheader {
	padding-top:15px;
	display:block;
	clear:both;
}
.bootstrap-datetimepicker-widget .datepicker-days,.bootstrap-datetimepicker-widget{display: inline-block;}
.bootstrap-datetimepicker-widget .datepicker-days,.datepicker-months,.datepicker-years,.datepicker-decades,.bootstrap-datetimepicker-widget table{width: 100%;}
.navbar-fixed-top {
  border: 0;
}
.span-time{width: 100%;}
.table-condensed a{display: inline-block;}
.table-condensed td{text-align: center;}
.datepicker table tr td span{line-height: 2 !important; height: auto !important;}
.tt{display: inline-block !important; text-align: center; font-size: 20px; width: 20px; height: 20px; margin: 0 auto; }
.chk_day{display:none;}
.days_div{padding:0; margin-right:10px; float:left; width:auto;}
.days{cursor:pointer; background:#666; font-weight:100; font-size:14px;  box-shadow:inset -1px -1px 2px rgba(0,0,0,0.4), inset 1px 1px 2px rgba(255,255,255,0.3); color:#fff; border:none; width:auto; padding:5px 10px;}
.days_sch{color:#fff; font-size:14px; padding:5px 10px; border:none; width:auto; margin-right:10px; background:#666;}
.days:active{box-shadow:inset -1px -1px 2px rgba(255,255,255,0.3), inset 1px 1px 2px rgba(0,0,0,0.4);}
.days:hover, .days:focus, .days:active{background:#34af19;}
.activeday:hover, .activeday{background:#44a32f; box-shadow:inset -1px -1px 2px rgba(255,255,255,0.3), inset 1px 1px 2px rgba(0,0,0,0.4);}
.sch_div{padding-left:0;}
.right_schedule, .loader, #loader_pr, #save_upd, #loader{display:none;}
.mrt20{margin-top:20px;}
.rightTitle{font-size:14px; margin-bottom:10px;}
.daysel{font-size:14px; font-weight:400;}
.animateday{height:0; overflow:hidden;}
#del_sche, .less{display:none;}



.tooltip_templates { display: none; }

.tooltip_info {
	border-radius: 20px;
	padding: 6px;
	min-height: 20px !important;
	line-height: 6px !important;
	font-weight: 700;
	font-size: 12px;
}

.tooltip {
	max-width: 100px !important;
	width: 100px !important;
}

.rdata img {
	max-width: 250px !important;
	height: auto !important;
}

.input-sm {
	height: 40px !important;
}

.settings_card .tab-content {
	background-color: transparent;
}

.alert-danger {
    background-color: #a94442;
    color: #ffffff;
	border-color: #a94442;
	border: 0px;
}

.alert-success {
    background-color: #378e39;
    border-color: #378e39;
    color: #ffffff;
	border: 0px;	
}

.fixed-table-toolbar .btn-group>.btn-group:first-child>.btn {
	border-radius: 0px !important;
}
.select2-search__field {
	width: 100% !important;
}

.panel-heading, .panel {
	border-radius: 0px;
}

.panel input[type="file"].form-control {
	min-height: 48px !important;
}

.rowflex {
  display: flex; /* equal height of the children */
  margin-bottom:5px;
}

.colflex {
  flex: 1; /* additionally, equal width */
  line-height: 35px;
  padding:5px;
  min-height:35px;
}

.btn-file {
	line-height: 26px !important;
}

.fixed-table-body .card-view .value {
	display: block;
	/*margin-left: 30%;*/
}

.fixed-table-body .card-view .title {
    font-style: italic;
    text-transform: uppercase;
	padding-top: 10px;
}

.main > .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-right: 7px;
    padding-left: 7px;	
	
}

.remove_padding .col-md-12, .remove_padding .col-md-6, .remove_padding .col-md-5, .remove_padding .col-md-2 {
	padding:0;
}

.mbt5 {
	margin-bottom:5px;
}

.pdtp10 {
	padding-top:10px;
}

.pdtp20 {
	padding-top:20px;
}

.mpdl10 {
	padding-left:10px !important;
}

.pdbt20 {
	padding-bottom:20px;
}

.leftright {
	height:300px;
	padding-top:120px;
}

.overlay{
    opacity:0.7;
    position:absolute;
    width:calc( 100% - 30px);
    height:100%;
    top:0px;
    left:0px;
    z-index:1000;
	background: #000 url(../images/waiting.gif) no-repeat center; 
	margin-left:15px;
}

.home-tab {
	min-height:400px;
}

a.btn {
	line-height:26px;
}

textarea.form-control {
	/*height:60px !important;*/
	-webkit-appearance:none 
}

.subsection h4, .bssection h4 {
	margin-top:0px;
	font-size:16px;
}

.bssection .tab h4 {
	margin-bottom:0px;
}

.gen_table .fixed-table-toolbar {
	/*display:none;*/
}

.gen_table .alert {
	margin-bottom:0px;
}

.gen_table .bootstrap-table {
	padding-bottom:0px;
	margin-top:0px;
}

.gen_table .search {
	margin-bottom:5px;
	margin-top:0px;
}

.select2-container--default .select2-selection--single {
	border-radius:0px;
}

.select2-container .select2-selection--single{height:40px !important;}

.select2-selection__rendered{line-height:40px !important;}

.select2-container--classic .select2-selection--single .select2-selection__rendered{line-height:40px !important;}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height:38px !important;
}

.report_email_select .select2-selection__rendered{line-height:30px !important;}
.report_email_select .select2-selection { border-radius: 0px;}

.form-control {
	min-height:40px !important; line-height: 16px;
} 


.btn { min-height:40px !important; line-height: 16px; -webkit-appearance:none  }

.form-control, .select2-container--default .select2-selection--single, .select2-dropdown { border:1px solid #d8d8d8; box-shadow:none; }

.form-group {
    margin-bottom: 10px;
}

.source_country_value {
	line-height:40px;
	background-color:rgba(255,255,255,0.8);
	padding-left:10px;
}


.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border:0px;
	background-color:rgba(255,255,255,0.9);	
}

.nav-tabs {
    border-bottom: 0px;
}

.nav-tabs > li > a {
	border:0px;
	border-radius:0px;
	outline:none;
}

.nav-tabs > li {
    margin-bottom: 0px;
}

.tab-content  {
	background-color:rgba(255,255,255,0.9);
}

.tab-pane {
	padding:10px;
}

.modal-dialog {
	width:75%;
	max-width:700px;
}

.s3main .s3numbers:first-child {
	margin-left:0px !important;
}

.dropdown-menu {
    min-width: 200px !important;
}

.bootstrap-table {

   
    margin-top: 10px;
    /*
	 padding: 10px;
	background-color: #FFFFFF;
    opacity: 0.9;
	background: rgba(255,255,255,0.8);*/
}

.fixed-table-pagination .pagination-detail, .fixed-table-pagination div.pagination {
	margin-right:10px;
}

.alert {
    padding: 10px;
}

.theme-square {
    width: 35px;
    height: 35px;
    cursor: pointer;    
}

.theme-square:hover {
    border:3px solid #333333;
}

.theme-square-main {
    margin-right:5px; 
    float: left;
}

.theme-square-selected > div {
    border:3px solid #333333;
}

.theme-square-small {
    width: 20px;
    height: 20px;
    border-radius: 0px;
    cursor: pointer;
}

.theme-square-small:hover {
    border:2px solid #333333 !important;
}

.theme-square-main-small {   
    border-radius: 0px;
    margin-top:2px; 
    margin-bottom:2px;     
    margin-right:2px; 
    float: left;
}

.theme-square-selected-small > div {
    border:2px solid #333333 !important;
}

.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}

.logo-responsive {
	max-height:28px;	
}

.logo-invert {

    filter: brightness(0) invert(100%);
}

.navbar-brand {
	padding: 12px 15px;
}
/* Footer */

.footer {
    position: absolute;
    left:0;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 40px;
    background-color: #f5f5f5;
}

.footer .container {
    width: auto;
    max-width: 680px;
    padding: 0 15px;
    margin-left: 250px;
}
.footer .container .text-muted {
    margin: 10px 0;
}

/* End Footer */

/* Form Sign In */
.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
	width: 330px;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#fpemail {
    margin-bottom: 10px;
}
/* End Form Sign In */

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 250px;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 0px;
    width: 250px;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}




#wrapper.toggled #sidebar-wrapper {
    width: 250px;
    left: 250px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

.container {
	width:100% !important;
	padding:0px;
}

#sortablelist tr.stcursor {
    cursor: pointer;
}

.back-to-top {
	background: none;
	margin: 0;
	position: fixed;
	bottom: 0;
	right: 5px;
	width: 45px;
	height: 45px;
	z-index: 100;
	display: none;
	text-decoration: none;
	outline:none !important
}

.back-to-top i {
  font-size: 35px;
}

.btn, .alert, .form-control, .container .jumbotron, .container-fluid .jumbotron, .input-group-addon {
    border-radius: 0px;
}

.input-group {
	border-spacing: 0px !important;
}

.fixed-table-toolbar .btn-group > .btn-group:last-child > .btn, .fixed-table-container {
    border-radius: 0px !important;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	background: rgba(255,255,255,.05);
}

.dropdown-menu {
	border-radius:0px;
}

/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.mgheader {
	padding-top:15px;
	display:block;
	clear:both;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
}

.navbar-brand a {
    color:#FFF;
    text-decoration: none;
}

.navbar-brand a:hover {
    color:#FFF;
}


#menu-toggle {
    /*position: absolute;
    background-color: #eee;
    padding: 4px 10px;
    top:2px;
    left: -20px; */
    outline: none;
    margin-right:10px;

}


/* Sidebar navigation */

.lm_title {
	margin:0;
	list-style:none;
	padding:0;
}

.lm_title > li > a {
	display:block;
    padding: 7px 20px;
	text-transform:capitalize;
	font-weight:400;
	font-size:13px;
}

 .nav-sidebar > li > a {
    padding: 7px 20px;
 }
 
.nav-sidebar > li > a:hover {

}

/* ### Main content ### */

.main {
  padding: 20px !important;
  background:rgba(255,255,255,0.8);
  margin-top:20px;
  margin-bottom:20px;
}

.main .page-header {
  margin-top: 0;
}

.maini {
  margin-top:20px;
  margin-bottom:20px;
}

.maini .page-header {
  margin-top: 0;
  margin-bottom:0;
  background:rgba(255,255,255,0.8);
  padding: 20px !important;
  border:0px;
}

.maini .subsection {
	padding:20px;
  background:rgba(255,255,255,0.8);	
  margin-top:20px;
}

.maini .section3 {
	margin-top:20px;
}

.mdisp_msg .alert {
	margin-bottom:0px;
}


/*
 * Placeholder dashboard ideas
 */
 
 .x_panel {
    width: 100%;
    padding: 10px 17px;
    display: inline-block;
    background: #fff;
    border: 1px solid #E6E9ED;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    opacity: 1;
    transition: all .2s ease;
}

.x_panel, .x_title {
    margin-bottom: 10px;
}

.degrees::after, .x_content, .x_panel {
    position: relative;
}

.x_title {
    border-bottom: 2px solid #E6E9ED;
    padding: 1px 5px 6px;
}

.x_title h2 {
    margin: 5px 0 6px;
    float: left;
    display: block;
}

.panel_toolbox {
    float: right;
    min-width: 40px;
}
.navbar-right {
    margin-right: 0;
}

.panel_toolbox > li {
    float: left;
    cursor: pointer;
}
.nav > li {
    position: relative;
    display: block;
}

h2 {
	font-size:18px;
}

.overflow_hidden, .sidebar-widget, .site_title, .tile, .weather-days .col-sm-2, .x_title h2, table.tile_info td p {
    overflow: hidden;
}
.site_title, .x_title h2, table.tile_info td p {
    text-overflow: ellipsis;
}
.x_title h2, table.tile_info td p {
    white-space: nowrap;
    text-overflow: ellipsis;
}
 
 .tile_count .tile_stats_count .count {
    font-size: 30px;
    line-height: 47px;
    font-weight: 600;
}

 .tile_count .tile_stats_count .countsmall {
    font-size: 24px;
    line-height: 47px;
    font-weight: 600;
}

.tile_count .tile_stats_count {
    margin-bottom: 10px;
    border-bottom: 0;
    padding-bottom: 10px;
}

.tile_count .tile_stats_count {
    padding: 0 10px 0 20px;
    position: relative;
}

.tile_count {
    margin-bottom: 20px;
    margin-top: 20px;
	margin-left: 0px;
	margin-right: 0px;
}

.tile_count .tile_stats_count, ul.quick-list li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tile_count .tile_stats_count::before {
    content: "";
    position: absolute;
    left: 0;
    height: 65px;
    margin-top: 10px;
}

.tile_count .tile_stats_count:first-child::before {
    border-left: 0;
}

.tile_count {
	background-color: #fff;
	padding-top:10px;	
}

.panel_toolbox > li > a {
    color: #c5c7cb;
    font-size: 14px;
    padding: 5px;
}

.x_panel .collapse-link, .x_panel .settings, .x_panel .close-link {
	padding: 5px 10px 7px 10px;
}

.x_content, table.tile td ul li a, table.tile_info {
    width: 100%;
}

.x_content {
    padding: 0 5px 6px;
    float: left;
    clear: both;
    margin-top: 5px;
}

/* Progress Bar */

.widget_summary {
    width: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.widget_summary .w_left {
    float: left;
    text-align: left;
}

.widget_summary .w_center {
    float: left;
}

.widget_summary .w_right {
    float: left;
    text-align: right;
}

.widget_summary .w_right span {
    font-size: 16px;
	line-height:18px;
}

.w_20 {
    width: 20%;
}
.w_25 {
    width: 25%;
}

.w_55 {
    width: 55%;
}

.progress {
    border-radius: 0 !important;
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

/* Progress Bar */

/* Chart */

table.tile_info {
    padding: 10px 15px;
}

.x_content, table.tile td ul li a, table.tile_info {
    width: 100%;
}

table.tile_info td:first-child {
    width: 83%;
}
table.tile_info td {
    text-align: left;
    padding: 1px;
    font-size: 15px;
}

table.tile_info td p {
    margin: 0;
    line-height: 28px;
}
.overflow_hidden, .sidebar-widget, .site_title, .tile, .weather-days .col-sm-2, .x_title h2, table.tile_info td p {
    overflow: hidden;
}

.site_title, .x_title h2, table.tile_info td p {
    text-overflow: ellipsis;
}

.x_title h2, table.tile_info td p {
    white-space: nowrap;
    text-overflow: ellipsis;
}

table.tile_info td i {
    margin-right: 8px;
    font-size: 17px;
    float: left;
    width: 18px;
    line-height: 28px;
}

.blue{color:#3498DB}.purple{color:#9B59B6}.green{color:#1ABB9C}.aero{color:#9CC2CB}.red{color:#E74C3C}.dark{color:#34495E}

/* End Chart */

/* Timeline */

.dashboard-widget-content {
    padding-top: 9px;
}

.timeline.widget {
    min-width: 0;
    max-width: inherit;
}
.widget {
    min-width: 250px;
    max-width: 310px;
}

ul.timeline li {
    position: relative;
  /*  border-bottom: 1px solid #e8e8e8;*/
    clear: both;
}

.timeline.widget .block {
    margin-left: 5px;
}
.timeline .block {
    margin: 0 0 0 105px;
    border-left: 3px solid #e8e8e8;
    overflow: visible;
    padding: 10px 15px;
}

.timeline h2.title {
    position: relative;
    font-size: 16px;
    margin: 0;
}

.timeline h2.title::before {
    content: "";
    position: absolute;
    left: -23px;
    top: 3px;
    display: block;
    width: 14px;
    height: 14px;
    border: 3px solid #d2d3d2;
    border-radius: 14px;
    background: #f9f9f9;
}

.timeline .byline {
    padding: .25em 0;
}

.byline {
    font-size: .9375em;
    line-height: 1.3;
    color: #aab6aa;
}

/* End Timeline */

/* To Do */

ul.listing {
    padding: 0;
}

ul.listing li {
    background: #f3f3f3;
    border-radius: 3px;
    position: relative;
    padding: 7px;
    margin-bottom: 5px;
    list-style: none;
}

ul.listing p {
    margin: 0;
}

/* End to do */


.fixed_height_320{height:320px}
.fixed_height_390{height:390px}
.fixed_height_200{height:200px}


.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
	  display: inline-block;
	  border-radius:50%;
}


#idate {
	color:#a94442;	
}
 
.mgptm {
	 padding-left:1px;
	 padding-right:1px;
 }
 
 .mgpt {
	 
	 margin-bottom:2px;
	  }
 
 .mgpt label {
	 background-color:#999;
	 color:#fff;
	 display:block;
	 padding:3px;
 }
 
 .mgpt span {
	 padding:3px;
	 color:#666;
 }
 
 #datetext {
	 float:left; 
	 line-height:30px;
	 padding-left:10px;
	 font-weight:bold;
	 color:#5d74ae;
 }
 
 .sbtitlem {
	 padding:0px !important;
 }
 
 .sbtitle {
	 padding:10px 10px 10px 20px; 
	 font-weight:bold;
	 font-size:13px;
	 text-transform:uppercase;

 }
 
  .sbtitle >  a {
	 padding:10px 10px 10px 20px !important;
	 cursor:pointer;
	 background-color:#e8e8e8;
  }
  
    .sbtitle >  a > i.fa {
		float:right;
	}
 
  .sbtitle > ul > li > a:hover,  .sbtitle > ul > li > a:focus,  .sbtitle > ul > li.active > a {
	 background-color:#eee; 
 }
 
  .sbtitle2 {
	 padding:10px 10px 10px 20px; 
	 font-weight:bold;
	 font-size:14px;
 }
 
 #searchcode {
	 max-width:200px;
	 width:200px;
 }
 
 .codeeditordiv {
	 padding-bottom:10px;
 }

.addfilediv {
	padding-bottom:10px;
	display:none;
}
 
#addfile {
	 max-width:calc(100% - 80px);
	 width:calc(100% - 80px);
 }
 
 .jumbotron {
	 padding:20px !important;
	 margin-bottom:0px;
 }
 
 .jumbotron h3 {
	 margin-top:0px;
 }
 
 .jumbotron p {
	 margin-bottom:10px;
	 font-size:18px;	 
 }

.text-notmandatory {
		color:#ff9c00;
}

hr {
	margin-top:0px;
}

.fixed-table-container tbody td .th-inner, .fixed-table-container thead th .th-inner {
	padding:5px !important;
}

.listing .row {
	margin:0;
}

.fixed-table-toolbar .bs-bars, .fixed-table-toolbar .columns, .fixed-table-toolbar .search {
    line-height: 26px !important;
}

.larecords {
	padding-top:20px;
	padding-bottom:20px;
}

.vmplay {
	position:relative;
	max-width:250px
}

.vplay {
	color:#FFF;
	position:absolute;
	top:70px;
	left:100px;
	font-size:44px;
}

.modal-content {
	box-shadow:none;
	border-radius:0px;
	border:0px;
}

.fixed-table-pagination .pagination-info {
	padding-left:10px;
}

@media (max-width: 1170px)   {
	/*
	.navbar-right > li:first-child {
		display:none;
	}
	*/
		
}

@media (max-width: 1100px) and (min-width: 1024px) {
	
	.navbar-form .ui-autocomplete-input {
		max-width: 130px;
	}	
}

@media (max-width: 1023px) {
	
	.navbar-form .ui-autocomplete-input {
		max-width: 100px;
	}	
}

@media (min-width: 992px) {
	

	
  .main {
    padding-right: 0px;
    padding-left: 0px;
  }
 
  .sidebar {
    position: fixed;
  /*  top: 51px; */
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 0px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
  }
  
  .sidebar > div {
	  margin-top:51px;
  }


}

@media (max-width: 927px) {

	.navbar-form {
		margin: 0px;
	}
	
	.navbar-form .ui-autocomplete-input {
		max-width: 100%;
		margin-left: 10px;
	}	
	
	.fixed_height_320 {
		height:auto;
	}
	
	.navbar-right > li:first-child {
		display:inherit;
	}
	
	.modal-dialog {
		max-width: calc(100% - 20px) !important;
		width:100%;
		margin-right: 20px;
}
}

@media (max-width: 992px) {

	.leftright {
	height: auto;
	padding-top:20px;
}

.mpdl10 {
	padding-top:5px !important;	
	padding-left:0px !important;
}


.theme-square-main-small {   
    margin-right:5px; 
}

.hiname {
    display: none;
}


.theme-square-small:hover {
    border:2px solid #ffffff;
}

.theme-square-selected-small > div {
    border:2px solid #ffffff;
}

.codeeditordiv {
	max-width:100%;
	width:100%;
}
 #searchcode {
	 max-width:calc(100% - 50px);
	 width:calc(100% - 50px);
	
 }

    .fileeditor {
        padding: 0px;
    }

    .footer .container {
        margin-left: 0px;
        font-size: 13px;
    }

 #wrapper.toggled {
    padding-left: 0px;
}

#menu-toggle {
	display:none;
}

.sidebar {
  display: none;
}

.main {
    padding: 10px !important;
	margin: 15px 0px 15px 0px;
}

	.maincp {
		margin: auto !important;
			
	}	
	
}

@media (max-width: 767px) {
		.search > .form-control {
		width:125px;
		}
		
		.container-fluid {
    padding-right: 10px;
    padding-left: 10px;
		}


}

@media (max-width: 640px) {
	
	.nav-tabs > li {
		float:none;
}

	.nav-tabs > li  > a {
		margin-right:0px;
}
	
	.container-fluid {
    padding-right: 5px;
    padding-left: 5px;
	}
		
	.bootstrap-table .pull-right .dropdown-menu {
		right:auto !important;
		left:0 !important;
	}
	
	.page-header {
		font-size:24px;
	}
	
	form > h3 {
		font-size:16px;
	}
	
	.btn {
		padding: 5px 10px;
		font-size:13px;
	}
	
	.form-control {
		height:31px;
		padding:3px 7px;
	}
	
	.fixed-table-toolbar .bs-bars, .fixed-table-toolbar .columns, .fixed-table-toolbar .search {
    line-height: 26px !important;
	}
	
	.bs-bars {
		width:100%;
		margin-bottom:0px !important;
	}
	
	.fixed-table-toolbar .columns-right {
		margin-left:0px !important;
		margin-right:5px !important;
		float:left !important;
	}

	

}


@media (max-width: 440px) {
	.footer .container .text-muted {
    margin-top: 10px !important;
		margin-bottom: 0px !important;
	}
}

 @media print {

.main  {
  margin: 0;
  padding:0;
}

.footer {
	display:none;
}

.print {
	display:none;
}

.sidebar {
	display:none !important;
}

.noprint, .fixed-table-toolbar, .fixed-table-pagination {
	display:none !important;	
}

a[href]:after {
    content:none !important;
  }
  
.print {
	display:flex !important;
}
  
 }