.container{
    position: fixed;
}

.form-control,
.form-control.focus,
.form-control:focus{
    box-shadow:none
}
.checkbox-custom, body{
    position:relative
}

body.sidebar-toggled .main-sidebar,header{
    -moz-backface-visibility:hidden!important
}

body{
    -webkit-font-smoothing:antialiased!important;
    -moz-osx-font-smoothing:grayscale!important;
}

a:focus,
a:hover{
    text-decoration:none;
    outline:0;
}

.form-control{
    border:1px solid #e6e6e6;
}



input[type=text],
input[type=email],
input[type=password],
textarea{
    -webkit-appearance:none;
}


.form-control{
    font-size:14px;
}

.form-control.rounded{
    border-radius:100px!important;
}

.checkbox-custom,
.radio-custom,
.switch{
    display:block;
    margin-top:10px;
    margin-bottom:10px;
}

.checkbox-custom label,
.radio-custom label,
.switch label{
    padding-left:20px;
    margin-bottom:0;
    font-weight:400;
    cursor:pointer;
}

.checkbox-custom+.checkbox-custom,
.radio-custom+.radio-custom,
.switch+.switch{
    margin-top:-5px;
}

fieldset[disabled] input[type=radio]+label,
fieldset[disabled] input[type=checkbox]+label,
input[type=radio].disabled+label,
input[type=radio][disabled]+label,
input[type=checkbox].disabled+label,
input[type=checkbox][disabled]+label{
    opacity:.6;
    cursor:not-allowed!important;
}

input[type=radio]:focus,
input[type=checkbox]:focus{
    outline:0;
}

.checkbox-inline,
.radio-inline,
.switch-inline{
    padding-left:0;
    display:inline-block;
    margin-top:0;
    margin-bottom:0;
}

.checkbox-custom input[type=checkbox],
.radio-custom input[type=radio]{
    display:none!important;
}

.checkbox-custom input[type=checkbox]+label{
    cursor:pointer;
    margin-bottom:0;
}

.checkbox-custom input[type=checkbox]+label:before{
    content:"";
    position:absolute;
    left:0;
    top:2px;
    width:16px;
    height:16px;
    border:1px solid #e6e6e6;
    border-radius:2px;
}

.checkbox-custom input[type=checkbox]+label:after{
    position:absolute;
    top:-5px;
    left:1px;
    font-family:themify;
    content:"\e64c";
    font-size:18px;
    -webkit-transition:all .1s ease-in-out;
    -moz-transition:all .1s ease-in-out;
    -o-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}

.checkbox-custom input[type=checkbox]+label.checkbox-success:before{
    border-color:#17A88B;
}

.checkbox-custom input[type=checkbox]+label.checkbox-warning:before{
    border-color:#FFB61E;
}

.checkbox-custom input[type=checkbox]+label.checkbox-error:before{
    border-color:#E5343D;
}

.checkbox-custom input[type=checkbox]+label.checkbox-muted:before{
    border-color:#9a9a9a;
}

.checkbox-custom input[type=checkbox]:checked+label:after{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}

.radio-custom{
    position:relative;
}

.radio-custom input[type=radio]+label{
    cursor:pointer;
    margin-bottom:0;
}

.radio-custom input[type=radio]+label:before{
    content:"";
    position:absolute;
    left:0;
    top:2px;
    width:16px;
    height:16px;
    border:1px solid #e6e6e6;
    border-radius:50%;
}

.radio-custom input[type=radio]+label.radio-success:before{
    border-color:#17A88B;
}

.radio-custom input[type=radio]+label.radio-warning:before{
    border-color:#FFB61E;
}

.radio-custom input[type=radio]+label.radio-error:before{
    border-color:#E5343D;
}

.radio-custom input[type=radio]+label:after{
    content:'';
    position:absolute;
    width:6px;
    height:6px;
    top:7px;
    left:5px;
    display:block;
    border-radius:50%;
    -webkit-transition:all .1s ease-in-out;
    -moz-transition:all .1s ease-in-out;
    -o-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}

.radio-custom input[type=radio]:checked+label:after{
    background-color:#737373;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}

.radio-custom input[type=radio]:checked+label.radio-success:after{
    background-color:#17A88B;
}

.radio-custom input[type=radio]:checked+label.radio-warning:after{
    background-color:#FFB61E;
}

.radio-custom input[type=radio]:checked+label.radio-error:after{
    background-color:#E5343D;
}


.has-success .checkbox,
.has-success .checkbox-custom,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-custom,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label{
    color:#17A88B;
    font-weight:400;
}

.has-success .form-control{
    border-color:#17A88B;
    box-shadow:none;
}

.has-success .form-control:focus{
    box-shadow:none;
    border-color:#17A88B;
}

.has-success .input-group-addon{
    color:#17A88B;
    border-color:#17A88B;
    background-color:transparent;
}

.has-success .form-control-feedback{
    color:#17A88B;
}

.has-warning .checkbox,
.has-warning .checkbox-custom,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-custom,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label{
    color:#FFB61E;
    font-weight:400;
}

.has-warning .form-control{
    border-color:#FFB61E;
    box-shadow:none;
}

.has-warning .form-control:focus{
    box-shadow:none;
    border-color:#FFB61E;
}

.has-warning .input-group-addon{
    color:#FFB61E;
    border-color:#FFB61E;
    background-color:transparent;
}

.has-warning .form-control-feedback{
    color:#FFB61E;
}

.has-error .checkbox,
.has-error .checkbox-custom,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-custom,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label{
    color:#E5343D;
    font-weight:400;
}

.has-error .form-control{
    border-color:#E5343D;
    box-shadow:none;
}
.has-error .form-control:focus{
    box-shadow:none;
    border-color:#E5343D;
}

.has-error .input-group-addon{
    color:#E5343D;
    border-color:#E5343D;
    background-color:transparent;
}

.has-error .form-control-feedback{
    color:#E5343D;
}

.form-horizontal .checkbox-custom,
.form-horizontal .radio-custom,
.form-horizontal .switch{
    margin-top:0;
    margin-bottom:0;
    padding-top:7px;
    height:27px;
}

@media (min-width:768px){
    .form-inline .checkbox-custom,
    .form-inline .radio-custom,
    .form-inline .switch{
        display:inline-block;
        margin-top:0;
        margin-bottom:0;
        vertical-align:middle;
    }
    
    .form-horizontal .control-label{
        padding-top:8px;
    }
}

.form-horizontal .checkbox-custom input[type=checkbox]+label:before{
    top:9px;
}

.form-horizontal .checkbox-custom input[type=checkbox]+label:after{
    top:2px;
}

.form-horizontal .radio-custom input[type=radio]+label:before{
    top:9px;
}

.form-horizontal .radio-custom input[type=radio]+label:after{
    top:14px;
}

.form-horizontal .switch input[type=radio]+label:before,
.form-horizontal .switch input[type=checkbox]+label:before{
    top:15px;
}

.form-horizontal .switch input[type=radio]+label:after,
.form-horizontal .switch input[type=checkbox]+label:after{
    top:9px;
}

.btn{
    outline:0!important;
    padding:6px 15px;
    font-size:14px;
}

.btn.active,.btn:active{
    box-shadow:none;
}

.btn-group-lg>.btn,
.btn-lg{
    padding:10px 20px;
    font-size:16px;
}

.btn-group-sm>.btn,
.btn-sm{
    padding:5px 12px;
    font-size:12px;
}

.btn-group-xs>.btn,
.btn-xs{
    padding:1px 5px;
    font-size:12px;
}

.btn-default{
    color:#737373;
    background-color:#e6e6e6;
    border-color:#e6e6e6;
}

.btn-default.focus,
.btn-default:focus{
    color:#737373!important;
    background-color:#cdcdcd!important;
    border-color:#cdcdcd!important;
}

.btn-default:hover{
    color:#737373!important;
    background-color:#d9d9d9!important;
    border-color:#d9d9d9!important;
}

.btn-default.active,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover{
    color:#737373;
    background-color:#cdcdcd;
    border-color:#cdcdcd;
}

.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover{
    background-color:#e6e6e6;
    border-color:#e6e6e6;
}

.btn-default .badge{
    color:#e6e6e6;
}

.btn-primary{
    color:#FFF;
    background-color:#0667D6;
    border-color:#0667D6;
}

.btn-primary.focus,
.btn-primary:focus{
    color:#FFF!important;
    background-color:#054fa4!important;
    border-color:#054fa4!important
}

.btn-primary:hover{
    color:#FFF!important;
    background-color:#055bbd!important;
    border-color:#055bbd!important;
}

.btn-primary.active,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover{
    color:#FFF;
    background-color:#054fa4;
    border-color:#054fa4;
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover{
    background-color:#0667D6;
    border-color:#0667D6;
}

.btn-primary .badge{
    color:#0667D6;
}

.btn-success{
    color:#FFF;
    background-color:#17A88B;
    border-color:#17A88B;
}

.btn-success.focus,
.btn-success:focus{
    color:#FFF!important;
    background-color:#117b66!important;
    border-color:#117b66!important;
}

.btn-success:hover{
    color:#FFF!important;
    background-color:#149278!important;
    border-color:#149278!important;
}

.btn-success.active,
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.dropdown-toggle.btn-success,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover{
    color:#FFF;
    background-color:#117b66;
    border-color:#117b66;
}

.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled.focus,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled],
.btn-success[disabled].active,
.btn-success[disabled].focus,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover{
    background-color:#17A88B;
    border-color:#17A88B;
}




.dropdown-menu{
    border:1px solid #e6e6e6;
    border-radius:0;
    box-shadow:0 1px 1px rgba(0,0,0,.05)
}

.dropdown-menu>li>a{
    padding:7px 20px;
    color:#737373
}

.dropdown-menu>li>a>img{
    margin-right:8px
}

.dm-large{
    width:400px
}

.dm-medium{
    width:340px
}

.dm-small{
    width:280px
}

.dropdown-header{
    padding:5px 20px
}

.btn-group.open .dropdown-toggle{
    box-shadow:none
}

.input-group-addon{
    border-color:#e6e6e6;
    background-color:transparent;
    font-size:14px
}

.nav>li>a{
    color:#1f364f
}

.nav>li>a:focus,
.nav>li>a:hover{
    background-color:#FFF
}


.modal-content{
    border-radius:0
}

.modal-header{
    border-bottom:none
}

.modal-body,
.setting{
    padding:20px
}

.modal-footer{
    border-top:none
}

.modal-header .close{
    outline:0
}

.tooltip-inner{
    font-size:12px;
    background-color:#a60000;
    padding:5px 8px;
    border-radius:3px
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow{
    border-top-color:#1f364f
}

.tooltip.right .tooltip-arrow{
    border-right-color:#1f364f
}

.tooltip.left .tooltip-arrow{
    border-left-color:#1f364f
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow{
    border-bottom-color:#1f364f
}

.popover{
    border:1px solid #e6e6e6
}

.popover.top>.arrow{
    border-top-color:#e6e6e6
}

.popover.right>.arrow{
    border-right-color:#e6e6e6
}

.popover.bottom>.arrow{
    border-bottom-color:#e6e6e6
}

.popover.left>.arrow{
    border-left-color:#e6e6e6
}

.popover-title{
    border-bottom:1px solid #e6e6e6
}

body.sidebar-toggled .main-sidebar{
    position:fixed;
    top:64px;
    left:0;
    bottom:0;
    width:250px;
    -webkit-backface-visibility:hidden!important;
    -ms-backface-visibility:hidden!important;
    -o-backface-visibility:hidden!important;
    backface-visibility:hidden!important
}

.hamburger-menu span:after,
.hamburger-menu span:before,
header{
    -webkit-backface-visibility:hidden!important;
    -ms-backface-visibility:hidden!important;
    -o-backface-visibility:hidden!important
}

body.sidebar-toggled .main-sidebar .sidebar-category{
    text-transform:uppercase;
    padding:15px 20px;
    font-weight:600;
    font-size:10px;
    display:block
}

body.sidebar-toggled .main-sidebar .sidebar-title{
    display:inline
}

body.sidebar-toggled .main-sidebar .sidebar-widget,
body.sidebar-toggled .user{
    display:block
}

body.sidebar-toggled .navigation:hover>li>a.active{
    background-color:transparent
}

body.sidebar-toggled .navigation>li>a{
    margin:0;
    line-height:48px;
    padding:0 25px
}


/*********************UGIT *******************************/
body.sidebar-toggled .navigation>li>a>i,
body.sidebar-toggled .navigation>li>a>svg{
    display:inline;
    margin-right:15px;
    width:14px;
    height: 16px;
    font-size:14px;
    text-align:center
}

.notification-bar,
body.sidebar-toggled .navigation>li>a+ul>li:first-child,
body.sidebar-toggled .navigation>li>a+ul>li:last-child{
    margin:0
}

body.sidebar-toggled .navigation>li>a.bubble .badge{
    top:10px;
    left:32px
}

body.sidebar-toggled .navigation>li>a .label{
    display:inline
}

body.sidebar-toggled .navigation>li>a.active,
body.sidebar-toggled .navigation>li>a:hover{
    color:#FFF;
    background-color:#18293d;
    box-shadow:none
}

body.sidebar-toggled .navigation>li>a:hover.active{
    background-color:#18293d
}

body.sidebar-toggled .navigation>li>a[aria-expanded=true]{
    background-color:transparent
}

body.sidebar-toggled .navigation>li>a[aria-expanded=true]:hover{
    background-color:#18293d
}

body.sidebar-toggled .navigation>li>a+ul{
    position:static;
    background-color:transparent;
    box-shadow:none;
    width:auto;
    top:auto;
    left:auto
}

body.sidebar-toggled .navigation>li>ul>li ul{
    padding-left:20px
}

body.sidebar-toggled .navigation>li>ul>li ul li:first-child:before{
    top:-20px
}

body.sidebar-toggled .navigation ul{
    padding-left:32px
}

body.sidebar-toggled .navigation ul li{
    position:relative
}

body.sidebar-toggled .navigation ul li:before{
    content:"";
    position:absolute;
    top:-20px;
    left:0;
    height:40px;
    width:1px;
    border-left:1px dashed grey
}

body.sidebar-toggled .navigation ul li:first-child:before{
    top:0
}

body.sidebar-toggled .navigation ul li:after{
    content:"";
    position:absolute;
    top:20px;
    left:0;
    width:20px;
    border-bottom:1px dashed grey
}

body.sidebar-toggled .navigation ul li a{
    padding-left:40px;
    padding-right:25px;
    line-height:40px;
    color:#9a9a9a;
    font-size:12px;
    white-space:nowrap;
    display:block
}

body.sidebar-toggled .navigation ul li a:before{
    content:"";
    position:absolute;
    top:18px;
    left:18px;
    width:5px;
    height:5px;
    border-radius:50%;
    background-color:grey
}

body.sidebar-toggled .navigation ul li a.active,
body.sidebar-toggled .navigation ul li a:hover{
    color:#FFF
}

body.sidebar-toggled .navigation a[aria-expanded=true]:after,
body.sidebar-toggled .navigation a[aria-expanded=false]:after{
    display:inline
}

body.sidebar-toggled .brand{
    width:250px
}

body.sidebar-toggled .brand .logo-iconic{
    display:none
}

body.sidebar-toggled .brand .logo{
    display:inline
}

body.sidebar-toggled .page-container{
    padding-left:250px
}


header{
    position:fixed;
    top:0;
    left:0;
    height:64px;
    width:100%;
    box-shadow:0 1px 4px rgba(31,54,79,.2);
    z-index:1040;
    backface-visibility:hidden!important;
    color: #FFF;
}

header .header-icon{
    display:block;
    padding:0 20px;
    line-height:64px;
    font-size:14px;
    color:#9a9a9a
}

header .header-icon:hover{
    background-color:#fafafa
}

.hamburger-menu{
    position:relative;
    display:inline-block;
    width:58px;
    height:64px
}

.hamburger-menu span{
    top:30px;
    left:20px
}

.hamburger-menu span,
.hamburger-menu span:after,
.hamburger-menu span:before{
    position:absolute;
    display:inline-block;
    height:2px;
    width:18px;
    border-radius:2px;
    background-color:#FFF;
}

.hamburger-menu span:after,
.hamburger-menu span:before{
    content:"";
    left:0;
    -moz-backface-visibility:hidden!important;
    backface-visibility:hidden!important;
    -webkit-transform-origin:0 50%;
    -moz-transform-origin:0 50%;
    -ms-transform-origin:0 50%;
    -o-transform-origin:0 50%;
    transform-origin:0 50%;
    -webkit-transition:-webkit-transform .3s;
    -moz-transition:-moz-transform .3s;
    -o-transition:-o-transform .3s;
    transition:-webkit-transform .3s,
    -moz-transform .3s,-o-transform .3s,
    transform .3s
}

.hamburger-menu span:before{
    top:-6px
}

.hamburger-menu span:after{
    top:6px
}

.hamburger-menu.active span:before{
    -webkit-transform:translate3d(1px,6px,0) rotate(-45deg) scale(.6,1);
    -moz-transform:translate3d(1px,6px,0) rotate(-45deg) scale(.6,1);
    -ms-transform:translate3d(1px,6px,0) rotate(-45deg) scale(.6,1);
    -o-transform:translate3d(1px,6px,0) rotate(-45deg) scale(.6,1);
    transform:translate3d(1px,6px,0) rotate(-45deg) scale(.6,1)
}

.hamburger-menu.active span:after{
    -webkit-transform:translate3d(1px,-6px,0) rotate(45deg) scale(.6,1);
    -moz-transform:translate3d(1px,-6px,0) rotate(45deg) scale(.6,1);
    -ms-transform:translate3d(1px,-6px,0) rotate(45deg) scale(.6,1);
    -o-transform:translate3d(1px,-6px,0) rotate(45deg) scale(.6,1);
    transform:translate3d(1px,-6px,0) rotate(45deg) scale(.6,1)
}

.notification-bar>li{
    float:left;
    padding:0
}

.notification-bar .bubble{
    position:relative
}

.notification-bar .bubble .badge{
    position:absolute;
    top:18px;
    left:27px
}

.notification-bar .bubble .dot{
    position:absolute;
    top:21px;left:30px
}

.notification-bar .dropdown.open{
    position:relative
}

.notification-bar .dropdown.open:before{
    position:absolute;
    bottom:-17.5px;
    left:50%;
    content:"";
    width:0;
    height:0;
    box-sizing:border-box;
    border-width:7px;
    border-style:solid;
    border-color:#FFF #FFF transparent transparent;
    margin-left:-7px;
    box-shadow:2px -2px 2px rgba(31,54,79,.05); /*pico de arriba de la la notificacion buble*/
    z-index:1020;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}


header .header-icon:hover,header .header-icon:active {
    background-color:#0A55AA; /*color en hover icon */
}




@media (max-width:767px){
    .notification-bar .dropdown.open:before{
        display:none
    }
}

.notification-bar .dropdown-header{
    text-transform:uppercase;
    padding:15px 20px;
    margin:0;
    border-bottom:1px solid #e6e6e6
}

.notification-bar .dropdown-menu{
    margin-top:0;
    border:none;
    padding:0;
    top:73.5px;
    box-shadow:0 2px 10px 2px rgba(31,54,79,.1)
}

.notification-bar .dropdown-menu>ul{
    min-height:120px; /*alto minimo de la buble de notificaciones*/
    max-height:236px
}

.notification-bar .dropdown-menu>ul li{
    margin-top:0
}

.notification-bar .dropdown-menu>ul li>a{
    padding:12px 20px;
    color:#333; /*color de titulo de las notificacione*/
    display:block
}

.main-sidebar .sidebar-category,
.main-sidebar .sidebar-title,
.main-sidebar .sidebar-widget,
.user{
    display:none
}

.notification-bar .dropdown-menu>ul li>a:hover{
    background-color:#EAEEEF; /*color de hover sobre notificaciones en bubble*/
}

.notification-bar .dropdown-footer{
    border-top:1px solid #e6e6e6; /*color dela barra final en la notificaciones buble*/
}

.main-sidebar{
    position:absolute;
    box-shadow:2px 0 6px rgba(31,54,79,.2);
    width:80px;z-index:1030;
    opacity:1;
    -lh-property:0;
    height:-webkit-calc(100% - 64px);
    height:-moz-calc(100% - 64px);
    height:calc(100% - 64px);
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0)
}

.user{
    padding:25px 0
}

.user .avatar{
    width:100px
}

.user .status{
    position:absolute;
    top:22.4px;
    right:22.4px;
    width:14px;
    height:14px;
    border-radius:50%;
    border:2px solid #1f364f
}

.navigation{
    padding-bottom:1px;
    background-color:#1f364f
}

.navigation>li>a+ul,
.navigation>li>a[aria-expanded=true]{
    background-color:#18293d
}

.navigation>li{
    position:relative
}

.navigation>li>a{
    display:block;
    color:#9a9a9a;
    margin:15px 0;
    padding:20px 0
}

.navigation>li>a>i,
.navigation>li>a>svg{
    font-size:24px;
    width:24px;
    height:24px;
    display:block;
    margin:0 auto
}

.navigation>li>a.bubble .badge{
    position:absolute;
    top:20px;
    left:45px
}

.navigation>li>a .label{
    display:none
}

.navigation>li>a.active{
    box-shadow:inset 2px 0 #0667D6
}

.navigation>li>a+ul{
    position:absolute;
    top:0;
    left:100%;
    width:200px;
    box-shadow:1px 1px 5px rgba(31,54,79,.5)
}

.navigation>li>a+ul>li:first-child{
    margin-top:15px
}

.navigation>li>a+ul>li:last-child{
    margin-bottom:15px
}

.navigation>li>ul>li ul{
    padding-left:20px
}

.navigation li.panel{
    background-color:transparent;
    box-shadow:none;
    margin-bottom:0;
    border:none
}

.page-header,.search-bar{
    border-bottom:1px solid #e6e6e6
}

.navigation ul li{
    position:relative
}

.navigation ul li a{
    padding-left:25px;
    padding-right:25px;
    line-height:40px;
    color:#9a9a9a;
    font-size:12px;
    white-space:nowrap;
    display:block
}

.navigation ul li a.active,
.navigation ul li a:hover{
    color:#FFF
}

.navigation ul li a[aria-expanded=true]:after,
.navigation ul li a[aria-expanded=false]:after{
    line-height:40px;
    position:absolute;
    top:0;
    right:25px;
    display:inline
}

.navigation a[aria-expanded=false]:after{
    font-family:themify;
    content:"\e61a";
    float:right;
    font-size:8px;
    line-height:48px;
    display:none
}

.navigation a[aria-expanded=true]:after{
    font-family:themify;
    content:"\e622";
    float:right;
    font-size:8px;
    line-height:48px;
    display:none
}

.main-container{
    padding-top:64px
}

.page-container{
    padding-left:80px
}

.page-header{
    padding:24px
}

.page-header [class^=col]:nth-child(2){
    text-align:right
}

.page-content{
    padding-top:24px;
    padding-left:24px;
    padding-right:24px;
    min-height:800px
}

@media (min-width:768px) and (max-width:1200px){
    body.sidebar-toggled{
        overflow-y:hidden
    }
    body.sidebar-toggled .main-sidebar{
        box-shadow:3px 0 6px rgba(31,54,79,.2)
    }
    body.sidebar-toggled .page-container{
        padding-left:80px
    }
}

@media (max-width:767px){
    .page-container,
    body.sidebar-toggled .page-container{
        padding-left:0
    }
    body.sidebar-toggled{
        overflow-y:hidden
    }
    body.sidebar-toggled .main-sidebar{
        opacity:1;
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        -o-transform:translate(0,0);
        transform:translate(0,0)
    }
    .main-sidebar{
        opacity:0;
        -webkit-transform:translate(-100%,0);
        -moz-transform:translate(-100%,0);
        -ms-transform:translate(-100%,0);
        -o-transform:translate(-100%,0);
        transform:translate(-100%,0);
        -webkit-transition:-webkit-transform .3s,opacity .3s;
        -moz-transition:-moz-transform .3s,opacity .3s;
        -o-transition:-o-transform .3s,opacity .3s;
        transition:-webkit-transform .3s,-moz-transform .3s,-o-transform .3s,transform .3s,opacity .3s
    }
    header .brand{
        display:none
    }
    
    .main-container{
        width:100%
    }
    
    .notification-bar>li.dropdown.open{
        position:static
    }
    .notification-bar>li.dropdown.open .dropdown-menu{
        width:100%;
        top:64px
    }
    .page-header [class^=col]:nth-child(2){
        text-align:left
    }
    
    .page-content{
        padding-left:12px;
        padding-right:12px
    }
}



.nav-sidebar{
    background-color:#1f364f
}

.nav-sidebar>li{
    display:table-cell;
    width:1%
}

.nav-sidebar>li>a{
    color:#e6e6e6;
    border-bottom:none!important;
    line-height:48px;
    padding:0;
    margin-bottom:0!important;
    border-radius:0!important
}

.nav-sidebar>li>a:focus,
.nav-sidebar>li>a:hover{
    color:#FFF;
    border-color:transparent;
    background-color:#1c3148
}

.nav-sidebar>li.active>a,
.nav-sidebar>li.active>a:focus,
.nav-sidebar>li.active>a:hover{
    color:#737373;
    background-color:#FFF;
    border-color:transparent!important
}

.nav-sidebar-content{
    -lh-property:0;
    height:-webkit-calc(100% - 50px);
    height:-moz-calc(100% - 50px);
    height:calc(100% - 50px)
}

.nav-sidebar-content .tab-pane{
    padding:20px
}



.md-overlay{
    width:100%;
    height:100%;
    top:0;left:0;
    opacity:0;
    background-color:rgba(0,0,0,.5);
    z-index:1050;
    transition:all .3s
}

.md-modal{
    top:50%;
    left:50%;
    width:96%;
    margin:30px auto;
    z-index:1060;
    -webkit-backface-visibility:hidden!important;
    -moz-backface-visibility:hidden!important;
    -ms-backface-visibility:hidden!important;
    -o-backface-visibility:hidden!important;
    backface-visibility:hidden!important;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%)
}

.md-modal .modal-center{
    float:none;
    margin:0 auto
}

.md-modal.md-show{
    visibility:visible
}

.md-modal.md-show~.md-overlay{
    opacity:1;visibility:visible
}

.md-modal .md-close{
    position:absolute;
    top:-17px;
    right:-17px;
    border-radius:50%;
    height:34px;
    line-height:34px;
    width:34px;
    padding:0;
    text-align:center;
    box-shadow:0 2px 4px rgba(31,54,79,.8)
}

.md-modal .widget{
    margin-bottom:0
}

.md-modal .md-content{
    background-color:#FFF;
    box-shadow:0 5px 10px rgba(31,54,79,.8);
    position:relative;
    -webkit-transform:scale(.7);
    -moz-transform:scale(.7);
    -ms-transform:scale(.7);
    -o-transform:scale(.7);
    transform:scale(.7);
    opacity:0;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}

.md-modal.md-show .md-content{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    opacity:1
}

@media (min-width:768px){
    .md-modal{
        width:600px
    }
}

@media (min-width:992px){
    .md-modal{
        width:900px
    }
}


.toast-title{
    font-weight:600
}

#toast-container>div{
    border-radius:0;
    box-shadow:none;
    opacity:1;
    color:#737373;
    background-color:#FFF;
    padding:15px 15px 15px 65px;
    width:300px;
    min-height:74px
}

#toast-container>.toast{
    background-image:none!important
}

#toast-container>:hover{
    box-shadow:0 1px 1px rgba(0,0,0,.05)
}

.toast-close-button{
    height:20px;
    width:20px;
    color:#737373;
    top:-5px;
    right:-5px;
    outline:0
}

.toast:before{
    font-family:themify;
    font-size:30px;
    position:absolute;
    top:15px;
    left:15px;
    border-radius:50%;
    color:#FFF;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center
}

.toast-success{
    border:2px solid #17A88B
}

.toast-success .toast-title{
    color:#149278
}

.toast-success .toast-progress{
    background-color:#1abe9e
}

.toast-success:before{
    content:"\e64d";
    color:#149278
}

.toast-info{
    border:2px solid #0FB3FF
}

.toast-info .toast-title{
    color:#00a7f5
}

.toast-info .toast-progress{
    background-color:#29bbff
}

.toast-info:before{
    content:"\e717";
    color:#00a7f5
}

.toast-error:before,
.toast-warning:before{
    content:"\e6c5"
}
.toast-warning{
    border:2px solid #FFB61E
}

.toast-warning .toast-title{
    color:#ffae04
}

.toast-warning .toast-progress{
    background-color:#ffbe38
}

.toast-warning:before{
    color:#ffae04
}

.toast-error{
    border:2px solid #E5343D
}

.toast-error .toast-title{
    color:#e21d27
}

.toast-error .toast-progress{
    background-color:#e84b53
}

.toast-error:before{
    color:#e21d27
}

.wizard>.content>.body input{
    border:1px solid #e6e6e6
}

.wizard>.content>.body label{
    margin-bottom:0
}

.wizard>.steps a,
.wizard>.steps a:active,
.wizard>.steps a:hover{
    margin:3px;
    border-radius:0;
    padding:15px;
    box-shadow:0 1px 1px rgba(0,0,0,.05)
}

.wizard>.steps .current a,
.wizard>.steps .current a:active,
.wizard>.steps .current a:hover{
    background-color:#1f364f;
    color:#FFF
}

.wizard>.steps .disabled a,
.wizard>.steps .disabled a:active,
.wizard>.steps .disabled a:hover,
.wizard>.steps .done a,.wizard>.steps .done a:active,
.wizard>.steps .done a:hover{
    background-color:#e6e6e6;
    color:#9a9a9a
}

.wizard>.steps .current a .number,
.wizard>.steps .current a:active .number,
.wizard>.steps .current a:hover .number{
    border:2px solid #FFF
}
.wizard>.steps .disabled a .number,
.wizard>.steps .disabled a:active .number,
.wizard>.steps .disabled a:hover .number,
.wizard>.steps .done a .number,.wizard>.steps .done a:active .number,
.wizard>.steps .done a:hover .number{
    border-color:#9a9a9a
}

.wizard>.content{
    background-color:transparent;
    margin:0 5px;
    border-radius:0;
    min-height:150px
}

.tabcontrol>.content{
    overflow-y:auto
}

.wizard>.content>.body{
    width:100%;
    height:100%;
    padding:15px 0 0;
    position:static
}
.wizard>.steps .number{
    font-size:16px;
    padding:5px;
    border-radius:50%;
    border:2px solid #FFF;
    width:36px;
    display:inline-block;
    font-weight:600;
    text-align:center
}
}
.docs-options .dropdown-menu>li>label,
.docs-tooltip{
    display:block
}

.wizard>.actions .disabled a,
.wizard>.actions .disabled a:active,
.wizard>.actions .disabled a:hover{
    opacity:.65;
    background-color:#e6e6e6;
    color:#737373;
    cursor:not-allowed;
    box-shadow:0 3px 0 0 #cdcdcd
}

.wizard>.actions a,
.wizard>.actions a:active,
.wizard>.actions a:hover{
    background-color:#1f364f;
    border-radius:4px;
    padding:8px 15px;
    box-shadow:0 3px 0 0 #111d2b
}

table.dataTable tbody>tr.selected,
table.dataTable tbody>tr>.selected{
    background-color:#1f364f
}

.img-container,
.img-preview{
    background-color:#f7f7f7;
    overflow:hidden;
    width:100%;
    text-align:center
}

.img-container{
    min-height:200px;
    max-height:554px;
    margin-bottom:20px
}

.docs-data>.input-group,
.docs-preview,
.docs-toggles>.btn,
.docs-toggles>.btn-group,
.docs-toggles>.dropdown,
.img-preview{
    margin-bottom:10px
}

@media (min-width:768px){
    .img-container{
        min-height:554px
    }
}

.docs-preview{
    margin-right:-15px
}

.img-preview{
    float:left;
    margin-right:10px
}

.preview-lg{
    width:263px;
    height:148px
}

.preview-md{
    width:139px;
    height:78px
}

.preview-sm{
    width:69px;
    height:39px
}

.preview-xs{
    width:35px;
    height:20px;
    margin-right:0
}

.docs-data>.input-group>label{
    min-width:80px
}

.docs-data>.input-group>span{
    min-width:50px
}

.docs-buttons>.btn,
.docs-buttons>.btn-group,
.docs-buttons>.form-control{
    margin-right:5px;
    margin-bottom:10px
}
.docs-tooltip{
    margin:-6px -12px;
    padding:6px 12px
}

.docs-tooltip>.icon{
    margin:0 -3px;
    vertical-align:top
}

.tooltip-inner{
    white-space:normal
}

.btn-upload .tooltip-inner{
    white-space:nowrap
}

@media (max-width:400px){
    .btn-group-crop .docs-tooltip,
    .btn-group-crop>.btn{
        padding-left:5px;
        padding-right:5px
    }
    .btn-group-crop{
        margin-right:-15px!important
    }
    
    .btn-group-crop .docs-tooltip{
        margin-left:-5px;
        margin-right:-5px
    }
}

.docs-options .dropdown-menu{
    width:100%
}

.docs-options .dropdown-menu>li{
    padding:5px 20px
}

.docs-options .dropdown-menu>li .checkbox{
    margin:5px 0
}

.docs-options .dropdown-menu>li:hover{
    background-color:#f7f7f7
}

.docs-cropped .modal-body{
    text-align:center
}

.bg-overlay{
    position:relative;
    color:#FFF;
    z-index:-1
}

.bg-overlay:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(24,41,61,.6);
    z-index:-1
}

.bg-overlay hr{
    border-color:rgba(255,255,255,.2)
}

.lh-1{line-height:1!important}

.bd-t{border-top:1px solid #e6e6e6}
.bd-r{border-right:1px solid #e6e6e6}
.bd-b{border-bottom:1px solid #e6e6e6}
.bd-l{border-left:1px solid #e6e6e6}

.no-shadow{box-shadow:none!important}

.no-border{border:none!important}

.inline-block{display:inline-block!important}

.inline{display:inline!important}

.block{display:block!important}

.fw-300{font-weight:300!important}
.fw-400{font-weight:400!important}
.fw-500{font-weight:500!important}
.fw-600{font-weight:600!important}
.fw-700{font-weight:700!important}

.fs-10{font-size:10px!important}
.fs-11{font-size:11px!important}
.fs-12{font-size:12px!important}
.fs-13{font-size:13px!important}
.fs-14{font-size:14px!important}
.fs-16{font-size:16px!important}
.fs-18{font-size:18px!important}
.fs-20{font-size:20px!important}
.fs-22{font-size:22px!important}
.fs-24{font-size:24px!important}
.fs-30{font-size:30px!important}
.fs-36{font-size:36px!important}
.fs-60{font-size:60px!important}
.fs-100{font-size:100px!important}

.m-0{margin:0!important}
.m-5{margin:5px!important}
.m-10{margin:10px!important}
.m-15{margin:15px!important}
.m-20{margin:20px!important}
.m-25{margin:25px!important}
.m-30{margin:30px!important}

.mt-0{margin-top:0!important}
.mt-5{margin-top:5px!important}
.mt-10{margin-top:10px!important}
.mt-15{margin-top:15px!important}
.mt-20{margin-top:20px!important}
.mt-25{margin-top:25px!important}
.mt-30{margin-top:30px!important}

.mr-0{margin-right:0!important}
.mr-5{margin-right:5px!important}
.mr-10{margin-right:10px!important}
.mr-15{margin-right:15px!important}
.mr-20{margin-right:20px!important}
.mr-25{margin-right:25px!important}
.mr-30{margin-right:30px!important}

.mb-0{margin-bottom:0!important}
.mb-5{margin-bottom:5px!important}
.mb-10{margin-bottom:10px!important}
.mb-15{margin-bottom:15px!important}
.mb-20{margin-bottom:20px!important}
.mb-25{margin-bottom:25px!important}
.mb-30{margin-bottom:30px!important}

.ml-0{margin-left:0!important}
.ml-5{margin-left:5px!important}
.ml-10{margin-left:10px!important}
.ml-15{margin-left:15px!important}
.ml-20{margin-left:20px!important}
.ml-25{margin-left:25px!important}
.ml-30{margin-left:30px!important}

.p-0{padding:0!important}
.p-5{padding:5px!important}
.p-10{padding:10px!important}
.p-15{padding:15px!important}
.p-20{padding:20px!important}
.p-25{padding:25px!important}
.p-30{padding:30px!important}

.pt-0{padding-top:0!important}
.pt-5{padding-top:5px!important}
.pt-10{padding-top:10px!important}
.pt-15{padding-top:15px!important}
.pt-20{padding-top:20px!important}
.pt-25{padding-top:25px!important}
.pt-30{padding-top:30px!important}

.pr-0{padding-right:0!important}
.pr-5{padding-right:5px!important}
.pr-10{padding-right:10px!important}
.pr-15{padding-right:15px!important}
.pr-20{padding-right:20px!important}
.pr-25{padding-right:25px!important}
.pr-30{padding-right:30px!important}

.pb-0{padding-bottom:0!important}
.pb-5{padding-bottom:5px!important}
.pb-10{padding-bottom:10px!important}
.pb-15{padding-bottom:15px!important}
.pb-20{padding-bottom:20px!important}
.pb-25{padding-bottom:25px!important}
.pb-30{padding-bottom:30px!important}

.pl-0{padding-left:0!important}
.pl-5{padding-left:5px!important}
.pl-10{padding-left:10px!important}
.pl-15{padding-left:15px!important}
.pl-20{padding-left:20px!important}
.pl-25{padding-left:25px!important}
.pl-30{padding-left:30px!important}

.fc-toolbar{
    background-color:#1f364f;
    padding:10px;
    margin-bottom:0;
    height:60px
}

.fc-toolbar h2{
    font-weight:300;
    color:#FFF;
    margin:5px 0;
    line-height:1
}

.fc-view-container{
    background-color:#FFF;
    color:#737373
}

.fc button{
    font-size:14px;
    padding:10px;
    height:auto
}

.fc-icon{
    font-family:themify
}

.fc-state-default{
    background-color:rgba(255,255,255,.05);
    color:#FFF;
    border-style:none;
    text-shadow:none;
    background-image:none;
    box-shadow:none
}

.fc-state-default:hover{
    outline:0;
    background-color:#18293d
}

.fc-state-default.focus,
.fc-state-default:focus{
    outline:0
}

.fc-unthemed .fc-today{
    background-color:#fafafa
}

.mailbox .inbox{
    border-right:1px solid #e6e6e6
}

.mailbox .inbox li{
    margin-top:0;
    padding:15px 20px;
    border-bottom:1px solid #e6e6e6
}

.mailbox .inbox li.active{
    box-shadow:inset -5px 0 #1f364f
}

.mailbox .inbox li.read{
    background-color:#fafdff
}

.mailbox .inbox li>a{
    display:block;
    color:#737373
}

.mailbox .inbox li .title{
    font-weight:400;
    margin:3px 0
}

.mailbox .inbox li .summary{
    color:#9a9a9a;
    font-size:12px;
    margin-bottom:0
}

.mailbox .single-mail{
    margin-left:-1px;
    border-left:1px solid #e6e6e6;
    padding:15px 20px
}

.body-bg-full{

    height:100%
}

.body-bg-full .page-container{
    padding:0;
    display:table;
    width:100%;
    height:100%;
   
}

.body-bg-full .page-container .page-content{
    padding:24px;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    min-height:auto;
    width:340px
}

.body-bg-full .logo{
    margin-bottom:30px
}

.body-bg-full .form-control{
    border-radius:0;
    color:#FFF;
    text-align:center
}

.body-bg-full .form-control:-webkit-input-placeholder{
    color:#FFF
}

.body-bg-full .form-control:-moz-placeholder{
    color:#FFF
}

.body-bg-full .form-control:-moz-placeholder{
    color:#FFF
}

.body-bg-full .form-control:-ms-input-placeholder{
    color:#FFF
}

.body-bg-full hr{
    border-color:rgba(255,255,255,.1)
}

.body-bg-full .setting,
.body-bg-full .setting .setting-toggle{
    border-color:transparent;
    background-color:rgba(255,255,255,.1)
}

.body-bg-full .setting .setting-toggle{
    left:-48px
}


.body-bg-full.v2 .page-container .page-content{
    width:auto
}

.body-bg-full.v2 .page-container .page-content .v2{
    background-color:#FFF;
    margin:0 auto;
    width:360px;
    padding:30px;
    box-shadow:0 5px 10px rgba(31,54,79,.5)
}

.body-bg-full.v2 .form-control{

    color:#666;
}

.body-bg-full.v2 .form-control:-webkit-input-placeholder{
    color:#737373
}

.body-bg-full.v2 .form-control:-moz-placeholder{
    color:#737373
}

.body-bg-full.v2 .form-control::-moz-placeholder{
    color:#737373
}

.body-bg-full.v2 .form-control:-ms-input-placeholder{
    color:#737373
}

.body-bg-full.v2 hr{
    border-color:#e6e6e6
}

.body-bg-full.v2 .setting,
.body-bg-full.v2 .setting .setting-toggle{
    background-color:#FFF
}








.btn-demo .btn{
    margin:0 10px 10px 0
}

.chart-demo,
.loading-demo{
    border:1px solid #e6e6e6;
    display:flex;
    margin-bottom:24px
}

.bg-demo{
    color:#FFF;
    background:#F1F2B5;
    background:-webkit-linear-gradient(to left,#F1F2B5,#135058);
    background:linear-gradient(to left,#F1F2B5,#135058)
}

.loading-demo{
    height:240px;
    align-items:center;
    justify-content:center
}

.chart-demo{
    height:300px;
    align-items:center;
    justify-content:center
}

.icon-demo .row>[class^=col]{
    line-height:50px;
    cursor:pointer;
    height:50px
}

.icon-demo .row>[class^=col]:hover i{
    font-size:30px
}

.icon-demo i{
    font-size:20px;
    text-align:center;
    display:inline-block;
    width:40px;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}