:root {
    --TPred-color-000: #ff0000;
    --TPred-color-100: #ff0000;
    --TPgreen-color-100: #91CB82;
    --TP-add-room-bg: #fff;
    --TP-add-room-border: #fff;
    --TP-add-room-color: #fff;
    --white: #ffffff;
    --black: #000;
    --gray: #808080;
    --gray-100: #f8f9fa;
    --gray-200: #e9ecef;
    --gray-300: #dee2e6;
    --gray-400: #ced4da;
    --gray-500: #adb5bd;
    --gray-600: #6c757d;
    --gray-700: #495057;
    --gray-800: #343a40;
    --gray-900: #212529;
    --green: #008000;
    --green-100: #90ee90;
    --green-200: #ace1af;
    --green-300: #a8e4a0;
    --green-400: #77dd77;
    --green-500: #50c878;
    --green-600: #3cd070;
    --green-700: #32cd32;
    --green-800: #03c03c;
    --green-900: #087830;
    --blue: #0d1b48;
    --blue-100: #e0e0ff;
    --blue-200: #9494ff;
    --blue-300: #6666ff;
    --blue-400: #3838ff;
    --blue-500: #0a0aff;
    --blue-600: #0000db;
    --blue-700: #0000ad;
    --blue-800: #000075;
    --blue-900: #000057;
    --bluesoft: #b0e0e6;
    --bluesoft-100: #ecf7f9;
    --bluesoft-200: #c9eaee;
    --bluesoft-300: #aadde4;
    --bluesoft-400: #aadde4;
    --bluesoft-500: #aadde4;
    --bluesoft-600: #aadde4;
    --bluesoft-700: #aadde4;
    --bluesoft-800: #aadde4;
    --bluesoft-900: #3396a3;
    --bluedark: #1f1a3c;
    --red: #ff0000;
    --red-100: #ffebeb;
    --red-200: #ffadad;
    --red-300: #ff7070;
    --red-400: #ff4242;
    --red-500: #ff1414;
    --red-600: #f50000;
    --red-700: #d60000;
    --red-800: #b80000;
    --red-900: #8b0000;
    --yellow: #ffd700;
    --yellow-100: #fffbe6;
    --yellow-200: #fff9d6;
    --yellow-300: #fff4b8;
    --yellow-400: #fff099;
    --yellow-500: #ffed8a;
    --yellow-600: #ffe23d;
    --yellow-700: #ffe23d;
    --yellow-800: #ffdb0f;
    --yellow-900: #e0bf00;
    --orange: #ff8c00;
    --orange-100: #fff4e6;
    --orange-200: #ffdfb8;
    --orange-300: #ffb65c;
    --orange-400: #ffb65c;
    --orange-500: #ffb65c;
    --orange-600: #ffa83d;
    --orange-700: #ff9a1f;
    --orange-800: #f58700;
    --orange-900: #e07b00;
    --customer: #bb252e
}



/**--------------------------------**/
/**          BackGround color          **/
/**--------------------------------**/

.row-hover:hover {
    
    cursor:pointer;
}
.row-select: {
    color: #f5f9fe !important;
    
}
.bg-white {
    background-color: var(--white);
}
.bg-black {
    background-color: var(--black);
}

.bg-gray {
    background-color: var(--gray-100);
}
.bg-gray-100 {background-color: var(--gray-100) !important;}
.bg-gray-200 {background-color: var(--gray-200);}
.bg-gray-300 {background-color: var(--gray-300) !important;}
.bg-gray-400 {background-color: var(--gray-400);}
.bg-gray-500 {background-color: var(--gray-500);}
.bg-gray-600 {background-color: var(--gray-600);}
.bg-gray-700 {background-color: var(--gray-700);}
.bg-gray-800 {background-color: var(--gray-800);}
.bg-gray-900 {background-color: var(--gray-900);}

.bg-green {
    background-color: var(--green);
}
.bg-green-100 {background-color: var(--green-100);}
.bg-green-200 {background-color: var(--green-200);}
.bg-green-300 {background-color: var(--green-300);}
.bg-green-400 {background-color: var(--green-400);}
.bg-green-500 {background-color: var(--green-500);}
.bg-green-600 {background-color: var(--green-600);}
.bg-green-700 {background-color: var(--green-700);}
.bg-green-800 {background-color: var(--green-800);}
.bg-green-900 {background-color: var(--green-900);}

.bg-blue {
    background-color: var(--blue );
}
.bg-blue-100 {background-color: var(--blue-100 );}
.bg-blue-200 {background-color: var(--blue-200 );}
.bg-blue-300 {background-color: var(--blue-300 );}
.bg-blue-400 {background-color: var(--blue-400 );}
.bg-blue-500 {background-color: var(--blue-500 );}
.bg-blue-600 {background-color: var(--blue-600 );}
.bg-blue-700 {background-color: var(--blue-700 );}
.bg-blue-800 {background-color: var(--blue-800 );}
.bg-blue-900 {background-color: var(--blue-900 );}

.bg-bluesoft {
    background-color: var(--bluesoft);
}
.bg-bluesoft-100 { background-color: var(--bluesoft-100);}
.bg-bluesoft-200 { background-color: var(--bluesoft-200);}
.bg-bluesoft-300 { background-color: var(--bluesoft-300);}
.bg-bluesoft-400 { background-color: var(--bluesoft-400);}
.bg-bluesoft-500 { background-color: var(--bluesoft-500);}
.bg-bluesoft-600 { background-color: var(--bluesoft-600);}
.bg-bluesoft-700 { background-color: var(--bluesoft-700);}
.bg-bluesoft-800 { background-color: var(--bluesoft-800);}
.bg-bluesoft-900 { background-color: var(--bluesoft-900);}

.bg-red {
    background-color: var( --red);
}
.bg-red-100 {background-color: var( --red-100);}
.bg-red-200 {background-color: var( --red-200);}
.bg-red-300 {background-color: var( --red-300);}
.bg-red-400 {background-color: var( --red-400);}
.bg-red-500 {background-color: var( --red-500);}
.bg-red-600 {background-color: var( --red-600);}
.bg-red-700 {background-color: var( --red-700);}
.bg-red-800 {background-color: var( --red-800);}
.bg-red-900 {background-color: var( --red-900);}
             
             
 .bg-yellow {
    background-color: var( --yellow);
}
.bg-yellow-100 {background-color: var( --yellow-100);}
.bg-yellow-200 {background-color: var( --yellow-200);}
.bg-yellow-300 {background-color: var( --yellow-300);}
.bg-yellow-400 {background-color: var( --yellow-400);}
.bg-yellow-500 {background-color: var( --yellow-500);}
.bg-yellow-600 {background-color: var( --yellow-600);}
.bg-yellow-700 {background-color: var( --yellow-700);}
.bg-yellow-800 {background-color: var( --yellow-800);}
.bg-yellow-900 {background-color: var( --yellow-900);}

.bg-orange {
    background-color: var( --orange);
}
.bg-orange-100 {background-color: var( --orange-100);}
.bg-orange-200 {background-color: var( --orange-200);}
.bg-orange-300 {background-color: var( --orange-300);}
.bg-orange-400 {background-color: var( --orange-400);}
.bg-orange-500 {background-color: var( --orange-500);}
.bg-orange-600 {background-color: var( --orange-600);}
.bg-orange-700 {background-color: var( --orange-700);}
.bg-orange-800 {background-color: var( --orange-800);}
.bg-orange-900 {background-color: var( --orange-900);}

.bg-box {background-color:var(--blue-900);}
.bg-box2 {background-color:var(--bluedark)}

/**--------------------------------**/
/**          Text color          **/
/**--------------------------------**/


.text-white {
    color: var(--white) !important;
}

.text-black {
    color: var(--black);
}

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

.text-gray-100 {color: var(--gray-100);}
.text-gray-200 {color: var(--gray-200);}
.text-gray-300 {color: var(--gray-300);}
.text-gray-400 {color: var(--gray-400);}
.text-gray-500 {color: var(--gray-500);}
.text-gray-600 {color: var(--gray-600);}
.text-gray-700 {color: var(--gray-700);}
.text-gray-800 {color: var(--gray-800);}
.text-gray-900 {color: var(--gray-900);}

.text-green {
    color: var(--green) !important;
}

.text-green-100 {color: var(--green-100);}
.text-green-200 {color: var(--green-200);}
.text-green-300 {color: var(--green-300);}
.text-green-400 {color: var(--green-400);}
.text-green-500 {color: var(--green-500);}
.text-green-600 {color: var(--green-600);}
.text-green-700 {color: var(--green-700);}
.text-green-800 {color: var(--green-800);}
.text-green-900 {color: var(--green-900);}

.text-blue {
    color: var(--blue);
}

.text-blue-100 {color: var(--blue-100 );}
.text-blue-200 {color: var(--blue-200 );}
.text-blue-300 {color: var(--blue-300 );}
.text-blue-400 {color: var(--blue-400 );}
.text-blue-500 {color: var(--blue-500 );}
.text-blue-600 {color: var(--blue-600 );}
.text-blue-700 {color: var(--blue-700 );}
.text-blue-800 {color: var(--blue-800 );}
.text-blue-900 {color: var(--blue-900 );}


.text-bluesoft {
    color: var(--bluesoft);
}

.text-bluesoft-100 {color: var(--bluesoft-100 );}
.text-bluesoft-200 {color: var(--bluesoft-200 );}
.text-bluesoft-300 {color: var(--bluesoft-300 );}
.text-bluesoft-400 {color: var(--bluesoft-400 );}
.text-bluesoft-500 {color: var(--bluesoft-500 );}
.text-bluesoft-600 {color: var(--bluesoft-600 );}
.text-bluesoft-700 {color: var(--bluesoft-700 );}
.text-bluesoft-800 {color: var(--bluesoft-800 );}
.text-bluesoft-900 {color: var(--bluesoft-900 );}


.text-red {
    color: var( --red:);
}

.text-red-100 {color: var( --red-100);}
.text-red-200 {color: var( --red-200);}
.text-red-300 {color: var( --red-300);}
.text-red-400 {color: var( --red-400);}
.text-red-500 {color: var( --red-500);}
.text-red-600 {color: var( --red-600);}
.text-red-700 {color: var( --red-700);}
.text-red-800 {color: var( --red-800);}
.text-red-900 {color: var( --red-900);}

.text-yellow {
    color: var( --yellow:);
}

.text-yellow-100 {color: var( --yellow-100);}
.text-yellow-200 {color: var( --yellow-200);}
.text-yellow-300 {color: var( --yellow-300);}
.text-yellow-400 {color: var( --yellow-400);}
.text-yellow-500 {color: var( --yellow-500);}
.text-yellow-600 {color: var( --yellow-600);}
.text-yellow-700 {color: var( --yellow-700);}
.text-yellow-800 {color: var( --yellow-800);}
.text-yellow-900 {color: var( --yellow-900);
}

.text-orange {
    color: var( --orange) !important;
}

.text-orange-100 {color: var( --orange-100);}
.text-orange-200 {color: var( --orange-200);}
.text-orange-300 {color: var( --orange-300);}
.text-orange-400 {color: var( --orange-400);}
.text-orange-500 {color: var( --orange-500);}
.text-orange-600 {color: var( --orange-600);}
.text-orange-700 {color: var( --orange-700);}

.text-orange-800 {color: var( --orange-800);}

.text-orange-900 {color: var( --orange-900);}

.text-std {color: var(--blue-900) !important;}


/**--------------------------------**/
/**          Border color          **/
/**--------------------------------**/

    .border-white{
    border-color: var(--white);
}

.border-black {
    border-color: var(--black);
}

.border-gray {
    border-color: var(--gray);
}
.border-gray-100 {border-color: var(--gray-100);}
.border-gray-200 {border-color: var(--gray-200);}
.border-gray-300 {border-color: var(--gray-300);}
.border-gray-400 {border-color: var(--gray-400);}
.border-gray-500 {border-color: var(--gray-500);}
.border-gray-600 {border-color: var(--gray-600);}
.border-gray-700 {border-color: var(--gray-700);}
.border-gray-800 {border-color: var(--gray-800);}
.border-gray-900 {border-color: var(--gray-900);
}

.border-green {
    border-color: var(--green);
}

.border-green-100 {border-color: var(--green-100);}
.border-green-200 {border-color: var(--green-200);}
.border-green-300 {border-color: var(--green-300);}
.border-green-400 {border-color: var(--green-400);}
.border-green-500 {border-color: var(--green-500);}
.border-green-600 {border-color: var(--green-600);}
.border-green-700 {border-color: var(--green-700);}
.border-green-800 {border-color: var(--green-800);}
.border-green-900 {border-color: var(--green-900);}

.border-blue {
    border-color: var(--blue);
}

.border-blue-100 {border-color: var(--blue-100 );}
.border-blue-200 {border-color: var(--blue-200 );}
.border-blue-300 {border-color: var(--blue-300 );}
.border-blue-400 {border-color: var(--blue-400 );}
.border-blue-500 {border-color: var(--blue-500 );}
.border-blue-600 {border-color: var(--blue-600 );}
.border-blue-700 {border-color: var(--blue-700 );}
.border-blue-800 {border-color: var(--blue-800 );}
.border-blue-900 {border-color: var(--blue-900 );}

.border-bottom-blue {border-bottom-color: var(--blue);}
.border-bottom-blue-100 {border-bottom-color: var(--blue-100 );}
.border-bottom-blue-200 {border-bottom-color: var(--blue-200 );}
.border-bottom-blue-300 {border-bottom-color: var(--blue-300 );}
.border-bottom-blue-400 {border-bottom-color: var(--blue-400 );}
.border-bottom-blue-500 {border-bottom-color: var(--blue-500 );}
.border-bottom-blue-600 {border-bottom-color: var(--blue-600 );}
.border-bottom-blue-700 {border-bottom-color: var(--blue-700 );}
.border-bottom-blue-800 {border-bottom-color: var(--blue-800 );}
.border-bottom-blue-900 {border-bottom-color: var(--blue-900 );}

.border-top-blue {border-top-color: var(--blue);}
.border-top-blue-100 {border-top-color: var(--blue-100 );}
.border-top-blue-200 {border-top-color: var(--blue-200 );}
.border-top-blue-300 {border-top-color: var(--blue-300 );}
.border-top-blue-400 {border-top-color: var(--blue-400 );}
.border-top-blue-500 {border-top-color: var(--blue-500 );}
.border-top-blue-600 {border-top-color: var(--blue-600 );}
.border-top-blue-700 {border-top-color: var(--blue-700 );}
.border-top-blue-800 {border-top-color: var(--blue-800 );}
.border-top-blue-900 {border-top-color: var(--blue-900 );}

.border-left-blue {border-left-color: var(--blue);}
.border-left-blue-100 {border-left-color: var(--blue-100 );}
.border-left-blue-200 {border-left-color: var(--blue-200 );}
.border-left-blue-300 {border-left-color: var(--blue-300 );}
.border-left-blue-400 {border-left-color: var(--blue-400 );}
.border-left-blue-500 {border-left-color: var(--blue-500 );}
.border-left-blue-600 {border-left-color: var(--blue-600 );}
.border-left-blue-700 {border-left-color: var(--blue-700 );}
.border-left-blue-800 {border-left-color: var(--blue-800 );}
.border-left-blue-900 {border-left-color: var(--blue-900 );}

.border-right-blue {border-right-color: var(--blue);}
.border-right-blue-100 {border-right-color: var(--blue-100 );}
.border-right-blue-200 {border-right-color: var(--blue-200 );}
.border-right-blue-300 {border-right-color: var(--blue-300 );}
.border-right-blue-400 {border-right-color: var(--blue-400 );}
.border-right-blue-500 {border-right-color: var(--blue-500 );}
.border-right-blue-600 {border-right-color: var(--blue-600 );}
.border-right-blue-700 {border-right-color: var(--blue-700 );}
.border-right-blue-800 {border-right-color: var(--blue-800 );}
.border-right-blue-900 {border-right-color: var(--blue-900 );}

.border-bluesoft {
    border-color: var(--bluesoft);
}

.border-bluesoft-100 {border-color: var(--bluesoft-100 );}
.border-bluesoft-200 {border-color: var(--bluesoft-200 );}
.border-bluesoft-300 {border-color: var(--bluesoft-300 );}
.border-bluesoft-400 {border-color: var(--bluesoft-400 );}
.border-bluesoft-500 {border-color: var(--bluesoft-500 );}
.border-bluesoft-600 {border-color: var(--bluesoft-600 );}
.border-bluesoft-700 {border-color: var(--bluesoft-700 );}
.border-bluesoft-800 {border-color: var(--bluesoft-800 );}
.border-bluesoft-900 {border-color: var(--bluesoft-900 );}


.border-red {
    border-color: var( --red:);
}

.border-red-100 {border-color: var( --red-100);}
.border-red-200 {border-color: var( --red-200);}
.border-red-300 {border-color: var( --red-300);}
.border-red-400 {border-color: var( --red-400);}
.border-red-500 {border-color: var( --red-500);}
.border-red-600 {border-color: var( --red-600);}
.border-red-700 {border-color: var( --red-700);}
.border-red-800 {border-color: var( --red-800);}
.border-red-900 {border-color: var( --red-900);}

.border-yellow {
    border-color: var( --yellow:);
}

.border-yellow-100 {border-color: var( --yellow-100);}
.border-yellow-200 {border-color: var( --yellow-200);}
.border-yellow-300 {border-color: var( --yellow-300);}
.border-yellow-400 {border-color: var( --yellow-400);}
.border-yellow-500 {border-color: var( --yellow-500);}
.border-yellow-600 {border-color: var( --yellow-600);}
.border-yellow-700 {border-color: var( --yellow-700);}
.border-yellow-800 {border-color: var( --yellow-800);}
.border-yellow-900 {border-color: var( --yellow-900);}

.border-orange {
    border-color: var( --orange) !important;
}

.border-orange-100 {border-color: var( --orange-100);}
.border-orange-200 {border-color: var( --orange-200);}
.border-orange-300 {border-color: var( --orange-300);}
.border-orange-400 {border-color: var( --orange-400);}
.border-orange-500 {border-color: var( --orange-500);}
.border-orange-600 {border-color: var( --orange-600);}
.border-orange-700 {border-color: var( --orange-700);}
.border-orange-800 {border-color: var( --orange-800);}
.border-orange-900 {border-color: var( --orange-900);}

.border-std {
    border-color: var(--blue-900) !important;
}


/**--------------------------------------------------*/
/*                 Gradient Color                    */
/*---------------------------------------------------*/

.grad-btn2up {

    background: url(img_5terre.jpg) no-repeat;
    -webkit-mask-image: linear-gradient(white, transparent);
    mask-image: linear-gradient (white, transparent);
}

.grad-up2btn {
    background: url(img_5terre.jpg) no-repeat;
    -webkit-mask-image: linear-gradient(transparent, white);
    mask-image: linear-gradient ( transparent, white);
}


.bg-recap-custom .h5 {
    color: #198754 !important;
}

.bg-recap-custom .h6 {
    color: #198754 !important;
}

.bg-recap-custom, .bg-quotation-step {
    background-color: #EEEEEE !important;
}