@import '../colors.css';

.btn-block {
    display: block;
    width: 100%;
}

.img-responsive {
    max-width: 100%;
}
.max300px {
    max-height:  300px;
}



.minus {
    cursor:pointer;
    width:120px;
    font-size: 80px;
    border: 8px solid;
    border-radius: 5px;
    padding: 2px 5px 2px 5px;
    border-color: var(--ColorSecondary);
    color:  var(--ColorSecondary);
    margin-right: 10px;
}
.plus{
    cursor:pointer;
    width:120px;
    font-size: 80px;
    border: 8px solid;
    border-radius: 5px;
    padding: 2px 5px 2px 5px;
    border-color:  var(--ColorSecondary);
    color: var(--ColorSecondary);
    margin-left: 10px;
}



.price-input {
    height: 140px !important;      /* même hauteur que les boutons */
    width: 120px !important;       /* même largeur */

    font-size: 50px !important;    /* taille du texte */
    text-align: center;

    border: 4px solid  !important; /* même épaisseur et couleur */
    border-radius: 5px !important;

    padding: 0 !important;
    box-sizing: border-box !important;
}
.hover-loose{
    cursor:pointer;
}
.hover-cib{
    cursor:pointer;
}

/*span {cursor:pointer; }*/


.number{
    margin:10px;
}

@media print {
    .col-print-1 {width:8%;  float:left;}
    .col-print-2 {width:16%; float:left;}
    .col-print-3 {width:25%; float:left;}
    .col-print-4 {width:33%; float:left;}
    .col-print-5 {width:42%; float:left;}
    .col-print-6 {width:50%; float:left;}
    .col-print-7 {width:58%; float:left;}
    .col-print-8 {width:66%; float:left;}
    .col-print-9 {width:75%; float:left;}
    .col-print-10{width:83%; float:left;}
    .col-print-11{width:92%; float:left;}
    .col-print-12{width:100%; float:left;}
}

.inputOk {
    border: 5px solid #00ac69 !important;
}

.inputError {
    border: 5px solid var(--ColorJoker) !important;
}

.input-argus {
    max-width: 100px !important;
}

.input-argus-small {
    max-width: 60px !important;
}


.href{
    color: var(--ColorSecondary);
}
.href:hover{
    color: var(--ColorJoker) !important;
}


.pointer:hover {
    cursor: pointer;
}


.btn-grey {
    background-color: var(--ColorBGDarkGrey)!important;
    border-color: var(--ColorBGDarkGrey)!important;
    color: var(--ColorLight)!important;
    -webkit-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

.btn-grey:hover {
    background-color: var(--ColorLight)!important;
    color: var(--ColorBGDarkGreu)!important;
    -webkit-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}




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

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


.btn-success-desactive {
    color: #1cc88a;
    background-color: #ffffff;
    border-color: #1cc88a;
    border-width: 2px;
}
.btn-success-desactive:hover {
    color: #ffffff;
    background-color: #1cc88a;
    cursor: pointer;
}
.btn-warning-desactive {
    color:#f6c23e;
    background-color:  #ffffff;
    border-color: #f6c23e;
    border-width: 2px;
}
.btn-warning-desactive:hover {
    color: #ffffff;
    background-color: #f6c23e;
    border-width: 2px;
    cursor: pointer;
}
.btn-danger-desactive {
    color: #e74a3b;
    background-color: #ffffff;
    border-color:  #e74a3b;
    border-width: 2px;
}
.btn-danger-desactive:hover {
    color: #ffffff;
    background-color:#e74a3b;
    border-width: 2px;
    cursor: pointer;
}
.btn-secondary-desactive {


    background-color: #ffffff;
    /* color: #858796;
     border-color: #858796;*/
    color:  #6900c7;
    border-color:  #6900c7;
    border-width: 2px;
}
.btn-secondary-desactive:hover {
    color: #ffffff;
    /*background-color:#858796;*/
    background-color:#6900c7;

    border-width: 2px;
    cursor: pointer;
}





#validate {
    font-size: 50px;
    width:200px!important;

}
#add {
    font-size: 35px;

}
.fontHuge {
    color: black;
    font-size: 60px;

}

.fontSmall {
    font-size: 0.675em;

}

.input-group-text {
    color: #000!important;
    background-color: #f2f6fc!important;
}