@font-face { font-family: spartan-regular; 
      src: url('../Fonts/Spartan-Regular.ttf'); } 
    
  @font-face { font-family: spartan-bold; 
      src: url('../Fonts/Spartan-Bold.ttf'); } 
        
  @font-face { font-family: spartan-semibold; 
      src: url('../Fonts/Spartan-SemiBold.ttf'); } 

  @font-face { font-family: spartan-medium; 
      src: url('../Fonts/Spartan-Medium.ttf'); } 
  
  @font-face { font-family: roboto-regular; 
          src: url('../Fonts/Roboto-Regular.ttf'); } 

  @font-face { font-family: roboto-bold; 
      src: url('../Fonts/Roboto-Bold.ttf'); }

  @font-face { font-family: roboto-italic; 
      src: url('../Fonts/Roboto-Italic.ttf'); }

  @font-face { font-family: roboto-bolditalic; 
      src: url('../Fonts/Roboto-BoldItalic.ttf'); } 

  @font-face { font-family: caveat-bold; 
    src: url('../Fonts/Caveat-Bold.ttf'); }  

  @font-face { font-family: karma-regular; 
    src: url('../Fonts/Karma-Regular.ttf'); } 

  @font-face { font-family: montserrat-bold; 
    src: url('../Fonts/Montserrat-Bold.ttf'); } 

  @font-face { font-family: montserrat-semibold; 
    src: url('../Fonts/Montserrat-SemiBold.ttf'); } 

  @font-face { font-family: rupee_foradian; 
    src: url('../Fonts/Rupee_Foradian.ttf'); }  
  
    @font-face { font-family: adobeDevanagari-regular; 
      src: url('../Fonts/AdobeDevanagari-Regular.otf'); } 
    
      html,
      body {
     /*  font-family: spartan-regular;  */
      margin: 0;
      padding: 0;
      height: 100%; /* needed for container min-height */
      }
      /* FOnts Class */
      .ado-r{
        font-family: adobeDevanagari-regular; 
      }
      .spa-b{
          font-family: spartan-bold;
        }
        .spa-m{
          font-family: spartan-medium; 
  
        }
        .spa-sb{
          font-family: spartan-semibold; 
        }
        .spa-r{
          font-family: spartan-regular; 
        }

        .robo-b{
          font-family: roboto-bold; 
        }
        .robo-bi{
          font-family: roboto-bolditalic; 
  
        }
        .robo-i{
          font-family: roboto-italic; 
        }
        .robo-r{
          font-family: roboto-regular; 
        }

        .cav-b{
          font-family: caveat-bold; 
        }
        .kar-r{
          font-family: karma-regular; 
        }
        .mon-b{
          font-family: montserrat-bold; 
        }
        .mon-sb{
          font-family: montserrat-semibold; 
        }
        .rup-f{
          font-family: rupee_foradian; 
        }

        /* Font Size */
        .fs-8{
          font-size:8px;
        }
        .fs-9{
          font-size:9px;
        }
        .fs-10{
          font-size: 10px;
        }
        .fs-11{
          font-size: 11px;
        }
        .fs-12{
          font-size: 12px;
        }
        .fs-13{
          font-size: 13px;
        }
        .fs-14{
          font-size: 14px;
        }
        .fs-15{
          font-size: 15px;
        }
        .fs-16{
          font-size: 16px;
        }
        .fs-17{
          font-size: 17px;
        }
        .fs-18{
          font-size: 18px;
        }
        .fs-24{
          font-size: 24px;
        }
        .fs-22{
          font-size: 22px;
        }
        .fs-20{
          font-size: 20px;
        }
        .fs-28{
          font-size: 28px;
        }

        .fs-30{
          font-size: 30px;
        }
      
        /* font-color */
        .fc-b{
          color: #00C0F3;
            
        }

        .fc-b2{
          color:#95E5FA;
        }
        .fc-g{
          color: #939597;
            
        }
        .fc-g2{
          color: #939598; 
        }

        .fc-dg{
          color:#666666;
        }

        .fc-w{
          color:#FFFFFF;
        }

        .fc-y{
          color:#FFDD00;
        }

        .fc-y2{
          color:#B88C00;
        }

        .fc-db{
          color:#4F7A9C;
        }

        .fc-pub{
          color:#39B54A;
        }
        .fc-p{
          color:#6D478E;
         }
        .fc-r{
          color:#8D3321;
        }
        .bg-cancel{
          background-color:#94AEC2;
        }
        .bg-pub{
          background-color:#39B54A;
        }

        .bg-y2{
          background-color:#B88C00;
        } 
        .bg-r{
          background-color:#FF1D25;
        }

        .bg-p{
          background-color:#6D478E;
        }

        .bg-g{
          background-color: #939598; 
        }
       

        .bg-b{
          background-color: #E7F9FE;
          
        }

        .bg-b2{
          background-color:#95E5FA;
        }
        .bg-w{
          background-color:#ffffff;
        }

        .bg-b3{
          background-color: #00C0F3;
        }
        .bg-b4{
          background-color: #59D6F7;
        }
        .bg-lb{
          background-color: #EFFBFE;
        }
        .bg-lb2{
          background-color: #D6F5FD;
        }
        .bg-ly{
          background-color: #FFF8CA;
        }
        
        .bg-ly2{
          background-color:#FFEE80;
        }
        .bg-ly3{
          background-color:#FFFCE8;
        }

        .bg-p{
          background-color:#662D91;
        }
        /* width */
        .w-21{
          width:21%;
        }
        .w-55{
          width: 55%;
        }
        .w-65{
          width: 65%;
        }

        .w-85{
          width:85%;
        }

        /* remove bullet from ul */

        ul.ul-inf {
          /* padding: 0; */
          margin: 0;
          list-style-type: none;
      }
      li.list-inf {
        background: url('../images/allpng/bulletarrow.png') no-repeat left top;
        height: 35px;
        padding-left: 40px;
       
       
        }
        li.list-inf-h{
          height:55px;
        }
        
        .footer-li{
          position: relative;
          top: -7px;
        }
        .sub-head{
          position: relative;
          top: -5px;
        }
        .ibtn-arrow{
          position: relative;
          top:-2px;
        }
        .irupee{
          position: relative;
          top: -7px;
        }
        .irupee3{
          position: relative;
          top: -3px;
        }

        .icon-rupee{
          position: relative;
          top: 5px;
        }

        .packagetxt{
          position: relative;
          top: 7px;
        }
        .ptop{
          position: relative;
          top: 4px;
      }

      .newbook{
        position: relative;
          top: 7px;
      }

      .royality-release{
        position: relative;
        top: 25px;
      }
        
  /* Modify the background color */
  

  .navbar-light {
    background-color: white;
  }
  .wc-4{
    width:4.3333333333%;
  }
  
  .bg-yellow{
    background-color: #FFDD00;
  }

  /* Modify brand and text color */

  .navbar-light .navbar-brand,
  .navbar-light .navbar-text {
          
          color: #939597;
          font-family: spartan-semibold; 
  }

  .navbar-light .navbar-nav  .nav-item .nav-link{
          color: #00C0F3;
          font-size:14px; 
          font-family: spartan-semibold;  
      }
      .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        color: #939598;
    }
      .navbar-light .navbar-nav .nav-item .nav-link.active{
          color: #939598;
          font-size:14px; 
      }

      .navbar-light .navbar-nav .nav-item .nav-link.cart{
          font-family: spartan-regular; 
          font-size:12px;
          color:#939598;
         }
      
      .navbar-nav{
          margin-right:65px;
      }

  .navbar-light .navbar-brand img {
    margin-top: 25px;
    margin-left: 45px;
      }
      
      .left-heading{
          font-size: 22px;
          font-family: spartan-medium; 
          color:#939597;
      }
      .left-text{
          font-size: 14px;
          color:#939598;
      }
      .home1 {
          position: relative; /* needed for footer positioning*/
          height: auto !important; /* real browsers */
          min-height: 80%; /* real browsers */
        }

       
      .bg-c{
          
          background-color: #E7F9FE;
          height:50px;
          width:100%;
          
        
      }
      .footer-copyright{
          font-size:10px;
          color: #00C0F3;
          font-family: roboto-regular; 
          display: inline-block; /* the default for span */
      }

      .center-screen {
          position: absolute;
          top: 50%;
          left: 50%;
          margin-right: -50%;
          transform: translate(-50%, -50%);
        }

     .min-h{
         min-height:400px;
     }

    .singup-head{
      font-size: 14px;
      font-family: spartan-medium; 
      color:#00C0F3;
    }
    .border-custom{
      border-color:#00C0F3;
    }

    .publish-div{
        background-color:#EFFBFE; 
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    .head-25{
      font-size: 25px;
      font-family: spartan-bold; 
      color:#00C0F3;
    }
  
    /* for all input style input[type="text"],input[type="number"],input[type="email"],input[type="password"],textarea,select*/
    .inp_contact{
      font-family: roboto-regular; 
      font-size: 12px;
      color:#939598;
    }

    .inp_sp{
      padding: 0.2rem;
      text-align-last:center;
    }
   
    /* for all input style */
    .crpad{
      padding: 0px 14px 0px 2px;
    }
    .clpad{
      padding: 0px 2px 0px 14px;
    }
   
    .rounded-bottom2 {
      border-bottom-right-radius: 1.0rem!important;
      border-bottom-left-radius: 1.0rem!important;
  }
  .rounded-top2 {
    border-top-right-radius: 1.0rem!important;
    border-top-left-radius: 1.0rem!important;
}

  .rounded2{
    border-radius: .55rem!important;
    border-radius: .55rem!important;
}
.rounded3{
  border-radius: 1.0rem!important;
  border-radius: 1.0rem!important;
}
.ps-right{
  position: relative;
  right: 6px;
  top: -7px;
}

.ps-top{
  position: relative;
  right: 24px;
  top: -7px;
}
.footer-li{
  height: 15px;
}

a {text-decoration: none;}

.img-center {
  margin-left: auto;
  margin-right: auto;
  display: block;
  max-height:261px;
}
.img_overlay_contaner{
  position: relative;
}

.ui-sortable-handle{
  position:relative;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: white;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.ui-sortable-handle:hover .overlay {
opacity: 1;
}

.overlay_btn{
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  z-index: 50;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.ui-sortable-handle:hover .overlay_btn {
  opacity: 1;
  }

.img_overlay_contaner:hover .overlay {
  opacity: 1;
  }

.overlay_txt {
color: #00C0F2;
font-size: 18px;
font-weight:600;
font-family: 'Spartan', sans-serif;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}

.overlay_title{
font-size: 16px;
font-weight:600;
font-family: 'Spartan', sans-serif;
 color: #00C0F2;
}
.overlay_author{
  font-size:11px;
  font-family: 'Roboto', sans-serif;
  color: #939597;
}
.back-to-top {
position: fixed;
bottom: 25px;
right: 25px;
display: none;
}


/* -----------------------paceholder color------------- */

.b-plcehld::-webkit-input-placeholder {
color: #00C0F3;
}
.b-plcehld:-moz-placeholder {
color: #00C0F3;

}
.b-plcehld::-moz-placeholder {
color: #00C0F3;

}
.b-plcehld:-ms-input-placeholder {
color: #00C0F3;

}

.g-plcehld::-webkit-input-placeholder {
color: #939598;
}
.g-plcehld:-moz-placeholder {
color: #939598;

}
.g-plcehld::-moz-placeholder {
color: #939598;

}
.g-plcehld:-ms-input-placeholder {
color: #939598;

}

.y-plcehld::-webkit-input-placeholder {
color: #B88C00;
}
.y-plcehld:-moz-placeholder {
color: #B88C00;

}
.y-plcehld::-moz-placeholder {
color: #B88C00;

}
.y-plcehld:-ms-input-placeholder {
color: #B88C00;

}

.icon-img{
background: url("../images/allpng/magnify.png") no-repeat right 10px center;
}
.icon-img-l{
background: url("../images/allpng/rupeelogo.png") no-repeat 10px center,white ;
}
.arrow-right {
width: 0; 
height: 0; 
border-top: 20px solid transparent; 
border-bottom: 20px solid transparent; /* 40px height (20+20) */
border-left: 20px solid;
position:absolute;
right:-20px;
}

/* ========nav right arrow ============== */

.wizard a {
/* background: #efefef; */
display: inline-block;
color:#939597;
font-family: spartan-semibold; 
font-size: 12px;
/* margin-right: 5px;
min-width: 150px; */
outline: none;
/* padding: 10px 40px 10px; */
position: relative;
text-decoration: none;
}

.wizard .nav-link.active {
background: #00C0F3;
color: #fff;

}
.wizard a:before {
width: 0;
height: 0;
border-top: 17px inset transparent;
border-bottom: 17px inset transparent;
border-left: 20px solid #939597;
position: absolute;
content: "";
top: 0;
left: 0;
}

.wizard a:after {
width: 0;
height: 0;
border-top: 17px inset transparent;
border-bottom: 17px inset transparent;
border-left: 20px solid #FFFFFF;
position: absolute;
content: "";
top: 0;
right: -20px;
z-index: 2;
}
.wizard a.active:after {

border-left: 20px solid #00C0F3;

}
.wizard a.active:before {

border-left: 20px solid #00C0F3;

}


.wizard a:first-child:before,
.wizard a:last-child:after {
      border: none;
  }

  .wizard a:first-child {
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
}

.wizard a:last-child {
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}
/* ========nav right arrow ============== */
/* -- quantity box -- */

.quantity {
display: inline-block; }

.quantity .input-text.qty {
/*  width: 35px;
height: 39px; */
width: 31px;
height: 27px;
padding: 0 5px;
text-align: center;
background-color: transparent;
color:#939598;
font-size: 10px;
border: 1px solid #939598;
}

.quantity.buttons_added {
text-align: left;
position: relative;
white-space: nowrap;
vertical-align: top; }

.quantity.buttons_added input {
display: inline-block;
margin: 0;
vertical-align: top;
box-shadow: none;
}

.quantity.buttons_added .minus,
.quantity.buttons_added .plus {
/*  padding: 7px 10px 8px;
height: 41px; */
width: 27px;
height: 27px;
background-color: #ffffff;
border: 1px solid #939597;
color:#939597;
cursor:pointer;}

/*  .quantity.buttons_added .minus {
border-right: 0; }

.quantity.buttons_added .plus {
border-left: 0; } */

.quantity.buttons_added .minus:hover,
.quantity.buttons_added .plus:hover {
background: #eeeeee; }

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
margin: 0; }

.quantity.buttons_added .minus:focus,
.quantity.buttons_added .plus:focus {
outline: none; }

 /* -- quantity box -- */

 /* -------------full width row inside conntainer ------------------*/
 .row-full{
  width: 100vw;
  position: relative;
  margin-left: -50vw;
 /*  height: 150px; */
  /* margin-top: 100px; */
  left: 50%;
 }

 /* -------------------------float image against images---------------- */

 .img-float-l{
  float: left; 
 }

/*  .inst-btn { display:inline-block;}
 .inst-btn:before,
 .inst-btn:after {
     border-top: 1px solid black;
     display: block;
     height: 1px;
     content: " ";
     width: 40%;
     position: absolute;
     left: 0;
     top: 1.2em;
 } */


 .img-top{
   position: relative;
   top:-43px;
   left:55px;
 }

 .img-top2 {
  position: relative;
  /* top: -32px; */
  left: 5%;
}

 /* ---------------------------slider toogle button----------------------- */
 .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFFFFF;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: #00C0F3;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #FFFFFF /* #2196F3; */
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}



.royal-head p::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #00C0F3; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.royal-body p::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #939598; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

ul.dashed {
  list-style-type: none;
}
ul.dashed > li {
  text-indent: -5px;
}
ul.dashed > li:before {
  content: "-";
  text-indent: -5px;
}

.btn-full{
  display:inline-block;
  width: 100%;
}

span.status {
  display: inline-block; /* the default for span */
  width: 100%;
 
}





.copyright{
    position: relative;
    top: -10px;

}



.form-control:focus{
 color: #939597
}

.y-plcehld:focus{
  color: #B88C00;
  background-color: #95E5FA;
 }

.inp-blu:focus{
  color:#00C0F3;
}
 .lh-20{
  line-height: 20px;
 }

 .lh-27{
  line-height: 27px;
 }

 /* ---------------------public span input label--------------------- */
 span.pub-span-b {
  color:white;
  background-color:#00C0F3; 
  font-family: roboto-bold;
  font-size: 12px;
  padding: 0.2rem;
  display: inline-block; /* the default for span */
  width: 100%;
  height: 100%;
 
}

span.pub-span-b2 {
  color:white;
  background-color: #59D6F7;
  font-family: roboto-bold;
  font-size: 12px;
  padding: 0.2rem;
  display: inline-block; /* the default for span */
  width: 100%;
  height: 100%;
 
}

span.pub-span-lb {
  color:#00C0F3;
  background-color: #EFFBFE;
  font-family: roboto-bold;
  font-size: 12px;
  padding: 0.2rem;
  display: inline-block; /* the default for span */
  width: 100%;
  height: 100%;
 
}

span.pub-span-y {
  color:#B88C00;
  background-color:#FFDD00; 
  font-family: roboto-bold;
  font-size: 12px;
  padding: 0.2rem;
  display: inline-block; /* the default for span */
  width: 100%;
  height: 100%;
 
}

span.pub-span-y2 {
  color:#B88C00;
  background-color: #FFEE80;
  font-family: roboto-bold;
  font-size: 12px;
  padding: 0.2rem;
  display: inline-block; /* the default for span */
  width: 100%;
  height: 100%;
 
}

span.pub-span-ly {
  color:#B88C00;
  background-color: #FFFCE8;
  font-family: roboto-bold;
  font-size: 12px;
  padding: 0.2rem;
  display: inline-block; /* the default for span */
  width: 100%;
  height: 100%;
 
}

/* -----------------------status tags------------------------------------- */

.act{
  background-color: #39B54A;
  color: #FFFFFF;
  font-size: 14px;
  font-family: roboto-bold;
}

.draf{
  background-color: #939598;
  color: #FFFFFF;
  font-size: 14px;
  font-family: roboto-bold;
}

.inact{
  background-color: #FF1D25;
  color: #FFFFFF;
  font-size: 14px;
  font-family: roboto-bold;
  
}
.publish{
  background-color: #39B54A;
  color: #FFFFFF;
  font-size: 14px;
  font-family: roboto-bold;
}

.self{
  background-color: #00C0F3;
  color: #FFFFFF;
  font-size: 14px;
  font-family: roboto-bold;
}
.pilot{
  background-color: #B88C00;
  color: #FFFFFF;
  font-size: 14px;
  font-family: roboto-bold;
}

.under{
  background-color: #6D478E;
  color: #FFFFFF;
  font-size: 14px;
  font-family: roboto-bold;
}

.under-pub{
  background-color: #4F7A9C;
  color: #FFFFFF;
  font-size: 14px;
  font-family: roboto-bold;
}

a:hover {
  color: #939597;
}

.flex-v-center{
  display: flex;
  align-items: center;
}

.span-right{
  float:right;
}

.bg-w{
  background-color: #ffffff;
}

.border-rb{
  border: #00C0F3;
}

/* ------------------table with rounded corner--------------------- */
.ctable {
  border-collapse: separate;
  border-spacing: 0;
  min-width: 350px;
  text-align: center;
  
}
.ctable tr th,
.ctable tr td {
border-right: 1.5px solid #00CCFF;
border-bottom: 1.5px solid #00CCFF;
padding: 6px;
height:31px;
}
.ctable tr th:first-child,
.ctable tr td:first-child {
border-left: 1.5px solid #00CCFF;
}
.ctable tr th {
border-top: 1.5px solid #00CCFF;
text-align: center;
}

/* top-left border-radius */
.ctable tr:first-child th:first-child {
border-top-left-radius: 6px;
}

/* top-right border-radius */
.ctable tr:first-child th:last-child {
border-top-right-radius: 6px;
}

/* bottom-left border-radius */
.ctable tr:last-child td:first-child {
border-bottom-left-radius: 6px;
}

/* bottom-right border-radius */
.ctable tr:last-child td:last-child {
border-bottom-right-radius: 6px;
}



/* ----------------------alternate table row color------------ */
.tbl_strip{
border-collapse: collapse;
width: 100%;
}

.tbl_strip tr th,
.tbl_strip tr td {
padding: 6px;
min-width: 150px;
}

.tbl_strip tr th{
background-color: #FFFFFF;
}

.tbl_strip tr:first-child td:first-child {
width: 5px;
}

.row_even{background-color: #E6E6E6;}
.row_odd{background-color: #F6F6F6;}
.row_unread{background-color: #fcdf054f;}


.tbl_strip tr {
cursor: pointer;
}
.hiddenRow {
padding: 0 4px !important;
font-size: 13px;
}


.tbl-striped{
border-collapse: collapse;
width: 100%;
}

.tbl-striped tr td {
padding: 4px;
border-top: 1px solid #00CCFF;
border-bottom: 1px solid #00CCFF;
}


.next-over,.pre-over {

opacity: 0;
}
.next:hover .next-over{
  opacity:1;
  position: relative;
  top: -9px;
  font-size: 9px;
  color: #95E5FA;
}

.prev:hover .pre-over{

right:-14px;
  opacity:1;
  position: relative;
  top: -9px;
  transform: translateY(50%);
  font-size: 9px;
  color: #95E5FA;
}

hr.dotted {
border-top: 2px dotted #939597;
}

.border-gray{
border-color: #939598!important;
}

.line-dotted{
width: 100%; 
text-align: center; 
border-bottom: 2px dotted #939597; 
line-height: 0.2em;
margin: 10px 0 20px;
font-size:14px;
color: #00C0F3;
}

.line-dotted span{
background:#E7F9FE; 
  margin-top:1px;
  padding:0 8px; 
}

.borderless tr, .borderless td, .borderless th {
border: none;
padding:1px;
}

.stepfrm a {
background: #939598;
display: inline-block;
color:white;
font-family: roboto-bold; 
font-size: 15px;
/* margin-right: 5px;
min-width: 150px; */
outline: none;
/* padding: 10px 40px 10px; */
position: relative;
text-decoration: none;
border-right: 2px solid #E7F9FE;
}

.stepfrm .nav-link.active {
background: #E7F9FE;
color: #00C0F3;

}

.form-control:disabled, .form-control[readonly] {
background-color: #E7F9FE;
opacity: 1;
}

.showdiv{
display: inline-block;
}

.hidediv,.hideme{
display: none;
}


.modal-header2{
  border-bottom: 0px solid #dee2e6;
}

.modal-backdrop {
  background-color: #062438;
}

.modal-backdrop.show {
  opacity: 0.8;
}

@media (min-width: 576px){
  .modal-sm {
    max-width: 350px;
}
}

/* image gallery css */
.reorder_link {
  color: #3675B4;
  border: solid 2px #3675B4;
  border-radius: 3px;
  text-transform: uppercase;
  background: #fff;
  font-size: 18px;
  padding: 10px 20px;
  margin: 15px 15px 15px 0px;
  font-weight: bold;
  text-decoration: none;
  transition: all 0.35s;
  -moz-transition: all 0.35s;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  white-space: nowrap;
}
.reorder_link:hover {
  color: #fff;
  border: solid 2px #3675B4;
  background: #3675B4;
  box-shadow: none;
}
#reorder-helper{
  margin: 18px 10px;
  padding: 10px;
}
.light_box {
  background: #efefef;
  padding: 20px;
  margin: 15px 0;
  text-align: center;
  font-size: 1.2em;
}

/* image gallery */
.gallery{
  width:100%;
  float:left;
  margin-top:15px;
}
.gallery ul{
  margin:0;
  padding:0;
  list-style-type:none;
}
.gallery ul li{
  padding:7px;
  border:2px solid #ccc;
  float:left;
  margin:10px 7px;
  background:none;
  width:auto;
  height:auto;
}
.gallery img{
  width:130px;
  height:80px;
}

/* -------------------select2 dropdown---------------- */
.select2-container {
  /* min-width: 400px; */
}

.select2-results__option {
  padding-right: 20px;
  vertical-align: middle;
}
.select2-results__option:before {
  content: "";
  display: inline-block;
  position: relative;
  height: 20px;
  width: 20px;
  border: 2px solid #e9e9e9;
  border-radius: 4px;
  background-color: #fff;
  margin-right: 20px;
  vertical-align: middle;
}
.select2-results__option[aria-selected=true]:before {
  /* font-family:fontAwesome;
  content: "\f00c"; */
  color: #fff;
  background-color: #f77750;
  border: 0;
  display: inline-block;
  padding-left: 3px;
}
.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #fff;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #eaeaeb;
	/* color: #272727; */
}
.select2-container--default .select2-selection--multiple {
	margin-bottom: 10px;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	border-radius: 4px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #80bdff;
	/* border-color: #f77750;
	border-width: 2px; */
}
.select2-container--default .select2-selection--multiple {
/* 	border-width: 2px; */
}
.select2-container--open .select2-dropdown--below {
	
	border-radius: 6px;
	/* box-shadow: 0 0 10px rgba(0,0,0,0.5); */

}
.select2-selection .select2-selection--multiple:after {
	content: 'hhghgh';
}
/* select with icons badges single*/
.select-icon .select2-selection__placeholder .badge {
	display: none;
}
.select-icon .placeholder {
	display: none;
}
.select-icon .select2-results__option:before,
.select-icon .select2-results__option[aria-selected=true]:before {
	display: none !important;
	/* content: "" !important; */
}
.select-icon  .select2-search--dropdown {
	display: none;
}

.carsl-height{
  max-height: 295px;
}

.btn:hover {
  color: #939598;
}

.carousel-inner > .carousel-item > img {
  height: 100%;
  object-fit: cover;
}

.author-profile{
  height:95px;
  width: 95px;
}
/* .carsl_img{
  height: 100%;
  width: 100%;
  object-fit: fill;
} */

.profile{
  position: relative;
  top: -4px;
}

/* number animation css */
.letter {
  display: inline-block;
  position: relative;
  float: left;
  transform: translateZ(25px);
  transform-origin: 50% 50% 25px;
}

.letter.out {
  transform: rotateX(90deg);
  transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.letter.behind {
  transform: rotateX(-90deg);
}

.letter.in {
  transform: rotateX(0deg);
  transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* .tblborder table, tr, th, td{
  border: 1px solid black;
  border-collapse: collapse;
} */

.gifLoader{
    position: fixed;
    top:0;
    width: 100%;
    height: 100vh;
    z-index: 2030;
    overflow: visible;
    background: #fff url('../images/allpng/loader.gif') no-repeat center center;
  
}

/* for slider multiple item */
/* medium - display 2  */
@media (min-width: 768px) {

  .multislide > .carousel-inner .carousel-item-right.active,
  .multislide > .carousel-inner .carousel-item-next {
      transform: translateX(50%);
  }

  .multislide > .carousel-inner .carousel-item-left.active,
  .multislide > .carousel-inner .carousel-item-prev {
      transform: translateX(-50%);
  }
}

/* large - display 3 */
@media (min-width: 992px) {

  .multislide > .carousel-inner .carousel-item-right.active,
  .multislide > .carousel-inner .carousel-item-next {
      transform: translateX(33%);
  }

  .multislide > .carousel-inner .carousel-item-left.active,
  .multislide > .carousel-inner .carousel-item-prev {
      transform: translateX(-33%);
  }
}

@media (max-width: 768px) {
  .multislide > .carousel-inner .carousel-item > div  {
      display: none;
  }

  .multislide > .carousel-inner .carousel-item > div:first-child {
      display: block;
  }
}

.multislide > .carousel-inner .carousel-item.active,
.multislide > .carousel-inner .carousel-item-next,
.multislide > .carousel-inner .carousel-item-prev {
  display: flex;
}

.multislide > .carousel-inner .carousel-item-right,
.multislide > .carousel-inner .carousel-item-left {
  transform: translateX(0);
}