:root {
    --color-logo-1: #ec67a0;

    --color-operario: hsl(180, 100%, 40%);

    --color-operario-dark: hsl(180, 100%, 20%);

    --color-warning: hsl(59.1, 100%, 50%);

    --color-base-1: #660033;

    --color-base-2: #d82680; /* d82680 */


    --color-base-4: #f3aecc; /* f3aecc */
}



.kt-font-warning {
    color:     var(--color-warning) !important;
}


.kt-bg-operario {
    background-color: var(--color-operario-dark);
}


.kt-portlet-operario .kt-portlet__head {
    padding: 0px 12px;
}

.kt-portlet-operario > .kt-portlet__body {
    padding: 6px;
    background-color: #ddd;
    margin: 3px;
}
.kt-bg-operario .btn.btn-icon.btn-switcher {
    color: hsl(180, 100%, 50%);
}

.btn-switcher .btn-pill{
    font-weight: bolder;
    font-size: 1.2rem;
    margin-left: 1rem !important;
}
.kt-portlet-operario .btn-switcher .btn-pill{
    border: 3px solid #066;
}

.kt-bg-agencias .btn-switcher .btn-pill{
    border: 3px solid var(--color-base-1);
}

.kt-bg-agencias {
    background: var(--color-base-1);
}
.btn.btn-icon.btn-switcher {
    color: hsl(180, 100%, 50%);
}

/* Logo responsive */

.kt-header-mobile__logo img {
    height: 40px;
}




/* aside menu svg colors */
.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__heading .kt-menu__link-icon svg g [fill], .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link .kt-menu__link-icon svg g [fill] {

    fill: var(--color-base-4);
}

.kt-aside__brand .kt-aside__brand-tools .kt-aside__brand-aside-toggler svg g [fill] {
    fill: var(--color-logo-1);
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__heading .kt-menu__link-icon, .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link .kt-menu__link-icon {
    color: var(--color-logo-1);
}
.kt-aside--minimize .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link > .kt-menu__link-icon, .kt-aside--minimize .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link > .kt-menu__link-icon {
    color: var(--color-logo-1);
}
.kt-aside-menu .kt-menu__nav > .kt-menu__section .kt-menu__section-text {
    color: var(--color-base-2);
}

SELECT2{}

.select2.select2-container {
    width: 100% !important;
}






MEDIA{}
MEDIA{}



/* head portlet */

.kt-portlet__head-actions{
    min-width: max-content;
}
/* buttons */

  /*INI:: INPUT BUTTONS **/

.btn.btn-icon.btn-switcher{
    padding: 6px !important;
    height: 34px;
    background-color: hsla(0, 0%, 0%, .3);
    min-width: 36px;
    margin: 0 auto;
    width: max-content;
  }
  .btn.btn-icon.btn-switcher input{
   display: block;
   min-width: 100%;
   height: 35px;
   position: absolute;
   opacity: 0;
  }
  .btn.btn-icon.btn-switcher{
    position: relative;
  }
  .btn-switcher input ~ .fa.btn-active{
   display: none;
  }
  .btn-switcher input:checked ~ .fa.btn-active{
   display: block;
  }
  .btn-switcher input:checked ~ .fa.btn-deactive{
   display: none;
  }


.btn-switcher.uncollapsed input ~ .btn-deactive {
	display: none;
}
.btn-switcher.uncollapsed input ~ .btn-active {
	display: block;
}

.btn-switcher.collapsed input ~ .btn-deactive {
	display: block;
}
.btn-switcher.collapsed input ~ .btn-active {
	display: none;
}



.kt-sticky-toolbar {
    width: auto;
    position: fixed;
    top: 70px;
    right: 40px;
    list-style: none;
    padding: 0px 0;
    margin: 0;
    z-index: 500;
    background: transparent;
    box-shadow: none;
}


.toast .toast-close-button::before {
    content: "x";
    font-family: Arial;
    font-weight: bolder;
}

#kt_aside_brand {
    overflow: hidden;
}



  /*END:: INPUT BUTTONS **/


/* ANIM */

/* ANIMATIONS */

   /*********/
  /*         */
 /*************/
 /*            */
/*             */


[data-counter]:before{

}

.beat{
}

.beat:before{
    position: absolute;
    height: 20px;
    width: 20px;
    top: -20px;
    display: block;
    background-color: var(--color-base-2);
    color: #fff;
    border-radius: 50%;
    transition: all .3s;
    transform: translateY(-40px);
    opacity: 0;
    z-index: 4;

}
.beat-minus:before{
    position: absolute;
    height: 20px;
    width: 20px;
    top: -20px;
    display: block;
    background-color: var(--color-base-2);
    color: #fff;
    border-radius: 50%;


    content: "-";
    transition: all .3s;
    opacity: 1;

}
.beat-plus:before{
    position: absolute;
    height: 20px;
    width: 20px;
    top: -20px;
    display: block;
    background-color: #2650d8;
    color: #fff;
    border-radius: 50%;
    transition: all .3s;
    opacity:1;

    content: "+";

}

.beat.beat-plus:before{
    transform: translateY(20px);
    opacity: 0;
    transition: all .3s;
}

.beat.beat-minus:before{
    transform: translateY(-20px);
    opacity: 0;

    transition: all .3s;

}





  @media (max-width: 768px) {

    /* ptimary menu icon mobile */

    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toggler:hover span {
        background: var(--color-logo-1);
    }

    /* kt-container */

    .kt-container {
        padding: 0px;
    }

    /* mobile menu */

    .kt-aside .kt-aside-menu{
        height: 100vh;
        margin: 0;
    }



    /* BEGIN:: qr_scanner flottable portlet */
        .kt-sticky-toolbar {
            width: 80px;
            position: fixed;
            top: auto;
            right: 30px;
            list-style: none;
            padding: 5px 0;
            margin: 0;
            z-index: 50;
            background: #f220;
            box-shadow: none;
            height: 40px;
            opacity: .5;
            bottom: 35px;
        }
        .kt-sticky-toolbar:hover{
            opacity: 1;
        }
        #sticky_codebar.qr_scanner_code--opened {
            opacity: 1;
            width: 100%;
            left: 0px!important;
            right: auto;
            bottom: 25px;
            top: auto;
        }
        #sticky_codebar.qr_scanner_code--opened  #qr_portlet{
            width: 100vw;
        }
        body.qr_scanner_code--opened .kt-wrapper {
            height: calc(100vh - 80px);
        }

        body.qr_scanner_code--opened .kt-portlet__foot{
            display:none;
        }
    /* END:: qr_scanner flottable portlet */

    /* BEGIN:: iOS hack anti-zoom */

        input[type='text'],
        input[type='number'],
        textarea {
            font-size: 16px;
        }
    /* END:: iOS hack anti-zoom */

}

@media (max-width: 580px) {

    .modal-dialog{
        margin: 0px;
        max-width: 100vw;
    }
    #package_show_modal .modal-body {
        padding: .0px;
    }
    .modal .modal-content{
        border-radius: 0px;
    }

    .client-pill {
        padding: 0;
    }
    .client-pill .card {
        border: 0;
        border-radius: 0;
    }
    .client-pill .card .card-title:first-child{
        color: #000;
        text-shadow: none;
        font-size: 18px;
        font-weight: 600
    }
    .client-pill .card .card-title{
        color: #000;
    }

}


@media (max-width: 460px){

    .tab-content > .active {
        display: block;
        padding: 0 1.25rem;
    }

    .kt-container.kt-container--fluid {
        padding: 0px;
    }

    .kt-container.kt-container--fluid > .kt-portlet > .kt-portlet__body {
        padding: 15px 0;
    }

    .package_show_modal .modal-dialog{
        margin: 0;
    }
    .package_show_modal .modal-dialog .modal-content{
        border-radius: 0px;
    }

}

@import url("corporative.css");