:root {
    --primary-color: #ffffff;
    --secondary-color: #ffffff;
    --tertiary-color: #ff8d19;
    --red-color: #e72929;
    --green-color: #34a853;
}

.show-hide-div {
    display: none;
}

/*Forgot Password*/
.forgot-password-page #loginForm {
    margin-top: 38px;
    float: left;
    height: 330px;
    background: #fff;
    width: 100%;
    float: left;
    color: #fff;
    position: relative;
    border-radius: 10px;
    box-shadow: 0px 0px 8px -2px #616161;
    padding: 3px 15px 20px 15px;
}

.forgot-password-page #loginForm .box_login h2 {
    text-align: left;
    font-size: 19px;
    font-weight: 600;
    color: #000;
}

.forgot-password-page #loginForm .box_login input[type="text"] {
    border: none;
    padding: 8px 5px;
    border-bottom: 1px solid #e2e2e2;
    font-size: 13px;
    color: #7d7d7d;
    letter-spacing: .5px;
}

.forgot-password-page #loginForm .box_login [type="submit"] {
    background: var(--primary-color);
    border: 2px solid var(--primary-color);
    color: #fff;
    margin: 0px;
    margin-top: 29px;
    line-height: 29px;
    border-radius: 30px;
    text-shadow: none;
    height: auto;
    transition: .5s;
}

.forgot-password-page #loginForm .box_login [type="submit"]:hover {
    transition: .5s;
    color:var(--primary-color) !important;
    background: none;
}

.forgot-password-page #loginForm .box_login a {
    color: #464646;
    font-size: 12px;
}
.mt-35{
    margin-top:35px;
}

.forgot-password-confrmtn-page h3{
    font-weight:700;
    color:var(--primary-color);
}

.forgot-password-confrmtn-page .txt-emailLink {
    padding: 10px 20px;
    border: 1px dashed #c1c1c1;
    border-radius: 5px;
}




/*DashBoard/Index*/

table.dataTable {
    border: 1px solid #FFFFFF !important;
    text-align: center !important;
    border-collapse: collapse !important;
}

table.dataTable td, table.dataTable th {
    border: 1px solid #FFFFFF !important;
    padding: 3px 2px !important;
}

table.dataTable thead {
    border-bottom: 5px solid #FFFFFF !important;
}

    table.dataTable thead th {
        font-size: 17px !important;
        font-weight: bold !important;
        text-align: center !important;
        border-left: 2px solid #FFFFFF !important;
    }

.profile .pro-inner .table-record thead {
    background: #1E9BD7;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
}

#panel {
    display: none;
}

#bookingdashBoardTB th,
#upcommingBookingdashBoardTB th,
#OpenCaseTab th,
#salesDetailsTab th,
#onHoldFlightQueueTab th,
#hotelBookingQueuedashBoardTB th,
#hotelOnHoldQueuedashBoardTB th,
#approveRequestdashBoardTB th {
    font-weight: 600 !important;
    font-size: 13px !important;
    vertical-align:middle;
}

.datepicker.ng-invalid > form > .btn-group {
    border: 1px solid red;
    border-radius: 5px;
}

.datepicker .selectedval a {
    font-weight: 600;
    font-size: 1.1em;
}


.paginate_button {
    background: #fff !important
}

.dataTable tr.even {
    background: #f2f2f2;
}
.mt27{
    margin-top:27px;
}
.db-panel-01 {
    margin-top: 20px;
    border-top: 1px solid #eee;
    padding-top: 10px
}
.p-0-24 {
    padding: 0px 24px !important;
}
.p-4-10{
    padding:4px 10px!important;
}
.w52px{
    width:52px!important;
}
.db-loginedUser-02 {
    padding-left: 70px;
    margin-bottom: 25px;
}
.m-70-0{
    margin:70px 0;
}


/*Dashboard Panel*/
.Dp-walletImg-01 {
    height: 38px;
    border-radius: 23px;
}

.mt-10Percnt{
    margin-top:10%!important;
}

.mt-20Percnt {
    margin-top: 20% !important;
}
.backToLoginBtton-03{
    color: #fff;
    line-height: 40px;
    padding: 0px 26px;
}

.backToLoginBtton-frgtPswd,
.backToLoginBtton-frgtPswd:hover{
    color: #fff;
    line-height: 40px;
    padding: 0px 26px;
    background: var(--primary-color);
    border-color:var(--primary-color);
}

/*Registration*/
.show-hide-div {
    display: none;
}



.wowWrap div {
    background: #27ae60;
    display: block;
    width: 100%;
    margin: 5% 0;
    text-align: center;
    padding-top: 20%;
    padding-bottom: 20%;
}

.r-tcLogoText-04 {
    display: inline-block;
    margin-left: 50px;
    font-size: 13px;
    color: #000;
    padding-top: 14px;
}

.resetPasswordPage #loginForm {
    margin-top: 38px;
    float: left;
        
    background: #fff;
    width: 100%;
    float: left;
    color: #fff;
    position: relative;
    border-radius: 10px;
    box-shadow: 0px 0px 1px #616161;
    padding: 3px 15px 20px 15px;
}

.resetPasswordPage #loginForm .box_login h2 {
    text-align: left;
    font-size: 19px;
    font-weight: 600;
    color: #000;
}

.resetPasswordPage #loginForm .box_login input[type="text"] {
    border: none;
    padding: 8px 0px;
    border-bottom: 1px solid #e2e2e2;
    font-size: 13px;
    color: #7d7d7d;
    letter-spacing: .5px;
}

.resetPasswordPage #loginForm .box_login [type="submit"] {
    border: 2px solid #29ABE2;
    background: var(--primary-color);
    border-color:var(--primary-color);
    color: #fff;
    margin: 0px;
    margin-top: 29px;
    line-height: 29px;
    border-radius: 30px;
    text-shadow: none;
    height: auto;
    transition: .5s;
}

.resetPasswordPage #loginForm .box_login [type="submit"]:hover {
    transition: .5s;
    color: #29ABE2 !important;
    background: var(--primary-color);
    border-color:var(--primary-color);}

.resetPasswordPage #loginForm .box_login a {
    color: #464646;
    font-size: 12px;
}


.changePassword #loginForm {
    margin-top: 38px;
    float: left;
    background: #fff;
    width: 100%;
    float: left;
    color: #fff;
    position: relative;
    border-radius: 10px;
    box-shadow: 0px 0 6px 0px rgb(0 0 0 / 36%);
    padding: 3px 15px 20px 15px;
}

.changePassword #loginForm .box_login h2 {
    text-align: left;
    font-size: 19px;
    font-weight: 600;
    color: #000;
}

.changePassword #loginForm .box_login input[type="text"],
.changePassword #loginForm .box_login input[type="password"] {
    border: none;
    padding: 8px 5px;
    border-bottom: 1px solid #e2e2e2;
    font-size: 13px;
    color: #7d7d7d;
    letter-spacing: .5px;
    margin-bottom: 10px;
}

.changePassword #loginForm .box_login [type="submit"] {
    background: #29ABE2;
    border: 2px solid #29ABE2;
    color: #fff;
    margin: 0px;
    margin-top: 29px;
    line-height: 29px;
    border-radius: 30px;
    text-shadow: none;
    height: auto;
    transition: .5s;
}

.changePassword #loginForm .box_login [type="submit"]:hover {
    transition: .5s;
    color: #29ABE2;
    background: none;
}

.reset_pswd_container .password span.toggle-password {
    top:10px;
}

.changePassword #loginForm .box_login a {
    color: #464646;
    font-size: 12px;
}

.changePassword .password span {
    position: absolute;
    right: 15px;
    line-height: 24px;
    bottom: 5px;
    z-index: 2;
    color: #a5a5a5;
    font-size: 15px;
}

.changePassword input[type=password] {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.p-6-10 {
    padding: 6px 10px !important
}

.changePassword .pass-warnings ul,
.resetPasswordPage .pass-warnings ul{
    margin-bottom: 15px;
}
.changePassword .pass-warnings li,
.resetPasswordPage .pass-warnings li {
    list-style: circle;
    margin-bottom: 5px;
}

.changePassword #loginForm .field-validation-error,
.resetPasswordPage #loginForm .field-validation-error {
    background: none !important;
    color: red !important;
    border: none !important;
    position: relative;
    float: right;
    text-align: right;
    margin-top: -5px;
    margin-bottom: 10px;
}
.changePassword #loginForm .field-validation-error:after,
.resetPasswordPage #loginForm .field-validation-error:after{
    display:none;
}




/*Home Index*/
.home-main-page .myprofile-home {
    display: block !important;
}

.home-main-page #HotelToCityauto {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* Reset Password */
.reset_pswd_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
}

.reset_pswd_text h1{
    font-size:22px;
    font-weight:700;
    color:var(--primary-color);
    margin-bottom:20px;
}

.reset_pswd_text p{
    font-size: 14px;
    color: #878787;
}

.reset_pswd_container{
    display:flex;
    padding-bottom:35px;
    min-height:auto;
}

.reset_pswd_container header{
    background:var(--red-color);
    text-align:center;
    padding:20px 0;
}

.reset_pswd_container header img{
    width:70px;
}

.reset_pswd_container header h6{
    margin: 0;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
}

.ava_forgotPswd img {
    margin-top:-65px;
}

.statustooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.statustooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.statustooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

#hotelOnHoldQueuedashBoardTB .approved-row,
#onHoldFlightdashBoardTB .approved-row {
    background-color: #98e898 !important;
}
#hotelOnHoldQueuedashBoardTB .rejected-row,
#onHoldFlightdashBoardTB .rejected-row {
    background-color: #ffb0b0 !important;
}