
    .search__inner2{ position: relative;}
    .header{
        position: fixed;
        width: 100%;
        height: 72px;
        box-shadow: 0 1px 10px rgba(0,0,0,.2);
        padding: 0 2rem;
        z-index: 10;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        top: 0;
        left: 0;
    }
    
.header::after{
display:block;content:"";clear:both
}
.header .ma-backdrop{
position:absolute
}

.search{
-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:2.5rem;position:relative
}

.search__inner{
position:relative
}
.search__text::-webkit-input-placeholder{
color:#FFF;opacity:1
}
.search__text:-ms-input-placeholder{
color:#FFF;opacity:1
}
.search__text::placeholder{
color:#FFF;opacity:1
}
.search__text{
    border:0;border-radius:2px;height:2.9rem;padding:0 1rem 0 3rem;width:100%;transition:background-color .3s,color .3s;
    background-color: rgba(255,255,255,.2);
    color: #FFF;
}

.search__helper{
position:absolute;left:0;top:0;font-size:1.3rem;height:100%;width:3rem;text-align:center;line-height:3rem;cursor:pointer;transition:color .3s,-webkit-transform .4s;transition:color .3s,transform .4s;transition:color .3s,transform .4s,-webkit-transform .4s
}
.search--focus .search__helper{
color:#5e6467;-webkit-transform:rotate(180deg);transform:rotate(180deg);line-height:2.9rem
}
.search--focus .search__helper:before{
content:'\f301'
}

.top-nav__notifications .listview{
position:relative
}
.top-nav__notifications .listview:before{
font-family:Material-Design-Iconic-Font;content:"";font-size:2.5rem;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;width:90px;height:90px;border:2px solid #ececec;color:#8a8a8a;border-radius:50%;-webkit-transform:scale(0) rotate(-360deg);transform:scale(0) rotate(-360deg);opacity:0;text-align:center;line-height:86px
}
.top-nav__notifications .listview__scroll{
height:350px
}
.top-nav__notifications--cleared .listview:before{
-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1
}
.top-nav__notify:before{
content:'';width:7px;height:7px;background-color:#ff605c;color:#FFF;border-radius:50%;position:absolute;top:-3px;right:0;left:0;margin:auto;-webkit-animation-name:flash;animation-name:flash;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite
}

.navbar-static-top {
 background-color:#4dc2b2;

}


.top-nav{
margin:0 0 0 auto;padding:0
}
.top-nav>li{
display:inline-block;vertical-align:middle
}
.top-nav>li>a{
display:block;
color:#FFF !important;
border-radius:2px;
text-align:center;
line-height:100%;
position:relative;
transition:background-color .3s;
}


.top-nav>li>a:not(.header__nav__text){
padding:.5rem .15rem;min-width:50px
}
.top-nav>li>a:not(.header__nav__text)>.zmdi{
font-size:1.65rem;line-height:100%
}
.top-nav>li>a.active,.top-nav>li>a:hover{
background-color:rgba(255,255,255,.2);
}

.top-nav>li>a.active,.top-nav>li>a,.active:hover{
background-color:rgba(255,255,255,.2);
}
.top-nav>li .dropdown-menu--block{
padding:0
}
.contacts__btn,.fc th,.listview__header,.price-table__action,.price-table__title{
text-transform:uppercase
}
.listview__header{
color:#333;padding:1.2rem 1rem 1rem;border-bottom:1px solid #f3f3f3;margin-bottom:.75rem;text-align:center
}
.listview__header .actions{
position:absolute;top:.8rem;right:1rem
}
.listview__item{
display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 2.1rem;transition:background-color .3s
}
.listview__img{
width:3rem;height:3rem;border-radius:50%;vertical-align:top;margin:-.1rem 1.2rem 0 -.2rem
}
.listview__content{
-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0
}
address,dl,ol,p,ul{
margin-bottom:1rem
}
.dropdown-menu{
position:absolute;
left:0;
z-index:1000;
display:none;
float:left;
min-width:10rem;
padding:.8rem 0;
margin:0;
font-size:1rem;
color:#707070;
text-align:left;
background-color:#FFF;
background-clip:padding-box;
border:0 solid transparent;
border-radius:2px;
box-shadow:0 2px 10px rgba(0,0,0,.075);
}
.dropdown-item{
display:block;width:100%;clear:both;color:#4C4C4C;text-align:inherit;background:0 0;border:0
}
.dropdown-item{
padding:.5rem 1.5rem;cursor:pointer;transition:background-color .3s,color .3s
}
.dropdown-menu--icon .dropdown-item>i{
line-height:100%;vertical-align:top;font-size:1.4rem;width:2rem
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn,.btn-group-vertical>.btn:not(:first-child):not(:last-child),.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn,.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle),.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){
border-radius:0
}
.dropdown-item:focus,.dropdown-item:hover{
color:#1d1e1f;text-decoration:none;background-color:#f7f7f9
}
.dropdown-item.active,.dropdown-item:active{
color:#4C4C4C;background-color:#eee
}
.dropdown-item.disabled,.dropdown-item:disabled{
color:#636c72;cursor:not-allowed;background-color:transparent
}

.user .dropdown-menu{
width:100%
}

.show>.dropdown-menu{
display:block
}
.dropdown-menu-right{
right:0;left:auto
}
.dropdown-menu-left{
right:auto;left:0
}
.user,.user__info{
border-radius:2px
}
.navigation li:not(.navigation__active):not(.navigation__sub--active) a:hover,.user,.user__info:hover{
background-color:rgba(0,0,0,.03);

}
.user{
margin:0 0 1.5rem
}
.user__info{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    cursor:pointer;
    font-size:.9rem !important;
    padding:.8rem;
    transition:background-color .3s;
}

.user__img {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    margin-right: .9rem;
}

.user__name {
    color: #333;
    font-weight: 600;
    font-size:12px;
}
.user {
    margin: 0 0 1.5rem;
}

.navigation li:not(.navigation__active):not(.navigation__sub--active) a:hover, .user, .user__info:hover {
    background-color: rgba(0,0,0,.03);

}

.user, .user__info {
    border-radius: 2px;
}

.user {
    margin: 0 0 1.5rem;
    margin-bottom: 0px;
}
.user__email{
color:#969696;
font-size: 1.30em !important;
}
.sidebar-search{
padding: 10px !important;
}

a {
color: #707070 !important;
}

.sidebar ul li a.active {
    background-color: transparent;
    color: #2b4c82 !important;
}

body{
 margin:0;
 font-family:Roboto,sans-serif !important;
 font-size: 12px !important;
 font-weight:400 !important;
 line-height:1.5 !important;
 color:#707070 !important;
 background-color:#ececec !important;
}
.nav>li>a:focus, .nav>li>a:hover{
	text-decoration: none;
    background-color: #4dc2b2 !important;
	color:#fff !important;
}


@font-face{
font-family:Roboto;src:url(../fonts/roboto/Roboto-Light-webfont.eot);src:url(../fonts/roboto/Roboto-Light-webfontd41d.eot?#iefix) format("embedded-opentype"),url(../fonts/roboto/Roboto-Light-webfont.woff) format("woff"),url(../fonts/roboto/Roboto-Light-webfont.ttf) format("truetype"),url(../fonts/roboto/Roboto-Light-webfont.svg#icon) format("svg");font-weight:300;font-style:normal
}
@font-face {
    font-family: Roboto;
    src: url(../fonts/roboto/Roboto-Regular-webfont.eot);
    src: url(../fonts/roboto/Roboto-Regular-webfontd41d.eot?#iefix) format("embedded-opentype"),url(../fonts/roboto/Roboto-Regular-webfont.woff) format("woff"),url(../fonts/roboto/Roboto-Regular-webfont.ttf) format("truetype"),url(../fonts/roboto/Roboto-Regular-webfont.svg#icon) format("svg");
    /*src: url(../fonts/roboto/Roboto-Regular-webfontd41d.eot?#iefix) format("embedded-opentype"),url(../fonts/roboto/Roboto-Regular-webfont.woff) format("woff"),url(../fonts/roboto/Roboto-Regular-webfont.ttf) format("truetype"),url(../fonts/roboto/Roboto-Regular-webfont.svg#icon) format("svg");*/
    font-weight: 400;
    font-style: normal
    /*font-family:Roboto;src:url(../fonts/roboto/Roboto-Regular-webfont.eot);src:url(../fonts/roboto/Roboto-Regular-webfontd41d.eot?#iefix) format("embedded-opentype"),url(../fonts/roboto/Roboto-Regular-webfont.woff) format("woff"),url(../fonts/roboto/Roboto-Regular-webfont.ttf) format("truetype"),url(../fonts/roboto/Roboto-Regular-webfont.svg#icon) format("svg");font-weight:400;font-style:normal*/
}
@font-face {
    font-family: Roboto;
    src: url(../fonts/roboto/Roboto-Medium-webfont.eot);
    src: url(../fonts/roboto/Roboto-Medium-webfontd41d.eot?#iefix) format("embedded-opentype"),url(../fonts/roboto/Roboto-Medium-webfont.ttf) format("truetype"),url(../fonts/roboto/Roboto-Medium-webfont.svg#icon) format("svg");
    font-weight: 500;
    font-style: normal
    /*font-family:Roboto;src:url(../fonts/roboto/Roboto-Medium-webfont.eot);src:url(../fonts/roboto/Roboto-Medium-webfontd41d.eot?#iefix) format("embedded-opentype"),url(../fonts/roboto/Roboto-Medium-webfont.woff) format("woff"),url(../fonts/roboto/Roboto-Medium-webfont.ttf) format("truetype"),url(../fonts/roboto/Roboto-Medium-webfont.svg#icon) format("svg");font-weight:500;font-style:normal*/
}
@font-face {
    font-family: Roboto;
    src: url(../fonts/roboto/Roboto-Bold-webfont.eot);
    src: url(../fonts/roboto/Roboto-Bold-webfontd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/roboto/Roboto-Bold-webfont.ttf) format("truetype"),url(../fonts/roboto/Roboto-Bold-webfont.svg#icon) format("svg");
    font-weight: 700;
    font-style: normal
    /*font-family:Roboto;src:url(../fonts/roboto/Roboto-Bold-webfont.eot);src:url(../fonts/roboto/Roboto-Bold-webfontd41d.eot?#iefix) format("embedded-opentype"),url(../fonts/roboto/Roboto-Bold-webfont.woff) format("woff"),url(../fonts/roboto/Roboto-Bold-webfont.ttf) format("truetype"),url(../fonts/roboto/Roboto-Bold-webfont.svg#icon) format("svg");font-weight:700;font-style:normal*/
}

.top-nav>li .dropdown-menu--block{
padding:0
}

.user .dropdown-menu{
width:100%
}
.show>.dropdown-menu{
display:block
}

.dropdown-menu-right{
right:0;left:auto
}
.dropdown-menu-left{
right:auto;left:0
}

.dropup .dropdown-menu{
top:auto;margin-bottom:0
}

.dropdown-menu--block{
width:320px
}

@media (max-width:800px){
    .top-nav>li{
    position:static
    }
    .top-nav>li .dropdown-menu--block{
    left:20px;width:calc(100% - 40px);top:62px
    }
    .navbar {
        min-height: 0px;
    }

}

.btn-primary {
    color:#FFFFFF !important;
}

    .fc-day {
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
        transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
    }

        .fc-day:hover {
            background-color: rgba(5,173,69,0.65);
            border: 1px solid rgb(5,173,69);
            cursor: pointer;
        }
    .fc-title {
        color:#FFFFFF;
    }
.fila {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #efe9e9;
}

    .fila:hover {
        background-color: #ddd;
    }

.tituloMLR {
    display: inline-block;
    width: 30%;
    word-wrap: break-word;
    vertical-align: top;
    font-weight: bold;
}

.tituloARFD {
    display: inline-block;
    width: 40%;
    word-wrap: break-word;
    vertical-align: top;
    font-weight: bold;
}

.datoMLR {
    display: inline-block;
    width: 65%;
    word-wrap: break-word;
    vertical-align: top;
}

.datoARFD {
    display: inline-block;
    width: 55%;
    word-wrap: break-word;
    vertical-align: top;
}

/* HTML: <div class="loader"></div> */
.loader {
    width: 50px;
    padding: 8px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #25b09b;
    --_m: conic-gradient(#0000 10%,#000), linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
    mask: var(--_m);
    -webkit-mask-composite: source-out;
    mask-composite: subtract;
    animation: l3 1s infinite linear;
}

@keyframes l3 {
    to {
        transform: rotate(1turn)
    }
}
    
