*{outline:none;}
.cursorpointer{cursor:pointer;}
.textalignleft{text-align:left;}
.textdecorationundeline{text-decoration: underline;}
.cred{color: red;}
.cgreen{color: #00e676;}
.cwhite{color: white;}
.gris{color:#888;}
.bgcgreen{background-color:#00e676;}
.bgcwhite{background-color:white;}
.bgcblue{background-color:#204ba9;}
.displaynone{display:none;}
.txt-point{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.h64{height: 64px;}
.pl0{padding-left:0px !important;}
.p0{padding:0px !important;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px !important;}
.pb10{padding-bottom:10px !important;}
.pb50{padding-bottom:50px;}
.mt-7{margin-top: -7px;}
.mr20{margin-right: 20px;}
.mr60{margin-right: 60px;}
.ml20{margin-left:20px !important;}
.ml60{margin-left: 60px !important;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.mt7{margin-top: 7px;}
.mt9{margin-top: 9px !important;}
.mt11{margin-top: 11px;}
.mt12{margin-top: 12px;}
.mt13{margin-top: 13px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px !important;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt50{margin-top: 50px;}
.mr10{margin-right: 10px !important;}
.mr15{margin-right: 15px !important;}
.mt15{margin-top: 15px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px;}
.mt26{margin-top: 26px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.ml-8{margin-left: -8px;}
.ml-15{margin-left: -15px;}
.mb0{margin-bottom: 0px !important;}
.mb15{margin-bottom: 15px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb53{margin-bottom: 53px;}
.mb80{margin-bottom: 80px;}
.fs13{font-size: 13px !important;}
.fs14{font-size: 14px !important;}
.fs16{font-size: 16px !important;}
.fs42{font-size: 42px;}
.he1{height: 1px;}
.h142{height: 142px;}
.h350{height: 350px;}
.h80{height:80px;}
.h30{height:30px;}
.h40{height:40px;}
.tcenter{text-align: center;}
.fs16{font-size: 16px;}
.fs20{font-size: 20px !important;}
.fwbold{font-weight: bold;}
.tdecorationunder{text-decoration: underline;}
.titulos{color: #3f51b5;font-size: 29px;font-weight: bold; margin-top:13px;}
.nuevo{position: fixed;bottom: 38px;z-index: 99;right: 46px;background-color: #656766 !important;}
.blanco{color:#fff;}
.verde-c{color:#00e676 !important;}
.gris-o{color:#555;}
.negro{color:#000;}
.f-right{float:right;}
.f-left{float: left}
.bgwhite{background-color:white !important;}
.bgGris{background-color:#888;}
.bgGris-o{background-color:#555;}
.overflowxauto{overflow-x: auto;}
.overflowyauto{overflow-y: auto;}
.outlinenone{outline: none !important;}
.astyle {
    color: white !important;
    text-decoration: none !important;
}
.pointer{cursor:pointer;}

#bread li {display: inline;}

.borderradius7
{
    border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
}

input[type=number]:focus:not([readonly]) + label{color:#00e676 !important;;}
input[type=search]:focus:not([readonly]),input[type=number]:focus:not([readonly]){ border-bottom: 1px solid #00e676 !important;box-shadow: 0 1px 0 0 #00e676 !important;}

.modal{background-color:transparent !important;max-height:100% !important;width:auto !important;}

.alert{
    position: fixed;
    top: 15%;
    right: 39%;
    z-index: 12;
    -webkit-box-shadow: 0px 0px 22px 12px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 22px 12px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 22px 12px rgba(0,0,0,0.75);
}

.nav-wrapper
{
    background: url('../../../content/Images/backgroundheader.jpg') no-repeat;
    background-size: cover;
}

ul.side-nav.leftside-navigation li.user-details{background-image:none !important;}
ul.side-nav.leftside-navigation li.user-details{background-color: rgba(36, 93, 30, 0.52) !important}


input[type=text]:focus:not([readonly]){border-bottom: 1px solid #00E676 !important;box-shadow: 0 1px 0 0 #00E676 !important;}
input[type=text]:focus:not([readonly]) + label{color:#00E676 !important; margin-left: -8px;}
input[type=password]:focus:not([readonly]) { border-bottom: 1px solid #00E676 !important; box-shadow: 0 1px 0 0 #00E676 !important;}
input[type=textarea]:focus:not([readonly]) { border-bottom: 1px solid #00E676 !important; box-shadow: 0 1px 0 0 #00E676 !important;}
textarea.materialize-textarea:focus:not([readonly]) { border-bottom: 1px solid #00E676;box-shadow: 0 1px 0 0 #00E676;}

.input-field label{margin-left: -8px;}


.btn.focus, .btn:focus, .btn:hover {
    color: white !important;
    text-decoration: none;
}
    
.grey-text.text-darken-4{
        font-size: 14px !important;
} 

a[ng-click]{
    cursor: pointer;
}

#lista_grupos label{
    font-weight: normal !important;
    font-size: 14px !important;
}
#lista_grupos span{
    font-weight: normal !important;
    font-size: 11px !important;
}

.item_activo{
    background:#e0e0e0 !important;
}

.item_inactivo{
    background:white !important;
}

.uib-tab.active>a{
    color:#fff !important;
    background-color:#00e676 !important;
}

.input-field label.active{
    color: black !important;
}


.datepickerdemoBasicUsage {
  /** Demo styles for mdCalendar. */ }
  .datepickerdemoBasicUsage md-content {
    padding-bottom: 200px; }
  .datepickerdemoBasicUsage .validation-messages {
    font-size: 12px;
    color: #dd2c00;
    margin-left: 15px; }


.md-calendar-day-header{width:200px !important;}



.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes shake {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shake {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

.flex{display:flex;}
.flex-column{flex-direction:column;}
.flex-jc-around{justify-content:space-around;}
.flex-jc-between{justify-content:space-between;}
.flex-jc-center{justify-content:center;}
.flex-ai-center{align-items:center;}