:root {
    --orange: #FC7B0B;
    --gray: #5C5C5C;
}

* {
    margin: 0px;
    padding: 0px;
}

.pre-loader {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.5);
}

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid var(--orange);
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    /* Safari */
    animation: spin 2s linear infinite;
    margin: 20% auto auto auto;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.txt-orange {
    color: var(--orange);
}

.back-orange {
    background-color: var(--orange);
}

.txt-gray {
    color: var(--gray);
}

.back-gray {
    background-color: var(--gray);
}

.back-gray2 {
    background-color: #F2F2F2;
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block !important;
    transition: -webkit-transform 0s ease !important;
    transition: transform 0s ease !important;
    transition: transform 0s ease, -webkit-transform 0s ease !important;
}


.fs-1-8 {
    font-size: 1.8em;
}

.fs-1-5 {
    font-size: 1.5em;
}

.fs-1-3 {
    font-size: 1.3em;
}

.fs-1-2 {
    font-size: 1.2em;
}

.fs-1 {
    font-size: 1em;
}


.btn-orage {
    background-color: var(--orange);
    color: #FFF;
    border-width: 2px;
    border-style: solid;
    border-color: var(--orage);
    transition: 0.80s;
}

.btn-orage:hover {
    background-color: #FFF;
    color: var(--orange);
    border-width: 2px;
    border-style: solid;
    border-color: var(--orage);
}

.border-gray {
    border: 2px solid var(--gray);
    border-radius: 5px;
    padding: 10px 10px;
}

input:checked+label,
button:checked {
    color: var(--orange);
    border: 2px solid var(--orange);
}

.hide {
    display: none !important;
}

.QNo {
    color: #AAA !important;
    background-color: #FFF;
    border: 2px solid #AAA;
    border-radius: 200px;
    padding: 3px 10px;
}

.QNoNo {
    color: #AAA !important;
    background-color: #FFF;
    border: 2px solid #AAA;
    border-radius: 20px;
    padding: inherit;
}

.QActive {
    color: var(--orange) !important;
    border: 2px solid var(--orange);
}

#bundle_description ul,
#bundle_descrip ul {
    list-style: "- " !important;
    ;
}

.modal-header {
    border-bottom: 0px solid #e9ecef;
}

.modal-header .close {
    padding: 0rem !important;
}

#resume .modal-dialog {
    max-width: 800px !important;
}

ul {
    margin-left: 15px;
}

label {
    margin-bottom: 0% !important;
}

input:focus,
input[type]:focus {
    border-color: var(--orange);
    box-shadow: 0 1px 1px rgba(229, 103, 23, 0.075)inset, 0 0 8px rgba(255, 144, 0, 0.6);
    outline: 0 none;
}

.cursor-pointer {
    cursor: pointer;
}

.print-force {
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
}

#cont_mail:hover {
    color: var(--gray)
}


@media print {
    #titlepdf {
        background-color: #FC7B0B !important;
    }
}