

.clear {clear: both;}

.reveal-if-active {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
  }
  .reveal-if-active label {
    display: block;
    margin: 0 0 3px 0;
  }
  .reveal-if-active input[type=text] {
    width: 100%;
  }
  input[type="radio"]:checked ~ .reveal-if-active, input[type="checkbox"]:checked ~ .reveal-if-active {
    opacity: 1;
    max-height: 100%;
    padding: 10px 20px;
    -webkit-transform: scale(1);
            transform: scale(1);
    overflow: visible;
  }

  img {    max-width: 100%;}


/* COLORES */

.bgm-default {background: #ececf0 !important;color: #fff !important;}
.bgm-default .count, .bgm-default:hover, .bgm-default .count h2  {color: #000 !important;}
.bgm-btn-default {background: #fff !important;color: #000 !important;}
.btn-default {background: #F8F8F8 !important;color: #000 !important;}
.btn-green {background: #0b2d88 !important;}
.white {color:#fff !important;}
.noradius {border-radius: 0; }
.fileinput .btn {color:#000 !important;}
.c-footer button {padding: 2px 10px 3px !important;}
.c-footer button:hover {background: #e8ecf7 !important;color:#fff !important; }

/* LOGIN */
body.login-content:before {background: #ececf0;height: 100%;}
.login-content h1 {color: #000;z-index: 1;position: relative;}
.loginlogos {background: transparent;    max-width: 860px;margin: 0 auto;box-shadow: none;margin-top: 50px;}
.loginlogos img {width: 17%;text-align: center}
@media (min-width: 1199px) { body.sw-toggled #footer {padding-left: 0 !important;}
                           }

/* HEADER */ 

#header {background: #e8ecf7}
#header .logo img {       max-width: 45px;margin-top: -14px;}
#header .top-menu .usuario i {    color: #0b2d88 !important;background:transparent !important;font-size: 28px;position: relative;left: 13px;top: -5px;margin-top: 10px;}
#menu-trigger .line-wrap .line {background-color:#0b2d88;}


/* SIDEBAR */

.profile-menu > a .profile-info {margin-top: 0;}

#loading {    
    position: fixed;width: 100%;z-index: 999999999;background: rgba(0, 0, 0, 0.70);height: 100%;color: #fff;
    font-size: 20px;text-align: center;font-weight: 300;display: none;}

#loading span, #loading img {top: 47%;position: relative;}

#loading img {}


/* PERFIL */

#profile-main .pmo-pic .pmo-stat {background: #e8ecf7 !important}

/* TABLAS */ 

.datatables .actions a i {color: #fff;}
.datatables .actions a i:hover {color: #fff !important}
.datatables .actions > li > a:hover > i, .datatables  .actions > a:hover > i {color: #fff;}
.datatables table a i {color: #5e5e5e;font-size: 20px !important; position: relative; top: 6px;}
.datatables .tooltip.left {margin-left: 20px;}
.datatables .row {margin: 15px;}
.datatables select {width: 40px !important;background-color: #fff;border: 1px solid #e0e0e0;border-radius: 0px !important;color: #5e5e5e;
    text-align: center;font-size: 12px;height: 35px;padding-left: 10px;-moz-appearance: none;-webkit-appearance: none;}
.datatables .dataTables_filter input  { width: 300px !important;background-color: #fff;border: 1px solid #e0e0e0;
    border-radius: 0px !important;color: #5e5e5e;   font-size: 12px;height: 35px;padding-left: 10px;-moz-appearance: none;-webkit-appearance: none;}
#data-table-command input[type="checkbox"] {position: relative;top: -0.375rem;margin: 0 1rem 0 0;cursor: pointer;}
#data-table-command input[type="checkbox"]:before {transition: all 0.3s ease-in-out;content: "";position: absolute;
  left: 0;z-index: 1;width: 24px;height: 24px;border: 2px solid transparent;}
#data-table-command input[type="checkbox"]:after {content: "";position: absolute;top: -0.125rem;left: 0;width: 20px;height: 20px;background: #fff;cursor: pointer;border: 1px solid #ccc;}
#data-table-command input[type="checkbox"]:checked:before {transform: rotate(-45deg);height: 10px;border-color: #083393;border-top-style: none;border-right-style: none;}
#data-table-command input[type="checkbox"]:checked:after {border: 1px solid transparent;}
#data-table-command input[type="checkbox"] {position: relative;top: -0.125rem;}
.pagination > li.current > a {    color: #FFFFFF;
    background-color: #4285F4;}
.pagination > li.previous > a, .pagination > li.next > a {width: 70px;background: transparent}
.datatables .btn-info i {color:#fff !important;}

button.dt-button, div.dt-button, a.dt-button {
    padding: 9px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 0px !important;
    color: #787878 !important;
    background-color: transparent !important;
    margin-left: 5px !important;
    background-image: none !important;
}

/* PROGRESO */ 

.progress { height: 10px;}
#nprogress .bar {
    background: #083393 !important;
}
#nprogress .spinner-icon {
    border-top-color: #083393 !important;
    border-left-color: #083393 !important;
}

/* TAGS */

.label-info {
    background-color: #e8ecf7;
}
.bootstrap-tagsinput {    

    border: none !important;
    border-bottom: 1px solid #ccc !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    width: 100% !important;
}

/* Formularios */

.formas .actions a i {color: #fff;}
.formas .actions a i:hover {color: #fff !important}
.formas .actions > li > a:hover > i, .datatables  .actions > a:hover > i {color: #fff;}
.formas table a i {color: #5e5e5e;font-size: 20px !important; position: relative; top: 10px;}
.formas .tooltip.left {margin-left: 20px;}

/* PEDIDOS */

#pedidos .media .tag {color: #232323;font-size: 16px;position: relative;top: 2px;}
#pedidos .actions > li > a, .actions > a {width: 100%}

/* CHOSEN */

.chosen-container .chosen-results > li.result-selected {background: #1B1B19;color: #4CE8E7;}
.chosen-container-multi .chosen-choices li.search-choice {background: #1B1B19;color: #4CE8E7;}


/* MAPA */

#empresaMapa {height: 350px !important; width: 100% !important;background-color: transparent !important;overflow: visible !important; transform: 0 !important}

/* PERFIL */

.dl-horizontal dt { width: 250px; }

@media (min-width: 1200px) {

#profile-main .pm-overview {
    width: 250px;
}
#profile-main .pm-body {
    padding-left: 250px;
}
}

/* DATEPICKER */ 

/* BOTONEs */


.nowrap {white-space: pre-wrap;}

@media only screen and (max-width: 40em) {
	
	.loginlogos img {width: 50%;}
	
 } /* max-width 640px, mobile-only styles, use when QAing mobile issues */


@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */


@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */


@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */


@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */

