/* Bootstrap alert css */

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
  }
  
  .alert h4 {
    margin-top: 0;
    color: inherit;
  }
  
  .alert .alert-link {
    font-weight: bold;
  }
  
  .alert > p,
  .alert > ul {
    margin-bottom: 0;
  }
  
  .alert > p + p {
    margin-top: 5px;
  }
  
  .alert-dismissable,
  .alert-dismissible {
    padding-right: 35px;
  }
  
  .alert-dismissable .close,
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
  }
  
  .alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
  }
  
  .alert-success hr {
    border-top-color: #c9e2b3;
  }
  
  .alert-success .alert-link {
    color: #2b542c;
  }
  
  .alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
  }
  
  .alert-info hr {
    border-top-color: #a6e1ec;
  }
  
  .alert-info .alert-link {
    color: #245269;
  }
  
  .alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
  }
  
  .alert-warning hr {
    border-top-color: #f7e1b5;
  }
  
  .alert-warning .alert-link {
    color: #66512c;
  }
  
  .alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
  }
  
  .alert-danger hr {
    border-top-color: #e4b9c0;
  }
  
  .alert-danger .alert-link {
    color: #843534;
  }

  .alert ul li{
    list-style-type: disc;
  }
  .alert ul{
    margin-left: 25px;
  }
  /* ----./ Bootstrap alert css */



.pagination span[aria-current=page] span {
  background-color: #2563eb;
  color: #fff;
}

.pagination span[aria-disabled=true] span {
  background-color: #d1d5db;
  color: #fff;
}



#canvas_container {    
    width: 100%;
    height: auto;
    overflow: auto;
}

#canvas_container {  
  text-align: center;
  
}
#pdf_renderer{
  text-align: center;
}

.btn{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #0062cc;
  color: #fff;
}


.StripeElement {
    box-sizing: border-box;
     
    height: 40px;
     
    padding: 10px 12px;
     
    border: 1px solid gray;
    border-radius: 4px;
    background-color: white;
     
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}
  
.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}
  
.StripeElement--invalid {
    border-color: #fa755a;
}
  
.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}

.pricing-plan:hover .pricing-amount{
    background-color: #4c51bf;
    color: #fff;
}


.cs-height{
    max-height: calc(100vh - 124px);
}

#modal_body{
    /*white-space: pre-line;*/
   
}

#modal_body_toc li ul{
    margin-left: 30px;    
}
#modal_body_toc li strong{
    background-color: #2469A1;
    color: #fff;
    padding-left: 2px;
    padding-right: 2px;
}



#modal_body strong{
    padding-bottom: 0px;
    border-bottom: 1px solid orange;
}

.ts-control{
    border: 1px solid #d0d0d0a1 !important;    
    height: 2rem;
    overflow-y: auto !important;
    padding-top: 2px !important;
    border-radius: 6px !important;
}
.ts-control:focus{
    border: 2px solid blue;
}
.ts-control div{
  margin-top: 10px !important;
}




#modal_body .btn_area{
    border:  1px solid #80808063;
    padding: 10px;
    text-align: center;
}

.checked{
    border-color: rgb(194, 193, 193);
    /* box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); */
}

/*input:checked + label {
    
}*/
#modal_body .inner-radio {
    border: 1px solid gray;
    position: relative;
    /* margin-left: 10em; */
    /* padding-top: 0em; */
    /* top: 2%; */
    right: 0;
    float: right;
    left: 90%;
}

#modal_body .inner-radio:focus{
    border:none;
    
}

.box-selected{
    /* background-image: linear-gradient(#5D0092, #9A00AB); */

    background-color: #4A148C;
    color:#fff !important;
}



.box-selected h1{
    color:#fff !important;
}

.box-selected span{
    color:#fff !important;
}

[type=radio]:focus {
    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
    --tw-ring-offset-width: 0px;
    background-color: #00800000 !important;
    outline: 0px solid green;
    --tw-ring-color: green;
}

[type=radio]:checked {
    background: url(http://cdn1.iconfinder.com/data/icons/onebit/PNG/onebit_34.png);
    background-size: 100%;
    background-repeat: no-repeat;
    
    
    /* background-color: green !important; */
    outline: 3px solid green;
    outline-offset: 0px !important;
    
}

.popup__content__title {
  font-size: 18px;
  margin: 0 0 10px;
  font-weight: 500;
  color: #4A148C;
}

label [type=radio]{
  color:transparent !important
}



.confirm-btn {
  border: none;
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 0;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  outline: 0;
  color: #fff !important;
  border-radius: 5px;
  background: #9C27B0 !important;
  font-weight: 600;
}



/* 

[type=radio]:checked {
    background: url(http://cdn1.iconfinder.com/data/icons/onebit/PNG/onebit_34.png);
    background-size: 50%;
    background-repeat: no-repeat;
    
    --tw-ring-offset-width: 0px;
    background-color: green !important;
    outline: 0px solid green;
    --tw-ring-color: green;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
}

--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/    /*);

*/

.w-5{
    display: none;
}

.table {
  border-collapse: collapse;
}

.previous-icon, .next-icon{
    /* padding-right: 0.6em !important;
    padding-left: 0.6em !important;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    border-radius: 20%; */
    padding: 10px;
    border-radius: 10%;
}

.previous-icon:hover, .next-icon:hover{
    /* padding: 5px; */
    background-color: #EAE9F6;
    /* color:#fff */
}
.paginate .page-item{
    padding-right: 0.4em !important;
    padding-left: 0.4em !important;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    border-radius: 20%;
    /* background-color: #b7b6b6;
    color:#fff; */
    margin-left: 0.5em;
    margin-right: 0.5em;

    /* background-color: #fff;
    border: 1px solid gray;
    border-radius: 0; */

    
}

.paginate .active{
    background-color: #A700B1;
    padding-right: 0.7em !important;
    padding-left: 0.7em !important;
    padding-top: 0.2em;
    color: #ffffff;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.table tr{
    border-color: #efe9e991;
}

#select-role-ts-control{
    height: 30px;
}

#filter-data input,select{
    border-color: #e9e7e7;
    border-radius: 0.375rem;
}

body{
    background-color: #F7FAFC;
    font-family: 'Inter';
}


#filter-date ::-webkit-scrollbar {
    width: 10px;
}

main{
    background-color: #F7FAFC;
}

.wooden-text {   
    text-shadow: 1px 1px rgba(255,255,255,0.8);
    color: #888;
  }

.primary-btn{
    /* Auto layout */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    /* identical to box height, or 100% */


    /* Theme/White/Default */

    color: #FFFFFF;

    /* display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px 20px; */
    gap: 10px;
    
    

    width: 100px;
    height: 36px;

    /* Theme/Primary/Default */

    background: #4C6FFF;
    border-radius: 6px;

    /* Inside auto layout */

    flex: none;
    order: 0;
    flex-grow: 0;
}





/* Scrollbar */

/* width */
.scrollbar2::-webkit-scrollbar {
    /* margin-top: 10px;
    margin-bottom: 10px; */
    width: 8px;
    border-radius: 30px;
    
  }
  /* Track */
  .scrollbar2::-webkit-scrollbar-track {
    background: #DDDDDD;     
    border-radius: 30px;
    /* margin-top: 10px;
    margin-bottom: 10px; */
  }
   
  /* Handle */
  .scrollbar2::-webkit-scrollbar-thumb {
    background: #999999; 
    border-radius: 30px;
    /* margin-top: 10px;
    margin-bottom: 10px; */
  }
  
  /* Handle on hover */
  .scrollbar2::-webkit-scrollbar-thumb:hover {
    background: #999999; 
    /* margin-top: 10px;
    margin-bottom: 10px; */
  }


  

.cart1{
    background-image: url('../images/cart.png');
    background-repeat: no-repeat;
    background-size: 95%;
    min-height: 50%;
    padding-left: 2rem;
    padding-top: 2rem;
}

.cart-box1{    
    background-image: url('../images/cart-up.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: relative;    
    background-size: cover;
    
}

.datepicker-header{
    background-color: transparent !important;
    height: 50px !important;
}


.top-up-input{
    box-shadow: none !important;
    background: transparent !important;
    border: none !important;
}

/* Chrome, Safari, Edge, Opera */
.top-up-input::-webkit-outer-spin-button,
.top-up-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.top-up-input {
  -moz-appearance: textfield;
}


.local-bank-transfer-bg{
    background-image: linear-gradient(to bottom, #5B1894 , #9225AC) !important;
}

.required-fld{
    color:gray;
}

.bg-theme-secondary{
    background-color: #E5E9F8 !important;
}
.bg-theme-primary{
    background-color: #5D0092 !important;
}

.captcha img{
    height: 100% !important;
}

.select-box select{
    padding-left: 10px;
}

.theme-bg-primary{
  background: linear-gradient(180deg, #4A148C 0%, #9C27B0 100%), #FFFFFF;
  color:#fff;
}
.theme-bg-primary svg path {
  fill: #fff !important;
}
.theme-bg-primary a{
  background-color: #fff !important;
  color: #9c2aaa;
}



.theme-button{
  background-image: linear-gradient(to bottom, #5D0092 , #9A00AB) !important; 
  color: #fff;
}

.theme-button:hover{
  background-image: linear-gradient(to bottom, #46026d , #870596) !important; 
  color: #fff;
}

.theme-button-secondary{
  background-image: linear-gradient(to bottom, #a7a7a7 , #E5E9F8) !important; 
  color:#000 !important;
}

.theme-button-secondary:hover{
  background-image: linear-gradient(to bottom, #929292 , #c2c2c5) !important; 
  color:#000 !important;
}

.white-button{
  background-color: #fff !important;
  border: 1px solid #e5e7eb !important;
  color:#000 !important; 
}

.gray-button{
  background-color: #e4ecf7 !important;
  border: 1px solid #e5e7eb !important;
  color:#000 !important;
}



.button-size{
  text-align: center;
  border-radius: 6px !important;
  padding: 8px 22px !important;
  gap: 10px;
  width: auto !important;
  height: auto !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  /* line-height: 12px !important; */
  /* align-items: center;
  display: flex;
  flex-direction: column; */
}

.ts-control input{
  font-size: 16px !important;
}



.checkout-box__title {
  font-weight: 600;
  font-size: 15px;
  margin: 0 0 10px;
  text-align: left;
  letter-spacing: 2.6px;
  color: #161B48;
  text-transform: uppercase;
  opacity: .5;
}


.required-fld{
  color:#e12424;
}


.package-box::after {
  content: "done";
  font-family: 'Material Icons';
  width: 15px;
  height: 15px;
  background: green;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  right: 5px;
  top: 5px;
  opacity: 0;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
}