/* <!-- Public --> */
body {
  /* -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; */
}

.ClsApp {
  background-color: var(--BG_Data_L) !important;
  background-image: none !important;
  display: flex !important;
  position: relative !important;
  padding: 0px !important;
}

#main-webkit-box {
  /* display: flex; */
}

/* #main-webkit-box-SystemConfig {} */


#main-webkit-box-SystemConfig .v-main__wrap {
  width: 100%;
  display: flex;
}



#main-webkit-box .v-main__wrap {
  width: 100%;
  display: flex;
}

/* mobile */
.ContainerBI iframe {
  width: 100%;
  height: 100%;
  /* height: 1500px; */
  padding: 0px;
}


.FusionBgEmbed {
  height: calc(100vh);
}

.FusionBgEmbed .row {
  /* height: inherit !important; */
}

#embed_ID {
  height: 100vh !important;
  min-height: 100vh !important;
  /* background-color: red !important;  */
}

#V_Col_Embed_ID {
  display: contents;
  padding: 0px !important;
}

#ID_BI_Col {
  display: contents;

}

.container_FullScren {
  position: fixed;
  width: 100%;
  height: 100%;

  padding: 0px !important;
  display: block !important;
  /* width: 100%; */
  /* display: flex !important; */
}

#ContainerBI {
  display: block;
}

@media (min-width: 600px) {
  .Body_MainReport {
    /* height: calc(100% - 246px) !important; */
    /* height: calc(100% - 300px) !important;  */
    /* height: calc(100% - 306px) !important; */
    height: calc(100% - 100%) !important;
  }

  .ButtonSearch {
    width: 100% !important;
  }
}

/* 
@media only screen and (max-width: 499px) {

  .Cls_Center_Mobile {
     display: table !important;  
    margin: auto !important; 
    padding-left: 27px;
  }

} */
/* @media (max-width: 599px) {
  .ClsLogUser_Report_Table {
    padding: 12px 0px !important;
  }
} */
/* @media (min-width: 600px) {
  .ClsLogUser_Report_Table {
    padding: 12px 12px;
  }
} */

@media (max-width: 528px) {
  .ClsTableNavClose .v-data-footer__select {
    display: block;
  }
}


@media only screen and (max-width: 571.98px) {

  .Cls_Center_Mobile_NavClose {
    /* display: table !important; */
    /* margin: auto !important;  */
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 30px;
    /* padding-left: 10px; */
  }

  .Cls_Center_Mobile {
    /* display: table !important; */
    /* margin: auto !important;  */
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 12px;
  }
}


@media only screen and (max-width: 661px) {
  .C_Text_NameCompanyServe {
    /* display: none !important; */
  }
}



@media only screen and (max-width: 540px) {


  .Manage_report_switch_Margin {

    margin-left: 0px !important;

  }


  #Cls_Font_Size {
    right: 43% !important;

  }

  #Cls_Name_NameDep {
    /* width: 45% !important; */
    /* width:39% !important; */
  }

  .Nav_NameCompany_L_To_R_BG_Color {
    display: none !important;
    /* display: none ; */
  }

  .Hr_Border_Nav {
    /* width: calc(100% - calc(var(--Nav_drawer_width_Mini) + calc(var(--Padding_Left_ContenPage) + calc(var(--Padding_Left_ContenPage))))) !important;
  margin-left: 0px !important; */
  }




  .D_ContenPage {

    /* 
  margin-left: var(--Nav_drawer_width_Mini) !important;
  padding-left: var(--Padding_Left_ContenPage) !important;
  padding-right: var(--Padding_Left_ContenPage) !important; */

    /* margin-left: 80px!important; */
    /* padding-left: 30px  !important; */
    /* padding-right: 0px !important; */




    /* margin-left: 80px !important;
  padding-left: 4px !important;
  padding-right: 12px !important; 
  padding-left: 30px !important; */


  }



  .Col_Center_Mobile {
    margin: auto !important;
    margin-left: 0px !important;
  }


}





@media (min-width: 1264px) {

  .Cus_Cls_Col_LG_3 {
    flex: 0 0 20% !important;
    max-width: 20% !important;
  }
}


html {
  overflow: auto !important;
}

.Min_Width_Button_ManageUser {
  min-width: 100px !important;
}

.Min_Width_Button {
  min-width: 140px !important;
}

.Fix_Width_Click_Setting {
  width: 56px !important;
}

.RED_CLS {
  color: red;
}

.multiselect .multiselect__content-wrapper {
  border: 1px solid !important;
}

.multiselect li {
  border-bottom: 1px solid;
}

.multiselect__tag-icon {
  padding-top: 3px;
}

.multiselect__tag-icon:after {
  font-size: 20px !important;
}

.multiselect .multiselect__tags .multiselect__tag span {
  color: gray;
}

.Model_Btn_Img {

  padding-left: 20px !important;
  padding-right: 20px !important;

  /* padding-left: 30px !important;
padding-right: 30px !important; 
  */

}



.Model_Input_ManageUser {

  padding-left: 12px !important;
  padding-right: 12px !important;
}


.Model_Btn_Img_V2 {
  /* padding-left: 20px !important;
padding-right: 20px !important;  */

  /* padding-left: 0px !important;
padding-right: 0px !important;  */

  margin: 5px 25px;
  margin-left: 0px;
  max-width: var(--Width_B_Model_But_Img) !important;
}




.Model_Btn_Img_V2_Setting {
  /* padding-left: 20px !important;
padding-right: 20px !important;  */

  /* padding-left: 0px !important;
padding-right: 0px !important;  */

  margin: 5px 40px;
  margin-left: 0px;
  max-width: var(--Width_B_Model_But_Img) !important;
}




.T_Edit_Model_Btn_Img {
  cursor: pointer;
  font-size: 12px;
  vertical-align: bottom;
}

.B_Model_But_Img {
  cursor: pointer;
  padding-top: 8px;
  border: 1px solid;
  /* border-radius: 15px; */
  border-radius: 4px;
  text-align: center;
  background-color: white;


  width: 170px;
  height: 170px;
}




.Width_B_Model_But_Img {
  width: var(--Width_B_Model_But_Img);
}

.Height_B_Model_But_Img {
  height: var(--Height_B_Model_But_Img);
}




.Width_B_Model_But_Img_Setting {
  width: var(--Width_B_Model_But_Img_Setting);
}

.Height_B_Model_But_Img_Setting {
  height: var(--Height_B_Model_But_Img_Setting);
}





.Bv_Model_But_Img {
  width: 40px;
  /* font-size: 45px !important; */
  /* font-size: 40px !important; */
  font-size: 30px !important;
  padding-top: 5px;
}

.Bd_Model_But_Img {
  margin-top: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* width: 86%; */
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}


.Bb_Model_But_Img {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
}


.B_Model_But_Img_V2 {
  cursor: pointer;
  /* border: 1px solid var(--C_Title_L_D0); */

  border: 1px solid transparent;

  /* border-radius: 15px; */
  border-radius: 4px;
  text-align: center;
  /* background-color: white; */
  background-color: var(--BG_Menu_10);
}


.B_Model_But_Img_ViewPermission_V2 {

  /* border: 1px solid var(--C_Title_L_D0); */

  border: 1px solid transparent;

  /* border-radius: 15px; */
  border-radius: 4px;
  text-align: center;
  /* background-color: white; */
  background-color: var(--BG_Menu_10);
}


.Bd_Model_But_Img_V2 {
  /* max-width: 170px; */
  /* width: 170px;
height: 170px; */
  white-space: normal;
  overflow-wrap: break-word;

  /* padding: 10px; */
  padding: 10px 5px;
  /* padding-top: 13px; */
  /* padding-top: 0px; */

  /* ชิดซ้าย */
  /* text-align: initial; */

  display: inline-block;
}

.Bb_Model_But_Img_V2 {
  /* display: inline-block; */

  /* height: 10px;
width: 10px;
border-radius: 50%;
margin-top: 6px;
margin-right: 6px; 
float: right;

position: absolute;
display: block;
margin-left: calc(var(--Width_B_Model_But_Img) - 28px); */




  height: 10px;
  width: 10px;
  border-radius: 50%;
  /* float: left; */
  float: right;

  position: absolute;
  display: block;

  /* margin-top: 3px; */
  margin-right: 0px;
  /* margin-left: calc(var(--Width_B_Model_But_Img) - 15px); */
  margin-left: calc(var(--Width_B_Model_But_Img) - 16px);
  margin-top: 5px;

}

.Bv_Model_But_Img_V2 {
  width: 35px;
  font-size: 30px !important;
  padding-top: 0px;
}

.Bv_Model_But_Img_V2_Nav {
  width: 24px;
  font-size: 24px !important;
  padding-top: 10px;
}

.Bs_Model_But_Img_V2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /* -webkit-line-clamp: 3; */
  -webkit-line-clamp: 2;
  white-space: normal;
  /* padding-top: 15px; */
  padding-top: 10px;
  line-height: 1;
}

.Nav_drawer_L {
  /* height: calc(100% - 75px); 
margin-top: 75px;*/

  /* height: calc(100% - 0px); */
  height: 100%;
  margin-top: 0px;
  position: fixed !important;
  border-radius: 0px !important;
  z-index: 100;
  box-shadow: none !important;
  /* background-image: -moz-linear-gradient(0deg, #29C8FFFF 0%, #1BA5FEFF 100%); */
  /* background-image: -webkit-linear-gradient(90deg, #29C8FFFF 0%, #1BA5FEFF 100%); */
}



.Nav_drawer_L .v-navigation-drawer__border {
  width: 0px;
}

.Nav_drawer_width.v-navigation-drawer--mini-variant {
  /* width: 200px !important; */
  /* width: 130px !important;  */

  /* width: 80px !important; */
}



.Nav_drawer_width.v-navigation-drawer--is-mouseover {
  /* width: 200px !important; */
  /* width: 130px !important;  */

  /* width: 256px !important; */
}




#Nav_drawer .D_Menu_Icon .Menu_Icon {

  margin-left: var(--Padding_Nav_Icon_Left_Right);
}

.v-list-item {
  padding: 0px var(--Padding_Nav_Icon_Left_Right) !important;
}


.Cls_Nav_Pop .v-list-item {
  padding: 0px var(--Padding_Nav_Pop_Left_Right) !important;
}


.Nav_drawer_width--mini-variant {
  width: var(--Nav_drawer_width_Mini) !important;

  /* }

.Nav_drawer_width--mini-variant { */
  /* background:#c3c; */
  /* width:0%; */
  /* overflow:hidden; */
  /*
-webkit-transition:  width  0.2s ease-out;
-moz-transition:  width 0.2s ease-out;
-o-transition: width 0.2s ease-out;
transition:  width 0.2s ease-out;
*/

  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-property: transform, visibility, width;

}

.Nav_drawer_width--mini-variant hr {
  /* width: 30px; */
}


.Nav_drawer_width--is-mouseover {
  width: var(--Nav_drawer_width_Big) !important;
  /* }



.Nav_drawer_width--is-mouseover { */
  /* background:#c3c; */
  /* width:0%; */
  /* overflow:hidden; */
  /* -webkit-transition:  width  0.3s ease-out;
-moz-transition:  width 0.3s ease-out;
-o-transition: width 0.3s ease-out;
transition:  width 0.3s ease-out; */


  transition-duration: 0.1s;
  /* transition-timing-function: cubic-bezier(.4,0,.2,1);  */
  /* transition-timing-function: cubic-bezier(.1,0,.2,.1); */
  transition-timing-function: cubic-bezier(.6, 0, 3, 1);
  transition-property: transform, visibility, width;

}


.Nav_drawer_width--is-mouseover hr {
  /* width: 30px; */
}


.Nav_drawer_width_Hr {

  /* margin: 0px 25px; */
  /* margin: 0px 25px; */
  margin-top: 0px;
  margin-left: 14px;
  margin-right: 18px;
  margin-bottom: 0px;


}

.Nav_drawer_width_Hide .v-list-group__items {
  display: none !important;
}




.Nav_drawer_Select {
  /*
position: absolute;
float: left;
right: -45px;
top: 5px;
width: 55px !important;
height: 30px !important;
border-radius: 45%;
clip: unset !important;
*/

  position: absolute;
  float: left;
  right: -62px;
  top: 3px;
  width: 72px !important;
  height: 35px !important;
  border-radius: 75%;
  clip: unset !important;


}




.Nav_drawer_width {
  /* width: 200px !important; */
  /* width: 130px !important;  */
}

#Nav_drawer .v-list-item--link {
  height: var(--Nav_Icon_height);
  min-height: var(--Nav_Icon_height);
}

#Nav_drawer i {
  /* margin-right: 15px !important; */
}

#Nav_drawer .v-list-item__icon {
  /* margin-right: 15px !important;
margin-left: auto; */
  margin-right: 0px;
}

/* 
#Nav_drawer .v-list-item__icon{

} */

#Nav_drawer .Padding_Top_Nav {
  padding-top: var(--Padding_Nav_Icon_Top);
}






#Nav_drawer label,
#D_Nav_Sub_Setting label {
  margin-left: 15px !important;
  word-wrap: break-word;
  /* width: 55px !important; */
  /* width: 55% !important; */
  /* width: 65% !important; */
}


#Nav_drawer .v-list-item-title {
  margin-left: 15px !important;
  word-wrap: break-word;
  /* width: 55px !important; */
  /* width: 55% !important; */
  /* width: 65% !important; */
}


#Nav_drawer .v-list-item__content {
  /* margin-left: 15px !important; */
  /* margin-left: -5px !important; */
  word-wrap: break-word;
  /* width: 55px !important; */
  /* width: 55% !important; */
  /* width: 65% !important; */
}



#Nav_drawer .SubItem .v-list-item__title {
  word-wrap: break-word !important;
  width: 55px !important;
}



/* #Nav_drawer .SubItem { */
/* padding-left: 30px !important; */
/* padding-top: 5px; */
/* } */


#Nav_drawer .SubItem label {
  font-size: 12px;
}

#Nav_drawer .SubItem {
  font-size: 12px;
  margin-left: 0px !important;
}

#Nav_drawer .SubItem_img {
  font-size: 20px;
}

#Nav_drawer .HItem,
#D_Nav_Sub_Setting .HItem {
  /* font-size: 12px; */
  font-size: 12px !important;
}


#Nav_drawer .HItem {
  /* width: 41px !important; */

  /* padding-left: 0px !important; */
}



#D_Nav_Sub_Setting {
  position: fixed;

  /* position: absolute; */
  z-index: 200;
  left: var(--Nav_drawer_width_Mini);
  top: calc(var(--Nav_Sub_Setting_Top) + var(--Padding_Nav_Icon_Top));
  height: calc(100% - calc(var(--Nav_Sub_Setting_Top) + var(--Padding_Nav_Icon_Top)));


  border: 1px solid var(--BG_Menu);
  border-left: 0px solid;
  border-radius: 0px 5px 5px 0px;


  padding-top: 0px;
  margin-left: var(--Nav_drawer_width_Big);
}



#D_Nav_Sub_Setting .v-list-item,
#Nav_drawer .D_Menu_Icon {
  height: var(--Nav_Icon_height);
  min-height: auto;

}




#D_Nav_Sub_Setting .v-list-item .v-list-item__icon.v-list-group__header__prepend-icon,
#D_Nav_Sub_Setting .Hicon,
#D_Nav_Sub_Setting .v-list-item__icon,
#Nav_drawer .Menu_Icon {
  margin: 8px 0px;

}



.D_ContenPage {
  /*
    margin-left: var(--Nav_drawer_width_Mini) !important; 
    padding-left: var(--Padding_Left_ContenPage) !important; 
    padding-right: var(--Padding_Left_ContenPage) !important;
 */

  margin-left: var(--Nav_drawer_width_Mini);
  padding-left: var(--Padding_Left_ContenPage);
  /* padding-right: var(--Padding_Left_ContenPage); */
  padding-right: calc(var(--Padding_Left_ContenPage) + -6px);

}


.D_ContenPage_SystemCionfig {
  /*
    margin-left: var(--Nav_drawer_width_Mini) !important; 
    padding-left: var(--Padding_Left_ContenPage) !important; 
    padding-right: var(--Padding_Left_ContenPage) !important;
 */

  margin-left: var(--Nav_drawer_width_Mini);
  /* padding-left: var(--Padding_Left_ContenPage); */
  padding-left: calc(var(--Padding_Left_ContenPage) - 12px);

  /* padding-right: var(--Padding_Left_ContenPage); */
  /* padding-right: calc(var(--Padding_Left_ContenPage) + -6px); */
  padding-right: calc(var(--Padding_Left_ContenPage));
}


.D_ContenPage_Big {
  margin-left: var(--Nav_drawer_width_Big) !important;

}


/* <style  > */
.System_Config_tabs_active .v-item-group .v-slide-group__wrapper .v-slide-group__content .v-tabs-slider-wrapper {
  height: 50px !important;
}

.System_Config_tabs_active .v-item-group .v-slide-group__wrapper .v-slide-group__content .v-tab--active {

  /* background-color: #ffc10738 !important; */
}

.System_Config_tabs_active .v-item-group .v-slide-group__wrapper .v-slide-group__content .v-tabs-slider {

  /* background-color: #ffc10738 !important; */
}

/* bG_Data_L */
.FusionBg {
  /* background-color: #ffc10738 !important; */
}


/* Public  */


.Loadding {
  /* background-color:  wheat !important;  */
}

.Loadding .v-card__text {
  /* color: rgb(122 101 22) !important;  */
}


.Loadding .Loadding_progress_linear .v-progress-linear__background {
  /* background-color:  rgb(255 199 5) !important;
border-color:  rgb(255 199 5)  !important; */
}


.Loadding .Loadding_progress_linear .v-progress-linear__indeterminate .v-progress-linear__indeterminate {
  /* background-color:  rgb(255 199 5) !important;
border-color:  rgb(255 199 5) !important; */
}



.FusionColorSubTable_mod {
  /* color: rgb(122 101 22); */
  /* background-color: rgb(254, 205, 37); */
}

.FusionColorSubTable_mod2 {
  /* color: rgb(122 101 22); */
  /* background-color: #fecd2594;   */


}


/* .FusionBgEmbed { */
/* background-color: bisque; */

/* } */



#IdNavLogo .v-image__image {
  background-size: 100% 100%;
}

#IdNavUser .v-image__image {
  background-size: 100% 100%;
}

#IdSystemConfigLogo .v-image__image {
  background-size: 100% 100%;
}



#IdSystemConfigLogoBG .v-image__image {
  background-size: 100% 100%;
}

#IdLoginH .v-image__image {
  background-size: 100% 100%;
}


#IdLoginBG {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: 100% 100%;
  z-index: 0;
  /* opacity: 0.7; */
}

#IdLoginBG_SysteConfig {

  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  /* background-attachment: fixed; */
  background-size: 101% 100%;
  z-index: 0;
}


#IdLoginBG .v-image__image {
  background-size: 100% 100%;
}

#IdLoginLogo .v-image__image {
  background-size: 100% 100%;
}

#ID_Preview_img .v-image__image {
  background-size: 100% 100%;
}


.FusionBgSub_mod {
  /* background-color: rgb(254, 205, 37); */
}

.FusionBgSub_mod2 {
  /* background-color: #fecd2594;   */


}

.FusionFontSub_mod {
  /* color: rgb(122 101 22);  */
}

.FusionFontSub_mod2 {
  /* color: rgb(122 101 22);   */
}

.FusionColorMain {
  /* color: rgb(254, 205, 37) !important;
background-color: rgb(122 101 22) !important; */
}

.FusionColorSub {
  /* color: rgb(122 101 22) !important; */
  /* background-color: rgb(254, 205, 37) !important; */
}

.FusionFontColor {
  /* color: rgb(254, 205, 37) !important; */
}

.FusionBgColor {
  /* background-color: rgb(122 101 22) !important; */
}

.FusionIconColorTapNav {
  /* color: rgb(254, 205, 37) !important; */
}

.FusionBgColorTapNav {
  /* background-color: rgb(122 101 22) !important; */
}

.FusionFontColorMain {
  /* color: rgb(254, 205, 37) !important; */
}



.FusionFontColorMain_No_Bg_Color {
  /* color: rgb(122 101 22) !important; */
  /* color: red !important; */
  /* font-size: 18px; */
  font-weight: bold;
}


.FusionBgColorMain {
  /* background-color: rgb(122 101 22) !important; */
}

.FusionFontColorMain2 {
  /* color: rgb(122 101 22)  !important; */
}

.FusionBgColorMain2 {
  /* background-color: rgb(254, 205, 37) !important; */
}

.FusionColorMain2 {

  /* background-color: rgb(255 199 5);
color: #f1f0ee; */
}

.FusionFontColorSub {
  /* color: rgb(122 101 22) !important; */
  /* color: red !important; */
}

.FusionBgColorSub {
  /* background-color: rgb(254, 205, 37); */
}

/* </style> */


/* <!-- hr -->  */
/* <style> */
/* hr */
hr {
  /* border-top: 1px solid #fecd2594; */


}

.hr {
  /* border-top: 1px solid rgb(122 101 22); */

}

/* </style> */






/* <!-- Checkbox -->  */
/* <style  > */
/* Checkbox  */
.Checkbox_Color_CHK_View {
  font-size: x-large;
  /* color:rgb(122 101 22) ; */
}

.Checkbox_Color_Un_CHK_View {
  font-size: x-large;
  /* color: rgb(122 101 22); */
}


.Checkbox_Color_CHK {
  font-size: x-large;
  /* color:rgb(22, 122, 32) ; */
}

.Checkbox_Color_Un_CHK {
  font-size: x-large;
  /* color: rgb(22, 122, 32); */
}

/* </style> */




/* <!-- Button -->  */
/* <style  > */
/* Button  */
.LoginButtonColor {
  /* color: white !important;
background-color: rgb(254, 205, 37) !important; */

}

.AddButtonColor {

  /* border-left: 5px solid rgb(254, 205, 37) !important;
background-color: rgb(122 101 22) !important;
color: white !important;
caret-color: white !important; */

}

.SaveButtonColor {
  /* color: white !important;
background-color: rgb(194, 216, 123) !important; */
}


.OkButtonColor {
  /* color: white !important;
background-color: rgb(194, 216, 123) !important; */
}

.CloseButtonColor {
  /* color: white !important;
background-color: gray !important; */
}

.FileButtonColor {
  /* color: rgb(254, 205, 37) !important;
background-color: rgb(122 101 22) !important;
*/
}

.EditButtonColor {
  /* color: white !important;
background-color: rgb(136, 136, 136) !important; */
}

.DeleteButtonColor {
  /* color: white !important;
background-color: red !important; */
}


.SearchButtonColor {
  /* color: white !important;
background-color: rgb(17, 182, 28) !important; */
}

.ExportExcelButtonColor {
  /* color: white !important;
background-color: rgb(17, 182, 28) !important; */
}


.FontSizeButtonColor {
  color: black !important;
  background-image: linear-gradient(white, #ccc, white);
}




@-webkit-keyframes rotating

/* Safari and Chrome */
  {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.ClsRotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}



/* </style> */


/* <!-- checkbox --> */

/* <style  > */
.EnableCheckboxColor .slideres {
  /* background-image: linear-gradient(    rgb(254, 205, 37),    rgb(122 101 22)  ) !important; */
  background-image: linear-gradient(#fff, #ccc) !important;
}

/* checkbox  */
.EnableCheckboxColor input:checked+.slideres {
  background-color: #79d9ff !important;
  background-image: linear-gradient(#cbedfa, #79d9ff) !important;

  /* 
background-color: #79d9ff !important;
background-image: linear-gradient(#cbedfa, #79d9ff) !important;
 */
}

/* </style> */


/* <!-- Radio -->  */
/* <style  > */
.v-radio .v-input--selection-controls__input .v-icon {
  /* color: rgb(254, 205, 37) !important; */
}

.v-radio .v-label {
  /* color: rgb(122 101 22) !important ; */
}

/* </style>  */




/* <!-- Nav --> */

/* <style  > */
/* Nav  */
#Navbar #Headder {
  /* background-color: blanchedalmond; */
}

.FusionBGColorTitle {
  /* background-color: white !important; */
}

.FusionFontColorNameCompany {
  /* color: rgb(254, 205, 37); */
}

.FusionFontColorTitle {
  /* color: rgb(254, 205, 37); */
}

.FusionColorName {
  /* 
color: rgb(254, 205, 37);
background-color: rgb(254, 232, 37);

*/

  /* background-color: rgb(255 199 5);
color: #f1f0ee; */
}

.FusionColorNameDep {
  /* color: rgb(228, 207, 140);
background-color: rgb(197, 165, 60); */


  /* background-color: rgb(197, 165, 60);
color: #f9e3b1; */
}







.Font_SizeColor {

  background-image: linear-gradient(gray, darkgray, gray);
}

/* </style> */



/* <!-- Report --> */

/* <style  > */
/* Report */


.borderReport {
  background-color: transparent !important;
  /* background-color: transparent !important; */
  /* border: 1px solid rgba(0, 0, 0, 0.1)  !important; */
}

.theme--light.v-list-item--active:hover::before,
.theme--light.v-list-item--active::before {
  background-color: transparent !important;
  opacity: 1;
}

/* </style> */



/* </style> */



/* width */
#Nav_drawer ::-webkit-scrollbar {
  width: 10px;
}

/* Track */
#Nav_drawer ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
#Nav_drawer ::-webkit-scrollbar-thumb,

.v-dialog .v-overlay__content .v-card::-webkit-scrollbar-thumb {
  /* background: rgb(255 199 5);  */
  border-radius: 10px;
}

/* Handle on hover */
#Nav_drawer ::-webkit-scrollbar-thumb:hover {
  /* background:rgb(255 199 5);  */
}


/* <style> */



/* width */
.v-dialog__content ::-webkit-scrollbar,
.v-dialog .v-overlay__content .v-card::-webkit-scrollbar {
  width: 10px;
  height: 10px;

  /* width: 15px;
  height: 15px; */
}



/* Track */
.v-dialog__content ::-webkit-scrollbar-track,
.v-dialog .v-overlay__content .v-card::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
.v-dialog__content ::-webkit-scrollbar-thumb {
  /* background: rgb(255 199 5);  */
  border-radius: 10px;
}

/* Handle on hover */
.v-dialog__content ::-webkit-scrollbar-thumb:hover {
  /* background:rgb(255 199 5);  */
}





.Login_border {

  /* margin-top: 10px;
padding: 25px 10px; */


  /* backdrop-filter: blur(1.7px); */
  /* backdrop-filter: blur(1.5px); */

  /* border: 1px solid; */
  /* border-radius: 5px; */

  /* margin-top: 10%; */
  /* margin-top: 5%; */
  /* margin-top: 2%; 
   */
  margin-top: 5%;

  /* margin-top: 10px; */
  /* padding: 25px 10px; */

}


.Cls_Container_Login {

  /* padding: 30px !important; */
  border: 1px solid transparent;
  border-radius: 35px;

  /* background: white; */
  /* opacity: 0.95; */
}


.Setting_Box {
  /* border: 1px solid white; */
  border: 1px solid transparent;
  border-radius: 40px;
  /* height: calc(100% - 100px) */
  height: 100%;
}



@media (max-width: 960px) {
  .Setting_Box .Text_Setting_Box {
    text-align: left !important;
  }
}


.Heading_Setting {
  font-size: 20px;
  background: var(--BG_Menu);
  width: 180px;
  /* padding-left: 20px !important; */
  border: 0px solid;
  border-radius: 0px 0px 88px 88px;
  height: 35px;
  margin-left: 45px;
  margin-top: -6px;

  text-align: center;

}


.Heading_Setting_bf {

  position: absolute;
  z-index: 1;
}

.Heading_Setting_bf::before,
.Heading_Setting_bf::after {

  border-width: 4px;
  border-style: solid;
  border-color: var(--BG_Menu_UpLight) transparent transparent var(--BG_Menu_UpLight);
  top: -4px;
  content: "";
  position: absolute;
  transform: rotate(45deg);
  z-index: -1;
}

.Heading_Setting_bf::before {
  left: 40px;
}

.Heading_Setting_bf::after {

  left: 221px;
}






.Heading_Setting_bf_Preview {

  position: absolute;
  z-index: 1;
}

.Heading_Setting_bf_Preview::before,
.Heading_Setting_bf_Preview::after {

  border-width: 4px;
  border-style: solid;
  border-color: var(--BG_Menu_UpLight_Preview) transparent transparent var(--BG_Menu_UpLight_Preview);
  top: -4px;
  content: "";
  position: absolute;
  transform: rotate(45deg);
  z-index: -1;
}

.Heading_Setting_bf_Preview::before {
  left: 40px;
}

.Heading_Setting_bf_Preview::after {

  left: 221px;
}

















.Cls_Theme_Setting span {
  /* background-color: gold; */
  max-width: 110px;
  font-weight: 100;
}





/* </style> */


#D_Translate .v-list-group__header__append-icon {

  /* margin: 0px; */
  display: contents;
}

#D_Translate .v-list-group__header {

  /* margin: 0px; */
  min-height: 30px;
}


.tableFix5Line {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}


#id_PerviewImportExcel th span {
  /* display: flex; */
  margin: auto;
  vertical-align: middle;
  align-items: center;
}

.cls_PerviewImportExcel1 td {
  overflow: hidden;
  display: -webkit-inline-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  height: auto;
  max-height: 100%;
  align-items: center;
  vertical-align: middle;
}


#id_PerviewImportExcel td {
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left !important;
}


.Cls_Data_Time_Picker .datepicker,
.Cls_Data_Time_Picker_Report .datepicker {

  margin-top: -18rem;
  z-index: 9999 !important;
  position: fixed !important;
  top: auto !important;
}


#EndDate-wrapper.Cls_Data_Time_Picker .datepicker,
#EndDate-wrapper.Cls_Data_Time_Picker_Report .datepicker {
  /* margin-right: 9%; */
  margin-left: -6.5rem;
}


@media (max-width: 599px) {

  #EndDate-wrapper.Cls_Data_Time_Picker .datepicker,
  #EndDate-wrapper.Cls_Data_Time_Picker_Report .datepicker {
    /* margin-right: 9%; */
    margin-left: unset !important;
  }
}



.Cls_Data_Time_Picker_ALL_Role .datepicker,
.mid .datepicker {
  /* margin-top: -165px; */
  /* margin-top: -165px; */
  position: fixed !important;

  /* top: 25% !important; */


  top: 30% !important;
  bottom: auto !important;
  left: auto !important;
}

.Cls_Data_Time_Picker_Report_ALL_Role .datepicker {
  margin-top: -235px;
  /* margin-top: -165px; */
}

#EndDate-wrapper.Cls_Data_Time_Picker_ALL_Role .datepicker {
  right: auto !important;
}

@media (max-width: 600px) {


  .Cls_Data_Time_Picker_ALL_Role .datepicker,
  .mid .datepicker {
    /* margin-top: -165px; */
    /* margin-top: -165px; */
    position: absolute !important;

    top: auto !important;
    bottom: 100%;
    left: auto !important;
  }
}

@media (min-width: 600px) and (max-width:936px) {
  /*
  #EndDate-wrapper.Cls_Data_Time_Picker_ALL_Role .datepicker {
    right: 3rem !important;
  }
    */
  /* #EndDate-wrapper .datepicker {
      right: 3rem !important;
    } */
}

/*
#EndDate-wrapper.Cls_Data_Time_Picker_Report_ALL_Role .datepicker {
  right: 0;
}
*/
#EndDate-wrapper .datepicker {
  right: 0;
}



/* 
#EndDate-wrapper.Cls_Data_Time_Picker_ALL_Role .datepicker,
#EndDate-wrapper.Cls_Data_Time_Picker_Report_ALL_Role .datepicker {
  right: 0;
} */


@media (min-width: 599px) {

  .Cls_Data_Time_Picker_ALL_Role .datepicker,
  .Cls_Data_Time_Picker_Report_ALL_Role .datepicker,
  .mid .datepicker {

    left: -103px;
  }
}

/* 
.Cls_Data_Time_Picker_ALL_Role.datepicker { */
/* margin-top: -182px;   */
/* top:18%  !important; */
/* position: fixed !important; */
/* right:  auto; */
/* } */

/* .Cls_Data_Time_Picker_Report_ALL_Role .datepicker { */
/* margin-top: -182px;   */
/* top:18% !important; */
/* position: fixed !important; */
/* right:  auto; */
/* } */



.ViewReport .v-list-group__header__append-icon {
  margin-left: 0px !important;

}

.ViewReport .v-list-item__icon .Hicon {
  margin-top: 0px !important;
}

.HItem {
  width: 80%;
  min-width: 80%;
}

.ViewReport .v-list-item__icon {
  width: 10px;
  display: block;
}


#Nav_drawer,
#Nav_drawer label {
  /* background-color :blue; */
  /* cursor: pointer; */

}


#Nav_drawer .v-list-item__title label,
#Nav_drawer .v-list-group__items .v-list-item__content label {
  cursor: pointer;
}



.background-click-tab-Nav,
.ViewReport.click .v-list-group__header {
  /* background-color :blue; */
  background-color: #00AEEF !important;

}

.background-click-tab-Nav-unset {
  background-color: transparent;
}

/*
.ViewReport.click .v-list-group__header{ 
  background-color :#00AEEF;
}
  */

/* 
.multiselect_PermissionDLL .multiselect__option {
  margin-left: 25px;
}
.multiselect_PermissionDLL  .multiselect__content{
  margin-left: 25px;
  padding-left: 0px;
} */
.multiselect_PermissionDLL .multiselect__content {
  padding-left: 0px;
}

.multiselect_PermissionDLL .allReportStatus {
  background-color: red;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: block;
  float: left;
  margin-top: 3px;
  margin-right: 5px;
}


/* .multiselect_PermissionDLL .multiselect__tag { */
/* margin-right: 3px;
  padding-right: 9px;  */
/* } */

/* 
.PermissionDLL_Report_Download {
  z-index: 300 !important;
}

.PermissionDLL_Report_Download .multiselect__content-wrapper {
  z-index: 359 !important;
}


.PermissionDLL_Report {
  z-index: 299 !important;
}

.PermissionDLL_Report .multiselect__content-wrapper {
  z-index: 359 !important;
} */


/* .multiselect_PermissionDLL{
  background-color:  red !important;
} */

/*
@media screen and (max-width: 600px),
screen and (max-height: 499px) {

  

  .PermissionDLL_Home .multiselect__content-wrapper {
    position: absolute !important; 
    width: 100% !important;
    max-height: 240px !important;
    border: 1px solid #e8e8e8 !important;
    border-top: none !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    z-index: 205 !important;
  }
}
  */


.PermissionDLL_Home .multiselect__content-wrapper,
.ClsPermissionDLL_Home .multiselect__content-wrapper {
  position: absolute !important;
  width: 100% !important;
  /* max-height: 240px !important; */
  border: 1px solid #e8e8e8 !important;
  /* border-top: none !important; */
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;

  /* margin-top: -95px; */

  margin-top: -119px;
  /* z-index: 600 !important; */
}

/* 
  .ClsPermissionDLL_Home .multiselect__content-wrapper {

    position: fixed;
    max-width: 602px;
    min-width: 370px;
    margin-right: 59px;
    transform-origin: left top;
    z-index: 204;
    bottom: auto !important;
    width: -webkit-fill-available;
  } 
    */

/*
   .PermissionDLL_Home .multiselect__tag {
  padding-right: 0px  ;
 } 
  */


.multiselect_PermissionDLL .multiselect__tag {
  padding-right: 12px;
}

#multiselect_ReportPermission .v-input--selection-controls {
  padding-left: 34px !important;
}

.multiselect__select:before {
  border-color: var(--C_Input) transparent transparent !important;
}

/* .multiselect__content-wrapper{
  bottom:  100%;
 } */
#multiselect_ReportPermission .multiselect__content-wrapper {

  display: contents;
}

.multiselect__content-wrapper,
.multiselect_PermissionDLL .multiselect__content-wrapper {

  display: contents;
}

.multiselect__content {
  border: 1px solid;
}



.ti-new-tag-input::placeholder,
input::placeholder {
  font-size: 16px;
}

.Manage_report_switch_Margin .v-messages {
  display: none !important;
}

@media (max-width: 600px) {
  .ClsNavSystemTab {
    margin-left: -7vw;
  }
}