/*CSS General*/
.olix-index td, th {
    line-height: 0px;
}

.height {
    height: 100%
}

.flex {
    display: flex;
}
.relative {
    position: relative;
}
.divider {
    float: left;
    height: 1px;
    width: 100%;
    margin: 30px 0;
    background-color: #e0e0e0;
}

.inline-block {
    display: inline-block;
    width: 100%;
}

.truncate {display: block !important}

.z-depth-1, nav, .toast {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.uppercase {text-transform: uppercase;}
.btn i, .btn-large i, .btn-floating i, .btn-large i, .btn-flat i, .btn img, 
.btn-large img, .btn-floating img, .btn-large img, .btn-flat img, li img {
    vertical-align: middle;
    margin-right: 5px;
}
.btn.btn-left {float: left;}
.btn.btn-right {float: right;}

.input-field input:not([type]), .input-field input[type=text], .input-field input[type=password], .input-field input[type=email], .input-field input[type=url], .input-field input[type=time], .input-field input[type=date], .input-field input[type=datetime], .input-field input[type=datetime-local], .input-field input[type=tel], .input-field input[type=number], .input-field input[type=search], .input-field textarea.materialize-textarea {
    margin:0 !important;
}

input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
    cursor:pointer;
}

.input-field label{
    width: calc(100% - 3rem);
}

.input-field label span.note{
    font-size: 9px;
    float: right;
    text-transform: initial;
}

.no-margin { margin: 0 !important;}
.no-border { border: 0 !important;}
.margin-auto { margin: auto;}
.no-margin-top { margin-top: 0 !important;}
.border-bottom { border-bottom: 1px solid #00baac;}
.border-bottom-3 {border-bottom: 3px solid #00baac;}
.border-left, .border-left-groove {border-left: 1px groove rgba(255, 255, 255, 0.4);}
.border-right, .border-right-groove {border-right: 1px groove rgba(255, 255, 255, 0.4);}
.border-left-ridge {border-left: 1px ridge rgba(134, 133, 133, 0.4);}
.border-right-ridge {border-right: 1px ridge rgba(134, 133, 133, 0.4);}
.border-right-groove {border-right: 1px groove rgba(255, 255, 255, 0.4);}
.hidden {display: none}
.psmall {font-size: 0.9rem;}
.nsmall {font-size: 0.8rem;}
.line-through {text-decoration: line-through;}
.disabled, .inactive, .tr-inactive td, .opacity { opacity: 0.2;}
nav#options ul a{color: #312B2B;}
nav#options ul a:hover {background-color: rgba(255, 255, 255, 0.1);}
.dropdown-content {z-index:998}
.dropdown-content .divider { margin: 0}
.dropdown-content li>a, .dropdown-content li>span {
    color: #312b2b !important;
}
.autocomplete-content {position: absolute; width: 100%}
.padding-10 {padding:10px}
.padding-15 {padding:15px}
.padding-bottom-15 {padding-bottom:15px !important}
.padding-20 {padding:20px}
.margin-10 {margin:10px}
.margin-15 {margin:15px}
.margin-20 {margin:20px}
.margin-right10 {margin-right:10px !important}
.drag-target {width: 0;}
.side-nav .divider {margin: 30px 0;}
#slide-menu.side-nav .divider {margin: 0;}
#sidenav-overlay { z-index: 998}
.breadcrumb-first:before {
    color: transparent;
    width: 0;
}

.color-olive {
    background: #d7d806;
}

.breadcrumb {
    padding-right: 20px
}

.font-rem15 {
    font-size: 1.5rem;
}

.clearfix:before, 
.clearfix:after {
    content: " "; 
    display: table; 
}

.clearfix:after {
    clear: both;
}

.div-language p {float: left;     margin: 9px 9px 7px 0;}
/*CSS General*/

/*CSS Colores*/
a {color: #312B2B;}
.olix-back-transparent {background-color: transparent !important;}
.olix-back-white {background-color: white !important;}
.olix-back-grey {background-color: whitesmoke !important;}
.olix-back-black {background-color: #312B2B !important;}
.olix-back-red {background-color:#E41844;}
.olix-back-yellow {background-color:#00baac;}
.olix-text-white, .olix-text-white  li > a {color: white;}
.olix-text-white a:hover{background-color: rgba(230, 219, 219, 0.1);}
.olix-text-black, .olix-text-black  li > a{color: #312B2B !important;}
.olix-text-yellow {color: #FFB300;}

.no-shadow {box-shadow: none}
.side-nav#slide-menu .collapsible-sidenav li a.active,
.side-nav#slide-menu .collapsible-sidenav li a.active:hover{border-right: 3px solid #00baac;}
.side-nav#slide-menu .collapsible-sidenav li a.active span{background-color: #26a69a; color: white; font-weight: 700;}
.side-nav#slide-menu .dropdown-content li > a, .side-nav#slide-menu .dropdown-content li > span {color: #312B2B !important; line-height: 50px;}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-floating) {color: #26a69a; }
.card .card-action a:not(.btn):not(.btn-large):not(.btn-floating):hover {color: #31daca;}
.tabs .tab a {color: #26a69a; }
.tabs .tab a.active { background: white}
.tabs .tab a:hover {color: #31daca;}
.tabs .indicator {background-color: #31daca;  z-index: 100;}
/*End CSS Colores*/

/*Perfect Scrollbar CSS*/
.always-visible.ps-container > .ps-scrollbar-x-rail,
.always-visible.ps-container > .ps-scrollbar-y-rail {
    opacity: 0.6;
}
/*End CSS Perfect Scrollbar */

/*CSS NProgress*/
#nprogress .bar{background:#26a69a;}
#nprogress .peg {box-shadow: 0 0 10px #26a69a,0 0 5px #26a69a;}
#nprogress .spinner{top:91%; left:10px}

#nprogress .spinner-icon{
    width: 50px;
    height: 50px;
    border-top-color: #26a69a;
    border-left-color: #26a69a;
}
/*End CSS NProgress*/

/*CSS Mensajes Toast*/
#toast-container {
    top: initial;
    bottom: 10px;
    left: 10px;
    right: initial;
}
#toast-container > div {display: block;}
#toast-container > .toast-error, #toast-container > .toast-success, 
#toast-container > .toast-warning, #toast-container > .toast-info  {
    opacity: 1;
    box-shadow: 0 0 6px black;
    border-radius: 0;
    background-color: whitesmoke;
    background-size: 30px;
    padding-left: 55px;

}
#toast-container > .toast-error button, #toast-container > .toast-success button, 
#toast-container > .toast-warning button, #toast-container > .toast-info  button {
    color: #312B2B;
}
#toast-container .toast-title {
    font-weight: 600;
    font-size: 1.1rem;
}

#toast-container .toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    color: #302727;
    font-size: 14px;
    font-weight: 400;
    color: #302727;
    font-size: 1rem;
    font-weight: 400;
    word-break: initial;
}
#toast-container > .toast.toast-error {
    color: #bd362f;
    border-top: 3px solid #bd362f;
    background-image: url("https://static.olix.es/img/olix/svg/ic_error_black_24px.svg") !important;  
}

#toast-container > .toast.toast-success {
    color: #51a351;
    border-top: 3px solid #51a351;
    background-image: url("https://static.olix.es/img/olix/svg/ic_check_circle_black_24px.svg") !important;    
}

#toast-container > .toast.toast-warning {
    color: #f89406;
    border-top: 3px solid #f89406;  
    background-image: url("https://static.olix.es/img/olix/svg/ic_warning_black_24px.svg") !important;
}

#toast-container > .toast.toast-info {
    color: #2f96b4;
    border-top: 3px solid #2f96b4;  
    background-image: url("https://static.olix.es/img/olix/svg/ic_info_black_24px.svg") !important;
}

#toast-container  button.toast-close-button{
    top: -10px;
    right: -10px;
    padding: 5px;
    background: rgba(0, 0, 0, 0.08);
    width: 30px;
    height: 30px;
    text-shadow: initial;
    border-radius: 63px;
}
.filter_active {line-height: 64px; padding-left: 15px !important;}
/*End CSS Mensajes Toast*/

input[type=hidden]+label:after{
    display: block;
    content: "";
    position: absolute;
    opacity: 0;
    transition: .2s opacity ease-out, .2s color ease-out;
}


input[type=hidden].invalid+label:after{
    display: block;
    position: absolute;
    transition: .2s opacity ease-out, .2s color ease-out;
    top: 50px;
    font-size: 9px;
    content: attr(data-error);
    color: #F44336;
    opacity: 1;
}
/* CSS Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.3); 
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: rgba(49, 43, 43, 0.6); 
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(49, 43, 43, 0.3);
}
/* END CSS Scrollbar */

/*Circle two colors*/

.divided-circle {
    margin-top: 18px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); 
    transform: rotate(45deg);

}

.divided-circle:before,
.divided-circle:after {
      content: '';
      width: 10px;
      height: 20px;
}

.divided-circle:before {
    float: left;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.divided-circle:after {
    float: right;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.style-csm {
   padding: 2rem;
}

.style-csm iframe{
    border: 1px solid #949494;
   -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.style-csm .input-field{
   padding-bottom: 1.5rem;
}