@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;800;900&display=swap');

:root {
    --font-family: "Nunito Sans",sans-serif;

    --color-primary: #ee5234;
    --color-secondary: #340e73;
    --color-success: #28a745;
    --color-danger: #dc3545;
    --color-warning: #ffc107;  

    --color-btn-primary: #ee5234;
    --color-btn-secondary: #340e73;
    --color-btn-success: #28a745;
    --color-btn-danger: #dc3545;
    --color-btn-warning: #ffc107;  

    --color-bg: #fafafa;
    --color-white: #fff;
    --color-black: #000;

    --color-light: #340e73;
    --color-primary-light: #fbf3f0;
    --color-secondary-light: #ecfeff;
    --color-yellow-lt:#fff7de;

    --color-sorting: #666666;
    --color-selFlight: rgb(0 141 236 / 90%);

    --color-table-bg: #fafafa;
    --color-table-border: #00879B;
    --color-footer: #340e73;

    --color-table-grid: #607d8b;
    --color-gradient-bg: linear-gradient(90deg, var(--color-secondary) 0%, var(--color-primary) 100%);
}

/*===============================
          Common CSS
=================================*/

body {background-color: var(--color-bg) !important;overflow-x:hidden;font-weight:600;color:#141823;}
body, input, select, textarea, body button, a, span, table, table tr th, table tr td, code, kbd, pre, samp {font-family: var(--font-family) !important;}

/*===============================
          table
=================================*/

body .table, body table tr th, body .table tr td {vertical-align: middle !important;text-align: center;background:#fff;border-bottom:1px solid #e3e3e3;border-top:none;}
body table {width: 100%;background: #fff;border:1px solid #e3e3e3;}
body table tr th, body .table tr th {background: var(--color-table-bg);color: #000;border-bottom: 1px solid #dee2e6;font-size: 13px;padding: 8px 10px;font-weight: 700;}
body table tr td, body .table tr td {font-size: 13px;padding: 10px 5px;color: #212529;font-weight: 600;}

/*===============================
          Input Fields
=================================*/

body label {cursor: pointer;color: #505050;font-weight: 700;text-transform: capitalize;font-size: 13px;margin: 0;}
input[disabled] {cursor: not-allowed !important;}
input[type=number]{-moz-appearance: textfield;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0;}
input:focus, select:focus, textarea:focus {box-shadow: none !important;}

body input, body select, body textarea, body .form-control, body .txt-anim, body .nice-select, 
body .nice-select.clscmbanim {border: 1px solid #dadce0;border-radius: 4px;font-size: 15px;height: 48px;font-weight: 700;background-color: #fff;color: #141823;width: 100%;padding: 8px;}
body select.form-control:not([size]):not([multiple]) {height: 48px;}
body input[type="radio"] {left: 0px;top: 2px;cursor: pointer;width: auto;height: auto !important;position: relative;margin-right: 4px;}
body .form-control.col2-left {float: left;width: 20%;border-radius: 4px 0 0 4px;border-right: 0;}
body .form-control.col2-right {float: left;width: 80%;border-radius: 0 4px 4px 0;}

/*===============================
            Button
=================================*/

.btn_color1 {background: var(--color-btn-primary);color: var(--color-white) !important;border: 1px solid var(--color-btn-primary);height: 48px;padding: 5px 15px;font-size: 16px;font-weight: 600;text-shadow: none;margin-top:18px;border-radius: 4px;cursor:pointer;transition: all 0.4s ease 0s;}
.btn_color2 {background: var(--color-btn-secondary);color: var(--color-white) !important;border: 1px solid var(--color-btn-secondary);height: 48px;padding: 5px 15px;font-size: 16px;font-weight: 600;text-shadow: none;margin-top:18px;border-radius: 4px;cursor:pointer;transition: all 0.4s ease 0s;}
.btn_color3 {background: var(--color-btn-success);color: var(--color-white) !important;border: 1px solid var(--color-btn-success);height: 48px;padding: 10px 5px;font-size: 16px;font-weight: 600;text-shadow: none;margin-top:18px;border-radius: 4px;cursor:pointer;transition: all 0.4s ease 0s;}
.btn_color4 {background: var(--color-btn-warning);color: var(--color-white) !important;border: 1px solid var(--color-btn-warning);height: 48px;padding: 5px 5px;font-size: 16px;font-weight: 600;text-shadow: none;margin-top:18px;border-radius: 4px;cursor:pointer;transition: all 0.4s ease 0s;}

.btn_color1:hover, .btn_color1:focus, .btn_color1:active {background: var(--color-btn-secondary);color: var(--color-white);border: 1px solid var(--color-btn-secondary);}
.btn_color2:hover, .btn_color2:focus, .btn_color2:active {background: var(--color-btn-primary);color: var(--color-white);border: 1px solid var(--color-btn-primary);}
.btn_color3:hover, .btn_color3:focus, .btn_color3:active {background: var(--color-btn-success) !important;color: var(--color-white);border: 1px solid var(--color-btn-success);}
.btn_color4:hover, .btn_color4:focus, .btn_color4:active {background: var(--color-btn-warning) !important;color: var(--color-white);border: 1px solid var(--color-btn-warning);}

.btn-color1 {padding: 4px 15px;text-transform: capitalize;font-size: 16px;color: #fff;background:var(--color-btn-primary);border-radius: 4px;font-weight: 600;border:none;height:40px;transition: all 0.4s ease 0s;}
.btn-color1:hover {background:var(--color-btn-secondary);color:#fff;}
.btn-color2 {padding: 4px 15px;text-transform: capitalize;font-size: 16px;color: #fff;background:var(--color-btn-secondary);border-radius:4px;font-weight: 600;border:none;height:40px;transition: all 0.4s ease 0s;}
.btn-color2:hover {background:var(--color-btn-primary);color:#fff;}
.btn-color1:hover, .btn-color1:focus, .btn-color2:hover, .btn-color2:focus{outline: none;}

/*===============================
            Calendar
=================================*/

body .ui-datepicker {padding: 0;}
body .ui-datepicker .ui-datepicker-group-first .ui-datepicker-header {border-radius: 6px 0 0 0}
body .ui-datepicker .ui-datepicker-group-last .ui-datepicker-header {border-radius: 0 6px 0 0}
body .ui-datepicker .ui-datepicker-header {padding: 6px;border-radius: 6px 6px 0 0;}
body .ui-datepicker th {background-color: #f3f3f5;color: #283540;font-size: 13px;font-weight: 700;}
body .ui-datepicker td {height:35px !important;width:40px !important;background:#fff;}
body .ui-datepicker td a {border-radius: 4px;}
body .ui-datepicker td, body .ui-datepicker th {border:none;}
body .ui-datepicker .ui-datepicker-prev:before, body .ui-datepicker .ui-datepicker-next:before {margin-top: 10px;font-size: 16px;color: #fff;}
body .ui-datepicker-current-day a {background:var(--color-primary) !important;color: var(--color-white) !important;}
body .ui-datepicker-today a {background:var(--color-secondary) !important;color: var(--color-white) !important;opacity: 1;}
body .ui-datepicker .ui-datepicker-title {border: none !important;margin: 0px 25px !important;font-size: 13px;font-weight: 700;background: var(--color-primary);}
body .ui-datepicker td.ui-datepicker-week-end:nth-child(1) .ui-state-default {color: var(--color-primary);}
body .ui-datepicker .ui-datepicker-title span {color: #fff;font-size: 15px;font-weight: 600;}
body .ui-datepicker .ui-datepicker-title select {height: 25px !important;width: auto;border-radius: 3px !important;margin: 0;padding: 0px 10px;background-color: transparent;border: 1px solid var(--color-primary);color: #fff;}
body .ui-datepicker .ui-datepicker-title select option {color: #141823;}
body .ui-datepicker-group-first  {border-right:1px solid #ddd;}
body .ui-datepicker-header {background: var(--color-primary)}
body .ui-datepicker-header a {color: #fff;}
body .ui-state-default, body .ui-widget-content .ui-state-default, body .ui-widget-header .ui-state-default {margin: 0;border-radius: 0;}
body .ui-datepicker td span.farelblcls{padding: 0;}
body .ui-datepicker-multi .ui-datepicker-group table {width: 100%;}
body #ui-datepicker-div .ui-datepicker-current-day.ui-datepicker-today .ui-state-highlight{background:var(--color-secondary) !important;}

/* MultiFare Calendar */
.ui-datepicker-multi.ui-datepicker .ui-datepicker-group table {width: 100%;}
.ui-datepicker-multi.ui-datepicker .ui-state-default {padding:6px 14px 16px 14px;}
.ui-datepicker-multi.ui-datepicker .ui-datepicker-current-day .farelblcls{color:#fff !important;}

.ui-datepicker-multi.ui-datepicker td {position:relative;border: 1px solid #ede7e7;height: 44px !important;width: 44px !important;}
.ui-datepicker-multi.ui-datepicker td .farelblcls{position: absolute;bottom: 0;font-size: 10px;font-weight: 500;width: 100%;text-align: center;color:#017601;}
.ui-datepicker-multi.ui-datepicker td:first-child {border-left: 0;}
.ui-datepicker-multi.ui-datepicker td:last-child {border-right: 0;}

/*===============================
        MultiFare Calendar
=================================*/

.ui-datepicker-multi .farelblcls, #ui-datepicker-div.ui-datepicker.ui-widget td .farelblcls{position: absolute;bottom: 0;font-size: 10px;font-weight: 600;width: 100%;text-align: center !important;color:#017601;}
.ui-datepicker-multi .ui-state-default, #ui-datepicker-div.ui-datepicker.ui-widget .ui-state-default{padding: 12px 14px 16px 14px;width: 44px;height: 44px;font-size:13px;font-weight:700;}
.ui-datepicker-multi td, #ui-datepicker-div.ui-datepicker.ui-widget td{position:relative;border: 1px solid #ede7e7;height: 44px !important;width: 44px !important;}
.ui-datepicker-multi td:first-child, #ui-datepicker-div.ui-datepicker.ui-widget td:first-child {border-left: 0;}
.ui-datepicker-multi td:last-child, #ui-datepicker-div.ui-datepicker.ui-widget td:last-child {border-right: 0;}
.ui-datepicker .ui-datepicker-today .farelblcls, .ui-datepicker .ui-datepicker-current-day .farelblcls{color:#fff !important;}

/*===============================
            w2ui-grid
=================================*/

body .w2ui-grid .w2ui-grid-toolbar{background:none;box-shadow:none;border-bottom:none;height:45px ;}
body .w2ui-grid .w2ui-grid-toolbar .w2ui-scroll-wrapper{position:absolute;left:0;width:auto;}
body #w2grid_table .w2ui-toolbar-search input[type="text"]{height: 30px !important;line-height: 1.5;border-radius: 4px !important;border: 1px solid #ced4da !important;font-size:13px !important;padding: 3px 18px 3px 21px !important;}
body .w2ui-overlay .w2ui-col-on-off table tr:hover, .w2ui-overlay .w2ui-col-on-off table tr:hover .w2ui-icon-check{background-color:  #448bbb !important;color: #fff;}
body .w2ui-overlay .w2ui-col-on-off label, body .w2ui-overlay .w2ui-col-on-off tr td div{font-family: var(--font-family);font-size:12px;}
body .w2ui-overlay > div, body .w2ui-overlay.top-arrow:before{border:0;}

body .w2ui-grid .w2ui-toolbar-search{width:1024px !important;}
body .w2ui-icon {height: 25px;width: 25px;}
body .w2ui-grid .w2ui-toolbar-search .w2ui-search-down {margin-top: -12px;margin-left: 5px;}
body .w2ui-grid .w2ui-toolbar-search .w2ui-search-all {height: 32px !important;width: 20% !important;font-size: 14px !important;background-color: #fff !important;border: 1px solid #ddd !important;padding: 3px 5px 3px 30px !important;}
body .w2ui-grid .w2ui-grid-body {border:none;}
body .w2ui-grid .w2ui-grid-body .w2ui-grid-records{border:0px solid #ddd;border-top:0;}
body .w2ui-grid .w2ui-grid-body .w2ui-grid-records table td{border-left: none;border-right:none;}
body .w2ui-grid .w2ui-grid-body .w2ui-grid-records table td:first-child{border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
body .w2ui-grid .w2ui-grid-body .w2ui-grid-records table td:last-child{border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
body .w2ui-grid .w2ui-grid-body .w2ui-grid-records table td.w2ui-grid-data-spacer {border: none;padding: 0;}
body .w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even, body .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-even {background-color: #f9f9f9 !important;}

body .w2ui-grid #grid_History_rec_top td {border: 0;}
body .w2ui-empty-record td {border: 0 !important;}

body .w2ui-grid {border-radius: 10px;margin-top: 10px;border:1px solid #ddd;}
body .w2ui-grid .w2ui-grid-body .w2ui-grid-columns{box-shadow:none;}
body .w2ui-grid .w2ui-grid-body table .w2ui-head {background: var(--color-table-grid) !important;color: #000 !important;padding: 0 !important;font-family: var(--font-family);border-right:1px solid #708691;}
body .w2ui-grid .w2ui-grid-body table .w2ui-head {border-bottom:1px dashed #ebebeb;}
body .w2ui-grid .w2ui-grid-body table td.w2ui-grid-data > div {font-size: 12px;font-weight: 700;font-family: var(--font-family);padding: 6px 5px;color:#525252;}
body .w2ui-reset table tr th, .w2ui-reset table tr td {font-size: 13px;font-weight: 600;font-family: var(--font-family);}
body .w2ui-grid .w2ui-grid-body table .w2ui-head > div {font-size: 13px;font-weight: 600;color: #fff !important;font-family: var(--font-family);padding: 10px 10px;}
body .w2ui-grid .w2ui-grid-body table .w2ui-head > div.w2ui-col-header.w2ui-col-selected{background-color: #6b6b6b !important;color: #fff;}
body .w2ui-grid .w2ui-grid-body table td.w2ui-grid-data > div a {font-size: 13px;font-weight: 700;color: var(--color-primary) !important;font-family: var(--font-family);}
body .w2ui-grid .w2ui-grid-body table td.w2ui-grid-data > div a:hover {cursor:pointer;}
body .w2ui-grid .w2ui-grid-body table td {border-bottom:1px dashed #e7e7e7;}
body .w2ui-grid-data > div span {line-height:20px;}
body .w2ui-grid  .w2ui-grid-footer{border-top:0;background:none;}
body table tr td, body .table tr td {padding: 5px;font-size: 13px;font-weight: 600;text-transform: capitalize;}
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd:hover, .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-odd:hover, .w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd.w2ui-record-hover, .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-odd.w2ui-record-hover {background-color:var(--color-primary-light) !important;}
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-selected, .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-selected, .w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr td.w2ui-selected, .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr td.w2ui-selected {background-color:var(--color-primary-light) !important;}

.w2ui-grid-data .w2ui-input {height:32px !important;height: 32px !important;width: 98% !important;border-radius: 6px !important;}
.w2ui-grid-data i{font-size: 11px;color:var(--color-primary) !important;}
.w2ui-grid .w2ui-grid-body div.w2ui-col-header > div {border:0px !important;margin:0px !important;cursor:pointer;}
.w2ui-col-header div.w2ui-sort-down::before, .w2ui-col-header div.w2ui-sort-up::before {opacity:1;}
.w2ui-grid.w2ui-ss .w2ui-grid-body .w2ui-selection{z-index:99;}
.w2ui-col-header div:before {font-family: flaticon !important;font-style: normal;font-weight: normal !important;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\f130";position: absolute;right: 8px;font-size: 12px;opacity: 0.5;}

/* ===============================  
             Visa2fly
================================== */
._visa_ad_banner {margin-top:5px;}
#dvViewPNR .CSSTableGenerator thead tr th, #GetStatuspopup .modal-body table tr th {border-right: 1px solid #dee2e6 !important;font-weight: 600 !important;color: #000 !important;}