@import url('https://fonts.googleapis.com/icon?family=Material+Icons' );
i {font-family: 'Material Icons';font-style: normal;font-weight: 400;}

/*.sidebar-dark-primary{    background-color: #4524FF!important;}*/
.nav-item.activeNav{background: #060E7F}
.raiseTicketLable label:not(.form-check-label):not(.custom-file-label){font-size: 16px;padding: 5px;}
form.raiseTicketLable{padding: 1rem 10rem;}
.card-footer.raise-form{background: none;}
.history-tab{margin-bottom: 0px!important; }
.history-header{padding:1.25rem 1.60rem 0px}
.status-btn{}
.search-tab{display: inline-flex;}
.select2-container .select2-selection--single{height: 32px!important;}
.selectOption{display: flex;}
.account-details{display: inline-flex; padding: 20px 0px;}
.border-top{border-top: 1px solid #EAE9ED!important;}
.border-bottom{border-bottom: 1px solid #EAE9ED!important;}
.border-none{border: none!important;}
.linktxt{color: #0094C8!important;text-align: right;}
.account-details span{font-weight: 300;}
.icon-14{font-size: 20px;padding-right: 10px;}
.pb-100{padding-bottom: 100px!important;}
.btn-shadow{width: 200px;height: 40px;border-radius: 8px;background-color: #ffffff;box-shadow: 0 0 5px 0 #dee0eb!important;}
.search-btn {
  display: flex;
  align-items: center;
  height: 1.875rem;
  border-radius: 0.5rem !important;
  background-color: #ffffff;
  box-shadow: 0 2px 3px 0 rgba(216, 205, 205, 0.5);
  border: none;
  padding: 0 0.5rem;
  width: 100%;
}

.search-btn input {
  flex: 1;
  height: 100%;
  border: none;
  outline: none;
  background-color: transparent;
  font-weight: bold;
  color: black;
  margin-right: 0.5rem;
}

.search-btn button {
  border: none;
  background-color: transparent;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.search-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #dddee2;
  padding: 0;
}

.search-btn img {
  width: 1.125rem;
  height: auto;
}

.download-btn{margin: 10px;width: 140px;}
.chk-icon i.material-icons{font-size: 2em;color: #777}

.term-condition-txt{font-size: 14px;padding: 25px 5px;font-weight: 100;}

.bold-txt{font-weight: bold;}
.swith-plan-btn{margin:20px auto;}
.plan-tab{display: flex;background: #fcfcfc;}
.disable-txt{color: #B7B4C0;}
.user-name{color: #6D6D71!important;margin-right: 20px;}
.hello-txt{color: #B8B6C2!important;}
.mr-10{margin-right: 10px!important;}
.light-plan,.bronze-plan,.silver-plan,.gold-plan,.enterprise-plan {padding: 30px 0;background: #0094c8;border: 1px solid #0094c8;width: 97px;height: 86px;margin: 0 auto;color:#fff;border-radius: 2px;letter-spacing: .7px;text-transform: capitalize;}
.pselected{padding: 40px 0;background: #282a65;border: 1px solid #282a65;width: 123px;height: 109px;margin: -10px auto;color: #fff;border-radius: 2px;letter-spacing: .7px;text-transform: capitalize;}
.pb-12{padding-bottom: 12px}
.pb-30{padding-bottom: 30px!important}
.ui-datepicker-calendar {display: none;}
.mt-20{margin-top: 20px;}
.date-picker-icon{margin-top: 0px;position: absolute;right: 6px;top: 6px; }
.plan-page.table-hover tbody tr:hover{background: #fff;}
table.plan-page td:first-child{text-align: left;}
table.plan-page tr:first-child td,table.plan-page tr:nth-child(2) td{border: none;}
table.plan-page td{vertical-align: middle;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #7f8681!important; font-weight: 100;font-size: 14px;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #7f8681!important; font-weight: 100;font-size: 14px;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #7f8681!important; font-weight: 100;font-size: 14px;
}
:-moz-placeholder { /* Firefox 18- */
  color: #7f8681!important; font-weight: 100;font-size: 14px;
}

/* Full-page container */
.login-page {
  position: relative;
  height: 100vh;
  width: 100%;
  overflow: hidden;
}

/* Full-page background image with reduced opacity */
.background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 108%;
  background-image: url('../../assets/images/gpt_login_1_resized.png');
  background-size: contain;
  background-position: center;
  background-repeat: repeat;
  z-index: 1;
}

/* Container for the login form */
.login-form-container {
  position: absolute;
  z-index: 2;
  width: 100%;
  max-width: 600px;
  height: 100%;
}

.login-card-body {
  opacity: 0.88;
  /*background: #ffffff;*/
  padding: 20px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  width: 100%;
  max-width: 600px;
  margin-top: 23vh;
  margin-left: 3vh;
  height: 100%;
}

/* Ripple effect
.sign-in-form-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  pointer-events: none;
}

Ripple effect element
.sign-in-form-bg::after {
  content: '';
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  transform: scale(0);
  opacity: 1;
  top: var(--ripple-y);
  left: var(--ripple-x);
  pointer-events: none;
  transition: all 0.6s ease-out;
  z-index: 2;
} */

/* Trigger ripple animation when the class "clicked" is added
.sign-in-form-bg.clicked::after {
  animation: ripple 0.6s ease-out;
}*/

/* Ripple animation
@keyframes ripple {
  to {
    transform: scale(4);
    opacity: 0;
  }
}/*

/* Make the background image container hidden on small screens */
@media (max-width: 768px) {
  .sign-in-form-bg {
    display: none;
  }

  /* Adjust form width on smaller screens */
  .login-form-container {
    max-width: 100%;
    padding: 0 10px;
  }
}

.pay2-bg{background-image: url('../../assets/images/signup_2.png');background-color:#0d66d5;height:100vh;background-size: 100%;background-repeat: no-repeat;background-position: center;}
.pay3-bg{background-image: url('../../assets/images/signup_3.png');background-color:#0d66d5;height:100vh;background-size: 100%;background-repeat: no-repeat;background-position: center;}

.sign-in-forminput{height: 35px!important; margin: 0px!important;}
.sign-in-page {
  height: 100vh;
  padding: 2rem;
  background: linear-gradient(to right, #f8f9fa, #e0f7ff);
  overflow-y: auto;
  border-radius: 0.5rem;
}
.pNote{color: #a5a4a3;font-size: 12px;padding: 10px 0 0;}
.sign-in-form-img{background: #eee;}
.card.sign-in-right-tab{margin-bottom:0px!important;padding-bottom: 0px!important;}
.pass-hint{font-weight: 100!important;font-size: 12px; margin-top: -20px; display: block;}
.red-txt{color: #D50F25;}
.green-txt{color:#009925; }
.page-title{color: #282A65; font-size:18px!important;padding-top: 20px;}
.subject-txt{color: #404044!important;}
.mb-25{margin-bottom: 25px;}
.linechart-Tab{margin-bottom: 0px;padding-bottom: 0px;padding-top: 12px;}
.dhee-btn{background:#282A65;color: #fff; }
.monthly-conversation-chart .card-title,.monthly-line-chart .card-title,.filled-line-chart .card-title{font-size: 14px!important;color: #404044;}
.monthly-conversation-chart .card-header,.monthly-line-chart .card-header,.filled-line-chart .card-header{padding: 20px;}
.raise-form-input {
border: none!important;
padding-left: 10px!important;
background: #FFFFFF!important;
box-shadow: 0 0 3px 0 rgba(0,0,0,0.1)!important;
border-radius: 4px!important;
}
.taglineTxt{  color: #b7b4c0;font-size: 14px;padding-top: 5px;}
.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 8px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-default{
  font-size: 14px;
  height: 40px;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 0 5px 0 #dee0eb;
}

.btn-primary{
  font-size:  18px;
  height: 40px;
  color: #ffffff;
  background-color: #282a65;
  border-color: #282a65;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-primary.focus,.btn-primary:focus,.btn-primary:hover {color: #ffffff;background: #282a65;border-color: #282a65;}

.btn.focus, .btn:focus {outline: 0;box-shadow: none;}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active{
  color: #ffffff;
  background-color: #282a65;
  border-color: #282a65;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus{
  box-shadow: none;
}

.livepreviewBtn,.whitebtn{
  width: 170px;
  height: 40px;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 0 5px 0 #dee0eb!important;
}

.saveChangesBtn,.navyblue-btn{
  width: 170px;
  height: 40px;
  border-radius: 8px;
  background-color: #282a65;
}

.custom-file-label{
  border: 1px solid transparent;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 0 5px 0 #dee0eb;
  margin-left: 0;
  color: #c3c3c3!important;
  font-weight: 100;
}
.custom-file-input{  color: #C3C3C3;}

.custom-file-label::after{
  color: #c3c3c3;
  content: "Browse";
  border-left: 1px solid #ffffff;
  border-radius: 0 0.25rem 0.25rem 0;
  background-color: #ffffff;
  box-shadow: 0 0 5px 0 #dee0eb;
}

.credit-data-tab{display: inline-block;padding: 0px;}
.credit-data-tab h2{font-weight: 600;font-size: 20px;padding:0px 0px 15px;min-height: 50px;color: #282a65;}
.credit-data-tab h3{font-weight: 600;font-size: 16px;padding:45px 0px 15px;min-height: 50px;color: #404044;}
.admin-dashboard-block{display: block;float: left; text-align: center;}
.subscriptionsTab{padding: 0px;color: #404044;}
.subscriptionsTab h3{font-size: 14px;padding: 10px 15px;}
.subscriptionsTab h2 {font-weight: 600;font-size: 22px;margin-bottom: 0px; color: #282a65;}
.session-data{text-align: center;padding: 25px 0px;}
.session-tab{display: inline-block;float: left; box-shadow: 0 0 5px 0 #dee0eb;padding: 30px 0px 20px;color: #404044;}
.session-tab h2{font-weight:600;font-size: 18px;color: #404044;}
.admin-dashboard-block .card{min-height: 160px;}
/*.subscriptionsTab{min-height: 277px;}*/
.DomainChart canvas{height: 100px;}
.text-right{text-align: right;font-size: 13px;padding:10px 10px 10px 10px;}
.monthly.credit-data-tab h2{font-weight: 600;font-size: 20px;padding:0px;min-height: 30px;color: #282a65;}
.monthly.credit-data-tab h3{padding:25px 20px 20px 20px; margin-bottom: 0px;}
.monthly.admin-dashboard-block .card{min-height: 100px;    margin-bottom: 10px!important;}
.refresh-icon{padding: 10px; margin-right: 15px; cursor: pointer;}
.support-user-table td{padding: 20px 0px;}
.content-header{padding:15px 0.5rem 10px!important;}
.reqTypeSelect select,.reqTypeSelect .select2-container--default span.select2-selection--single{box-shadow: 0 0 3px 0 rgba(0,0,0,0.1)!important;border: 1px solid transparent !important;}

/* left panel */
.left-menu {
  background: #fff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.09);
  border-radius: 50px;
  height: auto;
  width: 100px;
  position: fixed;
  left: 32px;
  margin-top: 15px;
}

.left-menu ul {
  margin: 0;
  padding: 2.5rem 0;
}

.left-menu li {
  list-style-type: none;
  text-align: center;
  margin: 0 0 0.25rem;
  border-right: 2px solid #fff;
  line-height: 1.125rem;
  transition: border 0.3s ease, transform 0.3s ease;
}

.left-menu i.fa {
  display: block;
  height: 3.125rem;
  width: 3.125rem;
  margin: 0.125rem auto;
  padding: 0.8125rem;
  font-size: 1.375rem !important;
  transition: transform 0.3s ease;
}

.left-menu a {
  color: #acacac;
  font-size: 0.875rem;
  text-decoration: none;
}

/* Zoom-in on hover */
.left-menu li:hover i.fa {
  background: #282A65;
  color: #fff;
  border-radius: 50%;
  transform: scale(1.1);
}

.left-menu li:hover {
  border-right: 2px solid #282A65;
  transform: scale(1.05);
}

.left-menu li.activemenu {
  border-right: 2px solid #282A65;
}

.left-menu li.activemenu i.fa {
  background: #282A65;
  color: #fff;
  border-radius: 50%;
}