body{overflow-x:hidden;font-size:16px;line-height:28px;font-family: 'Roboto', sans-serif;color:#000000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

::selection                     { background: #a8d1ff;                                      }
::-moz-selection                { background: #a8d1ff;                                      }
::-webkit-scrollbar             { width: 10px;                                                }
::-webkit-scrollbar-track       { background-color: #eaeaea; border-left: 1px solid #ccc; }
::-webkit-scrollbar-thumb       { background-color: #888888;                                }
::-webkit-scrollbar-thumb:hover { background-color: #636363;                                }
html { scroll-behavior: smooth; }

.bodyload {  top: 0;  height:100vh;display: flex; justify-content: center; align-items: center; width: 100%; position: fixed; z-index: 9999; background: #fff; }
.rotatingDiv {
    display: block;
    margin: 16px auto;
    height: 65px;
    width: 65px;
    -webkit-animation: rotation .9s infinite linear;
    -moz-animation: rotation .9s infinite linear;
    -o-animation: rotation .9s infinite linear;
    animation: rotation .3s infinite linear;
    border-left: 3px solid #0d6efd;
    border-right: 3px solid #0d6efd;
    border-bottom: 3px solid #0d6efd;
    border-top: 3px solid rgb(0 0 0);
    border-radius: 100%;
} @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } @-moz-keyframes rotation { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(359deg); } } @-o-keyframes rotation { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(359deg); } }

.bg {
  position: relative;
  background-image: url(../img/user-bg.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
   -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
}

/* datepicker */
.datepicker table {min-width:100%}
.datepicker{padding:4px;direction:ltr;width: 290px; text-align: center;}
.datepicker.datepicker-rtl{direction:rtl}
.datepicker.datepicker-rtl table tr td span{float:right}
.datepicker-dropdown{top:0;left:0}
.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-top:0;border-bottom-color:rgba(0,0,0,.2);position:absolute}
.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;border-top:0;position:absolute}
.datepicker-dropdown.datepicker-orient-left:before{left:6px}
.datepicker-dropdown.datepicker-orient-left:after{left:7px}
.datepicker-dropdown.datepicker-orient-right:before{right:6px}
.datepicker-dropdown.datepicker-orient-right:after{right:7px}
.datepicker-dropdown.datepicker-orient-top:before{top:-7px}
.datepicker-dropdown.datepicker-orient-top:after{top:-6px}
.datepicker-dropdown.datepicker-orient-bottom:before{bottom:-7px;border-bottom:0;border-top:7px solid #999}
.datepicker-dropdown.datepicker-orient-bottom:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}
.datepicker>div{display:none}
.datepicker.days div.datepicker-days{display:block}
.datepicker.months div.datepicker-months{display:block}
.datepicker.years div.datepicker-years{display:block}
.datepicker table{border-collapse: collapse;margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.datepicker table tr td,.datepicker table tr th{text-align:center;width:30px;height:30px;border:0}
.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}
.datepicker table tr td.day {border: 2.5px transparent;}
.datepicker table tr td.day:hover,.datepicker table tr td.day.focused{cursor:pointer; background-color: #ffffff; border-color: #0058e6; color: #000; box-shadow: 0 1px 0 0 #0058e6; box-shadow: 0 -1px 0 0 #0058e6; box-shadow: -1px 0 0 0 #0058e6; box-shadow: 1px 0 0 0 #0058e6; box-shadow: 0 0 0 2px #0058e6; border-radius: 3px;}
/*.datepicker table tr td.day{border:1px solid #e6e6e6}*/
.datepicker table tr td.old,.datepicker table tr td.new{color:#0058e6;font-weight: bold;}
.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0;color:#c6d3e0;;cursor:default;box-shadow: 0 0 0 0;}
.datepicker table tr td.today,.datepicker table tr td.today:hover,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover{color:#000;position:relative}
.datepicker table tr td.today:before,.datepicker table tr td.today:hover:before,.datepicker table tr td.today.disabled:before,.datepicker table tr td.today.disabled:hover:before{content:'';bottom:2px;right:2px;display:block;width:0;height:0;border-style:solid;border-width:0 0 7px 7px;border-color:transparent transparent #333 transparent;position:absolute}
.datepicker table tr td.today:active,.datepicker table tr td.today:hover:active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.today,.open .dropdown-toggle.datepicker table tr td.today:hover,.open .dropdown-toggle.datepicker table tr td.today.disabled,.open .dropdown-toggle.datepicker table tr td.today.disabled:hover{background-image:none}
.datepicker table tr td.today.disabled,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today[disabled],.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today.disabled:hover[disabled],fieldset[disabled] .datepicker table tr td.today,fieldset[disabled] .datepicker table tr td.today:hover,fieldset[disabled] .datepicker table tr td.today.disabled,fieldset[disabled] .datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover.disabled:hover,.datepicker table tr td.today.disabled.disabled:hover,.datepicker table tr td.today.disabled:hover.disabled:hover,.datepicker table tr td.today[disabled]:hover,.datepicker table tr td.today:hover[disabled]:hover,.datepicker table tr td.today.disabled[disabled]:hover,.datepicker table tr td.today.disabled:hover[disabled]:hover,fieldset[disabled] .datepicker table tr td.today:hover,fieldset[disabled] .datepicker table tr td.today:hover:hover,fieldset[disabled] .datepicker table tr td.today.disabled:hover,fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today.disabled:focus,.datepicker table tr td.today:hover.disabled:focus,.datepicker table tr td.today.disabled.disabled:focus,.datepicker table tr td.today.disabled:hover.disabled:focus,.datepicker table tr td.today[disabled]:focus,.datepicker table tr td.today:hover[disabled]:focus,.datepicker table tr td.today.disabled[disabled]:focus,.datepicker table tr td.today.disabled:hover[disabled]:focus,fieldset[disabled] .datepicker table tr td.today:focus,fieldset[disabled] .datepicker table tr td.today:hover:focus,fieldset[disabled] .datepicker table tr td.today.disabled:focus,fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today:hover.disabled:active,.datepicker table tr td.today.disabled.disabled:active,.datepicker table tr td.today.disabled:hover.disabled:active,.datepicker table tr td.today[disabled]:active,.datepicker table tr td.today:hover[disabled]:active,.datepicker table tr td.today.disabled[disabled]:active,.datepicker table tr td.today.disabled:hover[disabled]:active,fieldset[disabled] .datepicker table tr td.today:active,fieldset[disabled] .datepicker table tr td.today:hover:active,fieldset[disabled] .datepicker table tr td.today.disabled:active,fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today:hover.disabled.active,.datepicker table tr td.today.disabled.disabled.active,.datepicker table tr td.today.disabled:hover.disabled.active,.datepicker table tr td.today[disabled].active,.datepicker table tr td.today:hover[disabled].active,.datepicker table tr td.today.disabled[disabled].active,.datepicker table tr td.today.disabled:hover[disabled].active,fieldset[disabled] .datepicker table tr td.today.active,fieldset[disabled] .datepicker table tr td.today:hover.active,fieldset[disabled] .datepicker table tr td.today.disabled.active,fieldset[disabled] .datepicker table tr td.today.disabled:hover.active{background-color:#ffdb99;border-color:#ffb733}
.datepicker table tr td.today:hover:hover{color:#000}
.datepicker table tr td.today.active:hover{color:#fff}
.datepicker table tr td.range,.datepicker table tr td.range:hover,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover{background:#eee;-webkit-border-radius:0;border-radius:0}
.datepicker table tr td.range.today,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover{color:#000;background-color:#f7ca77;border-color:#f1a417;-webkit-border-radius:0;border-radius:0}
.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today:focus,.datepicker table tr td.range.today:hover:focus,.datepicker table tr td.range.today.disabled:focus,.datepicker table tr td.range.today.disabled:hover:focus,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.range.today,.open .dropdown-toggle.datepicker table tr td.range.today:hover,.open .dropdown-toggle.datepicker table tr td.range.today.disabled,.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover{color:#000;background-color:#f4bb51;border-color:#bf800c}
.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.range.today,.open .dropdown-toggle.datepicker table tr td.range.today:hover,.open .dropdown-toggle.datepicker table tr td.range.today.disabled,.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover{background-image:none}
.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today[disabled],.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today.disabled:hover[disabled],fieldset[disabled] .datepicker table tr td.range.today,fieldset[disabled] .datepicker table tr td.range.today:hover,fieldset[disabled] .datepicker table tr td.range.today.disabled,fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today:hover.disabled:hover,.datepicker table tr td.range.today.disabled.disabled:hover,.datepicker table tr td.range.today.disabled:hover.disabled:hover,.datepicker table tr td.range.today[disabled]:hover,.datepicker table tr td.range.today:hover[disabled]:hover,.datepicker table tr td.range.today.disabled[disabled]:hover,.datepicker table tr td.range.today.disabled:hover[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.today:hover,fieldset[disabled] .datepicker table tr td.range.today:hover:hover,fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today.disabled:focus,.datepicker table tr td.range.today:hover.disabled:focus,.datepicker table tr td.range.today.disabled.disabled:focus,.datepicker table tr td.range.today.disabled:hover.disabled:focus,.datepicker table tr td.range.today[disabled]:focus,.datepicker table tr td.range.today:hover[disabled]:focus,.datepicker table tr td.range.today.disabled[disabled]:focus,.datepicker table tr td.range.today.disabled:hover[disabled]:focus,fieldset[disabled] .datepicker table tr td.range.today:focus,fieldset[disabled] .datepicker table tr td.range.today:hover:focus,fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today:hover.disabled:active,.datepicker table tr td.range.today.disabled.disabled:active,.datepicker table tr td.range.today.disabled:hover.disabled:active,.datepicker table tr td.range.today[disabled]:active,.datepicker table tr td.range.today:hover[disabled]:active,.datepicker table tr td.range.today.disabled[disabled]:active,.datepicker table tr td.range.today.disabled:hover[disabled]:active,fieldset[disabled] .datepicker table tr td.range.today:active,fieldset[disabled] .datepicker table tr td.range.today:hover:active,fieldset[disabled] .datepicker table tr td.range.today.disabled:active,fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today:hover.disabled.active,.datepicker table tr td.range.today.disabled.disabled.active,.datepicker table tr td.range.today.disabled:hover.disabled.active,.datepicker table tr td.range.today[disabled].active,.datepicker table tr td.range.today:hover[disabled].active,.datepicker table tr td.range.today.disabled[disabled].active,.datepicker table tr td.range.today.disabled:hover[disabled].active,fieldset[disabled] .datepicker table tr td.range.today.active,fieldset[disabled] .datepicker table tr td.range.today:hover.active,fieldset[disabled] .datepicker table tr td.range.today.disabled.active,fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active{background-color:#f7ca77;border-color:#f1a417}
.datepicker table tr td.selected,.datepicker table tr td.selected:hover,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover{color:#fff;background-color:#999;border-color:#555;text-shadow:0 -1px 0 rgba(0,0,0,.25)}
.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected:focus,.datepicker table tr td.selected:hover:focus,.datepicker table tr td.selected.disabled:focus,.datepicker table tr td.selected.disabled:hover:focus,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.selected,.open .dropdown-toggle.datepicker table tr td.selected:hover,.open .dropdown-toggle.datepicker table tr td.selected.disabled,.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover{border-color:#373737}
.datepicker table tr td.selected:hover color:#fff,.datepicker table tr td.selected:hover:hover color:#fff,.datepicker table tr td.selected.disabled:hover color:#fff,.datepicker table tr td.selected.disabled:hover:hover color:#fff,.datepicker table tr td.selected:focus color:#fff,.datepicker table tr td.selected:hover:focus color:#fff,.datepicker table tr td.selected.disabled:focus color:#fff,.datepicker table tr td.selected.disabled:hover:focus color:#fff,.datepicker table tr td.selected:active color:#fff,.datepicker table tr td.selected:hover:active color:#fff,.datepicker table tr td.selected.disabled:active color:#fff,.datepicker table tr td.selected.disabled:hover:active color:#fff,.datepicker table tr td.selected.active color:#fff,.datepicker table tr td.selected:hover.active color:#fff,.datepicker table tr td.selected.disabled.active color:#fff,.datepicker table tr td.selected.disabled:hover.active color:#fff,.open .dropdown-toggle.datepicker table tr td.selected color:#fff,.open .dropdown-toggle.datepicker table tr td.selected:hover color:#fff,.open .dropdown-toggle.datepicker table tr td.selected.disabled color:#fff,.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover color:#fff{background-color:#858585}
.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.selected,.open .dropdown-toggle.datepicker table tr td.selected:hover,.open .dropdown-toggle.datepicker table tr td.selected.disabled,.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover{background-image:none}
.datepicker table tr td.selected.disabled,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected[disabled],.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected.disabled:hover[disabled],fieldset[disabled] .datepicker table tr td.selected,fieldset[disabled] .datepicker table tr td.selected:hover,fieldset[disabled] .datepicker table tr td.selected.disabled,fieldset[disabled] .datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover.disabled:hover,.datepicker table tr td.selected.disabled.disabled:hover,.datepicker table tr td.selected.disabled:hover.disabled:hover,.datepicker table tr td.selected[disabled]:hover,.datepicker table tr td.selected:hover[disabled]:hover,.datepicker table tr td.selected.disabled[disabled]:hover,.datepicker table tr td.selected.disabled:hover[disabled]:hover,fieldset[disabled] .datepicker table tr td.selected:hover,fieldset[disabled] .datepicker table tr td.selected:hover:hover,fieldset[disabled] .datepicker table tr td.selected.disabled:hover,fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected.disabled:focus,.datepicker table tr td.selected:hover.disabled:focus,.datepicker table tr td.selected.disabled.disabled:focus,.datepicker table tr td.selected.disabled:hover.disabled:focus,.datepicker table tr td.selected[disabled]:focus,.datepicker table tr td.selected:hover[disabled]:focus,.datepicker table tr td.selected.disabled[disabled]:focus,.datepicker table tr td.selected.disabled:hover[disabled]:focus,fieldset[disabled] .datepicker table tr td.selected:focus,fieldset[disabled] .datepicker table tr td.selected:hover:focus,fieldset[disabled] .datepicker table tr td.selected.disabled:focus,fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected:hover.disabled:active,.datepicker table tr td.selected.disabled.disabled:active,.datepicker table tr td.selected.disabled:hover.disabled:active,.datepicker table tr td.selected[disabled]:active,.datepicker table tr td.selected:hover[disabled]:active,.datepicker table tr td.selected.disabled[disabled]:active,.datepicker table tr td.selected.disabled:hover[disabled]:active,fieldset[disabled] .datepicker table tr td.selected:active,fieldset[disabled] .datepicker table tr td.selected:hover:active,fieldset[disabled] .datepicker table tr td.selected.disabled:active,fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected:hover.disabled.active,.datepicker table tr td.selected.disabled.disabled.active,.datepicker table tr td.selected.disabled:hover.disabled.active,.datepicker table tr td.selected[disabled].active,.datepicker table tr td.selected:hover[disabled].active,.datepicker table tr td.selected.disabled[disabled].active,.datepicker table tr td.selected.disabled:hover[disabled].active,fieldset[disabled] .datepicker table tr td.selected.active,fieldset[disabled] .datepicker table tr td.selected:hover.active,fieldset[disabled] .datepicker table tr td.selected.disabled.active,fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active{background-color:#999;border-color:#555}
.datepicker table tr td.active,.datepicker table tr td.active:hover,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover{color:#fff;background-color:#2050EE;border-color:#2050EE;text-shadow:0 -1px 0 rgba(0,0,0,.25)}
.datepicker table tr td.active:hover,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active:focus,.datepicker table tr td.active:hover:focus,.datepicker table tr td.active.disabled:focus,.datepicker table tr td.active.disabled:hover:focus,.datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.active,.open .dropdown-toggle.datepicker table tr td.active:hover,.open .dropdown-toggle.datepicker table tr td.active.disabled,.open .dropdown-toggle.datepicker table tr td.active.disabled:hover{cursor:pointer; background-color: #ffffff; border-color: #0058e6; color: #000; box-shadow: 0 1px 0 0 #0058e6; box-shadow: 0 -1px 0 0 #0058e6; box-shadow: -1px 0 0 0 #0058e6; box-shadow: 1px 0 0 0 #0058e6; box-shadow: 0 0 0 2px #0058e6; border-radius: 3px;}
.datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.active,.open .dropdown-toggle.datepicker table tr td.active:hover,.open .dropdown-toggle.datepicker table tr td.active.disabled,.open .dropdown-toggle.datepicker table tr td.active.disabled:hover{background-image:none}
.datepicker table tr td.active.disabled,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active[disabled],.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active.disabled:hover[disabled],fieldset[disabled] .datepicker table tr td.active,fieldset[disabled] .datepicker table tr td.active:hover,fieldset[disabled] .datepicker table tr td.active.disabled,fieldset[disabled] .datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover.disabled:hover,.datepicker table tr td.active.disabled.disabled:hover,.datepicker table tr td.active.disabled:hover.disabled:hover,.datepicker table tr td.active[disabled]:hover,.datepicker table tr td.active:hover[disabled]:hover,.datepicker table tr td.active.disabled[disabled]:hover,.datepicker table tr td.active.disabled:hover[disabled]:hover,fieldset[disabled] .datepicker table tr td.active:hover,fieldset[disabled] .datepicker table tr td.active:hover:hover,fieldset[disabled] .datepicker table tr td.active.disabled:hover,fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active.disabled:focus,.datepicker table tr td.active:hover.disabled:focus,.datepicker table tr td.active.disabled.disabled:focus,.datepicker table tr td.active.disabled:hover.disabled:focus,.datepicker table tr td.active[disabled]:focus,.datepicker table tr td.active:hover[disabled]:focus,.datepicker table tr td.active.disabled[disabled]:focus,.datepicker table tr td.active.disabled:hover[disabled]:focus,fieldset[disabled] .datepicker table tr td.active:focus,fieldset[disabled] .datepicker table tr td.active:hover:focus,fieldset[disabled] .datepicker table tr td.active.disabled:focus,fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active:hover.disabled:active,.datepicker table tr td.active.disabled.disabled:active,.datepicker table tr td.active.disabled:hover.disabled:active,.datepicker table tr td.active[disabled]:active,.datepicker table tr td.active:hover[disabled]:active,.datepicker table tr td.active.disabled[disabled]:active,.datepicker table tr td.active.disabled:hover[disabled]:active,fieldset[disabled] .datepicker table tr td.active:active,fieldset[disabled] .datepicker table tr td.active:hover:active,fieldset[disabled] .datepicker table tr td.active.disabled:active,fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active:hover.disabled.active,.datepicker table tr td.active.disabled.disabled.active,.datepicker table tr td.active.disabled:hover.disabled.active,.datepicker table tr td.active[disabled].active,.datepicker table tr td.active:hover[disabled].active,.datepicker table tr td.active.disabled[disabled].active,.datepicker table tr td.active.disabled:hover[disabled].active,fieldset[disabled] .datepicker table tr td.active.active,fieldset[disabled] .datepicker table tr td.active:hover.active,fieldset[disabled] .datepicker table tr td.active.disabled.active,fieldset[disabled] .datepicker table tr td.active.disabled:hover.active{ background-color: #ffffff; border-color: #0058e6; color: #000; box-shadow: 0 1px 0 0 #0058e6; box-shadow: 0 -1px 0 0 #0058e6; box-shadow: -1px 0 0 0 #0058e6; box-shadow: 1px 0 0 0 #0058e6; box-shadow: 0 0 0 2px #0058e6; border-radius: 3px; }
.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer}
.datepicker table tr td span:hover{background:#eee}
.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0;color:#999;cursor:default}
.datepicker table tr td span.active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover{color:#fff;background-color:#2050EE;border-color:#357ebd;text-shadow:0 -1px 0 rgba(0,0,0,.25)}
.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active:focus,.datepicker table tr td span.active:hover:focus,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover:focus,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td span.active,.open .dropdown-toggle.datepicker table tr td span.active:hover,.open .dropdown-toggle.datepicker table tr td span.active.disabled,.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover{color:#fff;background-color:#333;border-color:#e27513}
.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td span.active,.open .dropdown-toggle.datepicker table tr td span.active:hover,.open .dropdown-toggle.datepicker table tr td span.active.disabled,.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover{background-image:none}
.datepicker table tr td span.active.disabled,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active[disabled],.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active.disabled:hover[disabled],fieldset[disabled] .datepicker table tr td span.active,fieldset[disabled] .datepicker table tr td span.active:hover,fieldset[disabled] .datepicker table tr td span.active.disabled,fieldset[disabled] .datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover.disabled:hover,.datepicker table tr td span.active.disabled.disabled:hover,.datepicker table tr td span.active.disabled:hover.disabled:hover,.datepicker table tr td span.active[disabled]:hover,.datepicker table tr td span.active:hover[disabled]:hover,.datepicker table tr td span.active.disabled[disabled]:hover,.datepicker table tr td span.active.disabled:hover[disabled]:hover,fieldset[disabled] .datepicker table tr td span.active:hover,fieldset[disabled] .datepicker table tr td span.active:hover:hover,fieldset[disabled] .datepicker table tr td span.active.disabled:hover,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active:hover.disabled:focus,.datepicker table tr td span.active.disabled.disabled:focus,.datepicker table tr td span.active.disabled:hover.disabled:focus,.datepicker table tr td span.active[disabled]:focus,.datepicker table tr td span.active:hover[disabled]:focus,.datepicker table tr td span.active.disabled[disabled]:focus,.datepicker table tr td span.active.disabled:hover[disabled]:focus,fieldset[disabled] .datepicker table tr td span.active:focus,fieldset[disabled] .datepicker table tr td span.active:hover:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active:hover.disabled:active,.datepicker table tr td span.active.disabled.disabled:active,.datepicker table tr td span.active.disabled:hover.disabled:active,.datepicker table tr td span.active[disabled]:active,.datepicker table tr td span.active:hover[disabled]:active,.datepicker table tr td span.active.disabled[disabled]:active,.datepicker table tr td span.active.disabled:hover[disabled]:active,fieldset[disabled] .datepicker table tr td span.active:active,fieldset[disabled] .datepicker table tr td span.active:hover:active,fieldset[disabled] .datepicker table tr td span.active.disabled:active,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active:hover.disabled.active,.datepicker table tr td span.active.disabled.disabled.active,.datepicker table tr td span.active.disabled:hover.disabled.active,.datepicker table tr td span.active[disabled].active,.datepicker table tr td span.active:hover[disabled].active,.datepicker table tr td span.active.disabled[disabled].active,.datepicker table tr td span.active.disabled:hover[disabled].active,fieldset[disabled] .datepicker table tr td span.active.active,fieldset[disabled] .datepicker table tr td span.active:hover.active,fieldset[disabled] .datepicker table tr td span.active.disabled.active,fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active{background-color:#ea2330;border-color:#357ebd}
.datepicker table tr td span.old,.datepicker table tr td span.new{color:#999}
.datepicker th.datepicker-switch{width:145px}
.datepicker .switch{font-size: 18px}
.datepicker .mdi{font-size: 20px}
.datepicker thead tr:first-child th,.datepicker tfoot tr th{cursor:pointer}
.datepicker thead tr:first-child th:hover,.datepicker tfoot tr th:hover{background:#eee}
.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}
.datepicker thead tr:first-child th.cw{cursor:default;background-color:transparent}
.datepicker.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; float: left; display: none; min-width: 20px; list-style: none; background-color: #fff; border: 0.1px solid #b4b4b4; -webkit-border-radius: 0; border-radius: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; color: #333; font-size: 15px; line-height: 1.428571429; -webkit-box-shadow: rgba(0,0,0,.37) 0 50px 100px, rgba(0,0,0,.22) 0 5px 50px; box-shadow: rgb(0 0 0 / 1%) 0 50px 100px, rgb(0 0 0 / 14%) 0 5px 50px; padding: 20px; z-index: 9999; border-radius: 0px; }
.datepicker.dropdown-menu th,.datepicker.datepicker-inline th,.datepicker.dropdown-menu td,.datepicker.datepicker-inline td{padding:0 8px;left:0px; font-weight: normal;}
/*.datepicker thead tr:first-child th.prev:before,.datepicker thead tr:first-child th.next:before{content:'>';font-size:18px;font-weight:400;font-style:normal}
.datepicker thead tr:first-child th.prev:before{content:'<'}*/
.bootstrap-timepicker{position:relative}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu{left:auto;right:0}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before{left:auto;right:12px}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after{left:auto;right:13px}
.bootstrap-timepicker .add-on{cursor:pointer}
.bootstrap-timepicker .add-on i{display:inline-block;width:16px;height:16px;border:1px solid rgba(0,0,0,.2)}
.bootstrap-timepicker-widget.dropdown-menu{padding:7px 10px;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:0 2px 1px rgba(0,0,0,.2);box-shadow:0 2px 1px rgba(0,0,0,.2)}
.bootstrap-timepicker-widget.dropdown-menu.open{display:inline-block}
.bootstrap-timepicker-widget.dropdown-menu:before{border-bottom:7px solid rgba(0,0,0,.2);border-left:7px solid transparent;border-right:7px solid transparent;content:"";display:inline-block;position:absolute}
.bootstrap-timepicker-widget.dropdown-menu:after{border-bottom:6px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;content:"";display:inline-block;position:absolute}
.bootstrap-timepicker-widget.timepicker-orient-left:before{left:6px}
.bootstrap-timepicker-widget.timepicker-orient-left:after{left:7px}
.bootstrap-timepicker-widget.timepicker-orient-right:before{right:6px}
.bootstrap-timepicker-widget.timepicker-orient-right:after{right:7px}
.bootstrap-timepicker-widget.timepicker-orient-top:before{top:-7px}
.bootstrap-timepicker-widget.timepicker-orient-top:after{top:-6px}
.bootstrap-timepicker-widget.timepicker-orient-bottom:before{bottom:-7px;border-bottom:0;border-top:7px solid #999}
.bootstrap-timepicker-widget.timepicker-orient-bottom:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}
.bootstrap-timepicker-widget a.btn,.bootstrap-timepicker-widget input{-webkit-border-radius:0;border-radius:0}
.bootstrap-timepicker-widget table{width:100%;margin:0}
.bootstrap-timepicker-widget table td{text-align:center;height:30px;margin:0;padding:2px}
.bootstrap-timepicker-widget table td:not(.separator){min-width:30px}
.bootstrap-timepicker-widget table td span{width:100%}
.bootstrap-timepicker-widget table td a{width:100%;display:inline-block;margin:0;outline:0;color:#333;width:35px;height:35px;line-height:35px}
.bootstrap-timepicker-widget table td a:hover{text-decoration:none;background-color:#eee}
.bootstrap-timepicker-widget table td a i{margin-top:2px;font-size:18px}
.bootstrap-timepicker-widget table td input{width:35px;margin:0;text-align:center;color:#000}
.bootstrap-timepicker-widget .modal-content{padding:4px}
.datepicker table thead tr{color: black; font-size:12px/*background-image: linear-gradient(rgba(25, 59, 103, 0.05), rgba(25, 59, 103, 0.05))*/;}
.datepicker thead tr:first-child th:hover,.datepicker tfoot tr th:hover{background:rgba(238,238,238,0.3)}
.datepicker.dropdown-menu{border-radius: 6px;overflow-y:visible!important;max-height:100%!important; }

@media only screen and (max-width: 768px) {
.datepicker.dropdown-menu{position:fixed;left:0px !important;width:100% !important;top:0px !important;height:100vh;}
.datepicker.dropdown-menu th, .datepicker.datepicker-inline th, .datepicker.dropdown-menu td, .datepicker.datepicker-inline td{padding:20px 4px;}
.datepicker:after{border-bottom:0px;}
.dropdown{width:100%;}
.datepicker.dropdown-menu{position:fixed !important;left:0px !important;width:100% !important;top:0px !important;height:100vh;}
.datepicker.dropdown-menu th, .datepicker.datepicker-inline th, .datepicker.dropdown-menu td, .datepicker.datepicker-inline td{padding:20px 4px;}
.datepicker:after{border-bottom:0px;}
.datepicker table thead tr{height:50px;}
.datepicker table{height:450px;width:100%;}
}

.datepicker table tr td.old, .datepicker table tr td.new { color: var(--theme-bg); }

/* datepicker */
.btn-dark {
    background: #051036;
    border-color: #051036 !important;
}
	    .btn-dark:hover {
        background: #0a58ca;

    }
    .ng-binding {
        color: #051036;
    }
.sidebar-box .form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
    width: 16px;
}
.border_line {
    height: 1px;
    background: #eee;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
}
.result_searchengin {
    background: #f8f9fa;
    padding-top: 100px;
}
.result_searchengin input {
    padding-left: 13px !important;
    margin-top: 2px;
}
    .result_searchengin #departure, #return_date {
        background: #fff;
        border: 1px solid #eee;
        padding-left: 13px !important;
        margin-top: 2px;
       /* padding-top: 35px;*/
    }
.select2-hidden-accessible {
    padding-left: 37px !important;
    margin-top: 2px;
    padding-top: 30px !important;
}
.travel_dropdown p{
    background: #fff;
    padding: 10px;
    width: 100%;
    border: 1px solid #eee;
    height: 60px;
    border-radius: 5px !important;
}
.form_search_data .form-check-input {
    border: 2px solid #626262 !important;
        width: 20px;
    height: 20px;
}
.form_search_data .form-check-input:checked {
    background-color: #0d6efd !important;
    border-color: #0d6efd;
}
.j_listABTit.ng-binding {
    font-size: 18px;
    color: #fff;
}
.title__fetched-time .ng-binding {
    color: #fff;
}
.btn-primary {
    background: #051036;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background: #051036 !important;
}
.form-control:focus {
    border:none !important;
    outline:none;
    box-shadow:none;
}
.oneway--checkbox-filter li,
.stop--radio-filter li {
    border-bottom: 1px solid #eee;
    margin-bottom: 4px;
}


.time_filter {
    padding: 0;
    list-style: none;
    margin-right: -9px;
    overflow: hidden;
    margin-bottom: 0;
}

    .time_filter li {
        line-height: 18px;
        width: calc(50% - 9px);
        min-height: 87px;
        margin-right: 9px;
        margin-bottom: 9px;
        float: left;
        font-size: 11px;
        border: 1px solid #ced0d4;
        border-radius: 10px;
        white-space: nowrap;
        text-align: center;
        padding: 5px 9px 9px;
        cursor: pointer;
        margin-left: 0px;
    }

    .time_filter .active {
        border: 1px solid #ff7f00;
        box-shadow: #47474773 0px 3px 5px;
    }

    .time_filter li strong {
        display: block;
    }

    .time_filter .active strong {
        color: #ff7f00;
    }
.add_new_border {
    border: 1px solid #eee;
    border-radius: 5px;
}
    .add_new_border label {
        top: -12px;
        font-size: 14px;
        color: #7c7575;
    }
.input-items.from_flights svg,
.input-items.flights_arrival svg{
    position: relative;
    top: -12px;
}
.destination.flight_location {
    padding-left: 15px !important;
}
.msearchbar .qtyInput_flights {
    width: 40px !important;
}
.msearchbar .dropdown-menu {
    padding: 0;
    margin-top: -30px;
}
.dropdown-item.active, .dropdown-item:active {
    color: #000 !important;
    text-decoration: none;
    background-color: transparent !important;
}
.booking-area .form-control {
    border: 1px solid #d3d1d1;
    height: 60px;
    padding: 10px 10px -2px 10px !important;
    line-height: 40px !important;
    min-height: 40px !important;
    font-size: 16px;
}
    .booking-area .form-control:focus {
        border: 1px solid #d3d1d1 !important;
        height: 60px;
        padding: 10px 10px -2px 10px !important;
        line-height: 40px !important;
        min-height: 40px !important;
        font-size: 16px;
    }
.booking-area label {
    top: -4px;
}
.booking_box_shadow {
    box-shadow: 0 0 10px #c0bcbc;
    margin-bottom: 30px;
    border-radius: 10px;
    padding: 10px;
}
    .booking_box_shadow h6 {
        margin-bottom: 10px;
        padding-left: 10px;
        color: #0a1846;
    }
.h6_title {
    margin-bottom: 10px;
    color: #0a1846;
}
.list_style_list li {
    font-size: 12px;
    line-height: 20px !important;
}
.border_right_side {
    border: 1px solid #eee;
    border-radius: 15px;
    margin-bottom: 10px;
}
.field-validation-error {
    line-height: normal !important;
    box-shadow: 0 0px 10px #0000006b;
    background: #c50000;
    border-radius: 0px 0px 6px 6px !important;
    padding: 3px;
    width: 100% !important;
    text-align: center;
    color: #fff !important;
    font-size: 10px;
}
.card-body .col-4,
.card-body .col-md-2 {
    padding: 0 4px !important;
}