.direction-rtl {
    direction: rtl;
}

.fn10{font-size:10px !important;}
.fn13{font-size:13px !important;}
.fn14{font-size:14px !important;}
.fn16{font-size:16px !important;}
.fn18{font-size:18px !important;}
.fn20{font-size:20px !important;}
.fn22{font-size:22px !important;}
.fn24{font-size:24px !important;}
.fn26{font-size:26px !important;}
.fn28{font-size:28px !important;}
.fn30{font-size:30px !important;}
.fn40{font-size:40px !important;}
.fn50{font-size:50px !important;}
.fn60{font-size:60px !important;}
.fn25{font-size:25px !important;}
.fn35{font-size:35px !important;}
.fn40{font-size:40px !important;}
.fn50{font-size:50px !important;}
.fn55{font-size:55px !important;}
.textCenter{text-align:center;}
.textRight{text-align:right;}
.textLeft{text-align:left;}
.displayNone{display:none;}
.displayInlineBlock{display:inline-block;}
.displayBlock{display:block !important;}
.marginNone{margin:0 !important;}
.paddingNone{padding:0 !important;}
.cursorPointer{cursor:pointer;}
.cursorDefault{cursor:default;}
.floatRight{float:right !important;}
.floatLeft{float:left;}
.floatNone{float:none;}
.width100{width:100% !important;}
.resizeHorizontal{resize:horizontal;}
.resizeVertical{resize:vertical;}
.margin-0 {margin: 0px !important}
/*Margin Top*/
.margin-top-0{margin-top:0px !important;}
.margin-top-5{margin-top:5px !important;}
.margin-top-10{margin-top:10px !important;}
.margin-top-15{margin-top:15px !important;}
.margin-top-20{margin-top:20px !important;}
.margin-top-25{margin-top:25px !important;}
.margin-top-30{margin-top:30px !important;}
.margin-top-35{margin-top:35px !important;}
.margin-top-40{margin-top:40px !important;}
.margin-top-60{margin-top: 60px !important;}
/*Margin Bottom*/
.margin-bottom-0{margin-bottom:0px !important;}
.margin-bottom-5{margin-bottom:5px !important;}
.margin-bottom-10{margin-bottom:10px !important;}
.margin-bottom-15{margin-bottom:15px !important;}
.margin-bottom-20{margin-bottom:20px !important;}
.margin-bottom-25{margin-bottom:25px !important;}
.margin-bottom-30{margin-bottom:30px !important;}
.margin-bottom-35{margin-bottom:35px !important;}
.margin-bottom-40{margin-bottom:40px !important;}
.margin-bottom-60{margin-bottom: 60px !important;}
/*Margin Right*/
.margin-right-5{margin-right:5px !important;}
.margin-right-10{margin-right:10px !important;}
.margin-right-15{margin-right:15px !important;}
.margin-right-20{margin-right:20px !important;}
.margin-right-25{margin-right:25px !important;}
.margin-right-30{margin-right:30px !important;}
.margin-right-35{margin-right:35px !important;}
.margin-right-40{margin-right:40px !important;}
/*Margin Left*/
.margin-left-5{margin-left:5px !important;}
.margin-left-10{margin-left:10px !important;}
.margin-left-15{margin-left:15px !important;}
.margin-left-20{margin-left:20px !important;}
.margin-left-25{margin-left:25px !important;}
.margin-left-30{margin-left:30px !important;}
.margin-left-35{margin-left:35px !important;}
.margin-left-40{margin-left:40px !important;}
/*Pading Top*/
.padding-top-5{padding-top:5px !important;}
.padding-top-10{padding-top:10px !important;}
.padding-top-15{padding-top:15px !important;}
.padding-top-20{padding-top:20px !important;}
.padding-top-25{padding-top:25px !important;}
.padding-top-30{padding-top:30px !important;}
.padding-top-35{padding-top:35px !important;}
.padding-top-40{padding-top:40px !important;}
.padding-top-60{padding-top:60px !important;}
/*padding Bottom*/
.padding-bottom-5{padding-bottom:5px !important;}
.padding-bottom-10{padding-bottom:10px !important;}
.padding-bottom-15{padding-bottom:15px !important;}
.padding-bottom-20{padding-bottom:20px !important;}
.padding-bottom-25{padding-bottom:25px !important;}
.padding-bottom-30{padding-bottom:30px !important;}
.padding-bottom-35{padding-bottom:35px !important;}
.padding-bottom-40{padding-bottom:40px !important;}
/*padding Right*/
.padding-right-5{padding-right:5px !important;}
.padding-right-10{padding-right:10px !important;}
.padding-right-15{padding-right:15px !important;}
.padding-right-20{padding-right:20px !important;}
.padding-right-25{padding-right:25px !important;}
.padding-right-30{padding-right:30px !important;}
.padding-right-35{padding-right:35px !important;}
.padding-right-40{padding-right:40px !important;}
/*padding Left*/
.padding-left-0 {padding-left: 0px !important;}
.padding-left-5 {padding-left: 5px !important;}
.padding-left-10{padding-left:10px !important;}
.padding-left-15{padding-left:15px !important;}
.padding-left-20{padding-left:20px !important;}
.padding-left-25{padding-left:25px !important;}
.padding-left-30{padding-left:30px !important;}
.padding-left-35{padding-left:35px !important;}
.padding-left-40{padding-left:40px !important;}

.direction-ltr {
    direction: ltr;
}

/*for dark mode start*/

  .check_container{
    width: 85px;
    position: relative;
    height: 37px;
    border-radius: 96px;
    cursor: pointer;
    transition: all ease 800ms;
    margin:0px auto 0 auto;
  }
  .ghyama_container{
    width: 103%;
    height: 37px;
    /* background-color: blue; */
    border-radius: 100px;
    overflow: hidden;
    position: absolute;
  }
  .cercle{
      position: absolute;
        box-shadow:0px 0px 10px 0px #fbf5d9 ;/*#ffe052*/
        overflow: hidden;
      margin: 0px;
      width: 33px;
      height: 33px;
      background-color: blanchedalmond;
      border-radius: 100px;
      transition: all ease 800ms;
  }

  .small_cercle{
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background-color: white;
      margin: 1px;
      transform:translateX(55px);
      box-shadow:0px 0px 3px 0px #fbf5d9 ;
      transition: all ease 300ms;
  }
 #c1{
    transform:translateX(44px);
    width: 5px;
    height: 5px;

 }
 #c2{
    transform:translateX(66px);
    width: 4px;
    height: 4px;

 }
 #c3{
    transform:translateX(52px);
    width: 3px;
    height: 3px;

 }
 #c4{
    transform:translateX(40px);
    width: 4px;
    height: 4px;

 }
 #c5{
    transform:translateX(70px);
    width: 2px;
    height: 2px;

 }
 #c6{
    transform:translate3d(38px,5px,0px);

    width: 2px;
    height: 2px;

 }
 #c7{
    transform:translate3d(57px,-7px,0px);

    width: 3px;
    height: 3px;

 }
 #c8{
    transform:translate3d(64px,-2px,0px);

    width: 4px;
    height: 4px;

 }
.moon_details{
    transition: all ease 300ms;
    width: 5px;
    height: 5px;
    border-radius: 50%;
   /* background-color: #333333;*/
    border:3px solid #f9d7a5;
}
#m_d2{

    transform: translate3d(25px,7px,0px);
}
#m_d3{

    transform: translate3d(3px,3px,0px);
}
.ghyama{

    width: 24px;
    height: 8px;
    background-color: white;
    position: absolute;
    margin:18px 10px;
    transform: translateX(0px);
    transition: all ease 500ms;
}
#ghyama_d1{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: -4px 10px 0 -5px;
    background-color: white;
    position: absolute;

}
#ghyama_d2{
    width: 16px;
    height: 14px;
    border-radius: 50%;
    margin: -11px 14px 0 4px;
    background-color: white;
    position: absolute;
}
#ghyama_d3{
    width: 13px;
    height: 13px;
    border-radius: 50%;
    margin: -5px 10px 0 16px;
    background-color: white;
    position: absolute;
}
#check{
    display:none;
  }

  .fornight .check_container .cercle {
      transform: translateX(0px);
      box-shadow: 0px 0px 10px 0px #fbf5d9;
  }
  .fornight .check_container {
      background-color: #333333;
      border: 2px solid #333333;
  }
  .fornight .check_container .check_details .small_cercle {
      opacity: 1;
  }
  .fornight .check_container .cercle .moon_details {
      opacity: 1;
  }
  .fornight .check_container .ghyama_container .ghyama {
      transform: translateX(80px);
  }

  .forday .check_container .cercle {
      transform: translateX(48px);
      box-shadow: 0px 0px 10px 3px #ffe052;
  }
  .forday .check_container {
      background-color: #54b2ff;
      border: 2px solid #54b2ff;
  }
  .forday .check_container .check_details .small_cercle {
      opacity: 0;
  }
  .forday .check_container .cercle .moon_details {
      opacity: 0;
  }
  .forday .check_container .ghyama_container .ghyama {
      transform: translateX(0px);
  }

/*for dark mode end*/

.kt-wizard-v1__form .is-invalid .input-group #domain-error {
    display: none !important;
}

.height30px {
    height: 30px;
}

.theme-color-f0134d {
    background: #f0134d;
    height: 30px;
}
.theme-color-ff6f5e {
    background: #ff6f5e;
    height: 30px;
}
.theme-color-40bfc1 {
    background: #40bfc1;
    height: 30px;
}
.theme-color-522d5b {
    background: #522d5b;
    height: 30px;
}
.theme-color-00bcd4 {
    background: #00bcd4;
    height: 30px;
}
.theme-color-363062 {
    background: #363062;
    height: 30px;
}
.display-contents {
    display: contents;
}
.modal .modal-content .modal-header .close:before {
    font-family: LineAwesome !important;
}
.border-invoice {
    border: solid 2px;
    border-radius: 4px;
}
.margin-auto {
    margin: auto;
}
.select2-container--default .select2-selection--single .select2-selection__arrow:before {
    font-family: LineAwesome !important;
}

.kt-sc-2 .kt-sc__top .kt-sc__content {
    min-height: 250px !important;
}
.kt-sc-2 .kt-sc__top{
    min-height: 250px !important;
}
@media (min-width: 1025px) {
    .kt-header--fixed.kt-subheader--fixed.kt-subheader--enabled .kt-wrapper {
        padding-top: 80px !important;
    }
}

main {
  width: 800px;
  margin: 10px auto;
  padding: 10px 20px 30px;
}
#bar-chart {
  width: 800px;
  height: 400px;
  position: relative;
}

.border-for-product {
    border: solid 1px #eee;
    padding: 10px 0px;
    background-color: #5867dd;
}
.border-for-product label {
    margin-bottom: 0;
    color: #fff;
}