/*------------------------------------
  genux css admin
------------------------------------*/
body {
    background-color: #f7f7f7!important;
} 
.fix20 {
    width: 20px !important
}

.bg_grey {
    background-color: #F7F7F7;
    padding:15px;
}
.bg_grey_np {
    background-color: #F7F7F7;    
}
.maiuscolo{text-transform:uppercase!important;}


@keyframes highlight {
    0% {
        background: #CEF7B5;
    }
    100% {
        background: #fff;
    }
}
.highlight {
    animation: highlight 1s;
}





.modal-footer {
    padding-right: 0 !important;
}

.unfold-item-has-divider {
    margin-bottom: 5px!important;
    
}

.fix-logo-mobile {
    width: 32px;
  
}
.logo_login {
    height:42px!important;
    margin-top:50px;
  }
.logo_login_footer {
    width: 180px;
   
}
.fix_max_width{ max-width:500px}

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

#login-logo-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

.modal-genux .modal-dialog {
    width: 880px !important;
}
.modal-genux   {
    padding-left: 0 !important;
}

.modal-genux .modal-header {
    padding: 0 20px 0 20px !important;
}

.modal-genux .modal-body {
    padding: 0 20px 0 20px !important;
}

.modal-genux .modal-footer {
    padding: 0 20px 0 20px!important;
}


.modal-genux-small .modal-dialog {
    width: 600px !important;
}
.modal-genux-small {
    padding-left: 0 !important;
}
.modal-genux-small .modal-header {
    padding: 0 20px 0 20px !important;
}

.modal-genux-small .modal-body {
    padding: 0 20px 0 20px !important;
}

.modal-genux-small .modal-footer {
    padding: 0 0 0 20px !important;
}



.modal-genux-ord .modal-dialog {
    width: 940px !important;
}
.modal-genux-ord {
    padding-left: 0 !important;
}
.modal-genux-ord .modal-header {
    padding: 0 20px 0 20px !important;
}

.modal-genux-ord .modal-body {
    padding: 0 20px 0 20px !important;
}

.modal-genux-ord .modal-footer {
    padding: 0 20px 0 20px !important;
}





.modal-genux-full .modal-dialog {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
    margin-bottom:0!important;
}
.modal-genux-full .modal-dialog .modal-content {
    width: 100% !important;
    max-width: 100% !important;
}
 


.modal-genux-full {
    padding-left: 0 !important;
}

.modal-genux-full .modal-header {
    padding: 0 20px 0 20px !important;
}

.modal-genux-full .modal-body {
    padding: 0 20px 0 20px !important;
}

.modal-genux-full .modal-footer2 {
    padding: 0   !important;
}


.modal-genux-full .modal-header2 {
    padding: 0 !important;
    border-bottom: 0 solid #eeeef1;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
       
}

.modal-genux-full .modal-header2 h5 {
    float: left;
    margin-top:20px;
    margin-bottom:0;
    padding-bottom:0;
    color:#000;
}



.btn-black {
    color: #fff;
    background-color: #3c3c3c;
    border-color: #000000;
}

.btn-black:hover {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.btn-black:focus, .btn-black.focus {
    box-shadow:none;
}

.btn-black.disabled, .btn-black:disabled {
    color: #fff;
    background-color: #cfcece;
    border-color: #cfcece;
}

.btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active,
.show > .btn-black.dropdown-toggle {
    color: #fff;
    background-color: #3c3c3c;
    border-color: #000000;
}

.btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus,
.show > .btn-black.dropdown-toggle:focus {
    box-shadow:none;
}

 
.btn-group-toggle2 > .btn,
.btn-group-toggle2 > .btn-group > .btn {
    margin-bottom: 0;
    
}

.btn-group-toggle2 > .btn input[type="radio"],
.btn-group-toggle2 > .btn input[type="checkbox"],
.btn-group-toggle2 > .btn-group > .btn input[type="radio"],
.btn-group-toggle2 > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

 

/*.ordini_brand {
    color: #474dee !important;
    margin-bottom: 0 !important;
    font-weight: 700;
}
.ordini_brand:hover {
    
}*/

.badge-soft-primary {
    color: #0078EB !important;
    background-color: rgba(71, 77, 238, 0.1) !important;
    
}

.badge-lg {
    width: 2.7rem;
    height: 2.7rem;
    line-height: 2.7rem;
}

.badge-complex {
    padding: 0.0625rem 0.5rem 0.0625rem 0.0625rem;
}


.ordini_link {
    color: #474dee !important;
    margin-bottom: 0 !important;
    font-weight: 500;
    font-size:15px!important
}

.ordini_link:hover {
    cursor: pointer;
}

.datepicker-rangepicker input { color:#000;}

/*.card-columns {
    
        column-count: 2;
    
}*/

@media (min-width: 576px) {
    .card-columns {
        column-count: 2;
    }
}

@media (min-width: 768px) {
    .card-columns {
        column-count: 2;
    }
}

@media (min-width: 992px) {
    .card-columns {
        column-count: 2;
    }
}

@media (min-width: 1200px) {
    .card-columns {
        column-count: 2;
    }
}


/*----------- card in ordini ------------*/
.card-body h6 {
}
.totale_ordine_val{


}
.budget_assegnato_title {
    color: #4a4e69;
    margin-bottom: 0 !important;
    font-weight: 600;
    font-size: 15px !important;
    text-transform: uppercase;
}
.budget_assegnato_val {
    
    color: #000;
}
.budget_dispo {
    font-weight: 700;
    color: #474dee;
}

/*----------- colore placeholder select ------------*/
.select2-container--default .select-bordered.select2-selection--single .select2-selection__placeholder {
    color:#b6b6b6 !important;
}

/*-------------- ordini details --------------------*/
.btn-group-vertical  { 
    
    margin-right: 25px;
}
.btn-group-vertical .btn {
    margin-bottom: 8px;
    /*padding:7px!important;*/
    /*min-width:45px;*/
}


.nome_tag {
    width:50px!important;
    padding:5px 0!important;
    background-color:unset!important;
}

.nome_tag:hover {
    background-color: rgba(128, 105, 242, 0.2);
    color: #0078EB;
}

.cnt_taglie{
    display:inline-block;     
    white-space:nowrap;
   
}



/*----------- TEST datalist RIFARE TUTTO*/
.categoria_ico {
    width: 90px;
    height: 90px;
    text-align: center
}


.categoria_ico img {
    margin: 0 auto !important;
        
}
.categoria_ico span {
    padding-top:10PX;
    display:block;
    font-size:14PX;
    font-weight:600;
}


.input_custom_qta{position:absolute; z-index:3; left:0; top:0; width:100%; height:100%; display:none; text-align:center; border:none; font-weight:600; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.input_custom_qta.active{color:#FFF; background:#474dee;}
.input_custom_pettine{position:absolute; z-index:3; left:0; top:0; width:100%; height:30px; display:none; text-align:center; font-weight:600; border:1px solid #dcdcdc; }
.btn_plus_pettine {
    border-radius: 50%;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
    height: 30px;
    width: 30px;
    color: #FFF;
    font-weight: 600;
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 2;
    background-color: #0078EB;
}
@keyframes color {
    0% {
        background-color: #0078EB;
    }

    25% {
        background-color: #f00;
    }
    50% {
        background-color: #0078EB;
    }
    75% {
        background-color: #f00;
    }

    100% {
        background-color: #0078EB;
    }
}
.shadow_alert {
    animation-name: color;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}




.btn.no_over:hover {
    background-color: unset !important;
    color: #474dee
}

.jvirtual .btn.btn-outline-primary{visibility:hidden;}





@media (max-width: 767px) {
    .modal-genux .modal-dialog {
        /*width: 100%!important;
        padding-left: 0 !important;*/

        /*background-color: aqua !important;*/
        /*padding-left: 0 !important;*/
    }
}


@media (min-width: 768px) {
    .modal-genux .modal-dialog {
        /*width: 100%!important;
        padding-left: 0 !important;*/
        /*background-color:crimson !important;*/
         
    }
    .modal-genux-full .modal-body {
        height: calc(100vh - 172px) !important;
        position: relative;
    }
}



@media (min-width: 992px) {
    .col-auto {
        padding-right: 5px;
        padding-left: 10px;
    }
    .modal-genux .modal-dialog {
     
        /*width: 100% !important;
        padding-left: 0 !important;*/
        /*background-color:coral!important;*/
    }

    .modal-genux-full .modal-body {
        /*height: calc(100vh - 315px) !important;*/
        height: calc(100vh - 172px ) !important;
        position: relative;
    }

}

@media (min-width: 1200px) {
    .modal-genux .modal-dialog {
        /*width: 100% !important;*/       
        /*background-color:darkblue!important;*/
    }

    .modal-genux-full .modal-body {
        height: calc(100vh - 172px ) !important;
        position: relative!important;
      
    }

}



@media (width: 768px ) { /*//ipad 2 verticale*/

    .modal-genux-full .modal-body {
        height: calc(100vh - 230px) !important;
        position: relative;
        
    }
}
@media (width: 834px ) { /*//ipad pro 11 verticale*/

    .modal-genux-full .modal-body {
        height: calc(100vh - 240px) !important;
        position: relative;
        background-color:chartreuse;
    }
}
@media (width: 1024px )  {  /*//ipad 2 orizzontale*/
    
    .modal-genux-full .modal-body {
        height: calc(100vh - 234px) !important;
        position: relative;
       
    }
}

@media (width: 1194px ) {     /*//ipad pro 11 orizzontale*/

    .modal-genux-full .modal-body {
        height: calc(100vh - 245px) !important;
        position: relative;
        
    }
}