@font-face {
    font-family: roboto;
    src: url(fonts/roboto/Roboto-Light.ttf);
}

body {
    font-family: roboto;
}

/* Estilo paera menuTop*/
.skin-blue .main-header .navbar {
    background-color: #ec003d;
}

.skin-blue .main-header .logo {
    background-color: #ec003d;
    color: #fff;
    border-bottom: 0 solid transparent;
}
.skin-blue .main-header navbar .sidebar-toggle:hover {
    background-color: #CB0036;
}
.skin-blue .main-header .logo:hover {
    background-color: #CB0036;
}
.skin-blue .main-header li.user-header {
    background-color: #CB0036;
}
/* Estilo paera menuRight*/
.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a {
    color: #fff;
    background: #1e282c;
    border-left-color: #CB0036;
}

.solicitudModalItem{
    cursor: pointer !important;
    color: #555555 !important;
}

/* Estilo paera menuRight*/
.solicitudModal>li:hover>a{
    color: #fff !important;
    background: #b1b1b1 !important;
    border-left-color: #CB0036;
}


.sidebar-menu>li.activeModal>a {
    color: #fff !important;
    background: #b1b1b1 !important;
    border-left-color: #CB0036;
}


/* estilo para migas de pan */
.content-header>.breadcrumb {
    float: left;
    background: transparent;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    padding: 7px 5px;
    position: absolute;
    top: 15px;
    left: 10px;
    border-radius: 2px;
}

hr.style14 { 
    border: 0; 
    height: 1px; 
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}


/* efect input material desing*/
* { box-sizing:border-box; }
.group            { 
    position:relative; 

}
input               {
    font-size:12px;
    padding:10px 10px 4px 5px;
    display:block;
    width: 100%   ;
    border:none;
    border-bottom:1px solid #757575;
}
input:focus         { outline:none; }

/* LABEL ======================================= */
.MaterialLabel               {
    color:#999; 
    font-size:12px;
    font-weight:normal;
    position:absolute;
    pointer-events:none;
    left:5px;
    top:7px;
    transition:0.2s ease all; 
    -moz-transition:0.2s ease all; 
    -webkit-transition:0.2s ease all;
}

/* active state */
input:focus ~ .MaterialLabel , input:valid ~ .MaterialLabel{
    top:-9px;
    font-size:12px ;
    color:#757575;
}

.inputValidate ~ .MaterialLabel, .inputValidate:valid ~ .MaterialLabel{
    top:-9px;
    font-size:12px ;
    color:#CB0036;
}

.massageError{
    color: #CB0036;
    font-size: 12px;
    position: relative;
}

/* BOTTOM BARS ================================= */
.bar    { position:relative; display:block; width:100%; }
.bar:before, .bar:after     {
    content:'';
    height:2px; 
    width:0;
    bottom:1px; 
    position:absolute;
    background:#CB0036; 
    transition:0.2s ease all; 
    -moz-transition:0.2s ease all; 
    -webkit-transition:0.2s ease all;
}
.bar:before {
    left:50%;
}
.bar:after {
    right:50%; 
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
    width:50%;
}

.inputValidate ~ .bar:before, .inputValidate ~ .bar:after{
    width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
    position:absolute;
    height:60%; 
    width:100px; 
    top:45%; 
    left:0;
    pointer-events:none;
    opacity:0.5;
}

/* Input Search ================================== */
.inputSearchContent{
    padding-bottom:5px; position: relative; background: #fff;  border: solid 2px #c7c7c7; border-radius: 8px; width: 100%; height: 40px;
}

.inputSearchText {
    background: transparent; width: 87%; height: 100%;  border: none;  
    margin-top: -31px; margin-left: 30px; outline:0px;
}

.inputSearchText:hover {
    border: none;
}

.inputSearchText:focus {
    border: none;
}
/* active state */
/* ****************************** select  ************************************** */
.ui.selection.active.dropdown, .ui.selection.active.dropdown .menu {
    border-color: #CB0036;
    box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
}

.ui.selection.active.dropdown:hover, .ui.selection.active.dropdown:hover .menu {
    border-color: #CB0036;
    box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
}

.ui.selection.active.dropdown:hover, .ui.selection.active.dropdown:hover .menu {
    border-color: #CB0036;
    box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
}

.ui.selection.dropdown:focus {
    border-color: #CB0036;
    box-shadow: none;
}

/* ******************************************************************************************************************************* */

.radio {
    display: inline-block;
    padding-right: 20px;
    font-size: 15px;
    line-height: 4px;
    cursor: pointer;
}

.radio:hover .inner {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    opacity: .5;
}

.radio input {
    width: 10px;
    height: 10px;
    opacity: 0;
}

.radio input:checked + .outer .inner {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.radio input:checked + .outer { border: 3px solid #CB0036; }

.radio input:focus + .outer .inner {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    background-color: #CB0036;
}

.radio .outer {
    width: 15px !important;
    height: 15px !important;
    display: block;
    float: left;
    margin: 10px 9px 10px 10px;
    border: 3px solid #CCC;
    border-radius: 50%;
    background-color: #fff;
}

.radio .inner {
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    width: 5px;
    height: 5px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    display: block;
    margin: 2px;
    border-radius: 50%;
    background-color: #CB0036;
    opacity: 0;
}

.checkLabelMaterial{
    top:-9px;
    font-size:12px;
    color: #757575 !important;
}
/* *************************************************************************************************** */

.content-header>h1 {
    margin: 0;
    font-size: 24px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: roboto;
}

.ui.dropdown .menu>.item {
    position: relative;
    cursor: pointer;
    display: block;
    border: none;
    height: auto;
    text-align: left;
    border-top: none;
    line-height: 1em;
    color: rgba(0,0,0,.87);
    padding: .78571429rem 1.14285714rem!important;
    font-size: 1.4rem;
    text-transform: none;
    font-weight: 400;
    box-shadow: none;
    -webkit-touch-callout: none;
}

/* Calendario */
#external-events h4 {
    font-size: 16px;
    margin-top: 0;
    padding-top: 1em;
}

#external-events .fc-event {
    margin: 10px 0;
    cursor: pointer;
}

#external-events p {
    margin: 1.5em 0;
    font-size: 11px;
    color: #666;
}

#external-events p input {
    margin: 0;
    vertical-align: middle;
}

#calendar {     
    width: 90%;
    height: 10%;
}

.fc-day-grid-event .fc-content {
    white-space: nowrap;
    overflow: hidden;
    padding: 2px;
}


a:focus, a:hover {
    color: #444444;
    text-decoration: none !important;
}


a {
    color: #777777;
    text-decoration: none;
}

/*LOgion*/
.aLogin:focus, .aLogin:hover {
    color: #EBEBEB;
    text-decoration: none !important;
}


.aLogin {
    color: #777777;
    text-decoration: none;
}



.fc-event, .fc-event:hover, .ui-widget .fc-event {
    color: #fff;
    text-decoration: none;
}

.fc-view{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border: none;
    border-radius: 10px;
}

/* ---------------------------------------------------------------------------------- */
/* dataPicker */

.dtp div.dtp-date, .dtp div.dtp-time {
    background: #ec003d;
    text-align: center;
    color: #fff;
    padding: 10px;
}

.dtp .p10 > a {
    color: #fff;
    text-decoration: none;
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
    background: #CB0036;
    color: #fff;
    text-align: center;
    padding: 0.3em;
}

.dtp table.dtp-picker-days tr > td > a.selected {
    background: #CB0036;
    color: #fff;
}

.dtp .dtp-actual-meridien a.selected {
    background: #CB0036;
    color: #fff;
}

/* --------------------------------------------------------------------------------------------------------------- */
/* Chip */  
.md-chipLg {
    display: inline-block;
    border-radius: 20px;  
    height: 27px;
    width: 135px;
    padding-left: 5px;
    padding-right: 5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
}

.md-chip {
    display: inline-block;
    border-radius: 20px;  
    height: 27px;
    width: 100px;
    padding-left: 5px;
    padding-right: 5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
}

.md-chip:hover {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    cursor: pointer;
}

.md-chip-text {
    display: inline-block;      
    font-size: 16px;
    height: 42px;
    float: left;
    margin-top: 4px;
    /*margin-bottom: 3px;*/
    color: rgba(255, 255, 255, .87);
}

.white {
    background-color: #D7D7D7;
}

.white .md-chip-text {
    color: rgba(0, 0, 0, .87);
}

/* ****************************************************************************************** */
/* Modal */

.modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 300px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0);
    opacity: 1;
}

.modal-header {
    font-family: roboto;
    background-color: #007336;
    color: #fff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;

}

.modal-body {
    font-size: 14px;
}

.modal-content {
    border-radius: 5px;   
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
}


.dtp {
    z-index: 2147483649 !important;
}

/* ------------------------------------------------------------------------------ */
/* separador */
hr {
    margin-top: 7px;
    margin-bottom: 10px;

} 

/* ------------------------------------------------------------------------------- */
/* checkBox */
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
[type="checkbox"]:not(:checked) + .checkLabel,
[type="checkbox"]:checked + .checkLabel {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + .checkLabel:before,
[type="checkbox"]:checked + .checkLabel:before {
    content: '';
    position: absolute;
    left:0; top: 2px;
    width: 17px; height: 17px;
    border: 1px solid #aaa;
    background: #f8f8f8;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + .checkLabel:after,
[type="checkbox"]:checked + .checkLabel:after {
    content: '✔';
    position: absolute;
    top: 3px; left: 2px;
    font-size: 18px;
    line-height: 0.8;
    color: #CB0036; 
    transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + .checkLabel:after {
    opacity: 0;
    transform: scale(0);
}
[type="checkbox"]:checked + .checkLabel:after {
    opacity: 1;
    transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + .checkLabel:before,
[type="checkbox"]:disabled:checked + .checkLabel:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}
[type="checkbox"]:disabled:checked + .checkLabel:after {
    color: #999;
}
[type="checkbox"]:disabled + .checkLabel {
    color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + .checkLabel:before,
[type="checkbox"]:not(:checked):focus + .checkLabel:before {
    border: 1px dotted blue;
}

/* hover style just for information */
.checkLabel:hover:before {
    border: 1px solid #4778d9!important;
}

/* cambio estiolo bootstrap */
p {
    margin: 0;
}


.linkGeneral {
    color: #2983ff;

}

/* -------------------------------------------------------------------------------------------------------------------- */

.nav-tabs { border-bottom: 2px solid #DDD; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav-tabs > li > a { border: none; color: #666; }
.nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #CB0036 !important; background: transparent; }
.nav-tabs > li > a::after { content: ""; background: #CB0036; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #CB0036 none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 15px 0; }


/* textArea */

textarea:focus ~ label, textarea:valid ~ label {
    font-size: 11px;
    color: #CB0036;
    top: -1.45rem;
    -webkit-transition: all 0.125s ease;
    transition: all 0.125s ease;
}

.textAreaValidate:focus ~ label, .textAreaValidate:enabled ~ label {
    font-size: 11px;
    color: #CB0036;   
    top: -1.45rem;
    -webkit-transition: all 0.125s ease;
    transition: all 0.125s ease;
}

.styled-input {
    float: left;
    width: 33.3333%;  
    position: relative;
    font-size: 11px;
}

.styled-input label {
    color: #cecece;  
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    pointer-events: none;
    font-size: 11px;
}

.styled-input.wide { width: 100%; }

textarea {

    border: 0;
    width: 100%;
    font-size: 11px;
}

textarea ~ span {
    display: block;
    width: 0;
    height: 3px;
    background: #CB0036;
    position: absolute;
    bottom: 3px;
    left: 0;
    -webkit-transition: all 0.125s ease;
    transition: all 0.125s ease;
    font-size: 11px;
}

textarea:focus { outline: 0; }

textarea:focus ~ span {
    width: 100%;
    -webkit-transition: all 0.075s ease;
    transition: all 0.075s ease;
}

.textAreaValidate ~ span {
    width: 100%;
    -webkit-transition: all 0.075s ease;
    transition: all 0.075s ease;
}

/************************************************************************************************************ */
/* input number */
.spinner input {
    text-align: right;
}
.input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
}
.input-group-btn-vertical > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 8px;
    margin-left: -1px;
    position: relative;
    border-radius: 0;
}
.input-group-btn-vertical > .btn:first-child {
    border-top-right-radius: 4px;
}
.input-group-btn-vertical > .btn:last-child {
    margin-top: -2px;
    border-bottom-right-radius: 4px;
}
.input-group-btn-vertical i{
    position: absolute;
    top: 0;
    left: 4px;
}

/* ------------------------------------------------------------- */
/*footer*/
.footerInt {
    width: 100%;
    height: 45px;
    background: #fff;
    position: fixed;
    bottom: 0;
    border-top: solid 2px rgba(0, 0, 0, 0.19);
    z-index: 1000;
}
/* ------------------------------------------------------------- */
/*input table*/
.inputTable {
    display: none; 
    border-radius: 5px; 
    font-size: 13px;
}

.tabllePaddingLTE{
    padding-left: 5px !important; 
    padding-right: 5px !important; 
    padding-top: 0px !important; 
    padding-bottom: 20px !important;
}

.dataTables_wrapper {
    padding: 0px;
}

.tab-pane {
    padding: 0px;
}
/* -------------------------------------------------------------- */
/* Mensajes */
.mensajeInt {
    width: 60%;         
    position: fixed;        
    z-index: 999999;
    display: none;        
    right: 0;
    left: 0;
    bottom: 50px;
    margin-right: auto;
    margin-left: auto; 
    animation: fadein 2s;
    -moz-animation: fadein 1.8s; /* Firefox */
    -webkit-animation: fadein 1.8s; /* Safari and Chrome */
    -o-animation: fadein 1.8s; /* Opera */
}

/* animacion del mensaje */
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

/*Paginacion Gids*/
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {  
    background: #2e6da4;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #2e6da4;
}


.ui.selection.dropdown.comboValidate {    
    border: 1px solid red;
}

.ui.fluid.dropdown.multiSelectValidate {    
    border: 1px solid red;
}

/* links referencias */
.linkDefault{
    color: #0121bd; 
    cursor: pointer;
    text-decoration: underline;
}

.inputEmail{
    width: 80% !important;
}   

.divseparador{
    height: 20px !important;
}

.sectionContent{
    margin-top: 0px;
}

/* MediaQueries */
@media only screen and (max-width: 1000px) {
    .sectionContent{
        margin-top: 50px;
    }

    .inputEmail{
        width: 90% !important;
        margin-bottom: 15px; 
    }      

    .inputResponsive{
        margin-bottom: 20px;
    }

    .inputResponsiveTop{
        margin-top: 10px;
    }

}

@media only screen and (max-width: 667px) {
    .footerhide{
        display: none;
    }
}

.sidebar-nav > .active > a {
    color: #FFF !important;
    background-color: #242424;
}

.sidebar-nav > .active > a .icon {
    border-radius: 50%;
    background-color: #FFF !important;
}



/* Table Header */
.headerTable {
    cursor: pointer; 
    background-color: #1f1a17;;
}

.headerTable-top-left {
    border-top-left-radius: 10px !important; 
    background-color: #1f1a17;;
}

.headerTable-top-right {
    cursor: pointer; 
    border-top-right-radius: 10px; 
    background-color: #1f1a17;;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #fff !important;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid transparent !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #2e6da4 !important;
    color: #fff !important;
}



.tootlbar-icon {
    padding: 0 14px;
}

.tootlbar-spacer {
    flex: 1 1 auto;
}

/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Transparent Overlay */
.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.sidebar-nav > .active > a .icon {
    border-radius: 0% !important;
    background-color: transparent;
}


.sidebar-nav > .active > a .icon {
    border-radius: 0% !important;
    background-color: transparent !important;
}

.sidebar-nav > .active > a .icon .fa, .sidebar-nav > .active > a .icon .glyphicon {
    color: #FFF !important;
}

.sidebar-nav > li:last-child > a {
    border-bottom: 1px solid #FFF !important;
}


.navbar-dashboard .navbar-nav > li > a {
    color: #FFF !important;
}

.sidebar-nav > li ul {
    padding: 0;
    font-size: 13px;
    background-color: #FFF !important;
    list-style: none;
}

.sidebar-nav > .active > a {
    color: #FFF !important;
    background-color: #b6b6b6 !important;
}

.sidebar-nav > li > a:hover {
    background-color: #b6b6b6 !important;
    color: #FFF;
}


.sidebar-nav > li > a {
    position: relative;
    border-top: 1px solid transparent !important;
    padding-left: 50px;
    line-height: 35px;
}

.ui.dropdown .menu>.item {
    position: relative;
    cursor: pointer;
    display: block;
    border: none;
    height: auto;
    text-align: left;
    border-top: none;
    line-height: 1em;
    color: rgba(0,0,0,.87);
    padding: .78571429rem 1.14285714rem!important;
    font-size: 1rem;
    text-transform: none;
    font-weight: 400;
    box-shadow: none;
    -webkit-touch-callout: none;
}

@media (min-height: 670px) and (min-width: 992px), (max-width: 767px)
{
    .sidebar-nav {
        font-size: 14px !important;
    }
}

.pace .pace-progress {
    background: #5d8fc2;
    position: absolute;
    top: 50px;
    display: none !important;
}

.ui.dropdown .menu>.item {  
    font-size: 1.0rem !important;
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: white !important;
    text-decoration: none;
}

.alert-danger {
    background-color: #e28b78;
    border-color: #ffddd6;
    color: #fff;
}

.alert-success {
    background-color: #81c381;
    border-color: #d8f5d8;
    color: #3c763d;
}

.animated {
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    transition: height 0.2s;
}

.soloLectura {
    pointer-events: none;
}