/*FONTS*/
    @font-face {
        font-family: 'source_sans_probold';
        src: url('../fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
             url('../fonts/sourcesanspro-bold-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'source_sans_proregular';
        src: url('../fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
             url('../fonts/sourcesanspro-regular-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'Gotham';
        src: url('../fonts/Gotham-Bold.woff2') format('woff2'),
            url('../fonts/Gotham-Bold.woff') format('woff');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
    }
    /*COLORS*/
    .bg-white{background: #ffffff;}
    .bg-light-grey{background: #98989A;}
    .bg-grey{background: #6F7271;}
    .bg-beige{ background: #DDC9A3;}
    .bg-dark-beige{ background: #BC955C;}
    .bg-green{ background: #235B4E;}
    .bg-dark-green{ background: #10312B;}
    .bg-wine{ background: #9F2241;}
    .bg-dark-wine{ background: #691C32;}

    .text-white{color: #ffffff;}
    .text-light-grey{color: #98989A;}
    .text-grey{color: #6F7271;}
    .text-beige{ color: #DDC9A3;}
    .text-dark-beige{ color: #BC955C;}
    .text-green{ color: #235B4E;}
    .text-dark-green{ color: #10312B;}
    .text-wine{ color: #9F2241;}
    .text-dark-wine{ color: #691C32;}

    .border-white{border:solid 2px #ffffff;}
    .border-light-grey{border:solid 2px #98989A;}
    .border-grey{border:solid 2px #6F7271;}
    .border-beige{ border:solid 2px #DDC9A3;}
    .border-dark-beige{ border:solid 2px #BC955C;}
    .border-green{ border:solid 2px #235B4E;}
    .border-dark-green{ border:solid 2px #10312B;}
    .border-wine{ border:solid 2px #9F2241;}
    .border-dark-wine{ border:solid 2px #691C32;}

    .btn-white{background: #ffffff;color:#000000;border-radius: 20px;padding: 5px 30px;}
    .btn-light-grey{background: #98989A;color:#ffffff;border-radius: 20px;padding: 5px 30px;}
    .btn-grey{background: #6F7271;color:#ffffff;border-radius: 20px;padding: 5px 30px;}
    .btn-beige{ background: #DDC9A3;color:#000000;border-radius: 20px;padding: 5px 30px;}
    .btn-dark-beige{ background: #BC955C;color:#ffffff;border-radius: 20px;padding: 5px 30px;}
    .btn-green{ background: #235B4E;color:#ffffff;border-radius: 20px;padding: 5px 30px;}
    .btn-dark-green{ background: #10312B;color:#ffffff;border-radius: 20px;padding: 5px 30px;}
    .btn-wine{ background: #9F2241;color:#ffffff;border-radius: 20px;padding: 5px 30px;}
    .btn-dark-wine{ background: #691C32;color:#ffffff;border-radius: 20px;padding: 5px 30px;}

.btn-log-out {
    background: url(../img/logout.png) no-repeat;
    background-size: cover;
    border:none;
    width: 25px;
    height: 25px;
    display: block;
    margin-top: -25px;
    margin-left: 50px;
}

    .bg-ag-1 {background: #FF0000;}
    .bg-ag-2 {background: #CE9019;}
    .bg-ag-3 {background: #A70C7D;}

    .bg-ag-4 {
        background: #004053;
    }

    .bg-ag-5 {
        background: #045FA2;
    }

    .bg-ag-6 {
        background: #1B9BCB;
    }

    .bg-ag-7 {
        background: #36D8FF;
    }

    .bg-ag-8 {
        background: #86C7FF;
    }

    .bg-ag-9 {
        background: #B9CDDE;
    }

    .bg-ag-10 {
        background: #37410F;
    }

    .bg-ag-11 {
        background: #005C59;
    }

    .bg-ag-12 {
        background: #1F7B00;
    }

    .bg-ag-13 {
        background: #617321;
    }

    .bg-ag-14 {
        background: #8F9964;
    }

    .bg-ag-15 {
        background: #84B685;
    }

    .bg-ag-16 {
        background: #95D4C9;
    }

    .bg-ag-17 {
        background: #D4EB7E;
    }

    .bg-ag-18 {
        background: #868686;
    }

.bg-ag-19 {
    background: #999999;
}

    .bg-ag-20 {
        background: #FFEDAF;
    }

    .bg-ag-21 {
        background: #F9D152;
    }

    .bg-ag-22 {
        background: #F9BE6A;
    }

    .bg-ag-23 {
        background: #FFA134;
    }

    .bg-ag-24 {
        background: #F96C2D;
    }

    .bg-ag-25 {
        background: #91455D;
    }

    .bg-ag-26 {
        background: #981C00;
    }

    .bg-ag-27 {
        background: #710000;
    }

    .bg-ag-28 {
        background: #FF86C3;
    }

    .bg-ag-29 {
        background: #D699F7;
    }

.bg-ag-30 {
    background: #603D2E;
}
.bg-ag-31 {
    background: #4C917B;
}
    .bg-agr-1 {
        background: #533E83;
    }

    .bg-agr-2 {
        background: #7B4F9A;
    }

    .bg-agr-3 {
        background: #A364A8;
    }

    .bg-agr-4 {
        background: #C37CB0;
    }

    .bg-agr-5 {
        background: #A265A8;
    }

    .bg-agr-6 {
        background: #FFF0DE;
    }

    .bg-agr-7 {
        background: #C73637;
    }

    .bg-agr-8 {
        background: #E27474;
    }

    .bg-agr-9 {
        background: #ED5853;
    }

    .bg-agr-10 {
        background: #F8716B;
    }

    .bg-agr-11 {
        background: #FFC0B0;
    }

    .bg-agr-12 {
        background: #FFE0D1;
    }


    .bg-st-1 {
        background: #c69c40;
    }

    .bg-st-2 {
        background: #9ac964;
    }

    .bg-st-3 {
        background: #b7484b;
    }

    .colorLegend {
        height: 10px;
        width: 30px;
        margin: 0 5px 0 0;
    }

    .titleLegend {
        line-height: 1em;
        font-size: 0.8em;
        padding-bottom: 5px;
    }

    .textLegend {
        line-height: 10px;
        font-size: 0.7em;
        font-family: 'source_sans_proregular';
    }

    /*CONTENT*/
    body,p,div,span,button,a,h1,h2,h3,h4,h5,h6{
        font-family:'Gotham';
    }
    header{
        border-bottom: solid 5px #235B4E;
    }
    #navigation > div{
        border-bottom: solid 5px #BC955C;
    }
    .gotham{
        font-family:'Gotham';
    }
    .source-regular{
        font-family:'source_sans_proregular';
    }
    .source-bold{
        font-family:'source_sans_probold';
    }
    p{
        color: #6F7271;
    }
    .fs-7 {
        font-size: 0.75rem!important;
    }
    .fs-8 {
        font-size: 0.5rem!important;
    }
    .fs-9 {
        font-size: 0.25rem!important;
    }
    .user-icon{
        width:50px;
        height:50px;
        border-radius:50%;
    }
    .popup{
        position:fixed !important;
        width: 100%;
        top:0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100vh;
        background: #000000DD;
        z-index:999;
    }
    .hidden{
        display:none;
    }
    .sticky{
        position:-webkit-sticky;
        position: sticky;
        top: 0;
          z-index:999;
    }
    
    
    
    /*CUSTOM CH*/
    .custom-ch-label{
        display: block;
      position: relative;
      padding-left: 35px;
        padding-top:5px;
      margin:25px 0;
        cursor: pointer;
      font-size: 0.9rem !important;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
        font-size:1.25rem;
        color:#524F5A;
    }
    .custom-ch-label input{
        position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
    }
    .custom-checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 25px;
      width: 25px;
        border: solid 2px #524F5A;
        border-radius: 5px;
    }
    .custom-ch-label:hover input ~ .custom-checkmark {
      background-color: #ccc;
    }
    .custom-ch-label input:checked ~ .custom-checkmark {
      background-color: #524F5A;
    }
    .custom-checkmark:after {
      content: "";
      position: absolute;
      display: none;
    }
    .custom-ch-label input:checked ~ .custom-checkmark:after {
      display: block;
    }
    .custom-ch-label .custom-checkmark:after {
      left: 9px;
      top: 5px;
      width: 5px;
      height: 10px;
      border: solid white;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    /*CUSTOM RB*/
    .custom-rb{
        display: block;
        position: relative;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .custom-rb input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        top: 0;
        left: 0;
        width: 25px;
        height: 25px;
    }
    .custom-rb-text{
        position: absolute;
        left: 30px;
    }
    .custom-rb-checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #fff;
        border:solid 1px #000;
        border-radius: 50%;
    }
    .custom-rb-checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }
    .custom-rb input:checked ~ .custom-rb-checkmark:after {
        display: block;
    }
    .custom-rb .custom-rb-checkmark:after {
        top: 6px;
        left: 6px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #000;
    }
    input[type=radio] {
        margin-right: 7px;
    }
    /*Responsive styles*/
    /*Escritorio*/
    @media (min-width: 1399.98px) {
        
    }
    /*Tablet Portrait*/
    @media (min-width: 576px) and (max-width: 991.98px) and (orientation:portrait) {
        
        
    }
    /*Tablet landscape*/
    @media (min-width: 991.98px) and (max-width: 1199.98px)and (orientation:landscape) {
        
        
    }
    /*Movil Portrait*/
    @media (max-width: 575.98px)and (orientation:portrait) {
       
    }
    /*Movil landscape*/
    @media (min-width: 576px) and (max-width: 991.98px) and (orientation:landscape) {
    
    }