/* Climbea */
/*
:root {
    --theme-background: #fff;
    --theme-inputs-labels-borders: #bdbdbd;
    --theme-color: #bdbdbd; 
    --theme-header-color: #9c9c9c;
    --theme-header-bg: #eee;
    --theme-background-barra-superior: #6b7c93;
    --theme-color-barra-superior: #fff;
    --theme-background-barra-lateral: #a9b4c2;
    --theme-color-barra-lateral: #fff;
    --theme-background-barra-lateral-hover: #cacaca;
    --theme-color-barra-lateral-hover: #fff;
}
/* Oscuro pruebas */
/*
:root {
    --theme-background: #000;
    --theme-inputs-labels-borders: #fff;
    --theme-color: #fff; 
    --theme-header-color: #fff;
    --theme-header-bg: #000;
    --theme-background-barra-superior: #535353;
    --theme-color-barra-superior: #fff;
    --theme-background-barra-lateral: #766963;
    --theme-color-barra-lateral: #fff;
    --theme-background-barra-lateral-hover: #000;
    --theme-color-barra-lateral-hover: #fff;
}
*/

@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700');
@import url('https://fonts.googleapis.com/css?family=Ubuntu');
*{margin:0;padding:0;outline:0;}
html, document, body{
    min-height: 100%;
    height: 100%;
    font-family: Ubuntu,Roboto, "Helvetica Neue", sans-serif;
}
body{
    background:var(--theme-background);
    overflow-x: hidden;
    color:var(--theme-color);
}

md-input-container:not(.md-input-invalid) label {
    color: var(--theme-inputs-labels-borders)
}
md-input-container:not(.md-input-invalid) md-icon {
    color: var(--theme-inputs-labels-borders)
}
md-input-container:not(.md-input-invalid) {
    color: var(--theme-inputs-labels-borders)
}
md-input-container:not(.md-input-invalid) .md-input {
    border-bottom-color: var(--theme-inputs-labels-borders);
    color: var(--theme-inputs-labels-borders)
}
md-input-container:not(.md-input-invalid) .md-datepicker-expand-triangle {
    border-top-color: var(--theme-inputs-labels-borders);
    color: var(--theme-inputs-labels-borders)
}
md-input-container:not(.md-input-invalid) .md-select-icon {
    border-top-color: var(--theme-inputs-labels-borders);
    color: var(--theme-inputs-labels-borders)
}
md-input-container:not(.md-input-invalid) .md-select {
    border-color: var(--theme-inputs-labels-borders)
}
md-input-container:not(.md-input-invalid) .md-select-value {
    border-color: var(--theme-inputs-labels-borders)
}
md-input-container:not(.md-input-invalid) .md-textarea {
    border-color: var(--theme-inputs-labels-borders)
}
md-input-container:not(.md-input-invalid) md-select.md-default-theme .md-select-value.md-select-placeholder, md-input-container:not(.md-input-invalid) md-select .md-select-value.md-select-placeholder {
    color: var(--theme-inputs-labels-borders)
}
md-input-container.md-default-theme:not(.md-input-focused):not(.md-input-invalid) label.md-required:after, md-input-container:not(.md-input-focused):not(.md-input-invalid) label.md-required:after {
    color: var(--theme-inputs-labels-borders)
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--theme-inputs-labels-borders) !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: var(--theme-inputs-labels-borders) !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: var(--theme-inputs-labels-borders) !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: var(--theme-inputs-labels-borders) !important;
}
md-icon.md-default-theme, md-icon {
  color: var(--theme-inputs-labels-borders);
}
md-content.md-default-theme, md-content {
    color: var(--theme-inputs-labels-borders);
    background:var(--theme-background);
}

.list-header{
    padding-left: 13px;
    padding-right: 13px;
    font-size: 13px;
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    border-width:0 0 1px 0;
    border-style: solid;
    color:var(--theme-header-color);
    border-color:var(--theme-inputs-labels-borders);
    background:var(--theme-header-bg);
}
.list-item{
    padding-left: 13px;
    padding-right: 13px;
    font-size: 13px;
    width: 100%;
    display: flex;
    align-items: center;
    min-height: 43px;
    box-sizing: border-box;
    color: var(--theme-inputs-labels-borders);
}

fieldset {
    border: 1px solid var(--theme-inputs-labels-borders);
    padding: 15px;
    margin: 20px 0px;
    min-width: 0;
}
legend {
    color: var(--theme-inputs-labels-borders);
    font-size: 14px;
    margin: 0 14px;
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: 500;
}


md-button md-icon.fa, md-icon.fa{
    font-size:20px;
}
md-sidenav.site-sidenav{
    width:250px;
    display: flex;
}
md-sidenav.site-sidenav md-icon{
    color:white;
}
md-sidenav.site-sidenav .md-button{
    color: white;
    margin: 0;
    text-align: left;
    padding: 8px 20px;
    width: 100%;
    text-transform: initial;
    flex: 1;
}

.side-menu-mini {
    width:52px;
}
.side-menu-mini md-icon {
    font-size: 24px;
    color: white;
}
.side-menu-mini .md-button{
    color: white;
    margin: 0;
    padding: 8px 0px;
    width: 100%;
    text-transform: initial;
    min-width: auto;
}


/***error-spacer cuando está vacío no debe ocupar espacio***/
body md-input-container{
    margin: 12px 0; /*El original es 18px, que es superbestia*/
}
.md-errors-spacer:empty { display: none; }


.profile-menu{
    position: absolute;
    width: 350px;
    right: 19px;
    top: 43px;
    background: white;
    /* box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); */
    border-radius: 2px;
    color:black;
}
.profile-menu a:hover{
    text-decoration:underline;
}
.profile-menu.ng-enter{ transform:translateY(-3px); opacity:0; transition: all 0.2s ease-in; }
.profile-menu.ng-enter.ng-enter-active { transform:translateY(0px); opacity:1; }
.profile-menu.ng-leave{ transform:translateY(0px); opacity:1; transition: all 0.2s ease-out; }
.profile-menu.ng-leave.ng-leave-active { transform:translateY(-3px); opacity:0; }


.md-fab-bottom-right.ng-enter{ transform:scale(0); transition:0.2s ease-in scale; }
.md-fab-bottom-right.ng-enter.ng-enter-active { transform:scale(1); }
.md-fab-bottom-right.ng-leave{ transform:scale(1); transition: .2s ease-out scale; }
.md-fab-bottom-right.ng-leave.ng-leave-active { transform:scale(0); }

.md-fab-top-right.ng-enter{ transform:scale(0); transition:0.2s ease-in scale; }
.md-fab-top-right.ng-enter.ng-enter-active { transform:scale(1); }
.md-fab-top-right.ng-leave{ transform:scale(1); transition: .2s ease-out scale; }
.md-fab-top-right.ng-leave.ng-leave-active { transform:scale(0); }


.popover{
    position:fixed;
    top:0;
    left:0;
    z-index: 60;
}
.full-screen{
    width:100vw;
    height:100vh;
}
.popover:empty{
    pointer-events:none;
}
.slide {
    width:1024px;
    height:768px;
}
.popover.ng-enter,
.popover.ng-leave {
    -webkit-transition:0.3s linear all;
    -moz-transition:0.3s linear all;
    -o-transition:0.3s linear all;
    transition:0.3s linear all;
}
.popover.ng-enter, .popover.ng-leave.ng-leave-active {
    transform:translatex(100vw);
}
.popover.ng-leave, .popover.ng-enter.ng-enter-active {
    transform:translatex(0vw);
}
.nowrap{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/***icon sizes***/
md-icon[size='10']{ height:10px; min-height:10px; font-size:10px; line-height:10px; width:10px; min-width:10px;}
md-icon[size='12']{ height:12px; min-height:12px; font-size:12px; line-height:12px; width:12px; min-width:12px;}
md-icon[size='14']{ height:14px; min-height:14px; font-size:14px; line-height:14px; width:14px; min-width:14px;}
md-icon[size='16']{ height:16px; min-height:16px; font-size:16px; line-height:16px; width:16px; min-width:16px;}
md-icon[size='18']{ height:18px; min-height:18px; font-size:18px; line-height:18px; width:18px; min-width:18px;}
md-icon[size='20']{ height:20px; min-height:20px; font-size:20px; line-height:20px; width:20px; min-width:20px;}
md-icon[size='22']{ height:22px; min-height:22px; font-size:22px; line-height:22px; width:22px; min-width:22px;}
md-icon[size='24']{ height:24px; min-height:24px; font-size:24px; line-height:24px; width:24px; min-width:24px;}
md-icon[size='26']{ height:26px; min-height:26px; font-size:26px; line-height:26px; width:26px; min-width:26px;}
md-icon[size='28']{ height:28px; min-height:28px; font-size:28px; line-height:28px; width:28px; min-width:28px;}
md-icon[size='30']{ height:30px; min-height:30px; font-size:30px; line-height:30px; width:30px; min-width:30px;}
md-icon[size='32']{ height:32px; min-height:32px; font-size:32px; line-height:32px; width:32px; min-width:32px;}
md-icon[size='34']{ height:34px; min-height:34px; font-size:34px; line-height:34px; width:34px; min-width:34px;}
md-icon[size='36']{ height:36px; min-height:36px; font-size:36px; line-height:36px; width:36px; min-width:36px;}
md-icon[size='50']{ height:50px; min-height:50px; font-size:50px; line-height:50px; width:50px; min-width:50px;}

.danger {    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;}

.float_none{
    float:none!important;
}

.button_bar{
    width: 51px;
    text-align: center;
}

.display_none{
    display: none;
}
.box-sizing_border-box{
    box-sizing: border-box;
}

a{ text-decoration:none; cursor:pointer; }
.cursor-pointer{
    cursor:pointer;
}
ng-md-icon{
    display:inline-block;
}
ng-md-icon+span{
    vertical-align:top;
}
.ac-ripple span{
    vertical-align: super;
    color: var(--theme-color)
}
ng-md-icon svg{
    display:block;
}

.ng-dialog.hasTitleLayer{
    overflow: hidden!important;
}

.menu_top{
    width: 80%;
    margin-left:auto;
    margin-right:auto;
    height: 67px;
}

.menu_top .logo img{
    width: 150px;
}

.button{
    cursor:pointer;
    padding-top:13px;
    padding-bottom:13px;
    padding-right:27px;
    padding-left:27px;
    text-align:center;
    font-size:18px;
    box-sizing: border-box;
    border-radius: 4px;
}
.button-large{
    cursor: pointer;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    outline: 0;
    text-transform: uppercase;
    border: none;
    border-radius: 2px;
    will-change: opacity, transform;
    transition: all .3s ease-out;
}
.shadow-3{
    box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.7)
}
.shadow-1{
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3)
}
.shadow-full{
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.3);
}

.text-underline{
    text-decoration: underline;
}

@media(max-width: 992px){
    li.l12.pad- {
        margin: 15px 0;
    }
}

/***ASIDE***/
aside{
    position: absolute;
    left: 0;
    top: 57px;
    width: 230px;
    /*height: calc(100% - 57px);*/
    height: 100%;
    transition: 0.3s linear all;
    z-index: 2;
}
aside > header{
    /*height: 57px;*/
    float: left;
    width: 100%;
    /*padding-left: 10px;*/
    box-sizing:border-box;
}
aside > header img{
    position: absolute;
    width: 130px;
    top: 50%;
    left: 50%;
    margin-left: -65px;
    margin-top: -20px;
}
aside > header h2{
    text-overflow: ellipsis;
    overflow: hidden;
    display:inline;
    font-weight: 400; font-size: 22px;
    line-height: 59px;
    height: 57px;
    margin: 0;
}
aside > nav{
    float:left;
    width:100%;
}

/***SIDE MENU LV2***/

.side-menu > li > ul{
    height: 0px;
    transition: 0.3s ease-in-out all;
    overflow: hidden;
}
.side-menu > li > ul > li:hover, .side-menu > li > ul > li.active {
    background-color: rgba(255,255,255,0.06);
}
.side-menu > li > ul > li:before {
    bottom: auto;
    content: "";
    height: 8px;
    left: 23px;
    margin-top: 15px;
    position: absolute;
    right: auto;
    width: 8px;
    z-index: 1;
    border-radius: 50%;
}
.side-menu > li > ul > li:after {
    bottom: 0;
    content: "";
    left: 27px;
    position: absolute;
    top: 0;
}

body > main .content {
    position: absolute;
    top: 57px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

/***ASIDE FOOTER***/
aside > footer{
    position:absolute;
    height:35px; bottom:0px; left:0px; right:0px;
    width: 230px;
}
aside > footer ul{
    width:100%; height:100%; float:left; display:table;
}
aside > footer ul li{
    list-style-type: none;
    margin: 0; padding: 0;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
}


.h100{
    height:100%;
}
.h90{
    height:90%;
}
.h80{
    height:80%;
}
.h70{
    height:70%;
}
.h60{
    height:60%;
}
.h50{
    height:50%;
}
.h40{
    height:40%;
}
.h30{
    height:30%;
}
.h20{
    height:20%;
}
.h10{
    height:10%;
}
.ac-select.bb0 input{
    border-bottom: 0;
}
.semi-bold{
    font-weight:600;
}
.flexbox{
    display: flex;
}
.flex-grow-1{
    flex-grow:1;
}
.flex-1{
    flex:1;
}
.flex-middle{
    flex: 0.5;
}
.flex-witdh-47{
    flex:0 0 47px;
}
.flex-witdh-165{
    flex:0 0 165px;
}
.flex-width-194{
    flex:0 0 194px;
}
.flexbox-v{
    display: flex;
    flex-direction: column;
    max-height: 100%;
}
.flexbox-v > *:not(header){
    flex: 1;
    overflow:auto;
    overflow-x: hidden;
}

.flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.border-radius-100{
    border-radius: 100%;
}
.border-radius-13{
    border-radius: 13px;
}


.o-37{
    opacity:0.37;
}

.animate-37{
    transition:0.37s ease-in-out all;
}

/*body > main.ng-enter{ animation: fadeIn 0.3s both ease-in; }*/
body > main.ng-leave{ z-index:9999;}
body > main.ng-enter    { z-index:8888; }

body > main.ng-enter{
    -webkit-animation:fadeIn 0.3s both ease-in;
    -moz-animation:fadeIn 0.3s both ease-in;
    animation:fadeIn 0.3s both ease-in;    
}
body > main.ng-leave{
-webkit-transform-origin: 50% 50%;
    -webkit-animation: fadeOut .3s both ease-in;
    -moz-transform-origin: 50% 50%;
    -moz-animation: fadeOut.3s both ease-in;
    transform-origin: 50% 50%;
    animation: fadeOut .3s both ease-in;
}

body > aside.ng-hide{
    left:-250px;
}
/*
body > aside{
    transition:0.3s ease-in-out all;
}
body > aside.ng-enter{ left:0px; }
body > aside.ng-leave{ left:-230px; }
*/

/***ANIMACIONES***/
@keyframes rotateFall {
    0%      { transform: rotateZ(0deg); }
    20%     { transform: rotateZ(10deg); animation-timing-function: ease-out; }
    40%     { transform: rotateZ(17deg); }
    60%     { transform: rotateZ(16deg); }
    100%    { transform: translateY(100%) rotateZ(17deg); }
}

/* slide in from the bottom */
@keyframes slideOutRight {
    to      { transform: translateX(100%); }
}
@keyframes fadeOut {
    to      { opacity:0; }
}
@keyframes slideOut {
    to      { transform:translateY(100%); }
}
/* rotate out newspaper */
@keyframes rotateOutNewspaper {
    to      { transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; }
}

/* entering animations --------------------------------------- */
/* scale up */
@keyframes scaleUp {
    from    { opacity: 0.3; transform: scale(0.8); }
}

@keyframes fadeIn {
    from    { opacity: 0; }
    to {opacity:1}
}

/* slide in from the right */
@keyframes slideInLeft {
    from    { transform:translateX(100%); }
    to      { transform: translateX(0); }
}

/* slide in from the bottom */
@keyframes slideInUp {
    from    { transform:translateY(100%); }
    to      { transform: translateY(0); }
}

@keyframes bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/* rotate and fall */
@-webkit-keyframes rotateFall {
    0% { -webkit-transform: rotateZ(0deg); }
    20% { -webkit-transform: rotateZ(10deg); -webkit-animation-timing-function: ease-out; }
    40% { -webkit-transform: rotateZ(17deg); }
    60% { -webkit-transform: rotateZ(16deg); }
    100% { -webkit-transform: translateY(100%) rotateZ(17deg); }
}
@-moz-keyframes rotateFall {
    0% { -moz-transform: rotateZ(0deg); }
    20% { -moz-transform: rotateZ(10deg); -moz-animation-timing-function: ease-out; }
    40% { -moz-transform: rotateZ(17deg); }
    60% { -moz-transform: rotateZ(16deg); }
    100% { -moz-transform: translateY(100%) rotateZ(17deg); }
}
@keyframes rotateFall {
    0% { transform: rotateZ(0deg); }
    20% { transform: rotateZ(10deg); animation-timing-function: ease-out; }
    40% { transform: rotateZ(17deg); }
    60% { transform: rotateZ(16deg); }
    100% { transform: translateY(100%) rotateZ(17deg); }
}

/* scale up */
@keyframes scaleUp {
    from        { opacity: 0.3; transform: scale(0.8); }
}
@-moz-keyframes scaleUp {
    from        { opacity: 0.3; -moz-transform: scale(0.8); }
}
@-webkit-keyframes scaleUp {
    from        { opacity: 0.3; -webkit-transform: scale(0.8); }
}

/* slide in from the right */
@keyframes slideInRight {
    from    { transform:translateX(100%); }
    to      { transform: translateX(0); }
}
@-moz-keyframes slideInRight {
    from    { -moz-transform:translateX(100%); }
    to      { -moz-transform: translateX(0); }
}
@-webkit-keyframes slideInRight {
    from    { -webkit-transform:translateX(100%); }
    to      { -webkit-transform: translateX(0); }
}

/* slide in from the bottom */
@keyframes slideInUp {
    from    { transform:translateY(100%); }
    to      { transform: translateY(0); }
}
@-moz-keyframes slideInUp {
    from    { -moz-transform:translateY(100%); }
    to      { -moz-transform: translateY(0); }
}
@-webkit-keyframes slideInUp {
    from    { -webkit-transform:translateY(100%); }
    to      { -webkit-transform: translateY(0); }
}

/* slide in from the bottom */
@keyframes slideOutLeft {
    to      { transform: translateX(-100%); }
}
@-moz-keyframes slideOutLeft {  
    to      { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes slideOutLeft {
    to      { -webkit-transform: translateX(-100%); }
}

/* rotate out newspaper */
@-webkit-keyframes rotateOutNewspaper {
    to { -webkit-transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; }
}
@-moz-keyframes rotateOutNewspaper {
    to { -moz-transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; }
}
@keyframes rotateOutNewspaper {
    to { transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; }
}
.box-sizing-border-box{
    box-sizing: border-box;
}
.lighter{
    font-weight:lighter;
}
.dancing{
    font-family:'Dancing script'
}
.underline{
    text-decoration:underline;
}
.ba-white{
    border:1px solid white;
}
.ba{
    border: 1px solid var(--theme-inputs-labels-borders);
}
.bt-orange{
    border-top: 1px solid #ed7c45;
}
.bt{
    border-top:1px solid;
    border-color: var(--theme-inputs-labels-borders);
}
.bb{
    border-bottom:1px solid;
    border-color: var(--theme-inputs-labels-borders);
}
.bl{
    border-left:1px solid;
    border-color: var(--theme-inputs-labels-borders);
}
.br{
    border-right:1px solid;
    border-color: var(--theme-inputs-labels-borders);
}
.uppercase{
    text-transform:uppercase;
}
.bold{
    font-weight:bold;
}
.italic{
    font-style:italic;
}
.strike {
    text-decoration:line-through;
}
.left{
    text-align:left;
}
.center{
    text-align:center;
}
.right{
    text-align:right;
}
.nobreak{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.no-events{
    pointer-events:none;
}
.ov{
    overflow:visible !important;
}
.oh{
    overflow:hidden !important;
}
.animated{
    transition:0.3s ease-in-out all;
}
.contain{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.cover{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cover-center{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 30%;
}
.object-fit-cover{
    object-fit: cover;
}
.width-auto{
    width: auto!important;
}
.ib{
    display: inline-block;
}
.block{
    display:block !important;
}
.fl{
    float:left !important;
}
.fr{
    float:right !important;
}
.ll{
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
.abs{
    position:absolute;
}
.abs_center{
    margin-left: auto;
    margin-right:auto;
    left:0;
    right:0;
}
.abs_center_vertically{
    position: absolute;
    top: 40%;
    transform: translateY(-40%);
}
.abs_top{
    top:0;
}
.abs_bottom{
    bottom:0;
}
.abs_right{
    right:0;
}
.abs_left{
    left:0;
}
.rel{
    position:relative;
}

.pre-wrap{
    white-space: pre-wrap;
}

.red-camara-bg{ background: rgb(218, 54, 58); }
.red-camara{ color: rgb(218, 54, 58); }

.fw-300{font-weight: 300;}
.fw-400{font-weight: 400;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}


.ac-input a{
    position: absolute;
    top: 10px;
    right: 10px;
    color:red;
}

.ac-select.disabled{
    pointer-events: none;
}

.s12{
    min-height: 1px;
    float:left;
    width:100%;
}
.s11{
    min-height: 1px;
    width:91.66%;
    float:left;
}
.s10{
    min-height: 1px;
    width:83.33%;
    float:left;
}
.s9{
    min-height: 1px;
    width:75%;
    float:left;
}
.s8{
    min-height: 1px;
    width:66.66%;
    float:left;
}
.s7{
    min-height: 1px;
    width:58.33%;
    float:left;
}
.s6{
    min-height: 1px;
    width:50%;
    float:left;
}
.s5{
    min-height: 1px;
    width:41.66%;
    float:left;
}
.s4{
    min-height: 1px;
    width:33.33%;
    float:left;
}
.s3{
    min-height: 1px;
    float:left;
    width:25%;
}
.s2{
    min-height: 1px;
    float:left;
    width:16.66%;
}
.s1{
    min-height: 1px;
    float:left;
    width:8.33%;
}

@media only screen and (min-width: 601px){
    .m12{
        min-height: 1px;
        float:left;
        width:100%;
    }
    .m11{
        min-height: 1px;
        width:91.66%;
        float:left;
    }
    .m10{
        min-height: 1px;
        width:83.33%;
        float:left;
    }
    .m9{
        min-height: 1px;
        width:75%;
        float:left;
    }
    .m8{
        min-height: 1px;
        width:66.66%;
        float:left;
    }
    .m7{
        min-height: 1px;
        width:58.33%;
        float:left;
    }
    .m6{
        min-height: 1px;
        width:50%;
        float:left;
    }
    .m5{
        min-height: 1px;
        width:41.66%;
        float:left;
    }
    .m4{
        min-height: 1px;
        width:33.33%;
        float:left;
    }
    .m3{
        min-height: 1px;
        float:left;
        width:25%;
    }
    .m2{
        min-height: 1px;
        float:left;
        width:16.66%;
    }
    .m1{
        min-height: 1px;
        float:left;
        width:8.33%;
    }
}

@media only screen and (min-width: 993px){
    .l12{
        min-height: 1px;
        float:left;
        width:100%;
    }
    .l11{
        min-height: 1px;
        width:91.66%;
        float:left;
    }
    .l10{
        min-height: 1px;
        width:83.33%;
        float:left;
    }
    .l9{
        min-height: 1px;
        width:75%;
        float:left;
    }
    .l8{
        min-height: 1px;
        width:66.66%;
        float:left;
    }
    .l7{
        min-height: 1px;
        width:58.33%;
        float:left;
    }
    .l6{
        min-height: 1px;
        width:50%;
        float:left;
    }
    .l5{
        min-height: 1px;
        width:41.66%;
        float:left;
    }
    .l4{
        min-height: 1px;
        width:33.31%;
        float:left;
    }
    .l3{
        min-height: 1px;
        float:left;
        width:25%;
    }
    .l2{
        min-height: 1px;
        float:left;
        width:16.66%;
    }
    .l1{
        min-height: 1px;
        float:left;
        width:8.33%;
    }
}

.white-childs{
    color:white!important;
}
.white-childs *{
    color:white!important;
}
.white-childs input{
    border-bottom: 1px solid white!important;
}

.capitalize{
    text-transform: capitalize;
}

.middle-align{
    vertical-align: middle;
}

.sub-align{
    vertical-align: sub;
}

.fixed{
  top:0;
  position:fixed;
  width:auto;
  display:none;
  border:none;
}

.display_none{
    display:none!important;
}

.wrapper{
    /* background: #EFEFEF; */
    margin: auto;
    text-align: center;
    position: relative;
    /* -webkit-border-radius: 5px; */
    -moz-border-radius: 5px;
    /* border-radius: 5px; */
    /* margin-bottom: 20px !important; */
    width: calc(100% - 92px);
    /* padding-top: 5px; */
}

.overflow-y_auto{
    overflow-y: auto;
}

.overflow_scroll{
    overflow: scroll;
}

.black{
    color:black;
}

.lightgray-bg{
    background-color: lightgray;
}

.lightgray{
    background-color: lightgray;
}

.button-big-fix-bot-right {
    width: 100px; height: 100px; position: fixed; right: 10px; bottom: 10px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; line-height: 89px; 
    font-weight: bold; text-align: center; font-weight: bold; font-size:100px; z-index:99; 
}

.scroll-x {overflow: auto; padding-top:5px;}
.success {background-color: #dff0d8;}

.bg-input-white input{background:#fff;}

.l6 input, .l6 input {
    /* width: 96% !important; */
}


.l12 input, .l12 input {
    width: 98% !important;
}

.ac-select-wrapper .ac-arrow {
    right: 25.72952px !important;
}


.pad_30 {
    padding: : 30px 0;
}

.l7 {
    overflow: auto;
}

/* LOGIN */
.fondo-login{
	background-image: url(../res/img/background-login.jpg);
    background-size: cover;
}
#login {
    background: var(--theme-background);
}
#login .logo-img{
    width: 100%;
	max-width: 208px;
    max-height: 208px;
}
#login .fondo-img{
	width: 427px;
	margin-top: 40px;
}
#login {padding: 40px 0;}

h2.title-edit {text-align: center; margin-bottom: 0;}

/* SEARCH TOOLS */
.search-tools {height: 59px; border-bottom: 1px solid var(--theme-inputs-labels-borders);}

/* Header */
md-toolbar, md-toolbar .md-toolbar-tools {min-height:50px !important; height: 50px;}
#header md-toolbar{
    background: var(--theme-background-barra-superior);
    color: var(--theme-color-barra-superior);
}
#header h2, #header h3, #header md-icon{
    color: var(--theme-color-barra-superior);
}
.side-menu-mini {
    background: var(--theme-background-barra-lateral) !important;
    color: var(--theme-color-barra-lateral) !important;
}
.side-menu-mini .active, .side-menu-mini a.md-button:hover {
    background: var(--theme-background-barra-lateral-hover);
    color: var(--theme-color-barra-lateral-hover);
}
.side-menu-lateral {
    background: var(--theme-background-barra-lateral);
    color: var(--theme-color-barra-lateral);
}
.side-menu-lateral md-toolbar .md-button{
    background: var(--theme-background-barra-lateral);
    color: var(--theme-color-barra-lateral);
}
.side-menu-lateral .side-content{
    background: var(--theme-background-barra-superior);
    color: var(--theme-color-barra-superior);
}
.side-menu-lateral .side-content .md-button:hover{
    background: var(--theme-background-barra-lateral-hover);
    color: var(--theme-color-barra-lateral-hover);
}

.select-search-content .header-searchbox {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0; 
}
.select-search-content .select-header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 10.667px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    width: auto; 
}
.select-search-content md-content._md {
    max-height: 240px; 
}
.md-input-has-placeholder.select-search label {
    display: none;
}

/*
:root {
    --theme-background: #000;
    --theme-inputs-labels-borders: #fff;
    --theme-color: #bdbdbd; 
    --theme-header-color: #9c9c9c;
    --theme-header-bg: #eee;
    --theme-background-barra-superior: #6b7c93;
    --theme-color-barra-superior: #fff;
    --theme-background-barra-lateral: #000;
    --theme-color-barra-lateral: #fff;
}
*/