.valError{border-style: solid !important; border-color: red !important;}
.screen_display ul {
  list-style: none;
  position: relative;
  width: 100%;
}

.gernal_decInpt.dmi h1 {
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  height: 60px;
  line-height: 60px;
  padding: 0 26px;
  font-family: 'Nunito Sans';
  font-weight: 600;
  font-size: 16px;
  color: #232323;
  background:#FFFFFF url(../images/downangle-arrow.png) no-repeat 97% center;
  cursor: pointer;
}
.gernal_decInpt.dmi h1.active {
  background:#FFFFFF url(../images/upangle-arrow.png) no-repeat 97% center;
}
.clientInfoDetails {
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 15%);
  border-radius: 0 0 4px 4px;
  padding: 0px 30px 20px 30px;
  margin: -2px 0 0;
  display: flex;
  column-gap: 31px;
  flex-wrap: wrap;
  row-gap: 10px;
}
.cid_formgroup {
  flex: 0 0 47.5%;
}
.clientInfoDetails label {
  display: block;
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  padding-bottom: 7px;
  color: #232323;
}
.clientInfoDetails input[type=text], .clientInfoDetails input[type=email], .clientInfoDetails input[type=url] {
  background: #FFFFFF;
  border: 1px solid #DCDCDC;
  border-radius: 4px;
  font-weight: 600;
  font-size: 16px;
  color: #232323;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  width: 100%;
  max-width: 100%
}
.clientInfoDescription { margin-top: 20px;}



#editor1 .manageTagByLst {
    display: none;
}
    
        .main {
          width: 200px;
          margin: 0 auto;
        }
        .storlekslider { margin: 10px; }
        .ui-slider-handle{
            width: 35px !important;
            font-size: small !important;
            color: #4082f9 !important;
            text-align: center !important;
        }


        div#nothing {
          z-index: 1;
          position: relative;
         
      }

      .btn-primary.allbtnShow {
          position: relative;
      }
      .btn-primary.allbtnShow .btn__modulePopup{
        display: none!important;
        top: 38px;
      }
      .btn-primary.allbtnShow:hover .btn__modulePopup{
        display: flex!important;
      }

      header.header_block > div{
        overflow: visible!important;
      }

      a.editBTn {
          position: absolute;
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: center;
      }
      .btn_div .btn_txt span.selected {
          border: 1px solid red!important;
      }

      span.smallSite.pixelSite {
      display: flex;
       margin-bottom: 6px;
    }
    span.smallSite.pixelSite img {
      width: 40px;
      height: 22px;
      object-fit: contain;
  }
  /*.hdrssaBx02 {
    display: flex;
    flex-direction: column;
    gap: 5px;

    color: #fff;
}*/

.defaultSettingPopup{
  direction: ltr;
}



/***new block add section popup**/
.modal_new_block{
display: none;
position: fixed;
z-index: 999999999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background: hwb(0deg 0% 100% / 67%);
}
.modal_new_block .modal-content{
width: 100%;
overflow: hidden;
position: relative;
box-sizing: border-box;
max-width: 650px;
margin:auto;
background: #fff;
}
.modal_new_block .modal-content img{
  width: 100%;
  height: auto;
}
.modal_new_block .modal-close {
    font-size: 20px;
    font-weight: 700;
    font-size: 25px;
    transition: all .2s;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
    background: #646464;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    color: #fff!important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal_new_block .modal-close:hover{
    color: #3b3b3b;
}
.hdng_new_blocks{
   background: #f8f8f8;
    padding: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    border: 1px solid #e9e8e8;
    margin: 0 0 20px;
}
.hdng_new_blocks > span {
    font-weight: 800;
    display: block;
    margin: 6px 0;
}
.hdng_new_blocks > span select{
    border: 1px solid #ccc;
    background: #fff;
}
.middlebx_txtImg.showpage_home.list > span:hover:before {
    content: "+";
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: red;
    color: #fff;
    border-radius: 100%;
    margin: auto;
    top: 0;
    bottom: 0;
}
.middlebx_txtImg.showpage_home.list > span:hover {
    ackground: #000;
}
.middlebx_txtImg.showpage_home.list > span {
    position: relative;
    display: block;
    width: 100%;
    border: 2px solid #ccc;
    margin-bottom: 20px;
    cursor: pointer;
    background: #ccc;
    padding: 5px;

}
/***end new block add section popup**/


  #container #containerHeader{text-align:center;cursor:move}#container #editor1{border:1px solid grey;height:300px;width:80%;margin:0 auto 0;padding:10px;background: #fff;}#container fieldset{margin:2px auto 0;width:80%;height:10%;background-color:#fafafa;border:none}#container button{width:5ex;text-align:center;padding:1px 3px;height:30px;width:40px;background-repeat:no-repeat;background-size:cover;border:none}#container img{width:100%}

 .device_view_mode{
      margin:30px auto;
    }
    .device_view_mode iframe{
      width: 100%;
      height: 100%;
      border: 1px solid #eee;
      
    }
    .device_view_mode.ipadversion_mode{
    transform: scale(0.6);
    background-image: url(../images/ipad_mode_screen.png);
    width: 768px;
    height: 1024px;
    padding: 73px 15px 122px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    box-shadow: 0px 1px 5px 0px #ccc;
    border-radius: 35px;
  }
  .device_view_mode.mobileversion_mode {
    background-image: url(../images/mobile_mode_screen.png);
    width: 414px;
    height: 812px;
    padding: 73px 15px 122px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    box-shadow: 0px 1px 5px 0px #ccc;
    border-radius: 35px;
    transform: scale(0.6);
}

 /**edit image popup**/
.sidenav_sideR {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
left: 0;
overflow-x: hidden;
transition: 0.5s;
background: #fff;
box-shadow: 0px 0px 2px #ccc;
padding-top: 60px;
z-index: 9999;
direction: ltr;
}
.sidenav_sideR a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
display: block;
transition: 0.3s;
}
.sidenav_sideR .closebtn_sideR {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}
.sidenav_sideR a.updateBtn {
width: 120px;
margin: auto;
background: #505050;
display: flex;
align-items: center;
justify-content: center;
padding: 5px 10px;
color: #fff;
font-size: 20px;
margin-bottom: 30px;
}
.sidenav_sideR span {
display: block;
font-weight: 600;
margin-bottom: 5px;
font-size: 16px;
}
ul.device_mode {
height: auto;
width: auto;
border: none;
list-style-type: none;
position: absolute;
top: -24px;
padding: 0;
z-index: 999999;
}
ul.device_mode li { padding: 5px 10px; z-index: 2; }
ul.device_mode li:not(.initmode) {
float: none;
width: 250px;
display: none;
background: #f3f2f2;
padding: 10px;
cursor: pointer;
}
ul.device_mode li span {
font-size: 17px;
}
ul.device_mode li:not(.initmode) span:first-child {
width: 75px;
display: inline-block;
text-align: center;
}
ul.device_mode li:not(.initmode):hover,
ul.device_mode li.selected:not(.initmode) {     background: #dad9d6; }
ul.device_mode li.initmode { cursor: pointer; }
ul.device_mode li.initmode span:last-child{
display: none;
}


.animationSettingPop{
height: 333px;
}
.animationSettingPop .btnHdr_bx{
border-bottom: 1px solid #ccc;
}
.animationSettingPop .animationSection_area {
display: flex;
gap: 30px;
flex-wrap: wrap;
}
.animationSettingPop .animationSection_area select{
border: 1px solid #ccc;
}
.animationSettingPop .animationSection_area > div{
flex: 1 1 45%;
max-width: 45%;
margin: 20px 0;
}
.animationSettingPop .animationSection_area button{
background-color: #505050;
color: #fff;
padding: 10px 20px;
}
.animationSection_demo {
flex: 1 1 100%!important;
width: 100%!important;
background: #f6f6f6;
padding: 10px;
max-width: 100%!important;
margin: 0;
border: 1px solid #ccc;
}

ul.ancherLinksPop { 
        height: 30px;
        width: 100%;
        border: 1px solid #d1d1d1;
        background: #fff;
    }
    ul.ancherLinksPop li {
      padding: 5px 10px;
      z-index: 2;
      font-weight: 400;
      border: 1px solid #eee;
  }
    ul.ancherLinksPop li:not(.initAncher) { float: left; width: 100%; display: none; background: #fff; }
    ul.ancherLinksPop li:not(.initAncher):hover, 
    ul.ancherLinksPop li.selected:not(.initAncher) { background: #d1d1d1; }
    ul.ancherLinksPop li.initAncher { cursor: pointer; }
    .ancherWrap ul.ancherLinksPop{
      list-style-type: none;
    }
    .ancherWrap p strong {
      font-weight: 500;
      margin: 6px 0;
      display: block;
    }
    .ancherWrap {
      padding: 10px;
      background: #fbfbfb;
      border: 1px solid #eaeaea;
      display: none;
      min-height: 300px;
  }
  .ancherWrap select, .ancherWrap input {
    padding: 10px!important;
    width: 100%!important;
    background: #fff;
    border: 1px solid #ccc;
    display: block;
    margin: 10px 0;
    height: 30px!important;
    padding: 0!important;
}
.ancherWrap input[type="checkbox"] {
    width: auto!important;
    display: inline-block;
    margin: 0 4px 0 0;
    padding: 0;
    line-height: inherit;
    height: auto!important;
}
.ancherWrap label{font-weight: 400;
}


.glide_wrap li.glide__slide {
    color: #444;
    padding: 7px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    margin-bottom: 10px;
    background: #f8f8f8;
    position: relative;
}
.glide_wrap li.glide__slide .active, .glide_wrap li.glide__slide:hover {
  background-color: #eee; 
}

.glidepanel {
  display: none;
  background-color: white;
  overflow: hidden;
  padding: 20px;
  margin-bottom: 10px;
}





.glide_wrap {
  
}
.glide_wrap li.glide__slide{
  display: none;
  height: auto!important;
  background: inherit;
    border: 1px solid #ccc;
}
 .glide_wrap dt, .glide_wrap .glide__slide {
   padding: 10px;
   border: 1px solid #ccc;
   border-bottom: 0;
}
}
 .glide_wrap dt:last-of-type, .glide_wrap .glide__slide:last-of-type {
   border-bottom: 1px solid #ccc;
}
 .glide_wrap dt a, .glide_wrap .glide__slide a{
   display: block;
   color: black;
   font-weight: bold;
}
 .glide_wrap .glide__slide {
   border-top: 0;
   font-size: 12px;
}
 .glide_wrap .glide__slide:last-of-type {
   border-top: 1px solid #ccc;
   position: relative;
   top: -1px;
}
.glide_wrap dt {
    display: flex;
    justify-content: space-between;
}
.glide_wrap dt span.glideOptions {
    display: flex;
    gap: 10px;
}
.glide_wrap dt span.glideOptions span {
    width: 30px;
    height: 30px;
    border: 1px solid #f0efef;
    background: #f1f1f1;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.glide_wrap dt span.glideOptions span i {
    font-size: 15px;
}
.glideSettingBx p.gliderImgVarriant img.selected {
    border: 1px solid red;
}
.glideSettingBx p.gliderImgVarriant img{
  cursor: pointer;
}

.figurImgHvr select{
  border: 1px solid #ccc;
 } 
 .defaultSettingPopup.figurImgHvr {
    height: 300px;
  
  }
 .figurImgHvr select:focus{
   border: 1px solid #ccc;
 } 
.defaultSettingPopup.figurImgHvr .btnHdr_bx{
  border-bottom: 1px solid #ccc;
}
figure a.editBTn{
  z-index: 999!important;
  top: 30px!important;
}

.glide_wrap {
   /* border: 1px solid #dadada;*/
   overflow: hidden;
}
span.actionGlide {
    position: absolute;
    right: 5px;
    display: flex;
    font-size: 12px;
    gap: 4px;
    justify-content: center;
    top: 0;
    bottom: 0;
    align-items: center;
}
span.actionGlide a {
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 100%;
    border: 1px solid #e4e4e4;
    display: flex;
    align-items: center;
    justify-content: center;
}
.glideSettingBx{
  width: 550px;
  display: none;
}
.addGliderItems{
    width: 100%;
    text-align: right;
}
.addGliderItems button {
    border: 1px solid #ccc;
    margin: 0 0;
    background-color: #505050;
    color: #fff;
}
.addGliderItems button i{
  padding-left: 10px;
}
.glidepanel_content {
    display: flex;
    gap: 20px;
}
.glidepanel_img img {
    width: 90px;
}
.glidepanel_content button{
    border: 1px solid;
    margin-top: 10px;
}
.glideSettingBx h3 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}
.glideSettingBx p.gliderImgVarriant {
    margin-bottom: 20px;
    display: flex;
    gap: 18px;
}
.glideSettingBx p.gliderImgVarriant img {
    width: 100px;
}
.glideSettingBx span.inputBgClr {
    gap: 4px;
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
.glideSettingBx span.inputBgClr input {
    width: 36px;
    height: 36px;
    padding: 0;
}
.glideSettingBx span.inputBgClr label{
    width: 40px;
    height: 35px;
    background: #fff;
    padding: 5px;
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    justify-content: center;
}
.transition_duration input[type="number"] {
    width: 100px;
    border: 1px solid #ccc;
    margin: 10px 0;
    padding: 0 10px;
}
.glideSettingBx .tabcontentGlide {
    height: 400px;
    overflow: auto;
}
#container #editor1 a {
    font-size: inherit;
    display: inline-block;
    width: auto;
    padding: 0;
    margin: 0;
    border: 1px solid red;
}
div#currentSecTag{
  background: #ccc;
}
div#currentSecTag select#modeChange {
    height: 30px;
    border: 1px solid #ccc;
    background: #fff;
    margin-bottom: 9px;
}
div#currentSecTag select#input-font {
    width: 120px;
    border: 1px solid #ccc;
}
.glide_wrap li.glide__slide img {
    width: 80px;
    margin-bottom: 10px;
}
.glide_wrap li.glide__slide {
    list-style-type: none;
    display: flex;
    height: auto;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.btn__modulePopup.blockGlide__modulePopup {
    width: 42px;
    height: 33px;
}
.glide_wrap li.glide__slide .editBTn{
    align-items: center;
    justify-content: center;
    display: flex;
}
span.glideListBlock_setting {
    border: none;
}
span.glideListBlock_setting i {
    font-size: 16px;
}
.glidepanel_content .glide__slide, .glidepanel_content .glide__slide a, .glidepanel_content .glide__slides--dragging {
    user-select: auto;
}






.tabGlide {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: inherit;
  }
  .tabGlide button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 16px;
    font-weight: 500;
  }
  .tabGlide button:hover {
   color: red;
  }
  .tabGlide button.active {
    color: red;
  }
  .tabcontentGlide {
    display: none;
    border-top: none;
  }

















#editor1 .manageTagByLst {
    display: none;
}

.btn-primary{
  overflow: visible!important;
}
.changeIconPopup_iconLst svg {
    width: 40px;
    height: 40px;
    object-fit: contain;
    margin: 20px;
}
.changeIconPopup_iconLst.selected {
    border: 1px solid red;
}
.iconBx__area .iconBx__align a.selected {
    background: #ffa940;
    color: #fff;
}
.btn-primary.btn-img-flip-left {
    flex-direction: row-reverse!important;
}
.btn-primary.btn-img-flip-left, 
.btn-primary.btn-img-flip-right{
   gap: 5px;  
}
.iconBx__area .iconBx__display span#iconBx__display_img {
    padding: 10px;
    border-right: 1px solid #ccc;
}
.header_section_block {
  display: block!important;
}
header.transparencysettings {
    position: absolute!important;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    background: inherit!important;
    z-index: 99999;
}
section#blockBody.designerDashBody header.header_block .brands-logo img {
    width: 30px!important;
    height: auto;
    max-width: 30px!important;
    min-width: 30px;
}
.btn__modulePopup.blockColumn__modulePopup {
    width: 25px;
    height: 25px;
    border-radius: 2px;
}
.btn__modulePopup.blockColumn__modulePopup i{
    font-size: 12px!important;
}
.btn__modulePopup.blockColumn__modulePopup span{
    border: none!important;
}

section#blockBody.designerDashBody header.header_block,
section#blockBody.designerDashBody header.header_block > div:first-child{
  position: relative!important;
}
header.header_block [class*="hdr_bg_"] {
    position: relative;
}
.bgr_header_popup {
    height: 225px;
}
.bgr_header_popup .btnHdr_bx{
  border-bottom: 1px solid #ccc;
}

.editAnimation {
    background: #FFFFFF;
    box-shadow: 0px 1px 10px rgb(0 0 0 / 20%);
    border-radius: 4px;
    width: 48px;
    height: 48px;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 8px;
    position: absolute;
    z-index: 999;
    left: 20%;
}
        .main {
          width: 200px;
          margin: 0 auto;
        }
        .storlekslider { margin: 10px; }
        .ui-slider-handle{
            width: 35px !important;
            font-size: small !important;
            color: #4082f9 !important;
            text-align: center !important;
        }


        div#nothing {
          z-index: 1;
          position: relative;
         
      }

      .btn-primary.allbtnShow {
          position: relative;
      }
      .btn-primary.allbtnShow .btn__modulePopup{
        display: none!important;
        top: 38px;
      }
      .btn-primary.allbtnShow:hover .btn__modulePopup{
        display: flex!important;
      }

      header.header_block > div{
        overflow: visible!important;
      }

      a.editBTn {
          position: absolute;
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: center;
      }
      .btn_div .btn_txt span.selected {
          border: 1px solid red!important;
      }

      span.smallSite.pixelSite {
      display: flex;
       margin-bottom: 6px;
    }
    span.smallSite.pixelSite img {
      width: 40px;
      height: 22px;
      object-fit: contain;
  }
  /*.hdrssaBx02 {
    display: flex;
    flex-direction: column;
    gap: 5px;

    color: #fff;
}*/

.defaultSettingPopup{
  direction: ltr;
}



/***new block add section popup**/
.modal_new_block{
display: none;
position: fixed;
z-index: 999999999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background: hwb(0deg 0% 100% / 67%);
}
.modal_new_block .modal-content{
width: 100%;
overflow: hidden;
position: relative;
box-sizing: border-box;
max-width: 650px;
margin:auto;
background: #fff;
}
.modal_new_block .modal-content img{
  width: 100%;
  height: auto;
}
.modal_new_block .modal-close {
    font-size: 20px;
    font-weight: 700;
    font-size: 25px;
    transition: all .2s;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
    background: #646464;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    color: #fff!important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal_new_block .modal-close:hover{
    color: #3b3b3b;
}
.hdng_new_blocks{
   background: #f8f8f8;
    padding: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    border: 1px solid #e9e8e8;
    margin: 0 0 20px;
}
.hdng_new_blocks > span {
    font-weight: 800;
    display: block;
    margin: 6px 0;
}
.hdng_new_blocks > span select{
    border: 1px solid #ccc;
    background: #fff;
}
.middlebx_txtImg.showpage_home.list > span:hover:before {
    content: "+";
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: red;
    color: #fff;
    border-radius: 100%;
    margin: auto;
    top: 0;
    bottom: 0;
}
.middlebx_txtImg.showpage_home.list > span:hover {
    ackground: #000;
}
.middlebx_txtImg.showpage_home.list > span {
    position: relative;
    display: block;
    width: 100%;
    border: 2px solid #ccc;
    margin-bottom: 20px;
    cursor: pointer;
    background: #ccc;
    padding: 5px;

}
/***end new block add section popup**/  

span.upload_btn_img a.editBTns {
    display: none;
}
span.upload_btn_img {
    display: flex;
        align-items: center;
    flex-direction: column;
    gap: 10px;
}
.animation_selectBx{
    border: 1px solid #ccc;
}

#mySidenav_sideR .imageSettingOption span.imgScjN {
    display: flex;
    flex-direction: column;
    padding: 10px;
    margin: 0;
    background: #eee;
}
#mySidenav_sideR .imageSettingOption span.imgScjN input.img-fluid {
    margin: 10px 0;
    padding: 0;
}
#mySidenav_sideR.sidenav_sideR a.deleteBtn {
    font-size: 18px;
}

.loading_div {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 82%);
  z-index: 99999999;
  text-align: center;
  color: #fff;
  font-size: 48px;
  margin: auto;
}

#GlideItem p, #GlideItem a, #GlideItem .btn-primary{
    color: #000!important;
}