/* fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap');
@font-face {font-family: 'Material Icons';src: url('../../../../Fonts/MaterialIcons/MaterialIcons-Regular.woff2') format('woff2'); font-weight: normal;font-style: normal;font-display: swap;}

:root {
    --font-family: 'Poppins',sans-serif;

    --color-primary: #1076bb;
    --color-secondary: #f16367;
    --color-success: #28a745;
    --color-danger: #dc3545;
    --color-warning: #ffc107;     

    --color-btn-primary: #1076bb;
    --color-btn-secondary: #f16367;
    --color-btn-success: #28a745;
    --color-btn-danger: #dc3545;
    --color-btn-warning: #ffc107;  
    --color-btn-info: #eb863f;  

    --color-bg: #f8f9fd;
    --color-white: #fff;
    --color-black: #000;
    --color-light: #f0f5f9;
    --color-secondary-light: #fff7f9;
    --color-yellow-lt:#fff7de;
    --color-sorting: #666666;
    --color-selFlight: rgb(0 141 236 / 90%);
    --color-table-bg: #448bbb;
    --color-table-border: #838080;
}

body {background:#fff;}
body, pre, button, input, optgroup, select, textarea, .w2ui-tab{font-family: var(--font-family) !important;}

a {text-decoration: none !important;}
.tooltip {transition:none;z-index:1 !important;}

body .form-control.col2-left {float: left;width: 20%;border-radius: 4px 0 0 4px;border-right: 0;text-align: center;padding: 0;}
body .form-control.col2-right {float: left;width: 80%;border-radius: 0 4px 4px 0;}
body .col-form-label {font-size: 14px;}

/* ===============================  
         Button section
================================== */
 
.btn_color1{background:var(--color-btn-primary);color:#fff;height: 40px;padding: 5px 20px;font-size: 14px;font-weight: 500;border-radius: 4px;cursor:pointer;border:0;outline:none;}
.btn_color2{background:var(--color-btn-secondary);color:#fff;height: 40px;padding: 5px 20px;font-size: 14px;font-weight: 500;border-radius: 4px;cursor:pointer;border:0;outline:none;}
.btn_color3{background:var(--color-btn-success);color:#fff;height: 40px;padding: 5px 20px;font-size: 14px;font-weight: 500;border-radius: 4px;cursor:pointer;border:0;outline:none;}
.btn_color4{background:var(--color-btn-info);color:#fff;height: 40px;padding: 5px 20px;font-size: 14px;font-weight: 500;border-radius: 4px;cursor:pointer;border:0;outline:none;}


.btn_color1:hover{color:#fff;}
.btn_color2:hover{color:#fff;}
.btn_color3:hover{color:#fff;}
.btn_color4:hover{color:#fff;}


/* ===============================  
      Common table section
================================== */

body .custm-tbl {overflow: auto;}
body .custm-tbl .table thead{position:sticky;top:0;}
body .custm-tbl .table tr{border-bottom:1px solid #efefef;}
body .custm-tbl .table tr th {background: #448bbb !important;color: #fff !important;border:0 !important;font-size:13px !important;padding: 12px 10px !important;}
body .custm-tbl .table tr td{ font-size:13px !important; padding:8px 5px;border: 0 !important;color:#212529;font-weight:400 !important;vertical-align: middle;}
body .custm-tbl .table tr td b{ font-size:13px;font-weight:500 !important;}
body .custm-tbl .table tr th, .custm-tbl .table tr td{white-space:nowrap;} 

/* ===============================  
         w2ui-grid section
================================== */
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;right: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 .w2ui-search-all {height: 34px !important;}
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{background-color:#fff;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;}
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 table td.w2ui-grid-data {padding: 4px 0;white-space: normal;}
body .w2ui-grid .w2ui-grid-body table td.w2ui-grid-data:nth-child(2) div {color: var(--color-secondary);font-weight: 600;}
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:0;}
body .w2ui-grid .w2ui-grid-body .w2ui-grid-columns{box-shadow:none;}
body .w2ui-grid .w2ui-grid-body table .w2ui-head {background: #448bbb !important;color: #fff !important;padding: 0 !important;font-family: var(--font-family);border-right:0;}
body .w2ui-grid .w2ui-grid-body table td.w2ui-grid-data > div {font-size: 13px;font-weight: 400;font-family: var(--font-family);padding: 10px 5px;}
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: 14px;font-weight: 600;color: #fff;font-family: var(--font-family);padding: 15px 10px;}
body .w2ui-grid .w2ui-grid-body table .w2ui-head > div.w2ui-col-header.w2ui-col-selected{background-color: var(--color-primary) !important;color: #fff;}
body .w2ui-grid .w2ui-grid-body table td.w2ui-grid-data > div a {font-size: 13px;font-weight: 600;color: var(--color-secondary) !important;font-family: var(--font-family);line-height:auto;}
body .w2ui-grid .w2ui-grid-body table td.w2ui-grid-data > div a:hover, body .w2ui-grid .w2ui-grid-body table td.w2ui-grid-data:nth-child(2) div:hover {color:var(--color-primary) !important;cursor:pointer;}
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: 500;text-transform: capitalize;}

.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;}
.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;}
.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;}

/* 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;}

 /* ===============================  
        UI datepicker section
================================== */

#ui-datepicker-div {font-family: var(--font-family);padding: 0;z-index: 1051 !important;}
#ui-datepicker-div thead {background: #efefef;}
#ui-datepicker-div .ui-datepicker-header {padding: 6px;}
#ui-datepicker-div .ui-datepicker-header a {top: 12px;}
#ui-datepicker-div .ui-datepicker-title {border: 0;margin: 0 30px;}
#ui-datepicker-div .ui-datepicker-title select {height: 35px;border-radius: 4px;border: 1px solid #ccc;color: #000;margin-right: 2px;text-align: center;}
#ui-datepicker-div .ui-datepicker-title select option {text-align: left;}
#ui-datepicker-div th {border: 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;color: #000;}
#ui-datepicker-div .ui-state-highlight, #ui-datepicker-div .ui-widget-content .ui-state-highlight, #ui-datepicker-div .ui-widget-header .ui-state-highlight {background: #343d88;}
#ui-datepicker-div td.ui-state-disabled {background-color: #ddd;}
#ui-datepicker-div .ui-state-disabled span {color: #bbb;}
#ui-datepicker-div .ui-datepicker-other-month.ui-datepicker-unselectable {background: #fff;}
#ui-datepicker-div .ui-datepicker-header .ui-state-disabled {color: #ddd;}
#ui-datepicker-div .ui-datepicker-header .ui-state-hover {color: #000;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {margin: 0;border-radius: 0;}
.ui-datepicker-multi-2 .ui-datepicker-group {border-radius: 15px;}
.ui-datepicker-multi-2 .ui-datepicker-group.ui-datepicker-group-first{border-right:1px solid #ccc;border-radius:0;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {padding: 10px 14px;}
.ui-datepicker-calendar .ui-state-active {background: #343d88;}

.ui-datepicker .ui-datepicker-title {margin: 0px 20px 0px 20px !important;font-size: 13px;font-weight: 600;border:none !important;background-color:transparent !important;}
.ui-datepicker .ui-datepicker-title span {padding: 5px 10px;border-radius: 4px;border: 1px solid #ccc;color: #495057;margin-right: 2px;text-align: center;display: inline-block;font-weight: 500;}
.ui-datepicker .ui-datepicker-title span.ui-datepicker-month, .ui-datepicker .ui-datepicker-title span.ui-datepicker-year {width: 40%;}
.ui-datepicker .ui-datepicker-prev {text-align:left !important;left: 10px;}
.ui-datepicker .ui-datepicker-next {text-align:right !important;right: 10px;}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {top: 10px;height:30px !important;width:30px !important;}

/* ===============================  
       lobibox section
================================== */

body .lobibox-icon-wrapper img {margin: 30px auto 0;opacity:1}
body .lobibox-footer button.btn.btn-success, body .lobibox-footer button.btn.btn-warning {padding: 7px 25px !important;}
body .lobibox .btn-success, .lobibox .btn-success:active, .lobibox .btn-success:focus{background-color: var(--color-primary);color:#fff;border:1px solid var(--color-primary);box-shadow:none;outline:none;}
body .lobibox .btn.btn-warning, .lobibox .btn.btn-warning:active, .lobibox .btn.btn-warning:focus{background-color: #dd595d;color:#fff;border:1px solid #dd595d;box-shadow:none;}
body .lobibox .btn-warning:not(:disabled):not(.disabled).active:focus, .lobibox .btn-warning:not(:disabled):not(.disabled):active:focus, .lobibox .show>.btn-warning.dropdown-toggle:focus{box-shadow:none;}

@media (max-width: 768px) {
    .lobibox .lobibox-header {width: 20%;margin-left: 0;}
    .lobibox .lobibox-body {width: 80%;margin-left: 0;}
    .lobibox .lobibox-footer {width: 80%;margin-left: 0;max-width: 100%;}
}

/* ===============================  
         Error Message section
================================== */

.message_wrap {display: none;float: left;width:100%;margin: 5px 0 0 0;position: relative;border: 0;}
.message_wrap p.message {background-color: #f1dedf;float: left;width: 100%;text-align: center;color: #f7282e;border-radius: 3px;border: 1px solid var(--color-secondary);font-size: 13px;font-weight: 600;}
.message_wrap.has_error {display: block !important;opacity: 1;}

/* ===============================  
       modal section
================================== */

.modal-header h4{text-transform:capitalize !important;}

/* ===============================  
       iziModal section
================================== */

.iziModal .iziModal-header.iziModal-noSubtitle{background:var(--color-secondary) !important;}