#page {
    border:none;
}
.text-onvacation-red {
    color: #e30412;
}
.bg-onvacation-red {
    background-color: #e30412;
}
.text-onvacation-blue {
    color: #2d2763;
}
.bg-onvacation-blue {
    background-color: #2d2763;
}
.text-onvacation-blue2 {
    color: #0e81af;
}
.bg-onvacation-blue2 {
    background-color: #0e81af;
}
.text-onvacation-yellow {
    color: #fec800;
}
.bg-onvacation-yellow {
    background-color: #fec800;
}

.bg-white,.bg-fff {
    background-color: #fff!important;
}
.bg-gray {
    background: #f5f5f5;
}

::-webkit-scrollbar{width:5px!important;height: 7px;}
::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}
::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}

#side_accordion a {
    cursor: pointer;
}

.checkbox-column {
    width:30px!important;
}

.command-bar-right {
    text-align: right;
}
.command-bar-left, .table .summary {
    text-align: left;
}

.pagination {
    margin: 5px 0px 10px 0px!important;
}

thead th {
    background-color: #0e81af;
    color: #fff;
}
thead th a, thead th a:hover, thead th a:focus {
    color:#fff!important;
    font-weight: 400;
}

#divResultado {
    border: solid 1px #ddd;
    padding: 10px 0;
}

.icon-menu {
    font-size:10px;color:#ccc;margin-right:5px
}
.icon-menu.active {
    font-size:10px;color:#333;margin-right:5px
}

.mt-10, .m-10 {
    margin-top:10px;
}
.mb-10, .m-10 {
    margin-bottom:10px;
}
.mt-20, .m-20 {
    margin-top:20px;
}
.mb-20, .m-20 {
    margin-bottom:20px;
}

.grid-view a, .mui-tabs__bar > li > a {
    cursor:pointer!important;
}

.mui-tabs__bar > li > a {
    text-transform: capitalize;
}

#loadingGenericSpinner {
    position: absolute;
    right: 5px;
    bottom:5px
}
.grid-view .table .btn-group .btn-xs {
    padding: 3px 0px;
    width:24px;
    text-align: center;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 3px;
}
.mui-btn--fab.mui-btn--small {
    font-size: 1.4em;
    line-height: 45px;
    padding:0;
}

.no-pad-mar {
    padding:0!important;
    margin: 0!important;
}

.input-group.error input, .input-group.error span,
.mui-textfield.error input, .mui-textfield.error textarea, .mui-select.error select, .mui-select.error .select2-selection {
    border-color:#b94a48;
    color:#b94a48;
}
.error, .mui-textfield.error label,.mui-textfield.error input:focus + label,.mui-textfield.error textarea:focus + label, .mui-select.error select:focus + label, .mui-select.error .select2-selection__placeholder {
    color: #b94a48;
}
.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.mui-textfield textarea {
    font-size:13px!important;
}
.mui-textfield textarea:focus {
    border-bottom-width: 1px!important;
    font-size:13px!important;
    /*margin-bottom: 0.5em!important;*/
}
.mui-textfield input,.mui-select select, .mui-select button, .mui-select .select2-selection  {
    font-size:13px!important;
    height: 24px!important;
    margin: 0.2em 0 0.5em 0;
}
.mui-textfield input:focus,.mui-select select:focus, .mui-select button:focus {
    height: 24px!important;
    border-bottom-width: 1px!important;
    margin: 0.2em 0 0.5em 0;
    font-size:13px!important;
}
.mui-textfield input[disabled], .mui-textfield input[readonly], .mui-select select[disabled] {
    border-color: #bbb!important;
    background-color: #fafafa!important;
}



.contenedor-area-trabajo {
    padding-top:5px!important;
}
.contenedor-area-trabajo h3:first {
    margin: 5px 0px!important;
}

.colorgraph {
    height: 2px;
    border-top: 0;
    background: #c4e17f;
    border-radius: 5px;
    background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: linear-gradient(to right, #c4e17f, #c4e17f 20%,#62c2e4 20%, #62c2e4 40%, #f0776c 40%, #f0776c 60%,#fecf71 60%, #fecf71 80%, #669ae1 80%, #669ae1);
    margin:10px 0px 20px 0px;
    opacity: 0.95;
    -webkit-opacity: 0.95;
    -moz-opacity: 0.95;
}
.nav.nav-tabs li a,.nav.nav-pills li a {
    cursor: pointer;
}
.popover {
    max-width: 85vw!important;
}

.fixed-bottom-wrapper {
    position:fixed;
    width: calc(100% - 250px);
    bottom: 0;
}

@media (max-width: 767px) {
    .input-prepend {
        width: 100%;
    }
    .input-prepend input, 
    .input-append input, 
    .input-prepend input[class*="span"], 
    .input-append input[class*="span"] {
        display: inline-block;
        width: calc(100% - 30px)!important;
    }
    body {
         padding-left: 0px!important; 
         padding-right: 0px!important; 
    }
    .command-bar-left, .command-bar-right, .table .summary {
        text-align: center;
    }
    .modal-dialog {
        /*width: 90%!important;*/
    }
    .modal .col-xs-12 .col-xs-12 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .popover {
        max-width: 95vw!important;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-rigth-xs {
        text-align: right
    }
    .text-left-xs {
        text-align: left
    }
    .mui-panel {
        border-left:none;
        border-right: none;
        box-shadow: none;
    }
}
@media (min-width:968px){
    .modal-xl {
        max-width: 90vw;
        min-width:400px;
        width: auto;
    }
}


.ui-multiselect-checkboxes {
    padding-left: 12px;
}
.ui-multiselect-checkboxes input[type="checkbox"]{
    margin-right: 8px;
}
.datepicker thead tr:first-child th:hover, .datepicker tfoot tr:first-child th:hover {
    background: #286090!important;
}
.datepicker th {
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
    border: none;
}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {
    background-color: #0e81af!important;
    background-image: none!important;
}

.close {
    font-size: 26px!important;
}


.mui-select label,.mui-textfield label {
    font-weight: 700;
    color:rgba(0, 0, 0, 0.84);
}
.label-checked.btn span.fa {    			
	opacity: 0;
}
.label-checked.btn.active span.fa {				
	opacity: 1;				
}

.table-detail td {
     border-top-style: dashed!important;
}

.table-detail tr:first-child td {
    border:none!important;
}
fieldset {
    border:none!important;
    box-shadow: 0!important;
}


.mui-green label {
    color:green!important;
}
.mui-green input{
    border-color:green!important;
}
.icon-menu-o2{
    width:24px;
}

.pagination .page.selected a {
    background-color: #337ab7!important;
    color: #fff!important;
}
.pagination li a {
    cursor: pointer;
}

.dropdown-menu > li > div{
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    cursor:default;
}

#topNavDropDown {
    float:right!important;
    margin-right: 15px!important;
    position: relative;
    padding: 6px 0px 0px 0px;
    margin: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 60px;
    border: none;
    font-size: 1em;
}
#topNavDropDown > a {
    color: #fff!important;
    border: none;
    text-decoration: none;
}

.select2 .select2-selection__placeholder, .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color:#333;
}
.mui-select.error .select2 .select2-selection__placeholder, .mui-select.error .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color:#b94a48;
}
.select2 .select2-selection--single .select2-selection__rendered {
     padding-left: 0px!important; 
     padding-right: 0px!important; 
}
.mui-select .select2{
    margin-bottom: 0px!important;
}
.osiris-mui-label {
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 15px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.84);
}
.osiris-mui-label-selected {
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 15px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    color: #2196F3;
}
.mui-select .select2 .select2-selection--multiple {
    height: auto;
    min-height: 32px;
}
.mui-select .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.26);
    border-radius: 0px;
    box-shadow: none;
}

.select2-dropdown {
    z-index: 3001;
}

.sidebar #clean_filter {
    position: absolute;
    margin-left: -32px;
    margin-top: 0px!important;
}
.clean_filter {
    padding: 10px;
    cursor: pointer;
    font-size: 14px;
    color: #BBB;
    z-index: 3;
    float: right;
    margin-top: -35px;
}
.clean_filter:hover {
    color: #777;
}
.clean_filter:active {
    color: black;
}

.ui-jqgrid .ui-state-default.ui-jqgrid-hdiv {
    overflow: hidden!important;
}
.ui-jqgrid .ui-state-default.ui-jqgrid-hdiv .ui-jqgrid-labels {
    height: 32px;
}
.popover .close {
    position: absolute;
    top: 13px;
    right: 10px;
    font-size: 21px !important;
    -webkit-appearance: none !important;
}
.popover .close:hover {
    color: #000;
}
.popover-title {
    padding-right: 30px;
    border-bottom: none;
}
.mui-radio--in,
.mui-checkbox--in {
  margin-top: 10px!important;
}
.tooltip{
    z-index: 10010 !important;
}
.sweet-alert{
    z-index: 10001 !important;
}
.input-number-app {
    -moz-appearance: textfield;
}
.input-number-app::-webkit-outer-spin-button,
.input-number-app::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.tooltip-inner{
    word-break: break-all !important;
}