@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&family=Encode+Sans+Semi+Condensed:wght@100;200;300;400;500;600;700;800;900&family=Inter:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
  --c_primary: #EF1C47; /**/
  --c_primaryDark: #AA0D0D;
  --c_warning: #F58020; /**/
  --c_blue: #4071F7; /**/
  --c_black: #000000; /**/
  --c_black20: #00000033; /* 20% */
  --c_black30: #0000004d; /* 30% */ /**/
  --c_black50: #00000080; /* 50% */ /**/
  --c_black60: #00000099; /* 60% */ /**/
  --c_dark: #07080B; /**/
  --c_gray: #374850; /**/
  --c_gray2: #484848; /**/
  --c_gray3: #4A4C56; /**/
  --c_gray4: #626262; /**/
  --c_gray5: #6F6F6F; /**/
  --c_gray6: #737373; /**/
  --c_gray7: #7B7B7B; /**/
  --c_gray8: #7C7C7C; /**/
  --c_gray9: #A9A9A9; /**/
  --c_gray10: #B7B7B7; /**/
  --c_gray11: #D9D9D9; /**/
  --c_white: #ffffff; /**/

  --bg_primary: #EF1C47;  /**/
  --bg_primaryDark: #AA0D0D;
  --bg_warning: #F58020; /**/
  --bg_black: #000000; /**/
  --bg_black52: #00000085; /*52%*/
  --bg_gray: #374850; /**/
  --bg_gray2: #E9E9E9; /**/
  --bg_light: #F4F4F7; /**/
  --bg_light2: #F5F5F5; /**/
  --bg_white: #ffffff; /**/


  --ff_didact_gothic:"Didact Gothic", sans-serif;
  --ff_encode_sans:"Encode Sans Semi Condensed", sans-serif;
  --ff_inter:"Inter", sans-serif;
  --ff_poppins:"Poppins", sans-serif;

  --fs_9:9px;
  --fs_10:10px;
  --fs_11:11px;
  --fs_12:12px;
  --fs_13:13px;
  --fs_14:14px;
  --fs_15:15px;
  --fs_16:16px;
  --fs_17:17px;
  --fs_18:18px;
  --fs_19:19px;
  --fs_20:20px;
  --fs_21:21px;
  --fs_22:22px;
  --fs_23:23px;
  --fs_24:24px;
  --fs_25:25px;
  --fs_26:26px;
  --fs_27:27px;
  --fs_28:28px;
  --fs_29:29px;
  --fs_30:30px;
  --fs_31:31px;
  --fs_32:32px;
  --fs_33:33px;
  --fs_34:34px;
  --fs_35:35px;
  --fs_38:38px;
  --fs_40:40px;
  --fs_42:42px;
  --fs_46:46px;
  --fs_48:48px;
  --fs_50:50px;
  --fs_54:54px;
  --fs_57:57px;
  --fs_58:58px;
  --fs_63:63px;
  --fs_70:70px;
  --fs_80:80px;
}
html{
  max-width: 100vw;
}
body {
  font-family: var(--ff_poppins);
  color: var(--c_black);
}
a{
  color: var(--c_primary);
}
.fs_9{font-size: var(--fs_9);}
.fs_10{font-size: var(--fs_10);}
.fs_11{font-size: var(--fs_11);}
.fs_12{font-size: var(--fs_12);}
.fs_13{font-size: var(--fs_13);}
.fs_14{font-size: var(--fs_14);}
.fs_15{font-size: var(--fs_15);}
.fs_16{font-size: var(--fs_16);}
.fs_17{font-size: var(--fs_17);}
.fs_18{font-size: var(--fs_18);}
.fs_19{font-size: var(--fs_19);}
.fs_20{font-size: var(--fs_20);}
.fs_21{font-size: var(--fs_21);}
.fs_22{font-size: var(--fs_22);}
.fs_23{font-size: var(--fs_23);}
.fs_24{font-size: var(--fs_24);}
.fs_25{font-size: var(--fs_25);}
.fs_26{font-size: var(--fs_26);}
.fs_27{font-size: var(--fs_27);}
.fs_28{font-size: var(--fs_28);}
.fs_29{font-size: var(--fs_29);}
.fs_30{font-size: var(--fs_30);}
.fs_31{font-size: var(--fs_31);}
.fs_32{font-size: var(--fs_32);}
.fs_33{font-size: var(--fs_33);}
.fs_34{font-size: var(--fs_34);}
.fs_35{font-size: var(--fs_35);}
.fs_38{font-size: var(--fs_38);}
.fs_40{font-size: var(--fs_40);}
.fs_42{font-size: var(--fs_42);}
.fs_46{font-size: var(--fs_46);}
.fs_48{font-size: var(--fs_48);}
.fs_50{font-size: var(--fs_50);}
.fs_54{font-size: var(--fs_54);}
.fs_57{font-size: var(--fs_57);}
.fs_58{font-size: var(--fs_58);}
.fs_63{font-size: var(--fs_63);}
.fs_70{font-size: var(--fs_70);}
.fs_80{font-size: var(--fs_80);}

.ff_didact_gothic{font-family: var(--ff_didact_gothic);}
.ff_encode_sans{font-family: var(--ff_encode_sans);}
.ff_inter{font-family: var(--ff_inter);}
.ff_poppins{font-family: var(--ff_poppins);}

.c_primary{color: var(--c_primary);}
.c_primaryDark{color: var(--c_primaryDark);}
.c_warning{color: var(--c_warning);}
.c_blue{color: var(--c_blue);}
.c_black{color: var(--c_black);}
.c_black20{color: var(--c_black20);}
.c_black30{color: var(--c_black30);}
.c_black50{color: var(--c_black50);}
.c_black60{color: var(--c_black60);}
.c_dark{color: var(--c_dark);}
.c_gray{color: var(--c_gray);}
.c_gray2{color: var(--c_gray2);}
.c_gray3{color: var(--c_gray3);}
.c_gray4{color: var(--c_gray4);}
.c_gray5{color: var(--c_gray5);}
.c_gray6{color: var(--c_gray6);}
.c_gray7{color: var(--c_gray7);}
.c_gray8{color: var(--c_gray8);}
.c_gray9{color: var(--c_gray9);}
.c_gray10{color: var(--c_gray10);}
.c_gray11{color: var(--c_gray11);}
.c_white{color: var(--c_white);}

.bg_primary{background-color: var(--bg_primary);}
.bg_primaryDark{background-color: var(--bg_primaryDark);}
.bg_warning{background-color: var(--bg_warning);}
.bg_black{background-color: var(--bg_black);}
.bg_black52{background-color: var(--bg_black52);}
.bg_gray{background-color: var(--bg_gray);}
.bg_gray2{background-color: var(--bg_gray2);}
.bg_light{background-color: var(--bg_light);}
.bg_light2{background-color: var(--bg_light2);}
.bg_white{background-color: var(--bg_white);}

.btn{
  padding:0.77em 0.7826em;
  border-radius: 5px;
  text-transform: uppercase;
}
.btn_sm{
  font-size: var(--fs_14);
  padding:0.75em 1.1429em;
}
.btn_lg{
  font-size: var(--fs_23);
}
.btn_primary{
  color: var(--c_white);
  background-color: var(--bg_primary);
  font-weight: 600;
}
.btn_primary:hover{
  color: var(--c_white);
  background-color: var(--bg_primaryDark);
}
.btn_warning{
  color: var(--c_white);
  background-color: var(--bg_warning);
}
.btn_warning:hover{
  background-color: var(--bg_warning);
}
.btn_outline_warning{
  color: var(--c_warning);
  border-color: var(--c_warning);
}
.btn_outline_warning:hover{
  background-color: var(--bg_warning);
}
.hover_underline{
  text-decoration: none;
}
.hover_underline:hover{
  text-decoration: underline;
}
/* ................. start login page ................. */
.login_row{
  min-height: 100vh;
}
.login_left_col{
  background-image: url("../img/dashboard/login_leftBg.svg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100%;
}
.login_right_col{
  background-image: url("../img/dashboard/login_rightBg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.login_box{
  padding: 50px 0px;
  max-width: 571px;
  margin: auto;
}
.login_logo{
  width: 183px;
  height: 45px;
  margin-bottom: 15px;
  object-fit: contain;
}
.mb_78{
  margin-bottom: 78px;
}
.mb_32{
  margin-bottom: 32px;
}
.form-control{
  padding: 0.75em 1.2em;
}
.login_copyrightInfo{
  color: var(--c_white);
  padding: 66px;
  text-align: center;
}
@media (max-width: 1799.98px) {
  :root{
    --fs_9:8px; 
    --fs_10:9px; 
    --fs_11:9px; 
    --fs_12:10px; 
    --fs_13:10px; 
    --fs_14:11px; 
    --fs_15:12px; 
    --fs_16:13px; 
    --fs_17:14px; 
    --fs_18:16px; 
    --fs_19:15px; 
    --fs_20:15px; 
    --fs_21:16px; 
    --fs_22:17px; 
    --fs_23:17px; 
    --fs_24:18px; 
    --fs_25:19px; 
    --fs_26:19px; 
    --fs_27:19px; 
    --fs_28:20px; 
    --fs_29:21px; 
    --fs_30:23px; 
    --fs_31:24px; 
    --fs_32:24px; 
    --fs_33:24px; 
    --fs_34:24px; 
    --fs_35:25px; 
    --fs_38:28.5px; 
    --fs_40:30px;
    --fs_42:32px;
    --fs_46:33px;
    --fs_48:34px;
    --fs_50:35px;
    --fs_54:36px;
    --fs_57:43px; 
    --fs_58:44px; 
    --fs_63:48px; 
    --fs_70:52px;
    --fs_80:65px;
  }

  .login_box {
    padding: 40px 0px;
    max-width: 440px;
  }
  .mb_32 {
    margin-bottom: 22px;
  }
  .login_copyrightInfo {
    padding: 20px;
  }
}
@media (max-width: 1399.98px) {
  :root{
    --fs_9:7px; 
    --fs_10:8px; 
    --fs_11:9px; 
    --fs_12:10px; 
    --fs_13:11px; 
    --fs_14:12px; 
    --fs_15:13px; 
    --fs_16:14px; 
    --fs_17:15px; 
    --fs_18:14px; 
    --fs_19:15px; 
    --fs_20:15px; 
    --fs_21:16px; 
    --fs_22:16px; 
    --fs_23:17px; 
    --fs_24:17px; 
    --fs_25:18px; 
    --fs_26:18px; 
    --fs_27:19px; 
    --fs_28:19px; 
    --fs_29:20px; 
    --fs_30:20px; 
    --fs_31:21px; 
    --fs_32:21px; 
    --fs_33:22px; 
    --fs_34:22px; 
    --fs_35:23px; 
    --fs_38:24px; 
    --fs_40:28px;
    --fs_42:29px;
    --fs_46:30px;
    --fs_48:31px;
    --fs_50:32px;
    --fs_54:33px;
    --fs_57:38px; 
    --fs_58:40px; 
    --fs_63:42px; 
    --fs_70:43px;
    --fs_80:58px;
  }
  .login_box {
    padding: 40px 0px;
    max-width: 380px;
  }
  .mb_32 {
    margin-bottom: 18px;
  }
  .login_copyrightInfo {
    padding: 18px;
  }
}
@media(max-width:575.98px){
  .login_box {
    padding: 40px 10px;
  }
}
/* ................. end login page ................. */

/* ................. start dashboard page ................. */
:root{
  --left__space:445px;
}
.header{
  position: fixed;
  z-index: 1000;
  top: 0px;
  left: var(--left__space);
  right: 0px;
  padding: 18px 0px;
  border-bottom: 1px solid var(--c_gray11);
  background-color: var(--bg_white);
}
.header_nav .nav-item{
  padding: 0px 12px;
  border-left: 1px solid var(--c_gray11);
}
.header_nav .nav-item:first-child{
  border-left: none;
}
.header_nav .nav-item:last-child{
  padding-right: 0px;
}
.notif_indicator{
  color: var(--c_white);
  font-size: var(--fs_10);
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 2px 6px;
  background: linear-gradient(90deg, #2BB2FE 0%, #22CAAD 100%);
  border-radius: 100px;
  transform: translate(50%,-50%);
}
.active_indicator{
  position: absolute;
  right: -2px;
  bottom: -2px;
  background: #22CAAD;
  width: 14px;
  height: 14px;
  border: 2px solid var(--c_white);
  border-radius: 50%;
}
.user_img{
  width: 32px;
  height: 32px;
}

.side_menu{
  position: fixed;
  z-index: 1100;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: var(--left__space);
  border-bottom: 1px solid var(--c_gray11);
  background-color: var(--bg_light);
  display: flex;
  flex-direction: column;

  background-image: url("../img/dashboard/login_leftBg.svg");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 180%;
}
.side_menuTop{
  padding: 30px 16px;
  text-align: center;
}
.side_menuTop img{
  width: 233px;
  height: 59px;
  object-fit: contain;
}
.side_menuMiddle{
  flex-grow: 1;
  overflow-y: auto;
}
.side_nav>li>.nav-link{
  color: var(--c_black);
  font-size: var(--fs_21);
  padding: 1.4286em 2.9524em;
  border-right: 0.381em solid transparent;
}
.side_nav>li>.nav-link[data-bs-toggle]{
  position: relative;
}
.side_nav>li>.nav-link[data-bs-toggle]::after{
  content: "\fb75";
  font-family: uicons-regular-straight !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal; 
  text-transform: none;
  line-height: 1;
  vertical-align: sub;
  position: absolute;
  top:50%;
  right: 24px;
  transform: translateY(-50%);
}
.side_nav>li>.nav-link i{
  color: var(--c_gray2);
  font-size: 1.3em;
  margin-right: 0.3em;
}
.fi{
  vertical-align: middle;
}
.fi::before{
  vertical-align: sub;
}
.side_nav>li>.nav-link:hover{
  background-color: var(--bg_gray2);
}
.side_nav>li>.nav-link.active{
  color: var(--c_white);
  border-color: var(--bg_primary);
  background-color: var(--bg_gray);
}
.side_nav>li>.nav-link.active i{
  color: var(--c_white);
}
.side_nav>li>.nav-link.c_primary{
  color: var(--c_primary);
}
.side_nav>li>.nav{
  padding-left: 100px;
}
.side_nav>li>.nav .nav-link{
  color: var(--c_black60);
  font-size: var(--fs_21);
  padding: 8px !important;
}
.side_nav>li>.nav .nav-link:hover{
  color: var(--c_black);
}
.side_menuBottom{
  padding: 24px 68px 78px;
}
.mCSB_inside > .mCSB_container {
  margin-right: 0px;
}
.side_backdrop{
  display: none;
}

.main{
  margin-top: 88px;
  margin-left: var(--left__space);
  padding: 36px 16px;
  background-image: url("../img/dashboard/bg_map.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 50%;
}

.cus_form-check{
  padding-left: 0.8em;
  max-width: max-content;
  margin-left: auto;
}
.cus_form-check .check_switch{
  color: var(--c_primary);
  width: 2em;
  height: 1em;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50rem;
  background-color: rgba(0, 0, 0, 0.4);
  position: relative;
  margin-right: 0.7em;
}
.cus_form-check .form-check-input:checked ~ .form-check-label .check_switch{
  background-color: rgba(239, 28, 70, 0.40);
}
.cus_form-check .form-check-input{
  display: none;
}
.cus_form-check .check_switch i{
  position: absolute;
  top:50%;
  left:0%;
  transform: translate(-50%,-50%) scale(1.3);
  line-height: 1em;
  background-color: var(--bg_white);
  border-radius: 50%;
  transition: 0.3s;
}
.cus_form-check .form-check-input:checked ~ .form-check-label .check_switch i{
  left:100%;
}
.inp_area{
  margin-bottom: 28px;
}
.inpArea_header{
  background-color: var(--bg_gray);
  text-transform: uppercase;
  padding: 14px 20px;
  border-radius: 8px 8px 0px 0px;
}
.inpArea_body{
  background-color: var(--bg_white);
  padding: 44px 128px 55px 56px;
  border:1px solid var(--c_gray11);
  border-radius: 0px 0px 8px 8px;
}
.gy_36{
  --bs-gutter-y: 36px;
}
.select2 {
  width: 100% !important;
}
.select2_inpWrapper .select2-container .select2-selection--single, 
.select2_inpWrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 51px;
  border: none;
}
.select2_inpWrapper .select2-container .select2-selection--single{
  border: var(--bs-border-width) solid var(--bs-border-color);
}
.select2_inpWrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 30px;
}
.select2_inpWrapper .select2-container .select2-selection--single .select2-selection__rendered {
  padding: 10px 40px 11px 14px;
}
.cus_textarea{
  height: 220px;
}
#drop-area{
  border: 1px solid var(--c_gray11);
  padding: 30px;
}
.image-uploader {
  min-height: 220px;
  border: 1px dashed var(--c_gray6);
  border-radius: 6px;
}
.image-uploader .upload-text .iui-cloud-upload{
  font-size: var(--fs_63);
  background-image: url("../img/dashboard/image.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 0.25em;
}
.image-uploader .upload-text .iui-cloud-upload::before{
  opacity: 0;
}
.image-uploader .upload-text span{
  color: var(--c_gray9);
  font-size: var(--fs_16);
}
.image-uploader .uploaded .uploaded-image {
  border: 1px solid var(--c_gray11);
}
.location_map{
  width: 100%;
  height: 260px;
}
.scheduleEdit{
  cursor: pointer;
}
.schedule_table td,
.schedule_table input{
  color: var(--c_gray5);
}
.time_rangeInp{
  width: 200px;
  max-width: 100%;
  margin-left: auto;
  display: block;
  pointer-events: none;
  user-select: none;
  border: 1px solid transparent;
  outline: none;
}
.edit_mode .time_rangeInp{
  pointer-events: initial;
  user-select: initial;
  border-color: var(--c_gray11);
}

.iti{
  width: 100%;
}
.add_newPhoneNumber{
  cursor: pointer;
}
.opt__icon{
  height: 1.5em;
  width: 1.5em;
  margin-right: 0.6em;
}
.add_newSocialProfile{
  cursor: pointer;
}
.img_inpBox{
  position: relative;
}
.logo_imgInpBox{
  width: 124px;
  height: 124px;
}
.img_inpLabel,
.img_inpPreview{
  height: 100%;
  width: 100%;
  border-radius: 5px;
}
.img_inpLabel{
  background-image: url("../img/dashboard/image.png");
  background-repeat: no-repeat;
  background-position: center;
  border: 1px dashed var(--c_gray11);
  background-size: 50px;
  cursor: pointer;
}
.img_inpPreview{
  visibility: hidden;
  border: 1px solid var(--c_gray11);
  background-color: var(--bg_white);
  object-fit: cover;
}
.logo_imgInpBox .img_inpPreview{
  object-fit: contain;
}
.preview_img .img_inpPreview{
  visibility: visible;
}
.img_inpReset{
  position: absolute;
  font-size: var(--fs_24);
  line-height: 1;
  top: 0px;
  right: 0px;
  color: var(--c_blue);
  background-color: var(--bg_white);
  border-radius: 50%;
  transform: translate(50%,-50%);
  cursor: pointer;
  display: none;
}
.preview_img .img_inpReset{
  display: initial;
}
.image-uploader .upload-text{
  padding: 10px;
  text-align: center;
}

/*  */
.inp_area2{
  padding: 44px 50px;
  border-radius: 8px;
  border: 1px solid var(--c_gray11);
  background-color: var(--bg_white);
}
.profile_imgInpBox{
  width: 124px;
  height: 124px;
}
.theme_inp{
  appearance: none;
  font-size: var(--fs_70);
  line-height: 1em;
  width: 1em;
  height: 1em;
  margin-right: 0.3175em;
  margin-bottom: 0.2em;
  /* border-radius: 50%; */
  background-color: var(--bg__color);
  cursor: pointer;
  display: inline-block;
  background-size: contain;

}
.theme_inp.bg__white{
  box-shadow: inset 0px 0px 0px 0.127em var(--c_gray) ;
}
.theme_inp:checked{
  box-shadow: 0px 0px 0px 2px var(--c_white) ,0px 0px 0px 3px var(--c_dark);
}
.theme_inp.bg__white:checked{
  box-shadow: 0px 0px 0px 2px var(--c_white) ,0px 0px 0px 3px var(--c_dark),inset 0px 0px 0px 0.127em var(--c_gray);
}
.card_previewBox {
  margin-right: -50px;
}

@media(min-width:1400px){
  .container{
    max-width: 1100px;
  }
}
@media(min-width:1800px){
  .container{
    max-width: 1260px;
  }
}
@media(max-width:1799.98px){
  :root {
    --left__space: 300px;
  }
  .side_menuTop {
    padding: 24px 12px;
  }
  .side_menuTop img{
    width: 178px;
    height: 45px;
  }
  .side_nav > li > .nav {
    padding-left: 65px;
  }
  .side_menuBottom {
    padding: 20px 30px 40px;
  }
  .main {
    margin-top: 80px;
    padding: 32px 16px;
  }
  .gy_36 {
    --bs-gutter-y: 26px;
  }
  .inpArea_header {
    padding: 12px 20px;
  }
  .inpArea_body {
    padding: 30px 50px 40px 30px;
  }
  .cus_textarea {
    height: 170px;
  }
  
  .image-uploader {
    min-height: 190px;
  }
  .select2_inpWrapper .select2-container .select2-selection--single, .select2_inpWrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 43px;
  }
  .select2_inpWrapper .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 7px 36px 7px 14px;
  }
  .inp_area2 {
    padding: 30px;
  }
  
}

@media(max-width:1199.98px){
  :root {
    --left__space: 0px;
  }
  .side_menu {
    width: 300px;
    transform: translateX(-110%);
    transition: 0.3s;
  }
  .show_sideMenu  .side_menu {
    transform: translateX(0%);
  }
  .side_nav > li > .nav-link {
    padding: 1em 2em;
  }
  .side_nav > li > .nav {
    padding-left: 52px;
  }
  .side_menuBottom {
    padding: 20px;
  }
  .header {
    padding: 13px 0px;
  }
  .hearder_logo_sm {
    width: 45px;
    height: 45px;
    object-fit: contain;
  }
  .side_backdrop{
    position: fixed;
    display: block;
    z-index: 1000;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    opacity: 0;
    pointer-events: none;
  }
  .show_sideMenu .side_backdrop{
    opacity: 1;
    pointer-events: initial;
  }
  .main {
    margin-top: 72px;
    padding: 32px 0px;
  }
  .inpArea_body {
    padding: 30px 24px;
  }
}

@media (max-width: 767.98px) {
  .main {
    margin-top: 132px;
  }
}

/* ................. end dashboard page ................. */

.default-card-highlight td{
  background-color: lightgray;
}
.dz-image img{
  width: 120px;
  height: 120px;
}

.overlay {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:rgba(0, 0, 0, 0.85);
  z-index:999;
  color:white;
  display: flex;
  justify-content: center;
}

.overlay-text{
  top: 50%;
  position: sticky;
  height: fit-content;
  font-size: 18px;
  width: 35%;
}

.featured-arrange-image, .catalog-arrange-image{
    border: 1px solid rgba(0, 0, 0, .8);
    border-radius: 5px;
    padding: 15px 15px;
}

.float-right{
  float: right;
}