body{
    background:#fafafa;
    /*padding-top:30px;*/
    padding-bottom:30px;
}

#debug{
    font-size: 10px;
    width:100%;
}
#adminbody{
    padding-top:75px;
    background: #e1e1e1;

}
#adminwrapper{
padding-top: 15px;
}
#ajax_processing{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: rgba(0, 0, 0, 0.50);
    z-index: 1500;
}
#ajax_processing .custom-spinner {
    margin-top:200px;
    max-height: 40px;
}
#adminloginwrapper{

}
#refresh-all-cache{ background:#ccc; margin-top:-13px; margin-bottom:15px; line-height:50px; font-size:16px; color:#555;}
#refresh-all-cache i {font-size: 20px;}
/*Datatables ovveride*/

#showclock{
    text-align: center;
    /*color: #fff;*/
    /*background: rgba(79,149,175, 0.6);*/
    /*border-color: #4F95AF;*/
    /*padding:15px;*/
    margin-top:-12px;
    /*margin-bottom:10px;*/
}
#clockdiv button{margin-top:-2px; margin-left:5px;}

/*colored models*/
.modal-header-success{color:#fff;padding:9px 15px;border-bottom:1px solid #eee;background-color:#5cb85c;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px}
.modal-header-warning{color:#fff;padding:9px 15px;border-bottom:1px solid #eee;background-color:#f0ad4e;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px}
.modal-header-danger{color:#fff;padding:9px 15px;border-bottom:1px solid #eee;background-color:#d9534f;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px}
.modal-header-info{color:#fff;padding:9px 15px;border-bottom:1px solid #eee;background-color:#5bc0de;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px}
.modal-header-primary{color:#fff;padding:9px 15px;border-bottom:1px solid #eee;background-color:#428bca;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px}



@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/*data tables adjustments*/
table.dataTable
{
    /*font-size: 13px;*/
    font-size: 10px;
}
table.dataTable thead > tr > th{
    font-weight:500;
    padding-left: 8px;
    padding-right: 18px;
}
table.dataTable tbody>tr>td{
    padding-top:3px;
    padding-bottom:3px;
    line-height:23px;
    vertical-align: top;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{
    top:3px;
    left:6px;
    height: 14px;
    width: 14px;
    border: 1px solid white;
    border-radius: 14px;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{top:3px;
    left:6px;
    height: 14px;
    width: 14px;
    border: 1px solid white;
    border-radius: 14px;}

.cardbody-switchpad{
    padding: 0.5rem;
}
.cardbody-switchpad .dataTable_wrapper { margin-top:5px;}
.dataTable_wrapper{/*font-size: 13px;*/ font-size: 0.9rem;}
/*.toolbar_filters{width:100%;display:block; float:left; }*/
.toolbar_name, .toolbar_role_name{line-height:25px; font-size:1.3rem; }
/*.toolbar_button{width:40%;height:auto; display:block; float:right;}*/
/*.toolbar_export{display:inline;}*/
/*.dataTables_filter{display:block; width:100%;float:left; margin-left:0; text-align:left;}*/
/*.dataTables_length{display:block; width:100%;float:left; margin-left:0; text-align:left;}*/
.dataTables_processing { z-index: 1; }

.dataTables_processing{background:none;border:none;}

div.dataTables_scrollBody{
    background:unset !important;
}
/*Datatables ovveride*/


/* Login Center */
.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto;
    width:auto /*whatever width you want*/;
    padding-bottom:150px;
}
/* Login Center */

#admin_login_logo{
    padding:15px;
}
#admin_login_logo img { width:100%; max-height:225px; height:auto; max-width:300px; margin-bottom:15px;}
/*#admin_login_form{max-width: 330px;*/
/*    padding: 15px;*/
/*    margin: 0 auto;}*/
/*#admin_login_form #username{ border-bottom:0; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}*/
/*#admin_login_form #password{border-top-left-radius: 0; border-top-right-radius: 0; }*/
/*#admin_login_form #admin_login{position: absolute; bottom:2px; right:25px;background: transparent;}*/
/*.form-control-feedback{margin-right:15px;}*/

.dt_flag{height:15px; width: 23px;}
.dt_image a{margin-right:5px;}
.dt_image img {height:21px; width:auto; padding:2px;}

.dt_image_pm img {height:20px; width:auto;}
.img_def{border: solid 2px #5cb85c !important;}

.dt_image_pm .img_def {border: solid 1px #5cb85c !important;}
.img_def_one{padding:1px;}
.dt_user_avatar{height:30px; width:auto;}

/*.navbar-brand {padding: 10px 10px 10px 15px;}*/
.navbar-brand img {height:30px; width:auto;}

.fields_hidden, .menu_items_hidden, .columns_hidden,.aliases_hidden{display:none;}
.fields_visible, .menu_items_visible, .columns_visible, .aliases_visible{
    /*-webkit-animation: fadein 0.5s; !* Safari, Chrome and Opera > 12.1 *!*/
    /*-moz-animation: fadein 0.5s; !* Firefox < 16 *!*/
    /*-ms-animation: fadein 0.5s; !* Internet Explorer *!*/
    /*-o-animation: fadein 0.5s; !* Opera < 12.1 *!*/
    /*animation: fadein 0.5s;*/
    display: none;}

.check-color{color:#5cb85c;}
.ban-color{color:#bc0000;}
.warning-color{color:#8a6d3b;}
.has-error .form-control{background: rgba(169, 68, 66, .075);}

.alert {
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 0.5s; /* Firefox < 16 */
    -ms-animation: fadein 0.5s; /* Internet Explorer */
    -o-animation: fadein 0.5s; /* Opera < 12.1 */
    animation: fadein 0.5s;
}
label {
    font-size: 0.875rem;
    font-weight: 500;
}
.label-color {font-size: 90%;
    font-weight: normal ;}



h3.page-title{margin:0;font-size:1.3rem; margin-top:8px;}
h3.panel-title{font-size:15px; font-weight: 400;}
.list-marg-top-30{margin-top:30px;}

.trumbowyg-box{
    border-radius: 3px;
}
.trumbowyg-button-pane {
    background-color: #f5f5f5 !important;
}

.trumbowyg-box.trumbowyg-editor-visible {
    min-height: 150px !important;
}

.trumbowyg-editor {
    min-height: 150px !important;
}
.list-group-item-border {
    border: 1px solid rgba(0, 0, 0, 0.25);
}
.page-media .actionimage, .page-media .actionvideo{color:#fff !important; margin-top:-3px;}
.page-media-img img  { width:100%; height:auto; background: #fafafa; margin-bottom:10px; padding:2px; border: solid 2px #ccc;}

.bootstrap-select .media img { height:25px; width:auto;}
.add_edit_pm img {height:17px; width:auto;}

.input-xs {padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
height:22px;}

#media_settings img, #media_bo_styling img{ width:90%; height:auto;}
#media_settings .editimage, #media_bo_styling .editimage{ text-align: center}

.admin_page_tag{ display:inline-block; padding: 3px 8px 3px 8px; border:1px solid #CCC; background: #fafafa; border-radius: 4px;}
.admin_del_tag{margin-left:5px;}
.admin_del_tag:link,.admin_del_tag:active,.admin_del_tag:visited{color:#F00;}
.admin_del_tag:hover,.admin_del_tag:focus{color:#000;}
.grade-label{ font-size:12px; font-weight: normal; padding: 0.125rem 0.25rem;
    font-size: 0.9rem;
    line-height: 1.5;
    border-radius: 0.2rem;}
.pagespeed-title{font-size: 16px; font-weight: bold;}
.pagespeed_results{font-size: 15px; }
.pagespeed-row{margin-bottom:5px;}
.pagespeed-success, .seo_green { color:#3c763d;}
.pagespeed-warning, .seo_orange { color:#8a6d3b;}
.pagespeed-danger, .seo_red { color:#F00;}


#page_google_search_score { font-size: 13px;}
#page_google_search_score i {font-weight: bold;}
.color_circle {
    display: inline-block;
    border: 1px solid #666;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;
    width: 17px;
    height: 17px;
}
.bold{
    font-weight: 500;
}

/* boostrap select override*/
.bootstrap-select.btn-group>.dropdown-toggle {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
    padding-right: 25px;
}

/*dt btn-xs */
.btn-xs, .btn-group-xs > .btn
{
    padding: 0.125rem 0.25rem;
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.custom-boostrap-slider-val {margin-left:15px;}
.slider-selection {
    background: #81bfde;
}
.toggle_subtype { font-size: 0.7rem; margin-right:5px;}
.btn-ss { font-size: 0.7rem;
    margin-right: 5px;}

.add_edit_st_field{font-size: 0.7rem !important;}
.dropdown-item svg.check-mark{ margin-left:5px;display:none;}
.dropdown-item.selected svg.check-mark{display:inline;}

.setting_mutation{display:inline; float:right;}
.custom-spinner{ height: 100%; max-height:75px; width:auto;}

#admin_user_avatar a {width:100%;text-align: center;}
.admin-user-avatar img {
    position:relative; max-width:65%; height:auto;border: 1px solid #343a40;
    padding: 5px;
    background: #ccc;}

.admin_nav_user_avatar{
    height:26px;
    width:auto;
    border: 1px solid #666;
}
.table td{
    vertical-align: inherit;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 23px;
}


.account-details-buttonbar a {
    margin-top:5px;
    margin-bottom:5px;
}
.account-details-buttonbar img {
    height: 30px;
    width: auto;
    margin-top:5px;
    margin-bottom:5px;
}
.country-badge{
    min-width: 25px;
    font-size: 12px;
    font-weight:normal;
    margin-right: 5px
}

.version-badge{
    font-weight: normal;
    font-size: 12px;
    padding: 0.125rem 0.25rem;
    line-height: 1.5
}
.level-badge{
    min-width: 25px;
    font-weight: normal;
    font-size: 12px;
    padding: 0.125rem 0.25rem;
    line-height: 1.5
}

.toolbar_filters select{
    font-size: 16px !important;
}
@media (min-width: 768px) {

    table.dataTable
    {
        /*font-size: 13px;*/
        font-size: 12px;
    }
    .toolbar_filters select{
        font-size: 14px !important;
    }
    /*.toolbar_name, .toolbar_role_name{width:auto;display:inline-block; float:left;}*/
    /*.toolbar_filters{width:auto;display:inline-block; float:left; margin-left:10px;}*/
    /*!*.toolbar_button{width:auto;display:inline-block; float:right; margin-left:10px;}*!*/
    /*.dataTables_filter{width:auto;display:inline-block; float:right; margin-left:10px;}*/
    /*.dataTables_length{width:auto;display:inline-block; float:right; margin-left:10px;}*/
    /*.dataTables_info{float:left;}*/
    /*.dataTables_paginate{float:right;}*/

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

    label[class*="col-"] {
        line-height:30px;
    }

    /*.nav>li>a {*/
        /*padding-left: 8px;*/
        /*padding-right: 8px;*/
    /*}*/
}

@media (min-width: 1300px) {  .container{  max-width: 1270px  } .modal-lg  {max-width:1100px;} }
@media (min-width: 1400px) {  .container{  max-width: 1370px  } }
@media (min-width: 1500px) {  .container{  max-width: 1470px  }  }
@media (min-width: 1600px) {  .container{  max-width: 1570px  }  }