.w-100{
	width: 100%;
}

.card.card-outline-tabs .butt-left {
    margin: .5rem .5rem .3rem;
}

.card-header > .butt-left{
	float: left;
}

.plan_upgrade_bg {
	/*min-height: 100px;
	padding-bottom: 10px*/;
	border-radius: 4px;
}

.plan_upgrade {
    border-radius: 6px;
    margin: 3% 0 0 26%;
    position: absolute;
    width: 170px;
    text-align: center;
    font-size: 13px;
}
/*.plan-row{
	min-height: 130px;
}*/
.plan_upgrade_form{
	min-height: 140px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}
.plan_upgrade_text h5{}

.plan_upgrade_text p, li, td, form, .form-control, input, .custom-file-input, .custom-file, .input-group-append, .custom-file-label, .custom-select, .select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: 14px;
}
.input-group-text{
  font-size: 14px;
}

.grey-text{
  font-size: 14px;
}
.plan_upgrade_bg label{
	font-weight: 400 !important;
}
.api-key{
  display: inline-block;
  position: relative;
  text-align: center;
  padding: .375rem .75rem;
  margin-top: 2.5%;
  width: 70%;
  border-radius: 4px;
  height: calc(2.25rem + 2px);
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  box-shadow: inset 0 0 0 transparent;
}

.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: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

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



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%;
}

.user-active-edit ul{
  margin-top: 10px;
  margin-right: 15px;
  padding: 0px;
  text-align: right;
}
.user-active-edit li, .caller-active-edit li, .sound-active-delete li{
  display: inline-block;
  list-style: none;
}
.sound-active-delete ul{
  padding: 0px;
  text-align: right;
}
.user-deactive, .user-active, .user-edit, .user-delete{
  border-radius: 50%;
  width: 22px;
  height: 22px;
  line-height: 18px;
  vertical-align: middle;
  text-align: center;
  margin: 0px 2px;
}
.user-deactive a, .user-active a, .user-edit a, .user-delete a{
  font-size: 11px;
}

.analytics-card-height{
  min-height: 500px;
}
.analytics-card-height h3{
  margin-bottom: 20px;
  float: none;
}
.analytics-card-height p{
  margin-bottom: 50px;
}
.call-check .form-check .form-check-input{
  position: inherit !important;
}
.call-arrow {
    float: left;
    width: 20%;
    position: relative;
}
.call-text, .call-date, .call-time{
  display: block;
  margin-left: 10%; 
}
.caller-img{
  float: right;
}
.caller, .caller-name, .caller-phone{
  display: block;
  width: 65%;
  float: left;
}
.caller-table p{
  padding: 0px;
  margin: 0px;
}
.caller-edit ul{
  padding: 0px; 
}
.caller-edit li{
  list-style: none;
}

.caller-active-edit ul{
  padding: 0px;
  text-align: right;
}
.caller-check ul{
  margin: 0px;
  padding: 0px;
}
.caller-check li{
  list-style: none;
  width:  50%;
  float: left;

}

@media screen and (min-width: 480px) {
  /*.records{
    float: right;
  }*/
  
}

@media only screen and (max-width: 600px) {
  .card-body.card-mob{
    padding: 0px !important;
  }

  .p-login {
    padding: 10% 2%;
  }

.login-box, .register-box {
    width: 100%;
}
}
.refresh i{
  margin: 0px;
  padding: 0px;
  display: block;
  text-align: center;
}
.refresh span{
  text-align: center;
  font-size: 12px;
  display: block;
}

.nav-popover{
  padding: .5rem 1rem !important;
}
.media-sec{
  min-height: 100px;
}

.slider.slider-horizontal{
  width: 100%;
}
.integration-img{
  min-height: 180px;
}
.integration-img img{
  width: 150px;
  text-align: center;
  margin-bottom: 10px;
}

/*.integration-enable-img{
  min-height: 150px;
}*/
.integration-enable-img img{
  width: 130px;
  text-align: center;
}

.user-edit, .user-delete{
  display: inline-block;
}
.left-tab-bdr{
  border-right: 1px solid #dfdfdf;
}
.form-row-padding .form-group{
  margin-bottom: 5px;
}

.green{
  color: green;
}
.red{
  color: red;
}
.credit p{
  margin: 0px;
  padding: 0px;
}
.history-card ul{
  margin: 0px;
  padding: 0px;
}
.history-card li{
  list-style: none;
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
}

.history-card li ul{
  margin: 0px;
  padding: 0px;
}
.history-card li li{
  width: 50%;
  float: left;
  padding: 10px;
}
.history-card li li:last-child {
  background: rgba(229, 229, 229, 0.5);
}
.payment-right-bdr{
  border-right: 1px solid #fff;
}
.payments-block p{
  margin: 0px;
  padding: 0px;
}
.question{
  
}

.login-box, .register-box{
  width: 370px;
}

.green{
  background-color: #018e44;
  color: #fff;
  border: 1px solid #018e44;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link, .badge-primary, .direct-chat-primary .right>.direct-chat-text, .btn-primary{
  background-color: #018e44;
  color: #fff;
  border: 1px solid #018e44;
}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active{
  background-color: #018e44;
}
a.green, button{
  background-color: #018e44;
  color: #fff;
  border: 1px solid #018e44;
}
a, .page-link{
  color: #018e44;
}
a.green:hover, button:hover, .btn:hover, .btn-primary.focus, .btn-primary:focus{
  background-color: #fff;
  color: #018e44;
  border: 1px solid #018e44;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #018e44;
    border-color: #018e44;
}

.bg-gradient-success {
    background: #28a745 linear-gradient(180deg,#48b461,#28a745) repeat-x!important;
    color: #fff;
}

.datepicker-days table td, .datepicker-days table th{
  color: #fff !important;
}
/*
.p-login{
  padding: 20px 50px 40px;
}*/

.p-login .login-box{
  width: 100%;
}

.reveal-modal {
    position: relative;
    margin: 0 auto;
    top: 25%;
}