body {
  box-sizing: border-box;
  line-height: 1.2em;
  height: 100vh;
  color: #6c757d;
  background-color: #fafbfe;
}

::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none;
}

ul,
body,
html,
ul,
li,
p,
span,
b,
h2,
h1 {
  font-family: 'Cairo';
  font-size: 0.9rem;
}

body[dir=rtl] {
  direction: rtl;
  text-align: start;
}

.nav-bar-holder,
.main-content-holder {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

a,
a:hover {
  text-decoration: none;
}

button:active,
button:focus,
.btn:not(:disabled):not(.disabled).active:focus,
.btn:not(:disabled):not(.disabled):active:focus,
.show>.btn.dropdown-toggle:focus {
  outline: none;
  box-shadow: none !important;
}

.main_order_content_price {
  background-color: #c1c1c1;
  width: 100%;
  height: 50px;
  text-align: center;
  border-radius: 25px 25px 5px 5px;
  padding: 10px 10px;
  color: #000;
  margin-bottom: 10px;
}

h2.box_title_topper {
  display: block;
  margin: 10px;
  font-size: 14pt;
  color: #3d3d3d;
}

.box_info_content {
  display: block;
  background-color: #f2f2f2;
  border-radius: 15px;
  padding: 15px;
  margin-bottom: 10px;
  margin-right: 10px;
  margin-left: 10px;
}

.box_info_row:after {
  display: block;
  clear: both;
  content: "";
}

.box_info_row {
  margin-bottom: 5px;
  padding-bottom: 10px;
  padding-top: 5px;
  border-bottom: 1px rgba(43, 43, 43, 0.244) solid;
}

.box_info_row:last-child {
  margin-bottom: 0px;
  border-bottom: 0px;
  padding-bottom: 0px;
}

.status_span {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 5px;
  color: #fff;
}

.status_span2 {
  display: block;
}

.status_s_wating {
  background-color: #a58607;
}

.status_s_connected {
  background-color: #047609;
}

.status_s_done {
  background-color: #045776;
}

.status_s_cancled {
  background-color: #762204;
}

.status2_s_wating {
  color: #a58607;
}

.status2_s_connected {
  color: #047609;
}

.status2_s_done {
  color: #045776;
}

.status2_s_cancled {
  color: #762204;
}

.box_row_left {
  font-size: 10pt;
}

.box_row_right {
  font-weight: bold;
  font-size: 10pt;
}

.inline-2-but {
  width: 48%;
  border-radius: 5px;
  padding: 5px 0px;
  text-align: center;
}

.x-f-left {
  float: left;
}

.x-f-right {
  float: right;
}

.f-right {
  float: right;
}

.f-left {
  float: left;
}

body[lang=en] .f-right {
  float: left;
}

body[lang=en] .f-left {
  float: right;
}

.static-block {
  width: calc(50% - 10px);
  padding: 10px 0px;
  text-align: center;
  margin: 10px 5px;
  background-color: #e5e5e5;
  border-radius: 10px;
}

.statics-blocks {
  padding: 0px 5px;
}

.static-block span {
  display: block;
  font-size: 10pt;
  margin-bottom: 5px;
  color: #333;
}

.static-block b {
  display: block;
  font-size: 12pt;
  color: #1989fa;
}

.static-block .icon-h-sec {
  text-align: center;
  font-size: 18pt;
  color: #000;
  position: relative;
  padding: 10px 0px;
}

.fas.fa-dot-circle {
  position: absolute;
  font-size: 10pt;
  left: calc(50% + 15px);
  bottom: 10px;
}

.green_dot {
  color: #08af02;
}

.red_dot {
  color: #b22000;
}

.gray_dot {
  color: #666666;
}

.fil-titlest {
  display: block;
  margin: 0px 15px;
  border-radius: 10px;
  padding: 10px 5px;
  background-color: #f4f4f4;
  color: #333;
  font-size: 10pt;
}

.asdasd_car_im {
  display: block;
  padding: 5px 3px;
}

.counter-cc {
  text-align: center;
}

.counter-cc i {
  display: inline-block;
  vertical-align: middle;
  font-size: 25pt;
  color: #0080bc;
  margin: 0px 10px;
}

.counter-cc .counters- {
  display: inline-block;
  vertical-align: middle;
}

.counter-cc .counters->span {
  display: inline-block;
  vertical-align: middle;
  background-color: #c6c6c6;
  font-size: 11pt;
  color: #333;
  padding: 5px 10px;
  border-radius: 5px;
}

.other_option_car {
  text-align: center;
  border-top: 1px #adadad solid;
  padding-top: 10px;
}

.other_option_car>button {
  width: 33.3%;
  display: block;
  text-align: center;
  font-size: 10pt;
}

.filters-select {
  display: block;
  width: 100%;
  padding: 5px 10px;
  background-color: #0099cc;
  color: #fff;
}

.filter_row {
  margin-bottom: 25px;
  background-color: #006f94;
  padding: 10px 0px;
}

[go_filter] {
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);
}

.cars_blocks {
  position: relative;
}

.cars_blocks>button {
  display: block;
  width: 100%;
  text-align: start;
}

.car_view_section .owl-dots {
  text-align: center;
}

.car_view_section .owl-dots>button {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #bfbfbf;
  margin: 0px 5px;
}

.car_view_section .owl-dots>button.active {
  background-color: #3d3d3d;
}

.car_list_items_h {
  margin: 10px 0px;
  border-radius: 10px;
  padding: 10px;
  background-color: #ededed;
}

.car_head h1 {
  margin: 10px 5px;
  border-radius: 10px;
  padding: 10px;
  background-color: #ededed;
  display: block;
  color: #333;
  font-size: 14pt;
}

.car_list_items_h .x_rows_s {
  padding: 5px 0px;
  border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
}

.car_list_items_h .x_rows_s .text-left>span {
  display: inline-block;
  padding: 2px 10px;
  background-color: #fff;
  border-radius: 5px;
  color: #424242;
  margin-bottom: 2px;
}

.blue-bg {
  background-color: #0a75bb !important;
  color: #fff !important;
}

.form-cnontents>label {
  margin-bottom: 0px;
  font-size: 12pt;
  display: block;
  padding: 3px 0px;
}

#rent_car_form .form-cnontents>input {
  border: 0px;
  padding: 3px 10px;
  border-radius: 5px;
  background-color: #f7f7f7;
  color: #000;
  height: 38px;
}

.inline-radios {
  display: inline-block;
  margin: 5px;
  vertical-align: middle;
}

.s-hide {
  display: none;
}

.s-hide.active {
  display: block;
}

.main_order_content_price {
  background-color: #c1c1c1;
  width: 100%;
  height: 50px;
  text-align: center;
  border-radius: 25px 25px 5px 5px;
  padding: 10px 10px;
  color: #000;
  margin-bottom: 10px;
}

h2.box_title_topper {
  display: block;
  margin: 10px;
  font-size: 14pt;
  color: #3d3d3d;
}

.box_info_content {
  display: block;
  background-color: #f2f2f2;
  border-radius: 15px;
  padding: 15px;
  margin-bottom: 10px;
  margin-right: 10px;
  margin-left: 10px;
}

.box_info_row:after {
  display: block;
  clear: both;
  content: "";
}

.box_info_row {
  margin-bottom: 5px;
  padding-bottom: 10px;
  padding-top: 5px;
  border-bottom: 1px rgba(43, 43, 43, 0.244) solid;
}

.box_info_row:last-child {
  margin-bottom: 0px;
  border-bottom: 0px;
  padding-bottom: 0px;
}

.status_span {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 5px;
  color: #fff;
}

.status_span2 {
  display: block;
}

.status_s_wating {
  background-color: #a58607;
}

.status_s_connected {
  background-color: #047609;
}

.status_s_done {
  background-color: #045776;
}

.status_s_cancled {
  background-color: #762204;
}

.status2_s_wating {
  color: #a58607;
}

.status2_s_connected {
  color: #047609;
}

.status2_s_done {
  color: #045776;
}

.status2_s_cancled {
  color: #762204;
}

.box_row_left {
  font-size: 10pt;
}

.box_row_right {
  font-weight: bold;
  font-size: 10pt;
}

.inline-2-but {
  width: 48%;
  border-radius: 5px;
  padding: 5px 0px;
  text-align: center;
}

.box_row_left button {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 4px;
  background-color: #e0e0e0;
  color: #333;
}

.box_row_left button img {
  width: 18px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 3px;
}

.terms_x_class button {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 0px;
  background-color: #eaeaea;
  color: #03779a;
  padding: 0px 5px;
  border-radius: 3px;
}

body[account_type=customer] .show_on_driver_o {
  display: none;
}

body[account_type=guest] .show_on_driver_o {
  display: none;
}

body[account_type=company] .show_on_user_o {
  display: none;
}

.cars_blocks button .x-f-right {
  position: relative;
  padding-bottom: 30px;
  margin: 0px 2.5px;
}

.cars_blocks button .x-f-right span {
  position: absolute;
  display: block;
  right: 0px;
  bottom: 0px;
  width: 100%;
  padding: 5px 0px;
  text-align: center;
  background-color: #0573a3;
  color: #fff;
  border-radius: 0px 0px 5px 5px;
}

.cars_blocks .order .x-f-left>span {
  display: block;
  font-weight: bold;
  font-size: 9pt;
  font-weight: bold;
  color: #757575;
  padding: 5px 0px;
}

.cars_blocks .order .x-f-right img {
  height: 75px;
}

.notifies.readed .noti-icon {
  background-color: #565656 !important;
}

.styl-order-dates {
  border-radius: 10px;
  border: 1px #9b9b9b solid;
  overflow: hidden;
}

.styl-order-dates-head {
  padding: 5px 0px;
  text-align: center;
  background-color: #0a7aa2;
  color: #fff;
}

.styl-order-blocks {
  display: block;
  background-color: #d1d1d1;
  text-align: center;
  color: #333;
  padding: 5px 0px;
  margin: 3px 0px;
  font-size: 10pt;
  border-radius: 5px;
}

.inine-2-holder-xx {
  margin: 20px 0px;
  background-color: #e0e0e0;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
}

.inine-2-holder-xx-button {
  display: inline-block;
  vertical-align: middle;
  width: calc(50% - 10px);
  margin: 0px 4px;
}

.inine-2-holder-xx-button>button {
  display: block;
  width: 100%;
  padding: 5px 0px;
  text-align: center;
  background-color: #0a7aa2;
  color: #fff;
  border-radius: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.fav_butt {
  position: absolute !important;
  z-index: 100;
  top: 10px;
}

[dir=rtl] .fav_butt {
  left: 5px;
}

[dir=ltr] .fav_butt {
  right: 5px;
}

.car_row {
  position: relative;
}

.profile-top-cc {
  text-align: center;
  margin-bottom: 20px;
}

.profile-top-cc img {
  margin: 10px auto;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  border: 2px #c9c9c9 solid;
  margin-bottom: 10px;
}

.profile-top-cc h2 {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 13pt;
}

.profile-top-cc span {
  display: block;
  font-size: 11pt;
  margin-bottom: 5px;
  color: #0464e0;
}

.profile-top-cc-2 {
  display: inline-block;
  padding: 5px 10px;
  background-color: #055bcb;
  color: #fff;
  white-space: normal;
  border-radius: 30px;
}

.profile-top-cc-2 b,
.profile-top-cc-2 span {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 5px;
  color: #fff;
  font-size: 10pt;
}

.small-info-wallet {
  margin: 10px 10px;
}

.small-info-wallet>button {
  display: block;
  width: 100%;
  padding: 10px 10px;
  border-radius: 30px;
  background-color: #dbdbdb;
  color: #333;
  text-align: start;
}

.detailed-ratings {
  margin: 15px;
}

.detailed-ratings h2 {
  display: block;
  margin-bottom: 5px;
  font-size: 12pt;
  font-weight: bold;
}

.detailed-ratings p {
  display: block;
  margin-bottom: 5px;
  font-size: 11pt;
}

.detailed-ratings small {
  display: block;
  font-size: 9pt;
  color: #686868;
}

.comments-r {
  margin-bottom: 10px;
}

.rrating_box {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  margin: 10px 0px;
  position: relative;
  padding: 10px;
}

.rrating_box .rating-starss {
  position: absolute;
  left: 5px;
  top: 5px;
  z-index: 3;
}

.f-row {}

.main-filter-content {
  display: none;
}

.inline-4-f {
  width: calc(25% - 5px);
  margin: 2px 2.5px;
  padding: 3px 5px;
}

.main-filter-top>button {
  display: block;
  margin-bottom: 10px;
  background-color: #046ca9;
  color: #fff;
  text-align: start;
  font-size: 12pt;
  padding: 10px;
  border-radius: 10px 10px 0px 0px;
  width: 100%;
}

.main-filter-cc {
  margin: 0px 10px 10px 10px;
}

.surr_buut {
  display: block;
  padding: 10px;
  text-align: center;
  border-radius: 0px 0px 10px 10px;
  width: 100%;
}

.surr_buut1 {
  background-color: #046ca9;
  color: #fff;
}

.static-block {
  width: calc(50% - 10px);
  padding: 10px 0px;
  text-align: center;
  margin: 10px 5px;
  background-color: #e5e5e5;
  border-radius: 10px;
}

.statics-blocks {
  padding: 0px 5px;
}

.static-block span {
  display: block;
  font-size: 10pt;
  margin-bottom: 5px;
  color: #333;
}

.static-block b {
  display: block;
  font-size: 12pt;
  color: #1989fa;
}

.static-block .icon-h-sec {
  text-align: center;
  font-size: 18pt;
  color: #000;
  position: relative;
  padding: 10px 0px;
}

.fas.fa-dot-circle {
  position: absolute;
  font-size: 10pt;
  left: calc(50% + 15px);
  bottom: 10px;
}

.green_dot {
  color: #08af02;
}

.red_dot {
  color: #b22000;
}

.gray_dot {
  color: #666666;
}

.fil-titlest {
  display: block;
  margin: 0px 15px;
  border-radius: 10px;
  padding: 10px 5px;
  background-color: #f4f4f4;
  color: #333;
  font-size: 10pt;
}

.asdasd_car_im {
  display: block;
  padding: 5px 3px;
}

.counter-cc {
  text-align: center;
}

.counter-cc i {
  display: inline-block;
  vertical-align: middle;
  font-size: 25pt;
  color: #0080bc;
  margin: 0px 10px;
}

.counter-cc .counters- {
  display: inline-block;
  vertical-align: middle;
}

.counter-cc .counters->span {
  display: inline-block;
  vertical-align: middle;
  background-color: #c6c6c6;
  font-size: 11pt;
  color: #333;
  padding: 5px 10px;
  border-radius: 5px;
}

.rating-starss>span.gold {
  color: #ae9704;
}

.car_slider_cc {
  width: 100%;
  overflow-x: scroll;
  white-space: nowrap;
}

.car_slider_cc>a {
  display: inline-block;
  margin: 5px;
}

.car_slider_cc>a>img {
  width: 90px;
  height: auto;
  border-radius: 10px;
}

.main-login-page {
  display: flex;
  height: 100vh;
  align-items: center;
  text-align: center;
}

.main-container {
  position: relative;
  padding: 5px;
}

body[dir=ltr] .nav-bar-holder {
  left: 5px;
}

.topper-nave-togle-cc {
  padding: 4px 0px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%), radial-gradient(at top center, rgba(255, 255, 255, 0.40) 0%, rgba(0, 0, 0, 0.40) 120%) #989898;
  background-blend-mode: multiply, multiply;
  margin-bottom: 15px;
  border-radius: 5px 5px 0 0;
}

body[dir=rtl] .nav-bar-holder {
  right: 5px;
}

.nav-bar-holder {
  position: fixed;
  top: 0xp;
  width: 50px;
  height: calc(100% - 10px);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  z-index: 10;
  background: rgb(2, 0, 36);
  background: -moz-linear-gradient(0deg, rgba(2, 0, 36, 1) 0%, rgba(5, 70, 83, 1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(2, 0, 36, 1) 0%, rgba(5, 70, 83, 1) 100%);
  background: linear-gradient(0deg, rgba(2, 0, 36, 1) 0%, rgba(5, 70, 83, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024", endColorstr="#054653", GradientType=1);
  border-radius: 5px;
}

body.active_nav .nav-bar-holder {
  width: 250px;
}

body.main-nav>li>a span {
  display: none;
}

.main-nav {
  margin: 0xp;
  padding: 0px;
  overflow-y: scroll;
  height: calc(100% - 50px);
  overflow-y: scroll;
}

.main-nav>li {
  display: block;
  border-radius: 75px;
  margin: 0px 10px;
  margin-bottom: 10px;
}

.main-nav>li>a {
  display: block;
  color: #bccee4;
  padding: 10px 5px;
  font-size: 10pt;
}

.main-nav>li>a.active {
  /*
	background: rgb(7,42,125);
*/
  color: #fff;
}

.main-nav>li>a i {
  display: inline-block;
  color: #bccee4;
  font-size: 10pt;
  margin: 0px 5px;
  vertical-align: middle;
}

.main-nav>li>a span {
  display: none;
  vertical-align: middle;
  color: #bccee4;
}

.main-nav>li>a.active i,
.main-nav>li>a.active span {
  color: #fff;
}

.topper-nave-togle-cc {
  text-align: end;
}

.topper-nave-togle-cc>button {
  display: inline-block;
  background-color: transparent;
  color: #bccee4;
  padding: 4px 20px;
  border: 0px;
  font-size: 16pt;
}

body.disable_nav .topper-nave-togle-cc>button {
  padding: 0px 16px;
  margin-bottom: 15px;
}

body.disable_nav .main-nav>li>a {
  text-align: center;
}

body.disable_nav .main-nav>li>a>b {
  display: none;
}

.main-content-holder {
  display: block;
  height: calc(100vh);
  position: relative;
  overflow-y: scroll;
  padding-top: 70px;
  z-index: 11;
}

body[dir=ltr].active_nav .main-content-holder {
  margin-left: 250px;
}

body[dir=rtl].active_nav .main-content-holder {
  margin-right: 250px;
}

body[dir=ltr].disable_nav .main-content-holder {
  margin-left: 50px;
}

body[dir=rtl].disable_nav .main-content-holder {
  margin-right: 50px;
}

.fixed-bar-topper {
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(222deg, rgba(255, 255, 255, 1) 0%, rgba(242, 246, 255, 1) 100%);
  background: -webkit-linear-gradient(222deg, rgba(255, 255, 255, 1) 0%, rgba(242, 246, 255, 1) 100%);
  background: linear-gradient(222deg, rgba(255, 255, 255, 1) 0%, rgba(242, 246, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f2f6ff", GradientType=1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  width: 100%;
  padding: 0px 10px 7px 10px;
}

.main-nav>li>a>b {
  display: inline-block;
  font-size: 12pt;
  padding: 3px;
  color: #d1d1d1;
}

.alert > span > i{
  display: inline-block;
  vertical-align: middle;
  font-size: 14pt;
}

.main-nav>li>a>b:after {
  display: block;
  content: "\f107";
}

.main-nav>li.openned>a>b:after {
  display: block;
  content: "\f106";
}

li.nodrop-down[active] {
  background-color: #0b1c32;
}

ul.drop-down>li[active] {
  background-color: #0b1c32;
}

body[dir=ltr] .main-nav>li>a>b {
  float: right;
}

body[dir=rtl] .main-nav>li>a>b {
  float: left;
}

ul.drop-down {
  padding: 10px;
  background-color: #2b4566;
  display: none;
}

ul.drop-down>li {
  display: block;
  border-radius: 5px;
}

body[dir=ltr] ul.drop-down {
  border-left: 2px #333 solid;
}

body[dir=rtl] ul.drop-down {
  border-right: 2px #333 solid;
}

ul.drop-down>li>a {
  display: block;
}

ul.drop-down>li>a {
  display: block;
  color: #baedfc;
  padding: 10px 5px;
  font-size: 10pt;
}

ul.drop-down>li>a.active+ul.drop-down>li>a {
  background: rgb(7, 42, 125);
}

ul.drop-down>li>a i {
  display: inline-block;
  color: #bccee4;
  font-size: 10pt;
  margin: 0px 5px;
  vertical-align: middle;
}

ul.drop-down>li>a span {
  display: none;
  vertical-align: middle;
  color: #bccee4;
}

body.disable_nav ul.drop-down {
  padding: 2px;
}

body.disable_nav ul.drop-down {
  text-align: center;
  font-size: 11pt;
}

.main-nav a {
  cursor: pointer;
}

.datatabels {
  width: 100%;
}

.datatabels td {
  vertical-align: middle;
  text-align: start;
}

.datatabels td.text-center {
  text-align: center;
}

td {
  vertical-align: middle !important;
  text-align: start;
}

#codeigniter_profiler {
  padding: 15px 50px !important;
}

.toggle_mobile {
  display: none;
}

@media all and (max-width: 600px) {
  .col-12 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .col-12:first-child {
    margin-top: 0px;
  }

  .col-12:last-child {
    margin-bottom: 0px;
  }

  .main-content-holder,
  body[dir=ltr].disable_nav .main-content-holder,
  body[dir=ltr].disable_nav .main-content-holder,
  body[dir=rtl].disable_nav .main-content-holder,
  body[dir=rtl].disable_nav .main-content-holder {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .nav-bar-holder {
    z-index: 1000;
  }

  .nav-bar-holder {
    display: none;
  }

  .toggle_mobile {
    display: block;
  }

  .card-header>.float-right>a {
    font-size: 1px;
  }

  .card-header>.float-right>a>i {
    font-size: 12px;
  }

  .card-header>h3 {
    font-size: 12pt;
  }

  .dataTables_length,
  .dataTables_info,
  .dataTables_filter {
    text-align: start !important;
  }

  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    margin-left: 5px;
    margin-right: 5px;
    padding-right: 5px;
    padding-left: 5px;
  }

  .col,
  .col-1,
  .col-10,
  .col-11,
  .col-12,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-auto,
  .col-lg,
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-auto,
  .col-md,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-auto,
  .col-sm,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-auto,
  .col-xl,
  .col-xl-1,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-auto {
    padding-right: 5px;
    padding-left: 5px;
  }

  .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    width: auto;
  }

  .card-header {
    padding: 0.55rem 0.25rem;
  }
}

/*///////// checkbox /////////  */

.toggler {
  display: block;
  padding-top: 4px;
}

.toggler input {
  display: none;
}

.toggler>label {
  display: block;
  position: relative;
  width: 50px;
  height: 25px;
  border: 1px solid #d6d6d6;
  border-radius: 36px;
  background: #e4e8e8;
  cursor: pointer;
  display: inline-block;
  margin: 0px 5px;
}

.toggler>span {
  display: inline-block;
  vertical-align: middle;
  padding-top: 8px;
  font-size: 13pt;
}

.toggler label::after {
  display: block;
  border-radius: 100%;
  background-color: #d7062a;
  content: '';
  -webkit-animation-name: toggler-size;
  animation-name: toggler-size;
  -webkit-animation-duration: .15s;
  animation-duration: .15s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.toggler label::after,
.toggler label .toggler-on,
.toggler label .toggler-off {
  position: absolute;
  top: 50%;
  left: 25%;
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  -webkit-transition: left .15s ease-in-out, background-color .2s ease-out, width .15s ease-in-out, height .15s ease-in-out, opacity .15s ease-in-out;
  transition: left .15s ease-in-out, background-color .2s ease-out, width .15s ease-in-out, height .15s ease-in-out, opacity .15s ease-in-out;
}

.toggler input:checked+label::after,
.toggler input:checked+label .toggler-on,
.toggler input:checked+label .toggler-off {
  left: 75%;
}

.toggler input:checked+label::after {
  background-color: #50ac5d;
  -webkit-animation-name: toggler-size2;
  animation-name: toggler-size2;
}

.toggler .toggler-on,
.toggler .toggler-off {
  opacity: 1;
  z-index: 2;
}

.toggler input:checked+label .toggler-off,
.toggler input:not(:checked)+label .toggler-on {
  width: 0;
  height: 0;
  opacity: 0;
}

.toggler .path {
  fill: none;
  stroke: #fefefe;
  stroke-width: 7px;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.inlines>.form-group>br {
  display: none;
}

.inlines>.form-group>.toggler {
  margin: 0px 10px;
}

body[dir=rtl] .inlines>.form-group>.toggler:first-child {
  margin-right: 0px;
}

body[dir=ltr] .inlines>.form-group>.toggler:first-child {
  margin-left: 0px;
}

.uploader>label>input {
  display: none;
}

.uploader>label {
  display: block;
  margin-bottom: 10px;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  border: 1px solid transparent;
  padding: .45rem 1.5rem;
  font-size: .9rem;
  line-height: 1.5;
  border-radius: 5.35rem;
  display: inline-block;
  box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5);
  color: #fff;
  background-color: #727cf5;
  border-color: #727cf5;
  cursor: pointer;
  margin-top: 10px;
}

.uploader>label>span {
  display: inline-block;
}

.loading-upload {
  display: none;
  position: fixed;
  z-index: 99999;
  bottom: 10px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  width: 300px;
  padding: 10px;
  text-align: center;
}

body[dir=rtl] .loading-upload {
  left: 30px;
}

body[dir=ltr] .loading-upload {
  right: 30px;
}

.loading-upload .spinner-border {
  margin-bottom: 10px;
}

.upload_results {
  display: inline-block;
  margin: 0px 5px;
}

.upload_results>.input-image-cc {
  display: inline-block;
  margin: 3px;
}

.input-image-cc>img {
  width: 46px;
  border-radius: 3px;
  height: 40px
}

.input-image-cc>button {
  background-color: red;
  color: #fff;
  border: 0px;
  border-radius: 3px;
}

.sc-butt {
  display: block;
  margin-bottom: 10px;
  font-weight: 400;
  text-align: center;
  border: 1px solid transparent;
  padding: .45rem 1.5rem;
  font-size: .9rem;
  line-height: 1.5;
  border-radius: 5.35rem;
  display: inline-block;
  box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5);
  color: #fff;
  background-color: #727cf5;
  border-color: #727cf5;
  cursor: pointer;
  margin-top: 10px;
}

.hidden {
  display: none;
}

.multi-cc {
  position: relative;
  margin-bottom: 10px;
}

body[dir=rtl] .multi-cc {
  padding-left: 50px;
}

body[dir=ltr] .multi-cc {
  padding-right: 50px;
}

.multi-cc .clear_multible {
  position: absolute;
  top: -15px;
  z-index: 11;
  width: 60px;
}

body[dir=ltr] .multi-cc .clear_multible {
  right: 15px;
}

body[dir=rtl] .multi-cc .clear_multible {
  left: 15px;
}

.bootstrap-select>.dropdown-toggle {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.dropdown.bootstrap-select {
  display: block !important;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100% !important;
}

.links-row-w-img {
  display: block;
  margin: 3px;
  color: #333;
  margin-bottom: 10px;
}

.links-row-w-img img {
  display: inline-block;
  width: 40px;
  height: 30px;
}

.form-groups {
  margin-bottom: 20px;
}

span.links-row-w-img {
  margin-bottom: 10px;
}

.max-400 {
  max-height: 400px;
  overflow-y: scroll;
}

span.links-row-w-img>span {
  display: block;
  margin: 10px 0px;
  color: #424242;
}

body[dir=rtl] .float-right {
  float: left !important;
}

body[dir=rtl] .float-left {
  float: right !important;
}

body[dir=rtl] .btn-group {
  direction: ltr;
}

body[dir=rtl] .filter-option-inner-inner {
  text-align: right;
}

body[dir=rtl] .dropdown-menu a {
  text-align: right;
}

th {
  text-align: start;
}

.btons-home {
  display: block;
  width: 100%;
  padding: 10px;
  border-radius: 45px;
  border: 2px rgba(0, 0, 0, 0.1) solid;
  text-align: start;
  color: #fff;
}

.btons-home i {
  font-size: 40px;
  margin: 0px 10px;
  color: #fff;
  padding: 5px 10px;
}

.btons-home b {
  display: block;
  font-size: 14pt;
  margin-bottom: 10px;
}

.green-b {
  background-color: #035812;
}

.yellow-b {
  background-color: #726a02;
}

.gray-b {
  background-color: #3c3c3c;
}

.blue-b {
  background-color: #11399e;
}

.language-lvl1 {
  background-color: #f2f2f2;
}

.lllannggss {
  padding: 10px;
  border-radius: 15px;
}

body[dir=rtl] .language-lvl1,
body[dir=rtl] .language-lvl2,
body[dir=rtl] .language-lvl3 {
  padding-right: 10px;
  border-right: 2px #c38888 solid;
}

body[dir=rtl] .language-lvl3 {
  border-right: 2px #000 solid;
}

body[dir=rtl] .language-lvl2 {
  border-right: 2px #022faf solid;
}

body[dir=ltr] .language-lvl1,
body[dir=ltr] .language-lvl2,
body[dir=ltr] .language-lvl3 {
  padding-left: 10px;
  border-left: 2px #c38888 solid;
}

body[dir=ltr] .language-lvl3 {
  border-left: 2px #000 solid;
}

body[dir=ltr] .language-lvl2 {
  border-left: 2px #022faf solid;
}

.lllannggss input.changed {
  border-color: #0077a3;
  border-width: 3px;
}

.language-lvl2 {
  margin-bottom: 35px;
  box-shadow: 0px 15px rgba(0, 0, 0, 0.2);
  padding-bottom: 15px;
}

.lllannggss input.empty-lang-i:not(.changed) {
  border-color: #b3790e;
  border-width: 3px;
}

.options_tiltles>div {
  display: inline-block;
}

.options_tiltles {
  margin-bottom: 15px;
}

.colors-cc>button {
  display: inline-block;
  background-color: transparent;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 2px rgba(0, 0, 0, 0.186) solid;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px;
  padding: 0px;
}

.colors-cc>button span {
  display: block;
  width: 100%;
  height: 100%;
}

.colors-cc>button.active {
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  margin-left: 15px;
  margin-right: 15px;
  border-color: #fff;
}

.option-row {
  padding: 10px;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.05);
  margin: 5px 0px;
}

.ex_options_lable {
  margin-bottom: 10px;
  display: block;
}

.options-cc-inputs select,
.options-cc-inputs input {
  display: inline-block;
  min-width: 30%;
}

.input-group-text {
  line-height: 1.9;
}

.padd_price_cpo {
  padding-top: 10px;
}

#color_option {
  display: none;
}

#d_text_option {
  display: none;
}

.add_option_colors {
  display: inline-block;
  vertical-align: middle;
}

.add_option_colors>button {
  display: block;
  padding: 10px 30px;
  background-color: #035812;
  color: #fff;
}

.add_butt>button {
  display: inline-block;
  margin: 5px 0px;
  padding: 10px 30px;
  background-color: #035812;
  color: #fff;
}

.color_option {
  display: block;
  margin: 10px 0px;
  padding: 10px;
  border-radius: 10px;
  background-color: #fff;
}

.color_option>span {
  display: inline-block;
  vertical-align: middle;
}

.color_option .color_bg_option {
  width: 60px;
  height: 30px;
  border-radius: 10px;
}

.color_option .color_text_option,
.color_option .color_price_option {
  font-weight: bold;
  padding: 7px 30px;
  border-radius: 10px;
  background-color: rgb(206, 206, 206);
  color: #333;
}

.option_sections {
  display: none;
}

.option_sections.active {
  display: block;
}

.language-lvl3 {
  position: relative;
}

.mainer {
  width: 20px;
  height: 20px;
}

.section-langs input[type=checkbox] {
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
  height: 20px;
}

body[dir=rtl] .section-langs input[type=checkbox] {
  right: -2px;
}

body[dir=ltr] .section-langs input[type=checkbox] {
  left: -2px;
}

.delete-vars {
  display: none;
}































































































@-webkit-keyframes toggler-size {

  0%,
  100% {
    width: 26px;
    height: 26px;
  }

  50% {
    width: 20px;
    height: 20px;
  }
}

@keyframes toggler-size {

  0%,
  100% {
    width: 26px;
    height: 26px;
  }

  50% {
    width: 20px;
    height: 20px;
  }
}

@-webkit-keyframes toggler-size2 {

  0%,
  100% {
    width: 26px;
    height: 26px;
  }

  50% {
    width: 20px;
    height: 20px;
  }
}

@keyframes toggler-size2 {

  0%,
  100% {
    width: 26px;
    height: 26px;
  }

  50% {
    width: 20px;
    height: 20px;
  }
}

.status-interance-early {
  background-color: rgb(12, 87, 201) !important;
}

.status-interance-intime {
  background-color: rgb(55, 109, 8) !important;
}

.status-interance-late {
  background-color: rgb(220, 55, 55) !important;
}

.status-outerance-early {
  background-color: rgb(220, 55, 55) !important;
}

.status-outerance-intime {
  background-color: rgb(55, 109, 8) !important;
}

.status-outerance-late {
  background-color: rgb(12, 87, 201) !important;
}

.fixed-bar-topper .btn-primary {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%), radial-gradient(at top center, rgba(255, 255, 255, 0.40) 0%, rgba(0, 0, 0, 0.40) 120%) #989898;
  background-blend-mode: multiply, multiply;
  border: 0px;
  padding: 10px 10px;
}

.main_right_countainer {
  min-height: -moz-available;
  min-height: -webkit-fill-available;
  min-height: fill-available;
  background-color: #ebebeb;
  padding: 5px 5px;
  margin: 0px 13px;
  border-radius: 15px;
}


.btn-primary {
  background-image: linear-gradient(to top, #00c6fb 0%, #005bea 100%) !important;
  border: 0px;
}

.btn-secondary {
  background-image: linear-gradient(to left, #BDBBBE 0%, #9D9EA3 100%), radial-gradient(88% 271%, rgba(255, 255, 255, 0.25) 0%, rgba(254, 254, 254, 0.25) 1%, rgba(0, 0, 0, 0.25) 100%), radial-gradient(50% 100%, rgba(255, 255, 255, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%) !important;
  background-blend-mode: normal, lighten, soft-light;
  border: 0px;
}

.btn-primary:hover {
  background-image: linear-gradient(to top, #005bea 0%, #00c6fb 100%) !important;
}

.btn-secondary:hover {
  background: #C9CCD3;
  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
  background-blend-mode: lighten !important;
}

.group_selectors_holder {
  display: none;
}

[current_class=back-d-datas-employees-edit] .group_selector_holder{
  display: none;
}
.ltr {
  direction: ltr !important;
}