/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
@import url("fatema.css");
@import url("shreyas.css");
@import url("mansee.css");

@font-face {
  font-family: "Helvetica Neue";
  src: url("../assets/fonts/HelveticaNeue-Roman.otf");
}
@font-face {
  font-family: "Oswald";
  src: url("../assets/fonts/Oswald-Regular.ttf");
}
html * {
  font-family: "Helvetica Neue",helvetica;
  font-style: normal;
  letter-spacing: 0.5px;
}

u {
  text-decoration-color: #0093E8;
}

.col-sm-6 {
  padding-right: 15px;
}

.group-14-copy {
  height: 88px;
  width: 1792px;
}

.rectangle-copy-2 {
  height: 88px;
  width: 1792px;
  background: linear-gradient(116.46deg, #5F96CD 0%, #0074FF 100%);
}

.primary-bg-color {
  background-color: #ffffff;
}
header.header .topbar {
  margin: 0;
  padding: 2px 0;
  background: linear-gradient(138.59deg, #F5FAFF 0%, #EFEFEF 100%);
  color: #000000;
}
header.header .topbar .active-client .input-group-text, header.header .topbar .active-client .btn {
  color: #000000;
}
header.header .topbar .active-client .btn.btn-active-client span {
  border-bottom: 1px dashed rgba(0,0,0,.65);
}
header.header .topbar .btn {
  line-height: 1;
  color: rgba(0,0,0,.65);
}
header.header .search {
  width: 40px;
  border: 0px;
  border-radius: 0rem;
}

header.header .logo-img {
  max-width: 350px;
  max-height: 80px;
}

.dropdown-toggle::after {
  font-family: 'Font Awesome 5 Pro';
  display: inline-block;
  margin-left: .255em;
  vertical-align: 0;
  content: "\f078";
  border-top: none;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
  font-weight: 900;
}

.navbar-brand {
  display: inline-block;
  padding-bottom: .3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

header.header .navbar-nav a {
  font-size: 13px;
  color: #5B5B5B;
  text-decoration: none;
}

.ml-auto, .mx-auto {
  margin-left: 0px !important;
}

header.header {
  background-color: #fff;
  border-bottom: 1px solid lightgrey;
}

header.header .btn {
  font-size: 12px;
}

header.header .main-navbar-wrapper .navbar-collapse {
  padding: 0rem;
}

header.header .toolbar .nav-link {
  padding: .5rem 1rem;
  border-radius: 0px;
  border: 0px;
  color: #666;
  position: relative;
  font-size: 0.9em;
}

.btn {
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  height: 45px;
}

.button2 {
  height: 27px;
  width: 68px;
  border-radius: 20px;
  background-color: #0092E1;
}

.btn-secondary {
  background-color: white;
  border: none;
  color: black;
}

.master-breadcrumb {
  display: none;
  background-color: #e9ecef;
}

section#main-body {
  margin: 0;
  padding: 0px 0;
  min-height: 350px;
  background-color: #fff;;
}

.primary-content .card-body {
  padding: 20px;
  overflow: auto;
  background-color: #FFFFFF;
  box-shadow: 0 0 6px 2px rgb(105 99 99 / 50%);
}

.primary-content .card.mw-540 {
  max-width: 675px;
  margin-left: auto;
  margin-right: auto;
}

.input-group-prepend {
  margin-right: -1px;
  display: none;
}

.form-group {
  margin-bottom: 1rem;
  margin-left: 0px;
  margin-right: 0px;
}

.form-control-label {
  font-size: 14px;
}

.form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: .375rem .75rem;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #B2B2B2;
  border-radius: 3px !important;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.login-icon-title {
  flex-direction: row;
  display: flex;
  justify-content: center;
  padding-bottom: 8px;
}

.login-icon {
  margin-right: 8px;
  height: 35px;
}

.login-rememberme-btn {
  margin-left: 25px;
  color: #8e8e8e;
  font-size: 12px;
  padding-bottom: 3px;
}

.login-btn-div-btn {
  width: 100%;
  border-radius: 27px;
  background-color: #0093E8;
  font-weight: bolder;
}

.login-btn-div {
  padding-left: 0px;
  padding-right: 0px;
}

.login-forgotpwd-btn {
  margin-top: 10px;
  justify-content: center;
  display: flex;
  font-size: 0.95rem;
}

a {
  color: #0093E8;
  text-decoration: none;
  background-color: transparent;
}

.h3-main-titles {
  font-size: 1.4rem;
  font-weight: bold;
  padding-top: 6px;
}

a:hover {
  color: #0093E8;
  text-decoration: underline;
}

.d-block-list-elements {
  align-items: center;
  margin-left: 10px;
}

.alert-danger {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0rem;
  font-size: 12.5px;
  color: #ffffff;
  background-color: #F24443;
}

.alert-success {
  color: #ffffff;
  background-color: #4EC71B;
  border-color: #4EC71B;
}

.alert {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0rem;
  margin-right: 0px;
  margin-left: 0px;
}
.umc-alert-icon {
  display: flex;
  vertical-align: baseline;
  margin-top: 5px;
  font-size: 30px;
}
.umc-alert-message {
  display: flex;
  width: 88%;
  align-content: center;
  flex-wrap: nowrap;
  padding: 0rem 1rem;
  flex-direction: column
}
.umc-alert-close {
  display: inline-block;
  width: 2%;
}
.cart-btn .badge {
  top: 2px;
  right: 5px;
  opacity: .8;
  font-size: 10px;
  padding: 3px 5px;
  border-radius: 50%;
  color: #fff;
  background-color: #17a2b8;
  text-decoration: none;
}
.cart-btn a:hover {
  text-decoration: none;
}
/*********************Announcement Modal********************/
#announcementModal{
  padding: 0px !important;
}
#announcementModal .modal-body {
  width: 100%;
  height: auto;
  background: url(../../../assets/img/announcement-modal-bg2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  text-align: center;
  border-radius: 0;
}
#announcementModal .modal-body .img-responsive{
  width: 275px;
  margin: 0px 0px 10% 20px;
}
#announcementModal .modal-body p{
  color: #ffffff;
  font-size: 22px;
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
}
#announcementModal .modal-footer{
  padding: 0;
  border: 0;
  border-radius: 0;
}

#announcementModal .modal-footer .btn{
  width: 50%;
  margin: 0px;
  padding: 0px;
  text-align: center;
  border: 0;
  border-radius: 0;
}
#announcementModal .modal-footer .learn-more-btn{
  background-color: #3b7de6;
  color: #ffffff;
}
#announcementModal .modal-footer .close-modal-btn{
  background-color: #ffffff;
  color: #000000;
}
/**********************REGISTER*****************************/

.register-column-display {
  display: block;
}

.register-main-card {
  padding-top: 25px;
  margin-left: 0px;
  margin-right: 0px;
}

.form-group-register {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 1rem;
}

.primary-content .card-title {
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 14px;
}

#registration .prepend-icon .field {
  -webkit-appearance: none;
  padding-left: 20px;
}

#registration .field, #registration .form-control {
  position: relative;
  vertical-align: top;
  border: 1px solid #B2B2B2;
  display: -moz-inline-stack;
  display: inline-block;
  color: #788995;
  outline: 0;
  background: #fff;
  height: 36px;
  width: 100%;
  border-radius: 3px;
  font-size: 12px;
}

.btn-register-cancel {
  color: #0093E8;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
  background-color: white;
  box-sizing: border-box;
  height: 40px;
  width: 155px;
  border: 2px solid #0093E8;
  border-radius: 30px;
  margin-right: 0px;
}

.btn-register {
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
  background-color: #0093E8;
  box-sizing: border-box;
  height: 40px;
  width: 155px;
  border: none;
  border-radius: 30px;
}

.card-inner-margin {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
  margin-top: 0.5rem;
}

.card-register-btns {
  justify-content:center; 
  padding-top: 15px;
}

.progress {
  display: flex;
  height: 0.7rem;
  overflow: hidden;
  line-height: 0;
  font-size: .75rem;
  background-color: #e9ecef;
  border-radius: 13px;
}

input[type=checkbox] {
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	outline: none;
	content: none;	
}

input[type=checkbox]:before {
  font-family: 'Font Awesome 5 Pro';
  content: "\f00c";
  font-size: 15px;
  color: transparent !important;
  display: block;
  width: 19px;
  height: 19px;
  border: 1px solid #B2B2B2 !important;
  border-radius: 3px !important;
}

input[type=checkbox]:checked:before {
	color: black !important;
}

.form-check-input {
  position: absolute;
  margin-top: -0.1rem;
  margin-left: -1.60rem;
}

.progress-bar-text {
  margin-left: 16px;
}

/**********************FOOTER*******************************/

footer.footer {
  background: linear-gradient(138.59deg, #F5FAFF 0%, #EFEFEF 100%);
  color: #000000;
  padding: 0px 0 10px;
}

.footer-alert-msg-box {
  margin: 0 0 50px 0;
  padding: 13px 35px;
  background: linear-gradient(116.46deg, #5F96CD 0%, #0074FF 100%);
  color: #fff;
  font-size: 15px;
  text-align: center;
}

.h4-footer-titles {
  font-size: 1.2rem;
  color: #0059AD;
  padding-top: 15px;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
  padding-top: 0px;
  line-height: 2rem;
}

.list-unstyled li a {
  font-size: 0.85rem;
  color: #000000;
}

footer.footer .copyright {
  margin: 70px 0;
  font-size: .85rem;
  text-align: center;
  width: 100%;
}

.footer-mobile-text-align {
  text-align: center;
}

/*********************************************CLIENT PORTAL PAGE************************************/

.tiles .tile {
  display: block;
  position: relative;
  padding: 12px 20px;
  background-color: #ffffff;
  border-right: 1px solid #ccc;
  text-decoration: none;
  transition: all .3s ease;
}

.tiles .tile:hover {
  background-color: #ffffff;
  cursor: pointer;
}

.tiles .tile:hover i {
  font-size: 70px;
  color: #228ac8;
}

.tiles .tile i {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 55px;
  line-height: 1;
  color: #228ac8;
  transition: all .3s ease;
}

.tiles .tile .num-color-services{
  color: #04A9A4;
}

.tiles .tile .num-color-domain{
  color: #5cb85c;
}

.tiles .tile .num-color-ticket{
  color: #d9534f;
}

.tiles .tile .num-color-invoice{
  color: #BB8E1D;
}

.btn-group-xs>.btn, .btn-xs {
  padding: 4px 13px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 15px;
}

.card-header .card-title .float-right .btn {
  height: 26px;
  background-color: #0093E8;
}

.card-accent-emerald {
  border-top: 3px solid #228ac8;
}

.card-accent-blue {
  border-top: 3px solid #04A9A4;
}

.card-accent-gold {
  border-top: 3px solid #BB8E1D;
}

.dataTables_wrapper table.table-list thead th {
  border-bottom: 4px solid #228ac8;
  font-weight: 400;
}

.input-group-btn .btn-success { 
  color: #fff;
  background-color: #228ac8;
  border-color: #228ac8;
}

.btn-success:hover, .btn-success.focus, .btn-success:focus {
  color: #fff;
  background-color: #228ac8;
  border-color: #228ac8;
}

.input-group-btn .btn-default {
  color: #333;
  background-color: #cacaca;
  border-color: #cacaca;
}

.input-group .input-group-btn .btn {
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 0px 0px;
  cursor: pointer;
  height: 40px;
}

.bg-color-gold {
  background-color: #BB8E1D;
}

.bg-color-blue {
  background-color: #04A9A4;
}

.label {
  max-width: 100%;
  margin-bottom: 5px;
  border-radius: 10px;
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
}

.page-item.active .page-link, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  background-color: #228ac8;
  border-color: #228ac8;
}

/*********************************************CLIENT INVOICE PAGE************************************/

.my-invoice-heading {
  color: #0561CD;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

.my-invoice-h1 {
  font-size: 2rem;
  font-weight: bolder;
}

.my-invoice-sub-head {
  color: #7D7D7C;
  font-size: 0.8rem;
}

.my-invoice-unpaid-notification {
  padding: 18px;
  font-size: 13px;
  box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
  background-color: #ffffff;
}

.table-container {
  background-color: #fff;
    border: 1px solid #e5e5e5;
    padding: 16px;
    margin-bottom: 20px;
    border-radius: 4px;
    font-size: 0.8em;
}

.dataTables_info {
  /* display: none !important; */
  display: none;
}

.dataTables_wrapper table.table-list {
  margin: 10px 0!important;
  width: 100%!important;
  border-radius: 4px;
  border: none !important;
}

table.dataTable>thead>tr>td:not(.sorting_disabled), table.dataTable>thead>tr>th:not(.sorting_disabled) {
  padding-right: 0px;
}

.table-container table.table-list thead th {
  padding: 8px;
  background-color: #fff;
  border-bottom: 2px solid #008bd6;
  color: #333;
  text-align: left;
}

.table-container .sorting_1 .status {
  background-color: #ffffff !important;
  border: 1px solid darkgray;
  border-radius: 3px !important;

}

.status-unpaid {
  background-color: #ffffff !important;
  color: red !important;
}

.status-cancelled {
  background-color: #ffffff !important;
  color: #87939f !important;
}

.status-paid {
  background-color: #ffffff !important;
  color: #498302 !important;
}

.table-container .table-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0px 9px;
}

.table-container .table-header .btn {
  background-color: #fff !important;
  border: 1px solid #e5e5e5 !important;
  padding: 3px 6px;
  margin-left: 10px;
}

.dropdown-menu {
  border-radius: 0 !important;
  font-size: 13px;
}

.dropdown-menu>li>a {
  padding-left: 11px;
  padding-right: 11px;
  margin-bottom: 1px;
  margin-top: 1px;
  color: #393939;
}



.table-container .table-header .btn {
  border: none;
  color: black;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10px;
  margin: 4px 2px;
  cursor: pointer;
  height: 30px;
}

.search-group {
  position: relative;
}

.search-group:before {
  content: "\f002";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  position: absolute;
  height: 100%;
  width: 36px;
  color: #888;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  z-index: 10;
}

/*********************************************VIEW INVOICE PAGE************************************/

.invoice-container .payment-btn {
  margin-top: 5px;
  text-align: right !important;
}

.invoice-container .invoice-status {
  margin: 40px 0 0 0;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 700;
}

@media (min-width: 500px) {
  .invoice-col {
      float: left;
      width: 50%;
  }
}

/*********************************************MASS PAYMENT PAGE************************************/

.card .card-body .mass-pay-title {
  color: #0561CD;
  font-weight: 800;
  font-size: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid #0561CD;
}

.card .table .mass-pay-table-head {
  background-color: #dedddd;
}

.card .table .mass-pay-table-invoice-title {
  color: #0561CD;
}

.masspay-invoice-detail {
  background-color: #f4f4f4;
}

.cc-payment-form .control-label {
  text-align: left;
}

/*********************************************SIDEBAR************************************/

.sidebar .card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
  font-size: 12px;
}

.sidebar .btn {
  overflow: hidden;
  padding-top: 10px;
  font-size: 14px;
}

.sidebar .card-title {
  font-size: 13px;
}

.sidebar .btn-default {
  background-color: #0093E8;
  color: white;
}

.sidebar .list-group-item {
  padding: 7px 15px;
  border-color: #f5f5f5;
  font-size: 12px;
}

.website-servies .card {

  height: auto;
  /* height: 100%; */
}

#sidebarTicketCc #divCcEmailFeedback {
  margin: 0 0 5px 0;
}
/*********************************************SERVICES PAGE************************************/

.table-container .sorting_2 .status {
  background-color: #ffffff !important;
  border: 1px solid darkgray;
  border-radius: 3px !important;
}

.status-suspended {
  color: #f0ad4e;
}

.status-active, .status-completed, .status-open {
  color: #5cb85c;
  background-color: white;
  border: 1px solid #5cb85c;
}

.status-pending {
  color: #d9534f;
}

.status-terminated {
  color: #666;
}

/*********************************************VIEW SERVICES PAGE************************************/

.alert .float-right .btn {
  border: none;
  color: black;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10px;
  margin: 0px 0px;
  cursor: pointer;
  height: 20px;
  border-radius: 0px;
}

.panel .panel-body .btn {
  border: none;
  color: #090808;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
  height: 30px;
  padding-top: 6px;
}

.tab-content .tab-pane .btn {
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  margin: 4px 2px;
  cursor: pointer;
  height: 34px;
}

.btn-default {
  color: #333;
  background-color: #c6c6c6;
  border-color: #ccc;
  height: 40px;
} 

.card-body .alert .umc-alert-icon {
  display: flex;
  vertical-align: baseline;
  margin-top: 5px;
  font-size: 20px;
}

.card-body  .btn {
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 0px 0px;
  cursor: pointer;
  height: 40px;
}

.card-body .col-sm-6 h2 {
  font-size: 1rem;
}

/*--------------------------------------MY DETAILS - CONTACTS PAGE---------------------------------------------*/

.alert .col-md-6 .form-control {
  height: calc(1.5em + .75rem + 2px);
}

.alert .col-md-2 .btn {
  font-size: 12px;
  height: 33px;
  background-color: #0093E8;
  color: white;
}

/*--------------------------------------MY DETAILS - ACCOUNT SECURITY PAGE---------------------------------------------*/

#frmSingleSignOn .bootstrap-switch .bootstrap-switch-container {
  width: 200px !important;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary {
  color: #292b2c;
  background-color: #d8d8d8;
  border-color: #ccc;
}

/*--------------------------------------MY DETAILS - EMAIL HISTORY PAGE---------------------------------------------*/

#tableEmailsList table.dataTable>thead>tr>td:not(.sorting_disabled), table.dataTable>thead>tr>th:not(.sorting_disabled) {
  padding-right: 173px;
}

#tableEmailsList .btn {
  height: 30px;
  font-size: 12px;
}

/*--------------------------------------GENERATE PASSWORD POP UP---------------------------------------------*/

.mytheme-bg-primary {
  background-color: #0093E8 !important;
}

/*--------------------------------------SECURITY SETTINGS---------------------------------------------*/

.btn-success {
  color: #ffffff;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    background-color: #0093E8;
    box-sizing: border-box;
    height: 40px;
    width: 155px;
    border: none;
    border-radius: 30px;
}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
  color: #fff;
  background-color: #0093E8;
}

.btn-danger {
  color: #0093E8;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
  background-color: white;
  box-sizing: border-box;
  box-shadow: none;
  height: 40px;
  width: 155px;
  border: 2px solid #0093E8;
  border-radius: 30px;
  margin-right: 10px;
}

.btn-danger:hover, .btn-danger:active, .btn-danger:focus, .btn-danger:focus-visible, .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-danger.dropdown-toggle {
  color: #0093E8;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  background-color: white;
  box-sizing: border-box;
  box-shadow: none;
  border: 2px solid #0093E8;
  border-radius: 30px;
}

#alertOverdueInvoice .float-right .btn-default {
  background-color: #fff;
}

.domain-register-cart-review-subheading1 .form-group .col-sm-7 .input-250 {
  padding: 5px!important;
  margin: 0px !important;
}

.table-container .status-fraud {
  color: black !important;
}
/*--------------------------------------DOMAINS LISTING---------------------------------------------*/

#tableDomainsList table.dataTable>thead>tr>td:not(.sorting_disabled), table.dataTable>thead>tr>th:not(.sorting_disabled) {
  padding-right: 0px;
}

#tableDomainsList .status-pending {
  color: #fff;
}

#domainForm .btn-default {
  color: #fff;
  background-color: #0093E8;
  border-color: #0093E8;
}

 /*--------------------------------------User Management Page---------------------------------------------*/ 
 
.btn-manage-permissions {
    font-size: 13px !important;
    height: 30px !important;
}

.btn-remove-user {
    font-size: 13px !important;
    height: 30px !important;
}

 /*--------------------------------------User Management Page---------------------------------------------*/ 

[name="test"] {
  border: 5px solid yellow;
}

/*-----------------------------------------------------------------------------------*/ 

.mb-3 .col-lg-6 {
  padding-left: 32px;
}

.mb-3 .col-lg-6 h5 {
  font-size: 1rem;
  margin-right: 10px;
  font-weight: 600;
}

.card-body .attachment-group .btn {
  height: 38px;
}

.sidebar .col-button-left .btn-success{
  width: 90px !important;
  margin: 0px 0px;
  padding-top: 5px;
}

.sidebar .col-button-right .btn-danger{
  width: 90px !important;
  margin: 0px 0px;
  padding-top: 5px;
}

#inputKnowledgebaseSearch {
  font-size: 1rem;
  height: 42px;
}

#inputDownloadsSearch {
  height: 44px;
  margin-top: 5px;
}

#btnKnowledgebaseSearch {
  margin: 0px 0px;
  height: 42px;
  background-color: #0093E8;
  font-size: 1rem;
}

.kb-category .card-body .h5 {
  font-size: 1rem;
}

.kb-category .badge-info {
  color: #fff;
  background-color: #0093E8;
}

/*******************************CHURCH-BRANDED-EMAILS****************************/

.church-branded-rectangle {
    transform: rotate(360deg);
    background: radial-gradient(circle, rgba(255,255,255,0.6) 0%, #FFFFFF 0%, #FFFFFF 0.94%, #E9E9E9 49.91%, #e5e5e5 100%, #F4F6F6 100%);
}

.church-branded-rectangle h2 {
  color: #000;
  padding-bottom: 10px;
  font-weight: 600;
}

.church-branded-rectangle p {
  color: #000;
  font-size: 0.9rem;
}

.church-branded-rectangle .container {
  padding-top: 30px;
  padding-bottom: 30px;
}

.church-branded-rectangle .btn-register {
  color: #fff;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  margin: 15px 0px;
  cursor: pointer;
  background-color: #2790ED;
  box-sizing: border-box;
  height: 50px;
  width: 200px;
  border: none;
  border-radius: 30px;
}

.church-branded-rectangle .rectangle-col1 {
  max-width: 50%;
}

.church-branded-rectangle .rectangle-col2 img{
  width: 30rem;
  margin-left: 77px;
}

.vl {
  height: 535px;
  width: 1px;
  border-left: 1px solid #979797;
  margin-top: 30px;
}

.template-content-left {
  width: 60%;
  padding: 40px 40px 0px 0px;
}

.template-content-left p :not(.row) {
  text-align : justify !important;
  /* padding: 40px 40px 0px 0px; */
}

.template-content-left .column {
  width: 32%;
  text-align: center;
}
.template-content-left .embcol {
  width: 33.33% !important;
}

.template-content-left h6 {
  font-weight: 600;
}

.template-content-left .med-plan {
  background-color: #04A9A4;
}

.template-content-left .high-plan {
  background-color: #DDA522;
}

.template-content-left .btn-register {
  margin-top: 25px;
}

.template-content-right {
  padding-top: 40px;
  width: 39%;
  padding-left: 50px;
}

.template-content p {
  font-size: 0.9rem;
}

.template-content-right h4 {
  color: #0C59A8;
  font-weight: 600;
  padding-bottom: 15px;
}

.template-content-right .login-rememberme-btn {
  margin-left: 26px;
  padding-top: 5px;
}

.template-content-right .login-btn-div {
  padding-left: 0px;
  padding-right: 0px;
}

.bigheader {
  color: #0561CD;
}

.heading-underline {
  border-bottom: 3px solid #0092E1;
  width: 209px;
  border-radius: 11px;
}

.template-content .my-invoice-heading {
  padding-top: 95px;
}

.church-branded-email-popup {
  background-color: #f4f4f4;
    border: 1px solid #cbcbcb;
    padding: 40px;
    margin-top: 35px;
}

.church-branded-email-popup .alert {
  margin-right: 0px;
  margin-left: 0px;
}

.church-branded-email-popup .optboxes {
  background-color: white;
  padding: 20px;
}

.church-branded-email-popup .form-control {
  width: 71%;
  display: inline-block;
  height: 50px;
}

.church-branded-email-popup .btn {
  width: 28%;
  height: 50px;
  display: inline-block;
  font-size: 17px;
  background-color: #26A5D9;
}

.church-branded-email-popup .additional-product-field {
  border: 1px dotted #000;
  padding: 0px 10px 0px 10px;
}

.church-branded-email-popup .additional-product-field .btn {
  width: 15%;
    height: 40px;
    display: inline-block;
    font-size: 17px;
    background-color: #26A5D9;
    margin-left: 68%;
    color: #fff;
}
/*******************************CONTACT US****************************/

.web-hosting-services .column {
  width: 33%;
  text-align: center;
}

.web-hosting-services h6 {
  font-weight: 600;
}

.web-hosting-services p {
  margin: 30px 25px;
  font-size: 0.8rem;
}

/*******************************REGISTER A DOMAIN****************************/

.register-domain input[type=text] {
  padding: 25px;
  margin-top: 45px;
  font-size: 13px;
  border: 1px solid #979797;
  border-bottom-left-radius: 30px !important;
  border-top-left-radius: 30px !important;
}

.register-domain button {
  padding: 6px;
  height: 43px !important;
  background: #26A5D9;
  font-size: 17px;
  border: none;
  cursor: pointer;
  margin-left: -5px;
  border-bottom-right-radius: 30px !important;
  border-top-right-radius: 30px !important;
}

.register-domain .input-group-btn {
  padding-top: 45px;
}

.domain-pricing .tld-pricing-header .col-sm-2, .domain-pricing .tld-pricing-header .col-sm-4, .domain-pricing .tld-pricing-header .col-xs-2, .domain-pricing .tld-pricing-header .col-xs-4 {
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: none !important;
  background-color: #26A5D9 !important;
  border-radius: 4px 4px 0 0;
  color: #fff !important;
}

.register-domain .font-size-18 {
  font-size: 1.3rem;
  padding-top: 35px;
}

.register-domain .domain-pricing .tld-row {
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: 1px solid #d8d8d8 !important;
  font-size: 0.8rem !important;
}

.domain-pricing .tld-pricing-header div:nth-child(odd) {
  border-color: #369;
  background-color: #26A5D9 !important;
  color: #fff !important;
}

.register-domain .input-group-lg>.custom-select, .input-group-lg>.form-control:not(textarea) {
  height: calc(1.5em + 1.5rem + 2px);
}

.register-domain .input-group .input-group-btn .btn {
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 0px 0px;
    cursor: pointer;
    height: 51px !important;
    width: 190px !important;
}


.suggested-domains .btn:not(.domain-contact-support) {
  padding: 2px 10px;
  font-size: 11px;
  line-height: 1.4;
  border-radius: 3px !important;
  background-color: #26A5D9;
  border-color: #333;
  color: #fff;
}

.register-domain #order-standard_cart {
  margin-top: 50px;
}

.register-domain .domain-register-cart-review {
  background-color: #f4f4f4;
  padding: 55px;
}

.register-domain .domain-register-cart-review .domain-register-cart-review-subheading1 {
  background-color: #fff;
  box-shadow: 0 0 6px 2px rgba(105,99,99,0.5);
  padding: 35px;
}

.register-domain .domain-register-cart-review .domain-register-cart-review-subheading1 .sub-heading {
  border-top: 0px solid #DDD !important;
  text-align: left !important;
  font-weight: 600;
}

.register-domain .domain-register-cart-review .domain-register-cart-review-subheading1 .sub-heading span {
  padding: 0px !important;
}

.register-domain .domain-register-cart-review .domain-register-cart-review-subheading1 .form-group {
  margin-bottom: 0rem;
}

.register-domain .domain-register-cart-review  .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.register-domain .domain-register-cart-review  .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.register-domain .domain-register-cart-review  .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

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

.register-domain .domain-register-cart-review  input:checked + .slider {
  background-color: #2196F3;
}

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

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

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

.register-domain .domain-register-cart-review  .slider.round:before {
  border-radius: 50%;
}

.register-domain .domain-register-cart-review .panel-addon {
  text-align: left !important;
  margin-left: 15px !important;
}

.register-domain .domain-register-cart-review .panel-addon .panel-price {
  padding: 0px !important;
  background-color: #ffffff !important;
  text-align: right !important;
  vertical-align: -webkit-baseline-middle;
  font-weight: 600;
}

.register-domain .domain-register-cart-review .panel-addon .panel-add {
  display: block !important;
  padding: 7px !important;
  background-color: #2196F3 !important;
  color: #fff !important;
  border-radius: 20px !important;
  text-align: center !important;
  cursor: pointer;
  /*float: right !important;*/
  margin-right: 5px !important;
  /*width: 23% !important;*/
  margin-top: 15px !important; 
  /*height: 35px !important;*/
  /*font-size: 0.9rem !important;*/
}

/* commented by SF on 17-07-23
.register-domain .domain-register-cart-review .panel-addon .icheckbox_square-blue {
  background-image: none !important;
}*/

.register-domain .domain-register-cart-review .addon-products {
  border-bottom: 1px solid #d9d9d9 !important;
}

.register-domain .domain-register-cart-review .server-input {
  margin-top: 20px !important;
}

.register-domain .domain-register-cart-review input[type=text] {
  padding: 25px;
  margin: 6px;
  font-size: 13px;
  border: 1px solid #979797;
  border-bottom-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
}

.register-domain #order-standard_cart label {
  margin-right: 10px;
  font-weight: 300;
  font-size: 12px;
  color: #000;
  font-weight: 600;
  margin-bottom: 15px;
}
/********************************* Email Account page **********************************/

.dspmsg {
    margin-bottom: 16px;
    padding: 5px;
}
.deleteCheckError{
    border-color: red;
    border-style:solid;
}
.dn {
    display: none;
}
.hidden{
  display: none !important;
}
.customtooltip{
  width: max-content;
  background-color: #a3a1a1 !important;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute !important;
  z-index: 1;
  top: 150%;
  left: 40%;
  margin-left: -60px;
}

.customtooltip::after {
  
  position: absolute !important;
  bottom: 100%;
  left: 40%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #0093e8 transparent;
    background-color:transparent !important
}

/*****************************************************************************************************/


.transfer-domain input[type=text] {
  padding: 6px;
  font-size: 13px;
  border: 1px solid #979797;
}

.transfer-domain .form-group {
  font-size: 0.9rem;
}

.transfer-domain .panel-body {
  padding-top: 25px;
}

.transfer-domain .card-footer {
  padding: 0rem;
  background-color: #F6F6F6;
  border-top: none;
}

/***************************************CONFIGURE PRODUCT - AGENCY***********************************************/

.configure-product-h2 {
  font-weight: 600;
  color: #0561CD;
  text-align: center;
  font-size: 1.7rem;
}

.configure-product-p {
  text-align: center;
  margin-top: 40px;
  font-size: 0.8rem;
}

.configure-product-p p {
  margin-bottom: 0.5rem;
}

.configure-product-tabs {
  margin-top: 40px;
}

.configure-product .tab {
  overflow: hidden;
  justify-content: center;
  display: flex;
}

/* Style the buttons inside the tab */
.configure-product .tab button {
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0px 0px;
  transition: 0.3s;
  font-size: 17px;
  background-color: #fff;
}

.configure-product img {
  width: 155px;
} 

/* Style the tab content */
.configure-product .tabcontent {
  display: none;
  padding: 6px 12px;
}

.configure-product select {
  word-wrap: normal;
  padding: 15px;
  margin: 10px;
  font-size: 0.8rem;
  margin-top: 50px;
  border: 1.5px solid #018FF0;
}
.configure-product select.countrypicker {
  word-wrap: normal;
  padding: .375rem .75rem;
  margin: 0px;
  border: 1.5px solid #b2b2b2;
}

.configure-product .select2-container {
  margin-top: 50px;
} 

.configure-product .select2-container--default .select2-selection--single {
  border: 1.5px solid #018FF0;
  border-radius: 0px;
  padding: 8px;
  height: 45%;
}

.configure-product .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #000;
  font-size: 0.8rem;
}

.configure-product .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 11px;
  right: 1px;
  width: 20px;
}

.configure-product .cart-summary {
  border: 1px solid #979797;
  background-color: #F3F9FF;
  border-radius: 5px;
  padding: 25px;
  font-size: 0.8rem;
  margin-top: 50px !important;
}

.configure-product .cart-summary h2 {
  font-size: 1.2rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
}

.configure-product .cart-summary .clearfix {
  border-bottom: 1px solid #ccc;
  padding: 10px 0px;
}

.configure-product .cart-summary .pull-right {
  float: right;
}

.configure-product .cart-summary .pull-left {
  float: left;
}

.configure-product .cart-summary .total-due-today {
  padding: 10px 0px;
  font-weight: 600;
}

.configure-product .cart-summary .btn-register {
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 20px 2px;
  cursor: pointer;
  background-color: #0093E8;
  box-sizing: border-box;
  height: 40px;
  width: 245px;
  border: none;
  border-radius: 30px;
}
.configure-product .cart-summary .summary-totals {
  margin-bottom: 20px !important;
}
.configure-product .domain-setup {
  margin-top: 30px;
}

.configure-product .domain-setup h5 {
  font-weight: 600;
  color: #1C64C6;
}

.configure-product .domain-setup p {
  font-size: 0.8rem;
  color: #6A6A6A;
  margin-left: 40px;
}

.configure-product .domain-setup a {
  color: #0071D5;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: underline;
}

.configure-product .domain-setup .domain-setup-p {
  font-size: 0.9rem;
  color: #000000;
  margin-bottom: 0.2rem;
  margin-left: 40px;
}

.configure-product .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.configure-product  .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

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

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

.configure-product  input:checked + .slider {
  background-color: #2196F3;
}

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

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

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

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

.configure-product #secondary_content {
  display: none;
}

.configure-product #secondary_content_webpage {
  display: none;
}

.configure-product .switch-text{
  margin: 5px 15px;
}

.configure-product .form-group {
  margin-bottom: 2rem;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 2rem;
}

.configure-product .form-control {
  border-radius: 0px !important;
}

.configure-product .input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  padding-left: 20px;
  padding-right: 25rem;
}

.configure-product .tabcontent img, .configure-product .domain-setup img {
  width: 30px;
  margin-right: 10px;
}

input[type='radio'] {
  accent-color: #0071D5;
}

.configure-product .card-register-btns {
  justify-content: center;
  padding-top: 15px;
}
#secondary_content  .btn-register {

  margin: 0px !important;
  border-radius: 0px !important;

}
.configure-product .content-tabs{
  width: 70%;
  display: inline-block;
  vertical-align: top;
}
.configure-product .cartsummary-section{
  width: 29%;
  display: inline-block;
  vertical-align: top;
}
.configure-product .cartsummary-section .total-due-today .amt {
  float: right;
}

/**********************************************HOMEPAGE********************************************/

.homepage {
  background: url(../../../assets/img/blue-background-clouds.svg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 550px;
}

.homepage h2 {
color: #ffffff !important;
padding-bottom: 20px;
font-weight: 600;
}

.homepage p {
  color: #ffffff !important;
  font-size: 1rem;
  padding-bottom: 20px;
}

.homepage .rectangle-col2 p {
  font-size: 0.9rem;
}

.homepage .btn-register {
  color: #2369D8 !important;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  margin: 15px 0px;
  cursor: pointer;
  background-color: #ffffff !important;
  box-sizing: border-box;
  height: 55px;
  width: 230px;
  border: none;
  border-radius: 30px;
}

.homepage-main-content .card {
  height: 100%;
}

.homepage-main-content .template-content-left {
  padding: 40px 50px 0px 0px;;
}
.homepage-main-content .two-cols {
  width: 50% !important;
  padding-top:0;
}
.homepage-main-content .two-cols-right {
  width: 49% !important;
  padding-top:0;
}
.homepage-main-content .my-invoice-heading {
  color: #0C59A8;
}

.homepage-main-content .heading-underline {
  border-bottom: 4px solid #0092E1;
}

.homepage-main-content .card-header {
  background-color: #228AC8;
  color: #fff;
}

.homepage-main-content .template-content p {
  font-size: 0.9rem;
}

.homepage-main-content .card ul {
  list-style-type: square;
  color: #0093E8;
  margin-left: 3rem;
  margin-right: 3rem;
}

.homepage-main-content .card li {
  text-align: left;
  color: #0093E8;
  font-size: 1rem;
}

.homepage-main-content .template-content .card ul li::marker {
  font-size: 3rem;;
}

.homepage-main-content .card li span {
  color: #000;
  font-size: 0.9rem;
  vertical-align: middle;
}

.homepage-main-content .column-2 .card-header {
  background-color: #04A7A2;
  color: #fff;
}

.homepage-main-content .column-2 .card ul {
  list-style-type: square;
  color: #04A7A2;
  margin-left: 3rem;
  margin-right: 3rem;
}

.homepage-main-content .column-2 .card li {
  text-align: left;
  color: #04A7A2;
  font-size: 2rem;
}

.homepage-main-content .card .hmc {
  width: 25rem;
  margin-bottom: 30px;
  margin-top: 30px;
  font-weight: 600;
  font-size: 1.2rem;
}

.homepage-main-content .column .hmc {
  background-color: #228AC8;
}

.homepage-main-content .column-2 .card .hmc {
  background-color: #04A7A2;
}

.homepage-main-content .add-on-services .card {
  background-color: #EFF4F6;
  border: none;
}

.homepage-main-content .add-on-services .card-header {
  background-color: #EFF4F6;
  color: #000000;
  border-bottom: none;
}

.homepage-main-content .add-on-services .column-2 .card li {
  text-align: left;
  color: #0093E8;
  font-size: 2rem;
}

.homepage-main-content .add-on-services .card .hmc {
  width: 15rem;
  margin-bottom: 30px;
  margin-top: 30px;
  font-weight: 600;
  font-size: 1.2rem;
}

.homepage-main-content .add-on-services .my-invoice-h1 {
  font-size: 1.7rem;
}

.homepage-main-content .add-on-services .card .hmc {
  background-color: #228AC8;
}

.homepage-main-content .umconnect-services .card-header {
  background-color: #ffffff;
  color: #000;
  border-bottom: none;
  padding-top: 50px;
}

.homepage-main-content .umconnect-services .column-2 .card {
  background-color: #228AC8;
  color: #fff;
}

.homepage-main-content .umconnect-services .column-2 .card-header {
  background-color: #228AC8;
  color: #fff;
  border-bottom: none;
  padding-top: 50px;
}

.homepage-main-content .umconnect-services .column-2 .card .hmc {
  background-color: #fff;
  color: #228AC8;
}

.homepage-main-content .mySlides {
  display: block;
}

.homepage-main-content .slideshow-container {
  position: relative;
  margin: auto;
}

.homepage-main-content .dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #ffffff;
  border: 1px solid #000;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.homepage-main-content .active, .dot:hover {
  background-color: #0093E8;
  border: 2px solid #0093E8;
}

.homepage-zoom-btn {
  display: flex;
  justify-content: center;
  align-items: center;
}

.zoom-quantity-input {
  padding-right: 40rem;
}

.zoom-license-inputbox {
  flex-direction: row;
}

/************************************* Website Hosting ****************************************/

.ribbon {
  margin: 0;
  padding: 0;
  background: #C29827;
  color:white;
  padding:5px 0;
  position: absolute;
  top:0;
  right:0;
  font-size: 0.8rem;
  transform: translateX(30%) translateY(0%) rotate(45deg);
  transform-origin: top left;
}
.ribbon:before,
.ribbon:after {
  content: '';
  position: absolute;
  top:0;
  margin: 0 -1px; /* tweak */
  width: 100%;
  height: 100%;
  background: #C29827;
}
.ribbon:before {
  right:100%;
}

.ribbon:after {
  left:100%;
}

.web-hosting .table td {
  font-weight: 600;
  font-size: 0.9rem;
}

.web-hosting-packages .card-content .logo-img {
  width:8%;
  display:inline-block;
  margin-top: 5px;
  vertical-align: top;
}

.web-hosting-packages .webhosting-cart-content {
  margin-left:5px;
  font-size: 0.8rem;
  display:inline-block;
  width: 89%;
}
/*************************************** Website Services *******************************************/

.website-servies .card-header {
  padding: 0rem!important;
  background-color: rgba(0,0,0,0);
  border-bottom: 0px solid rgba(0,0,0,.125);
}

.website-servies .card-header img {
  width: 60%;
  margin-top: 25px;
}

.website-servies .card-body .card-title {
  font-weight: 600;
  font-size: 1.2rem;
  padding-top: 0px;
}

.knowledgebase-article .card-body article ol {
  font-size: 0.9rem;
}
/*************************************** CART REVIEW *******************************************/
 
 /* === range theme and appearance === */
 input[type="range"] {
  font-size: 1rem;
  width: 10em;
}

input[type="range"] {
  color: #ef233c;
  --thumb-height: 1.125em;
  --track-height: 0.125em;
  --track-color: rgba(0, 0, 0, 0.2);
  --brightness-hover: 180%;
  --brightness-down: 80%;
  --clip-edges: 0.125em;
}

input[type="range"].win10-thumb {
  color: #3a86ff;
  --thumb-height: 1em;
  --thumb-width: 0.35em;
  --clip-edges: 0.0125em;
  margin-left: 15px;
}

#order-standard_cart .btn-remove-from-cart {
  cursor: pointer !important;
}

/*--------------------------------------2FA POP UPS---------------------------------------------*/
.twofa-setup .btn-primary {
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
  background-color: #0093E8;
  box-sizing: border-box;
  height: 40px;
  width: 155px;
  border: none;
  border-radius: 30px;
}
.twofa-setup .btn-default {
  color: #0093E8;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
  background-color: white;
  box-sizing: border-box;
  height: 40px;
  width: 155px;
  border: 2px solid #0093E8;
  border-radius: 30px;
  margin-right: 0px;
}
.twofa-setup .alert {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
@media (prefers-color-scheme: dark) {
  html {
    background-color: #000;
  }

  html::before {
    background: radial-gradient(circle at center, #101112, #000);
  }

  input[type="range"] {
    color: #f07167;
    --track-color: rgb(152 152 152 / 48%);
  }

  input[type="range"].win10-thumb {
    color: #3a86ff;
  }
}

/* === range commons === */
input[type="range"] {
  position: relative;
  background: #fff0;
  overflow: hidden;
}

input[type="range"]:active {
  cursor: grabbing;
}

input[type="range"]:disabled {
  filter: grayscale(1);
  opacity: 0.3;
  cursor: not-allowed;
}

/* === WebKit specific styles === */
input[type="range"],
input[type="range"]::-webkit-slider-runnable-track,
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  transition: all ease 100ms;
  height: var(--thumb-height);
}

input[type="range"]::-webkit-slider-runnable-track,
input[type="range"]::-webkit-slider-thumb {
  position: relative;
}

input[type="range"]::-webkit-slider-thumb {
  --thumb-radius: calc((var(--thumb-height) * 0.5) - 1px);
  --clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px);
  --clip-bottom: calc(var(--thumb-height) - var(--clip-top));
  --clip-further: calc(100% + 1px);
  --box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0
    100vmax currentColor;

  width: var(--thumb-width, var(--thumb-height));
  background: linear-gradient(currentColor 0 0) scroll no-repeat left center /
    50% calc(var(--track-height) + 1px);
  background-color: currentColor;
  box-shadow: var(--box-fill);
  border-radius: var(--thumb-width, var(--thumb-height));

  filter: brightness(100%);
  clip-path: polygon(
    100% -1px,
    var(--clip-edges) -1px,
    0 var(--clip-top),
    -100vmax var(--clip-top),
    -100vmax var(--clip-bottom),
    0 var(--clip-bottom),
    var(--clip-edges) 100%,
    var(--clip-further) var(--clip-further)
  );
}

input[type="range"]:hover::-webkit-slider-thumb {
  filter: brightness(var(--brightness-hover));
  cursor: grab;
}

input[type="range"]:active::-webkit-slider-thumb {
  filter: brightness(var(--brightness-down));
  cursor: grabbing;
}

input[type="range"]::-webkit-slider-runnable-track {
  background: linear-gradient(var(--track-color) 0 0) scroll no-repeat center /
    100% calc(var(--track-height) + 1px);
}

input[type="range"]:disabled::-webkit-slider-thumb {
  cursor: not-allowed;
}

/* === Firefox specific styles === */
input[type="range"],
input[type="range"]::-moz-range-track,
input[type="range"]::-moz-range-thumb {
  appearance: none;
  transition: all ease 100ms;
  height: var(--thumb-height);
}

input[type="range"]::-moz-range-track,
input[type="range"]::-moz-range-thumb,
input[type="range"]::-moz-range-progress {
  background: #fff0;
}

input[type="range"]::-moz-range-thumb {
  background: currentColor;
  border: 0;
  width: var(--thumb-width, var(--thumb-height));
  border-radius: var(--thumb-width, var(--thumb-height));
  cursor: grab;
}

input[type="range"]:active::-moz-range-thumb {
  cursor: grabbing;
}

input[type="range"]::-moz-range-track {
  width: 100%;
  background: var(--track-color);
}

input[type="range"]::-moz-range-progress {
  appearance: none;
  background: currentColor;
  transition-delay: 30ms;
}

input[type="range"]::-moz-range-track,
input[type="range"]::-moz-range-progress {
  height: calc(var(--track-height) + 1px);
  border-radius: var(--track-height);
}

input[type="range"]::-moz-range-thumb,
input[type="range"]::-moz-range-progress {
  filter: brightness(100%);
}

input[type="range"]:hover::-moz-range-thumb,
input[type="range"]:hover::-moz-range-progress {
  filter: brightness(var(--brightness-hover));
}

input[type="range"]:active::-moz-range-thumb,
input[type="range"]:active::-moz-range-progress {
  filter: brightness(var(--brightness-down));
}

input[type="range"]:disabled::-moz-range-thumb {
  cursor: not-allowed;
}

#storage_value0 {
  margin-left: 5px;
}

/*************************************** CART CHECKOUT *******************************************/

.domain-register-cart-review .item-qty {
  margin-left: 10px;
}

.domain-register-cart-review .item-qty .fa {
  margin: 10px;
  font-size: 10px;
  cursor: pointer;
}

/* Chrome, Safari, Edge, Opera */
.domain-register-cart-review .item-qty input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.domain-register-cart-review .item-qty input[type=number] {
  -moz-appearance: textfield;
}

#order-standard_cart label, #order-standard_cart p.domain-renewal-desc {
  margin-right: 27px !important;
}

/**************************************************************************************************/

#main_content .domainConfigActionBtn {
  margin-top: 15px;
}

#main_content .domainConfigReadonly {
  margin: 10px 0px 10px 10px;
  padding: 5px 170px 5px 5px;
  border: 2px solid #0093E8;
}

#main_content .option {
  margin-left: 15px;
  margin-top: 12px;
}

#main_content .option .domain-row .input-group {
  padding-right: 10rem;
}

#main_content .domainConfigActionBtn {
  margin-top: 15px;
}

#main_content #domaintransfer #transfertlderror {
  margin-left: 30px;
    width: 45rem;
    color: red;
}

#secondary_content .domainConfigReadonly {
  margin: 10px 0px 10px 10px;
  padding: 5px 170px 6px 5px;
  border: 2px solid #0093E8;
}

#secondary_content .option {
  margin-left: 15px;
  margin-top: 12px;
}

#secondary_content .option .domain-row .input-group {
  padding-right: 10rem;
}

#secondary_content #domainregister .btn-register {
  margin-top: 10px !important;
  height: 39px;
}

#secondary_content #domainregister #registertlderror {
    margin-left: 30px;
    width: 45rem;
    color: red;
}

#secondary_content #domainsubdomain .domainConfigReadonly {
  margin: 15px 0px 15px 45px;
}

#secondary_content .domainConfigActionBtn {
  margin: 20px;
}

#secondary_content select {
  margin-left: 30px !important;
  height: 45px;
}

.configure-product .domain-setup #frmConfigureDomains p {
  margin-left:0px;
}

#registerDomainPanel .btn-success {
  font-size: 10px;
  width: 70px;
}

#registerDomainPanel .btn-default {
  font-size: 10px;
}

.sidebar .list-group-item.active, .sidebar .list-group-item.active:focus, .sidebar .list-group-item.active:hover {
  background-color: #0093E8 !important;
  border-color: #0093E8 !important;
}

.umc-alert-message ul {
  padding: 0px;
}

.umc-alert-message li {
  list-style: none;
}

.web-hosting-packages .card-content {
  padding: 0px 40px 10px 40px;
  height: 17rem;
}

.website-servies .card-content {
  padding: 0px 40px 10px 40px !important;
}

#tableInvoicesList i.fas {
  font-size: 16px;
  color: #0093e8;
  display: inline-flex;
  font-weight: bold;
  margin-left: 15px;
}

.createuserform .modal-dialog .modal-body .alert-success {
  color: #4EC71B;
  background-color: #f2f2f2;
  border-color: #4EC71B;
}

.page-item.active .page-link {
    z-index: 1;
}

table.table-list tbody td {
  padding: 10px 8px;
  vertical-align: middle;
  font-size: 0.85em;
}

/*--------------------------------------MOBILE VIEW---------------------------------------------*/

@media screen and (max-width: 1199px) {
  .navbar {
    width: 100%;
    padding: 0rem;
  }
  .navbar ul#nav li, .navbar ul#nav li a {
    width: 100%;
  }
}

@media screen and (min-width: 1200px) {
  .alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0rem;
    margin-right: 170px;
    margin-left: 170px;
  }

  .login-btn-div {
    padding-left: 155px;
    padding-right: 155px;
  }

  .col-sm-6 {
    padding-right: 0px;
  }

  .login-form .form-group, .password-reset-form .form-group {
    margin-bottom: 1rem;
    margin-left: 155px;
    margin-right: 155px;
  }

  .login-rememberme-btn {
    margin-left: 180px;
    padding-top: 5px;
  }

  .card-inner-margin {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
    margin-top: 0.5rem;
  }

  .card-register-btns {
    justify-content:end; 
    padding-top: 15px;
  }

  .register-main-card {
    padding-top: 25px;
    margin-left: 165px;
    margin-right: 165px;
  }

  .btn-register-cancel {
    color: #0093E8;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    background-color: white;
    box-sizing: border-box;
    height: 40px;
    width: 155px;
    border: 2px solid #0093E8;
    border-radius: 30px;
    margin-right: 10px;
  }

  .progress-bar-text {
    margin-left: 0px;
  }

  .umc-alert-message {
    width: 93%;
    margin-top: 10px;
    text-align: left;
  }

  .list-unstyled {
    padding-left: 0;
    list-style: none;
    padding-top: 15px;
    line-height: 2rem;
  }

  .h4-footer-titles {
    font-size: 1.2rem;
    color: #0059AD;
    padding-top: 0px;
  }

  .footer-mobile-text-align {
    text-align: left;
  }

  footer.footer .copyright {
    margin: 60px 0;
    font-size: .85rem;
    text-align: center;
    width: 100%;
  }
  
  .footer-alert-msg-box {
    margin: 0 0 40px 0;
      padding: 13px 35px;
      background: linear-gradient(116.46deg, #5F96CD 0%, #0074FF 100%);
      color: #fff;
      font-size: 15px;
      text-align: center;
  }

  .cc-payment-form .card .invoice-payment-card {
    margin-left: 0px;
    margin-right: 0px;
  }

  .mass-payment-card {
    margin-left: 0px;
    margin-right: 0px;
  }

  .cc-payment-form .control-label {
    text-align: right;
  }

  .using-password-strength .form-group {
    margin-left: 0px;
    margin-right: 0px;
  }

  .using-password-strength .alert {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .card-body .table-striped .form-group {
    margin-left: 0px;
    margin-right: 0px;
  }

  .card-body .alert .umc-alert-message {
    width: 90%;
    text-align: left;
    margin-top: 5px;
  }

  .col-sm-6 .form-group {
    margin-left: 0px;
    margin-right: 0px;
  }

  .card-body .alert {
    margin-left: 0px;
    margin-right: 0px;
  }

  .col-lg-9 .alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0rem;
    margin-right: 0px;
    margin-left: 0px;
  }

  .card .user-security {
    width: 190px;
    padding: 8px;
  }
  /*************************************** CART CHECKOUT *******************************************/

  .checkout-cart {
    float: left;
    margin-right: 0px !important;
  }

  .checkout-cart .prepend-icon .field-icon {
    top: 3px !important;
  }

  .checkout-cart .card-inner-margin {
    margin-left: 0rem !important;
    margin-right: 25rem !important;
    margin-top: 0.5rem;
  }

  #registration .register-main-card {
    margin-left: 165px;
  }

  .register-main-card {
    padding-top: 25px;
    margin-left: 0px;
    margin-right: 165px;
  }

  .checkout-cart .card-title-h2 {
    font-weight: 600;
    margin-top: 55px;
    font-size: 0.8rem;
    margin-bottom: 50px;
  }

  .checkout-cart .card-title-p {
    font-size: 0.8rem;
    margin-bottom: 65px;
  }

  .checkout-cart .card-title-h3 {
    font-size: 1rem;
  }

  .checkout-cart .card-subtitle-p {
    font-size: 0.7rem;
    color: #6A6A6A;
    margin-bottom: 20px;
  }

  .web-hosting-packages .card-content {
    padding: 0px 10px 10px 10px;
    height: 18.2rem;
  }

  .website-servies .card-content {
    padding: 0px 10px 50px 10px !important;
    /*height: 17rem !important;*/
  }

  .church-branded-rectangle .rectangle-col2 img {
    width: 25rem;
    margin-left: 77px;
  }
  
}

/**************************************************************************************************/

@media screen and (max-width: 768px) {
  
    .homepage {
      height: 1305px;
    }

    .church-branded-rectangle .rectangle-col1 {
      padding-left: 20px;
      max-width: none;
    }

    .church-branded-rectangle .rectangle-col2 img {
      width: 17rem !important;
      margin-left: 20px;
    }

    .church-branded-rectangle .rectangle-col2 .column {
        width: 55% !important;
    }

    .church-branded-rectangle .rectangle-col2 .column p {
      padding-bottom: 0px !important;
    }

    .church-branded-rectangle .rectangle-col2 .row {
      margin-left: 40px !important;
    }

    .church-branded-rectangle .rectangle-col2 .row .column h2 {
      padding-left: 0px !important;
    }

    .church-branded-rectangle .rectangle-col2 .row .column p {
      padding-left: 0px !important;
    }

    .homepage-main-content .template-content-left {
      padding: 10px 10px 10px 10px;
      width: 100%;
    }
    .homepage-main-content .two-cols {
      width: 100% !important;
      padding-top:0;
    }
    .homepage-main-content .two-cols-right {
      width: 100% !important;
      padding-top:0;
    }
    .template-content-left {
      padding: 10px 10px 10px 10px;
      width: 100%;
    }

    .register-domain .input-group .input-group-btn .btn {
      font-size: 10px;
      height: 52px !important;
      width: 90px !important;
    }

    .template-content {
      padding: 0px 0px 0px 0px !important;
    }

    .template-content-right {
      padding-top: 40px;
      width: 85%;
      padding-left: 50px;
    }

    .template-content .my-invoice-heading {
      padding-top: 10px;
    }

    .template-content .row .column {
      width: 80% !important;
    }

    .template-content .row .column-2 {
      width: 80% !important;
    }

    .homepage-main-content .card .hmc {
      width: 15rem;
    }

    .template-content-left .row .column {
      width:100% !important;
    }

    .add-on-services .column {
      width: 100% !important;
      margin: 0px 0px 0px 0px !important;
    }

    .add-on-services .column-2 {
      width: 100% !important;
      margin: 0px 0px 0px 0px !important;
    }

    .umconnect-services .column {
      width: 100% !important;
      margin: 0px 0px 0px 0px !important;
    }

    .umconnect-services .column-2 {
      width: 100% !important;
      margin: 0px 0px 0px 0px !important;
    }

    .template-content .web-hosting-services .column {
      width: 100% !important;
    }

    .web-hosting-packages .column {
      width: 80% !important;
    }

    .web-hosting-packages .column-2 {
      width: 80% !important;
    }

    .web-hosting-packages .column-3 {
      width: 80% !important;
    }

    .web-hosting-packages .card-content {
      padding: 0px 20px 10px 20px !important;
      height: 17rem !important;
    }

    .website-servies .card-content {
      padding: 0px 20px 10px 20px !important;
      height: 17rem !important;
    }

    .web-hosting-packages .card .btn-register {
      margin-top: 100px;
    }

    .website-servies .column {
      width: 80% !important;
    }

    .website-servies .column-2 {
      width: 80% !important;
    }

    .website-servies .column-3 {
      width: 80% !important;
    }

    .website-servies .card .btn-register {
      margin-top: 115px;
    }

    .domain-register-cart-review {
      padding: 10px 10px 10px 10px !important;
    }
    .checkout-cart .prepend-icon .field-icon {
      top: 13px !important;
    }
    #containerNewUserSignup hr {
      margin-right: 0rem !important;
    }

    .suggested-domains .actions {
      float: right;
    }

    .configure-product img {
      width: 55px;
    }

    .configure-product .cartsummary-section {
      width: 100%;
    }

    .configure-product .domain-setup {
      margin-top: 30px;
      margin-left: 0px;
      margin-right: 0px;
    }

    #secondary_content .domainConfigReadonly {
      margin: 10px 0px 10px 10px;
      padding: 5px 76px 6px 5px;
      border: 2px solid #0093E8;
    }

    #secondary_content #domainregister .btn-register {
      margin-top: 0px !important;
      height: 39px;
      margin-left: 30px!important;
    }

    #secondary_content #domainsubdomain .domainConfigReadonly {
      margin: 15px 0px 15px 0px;
    }

    #secondary_content .domainConfigActionBtn {
      margin: 0px;
    }

    .configure-product-tabs .content-tabs .column {
      width: 100% !important;
    }

    .configure-product .content-tabs {
      width: 100%;
      display: inline-block;
      vertical-align: top;
    }

    .configure-product select {
      word-wrap: normal;
      padding: 6px;
      margin: 10px;
      font-size: 0.8rem;
      margin-top: 10px;
      border: 1.5px solid #018FF0;
    }

    .configure-product .select2-container {
      margin-top: 10px;
      margin-left: 10px;
    }

    .configure-product .select2-container--default .select2-selection--single {
      border: 1.5px solid #018FF0;
      border-radius: 0px;
      padding: 0px;
      height: 45%;
    }

    .suggested-domains {
      width: 45%;
    }

    .suggested-domains .panel-heading, .suggested-domains .card-header {
      border-bottom: 2px solid #0093E8;
      text-align: center;
    }

    #main_content .domainConfigReadonly {
      margin: 10px 0px 10px 10px;
      padding: 5px 55px 5px 5px;
      border: 2px solid #0093E8;
    }

    .domain-selection-options #main_content {
      width: 100%;
    }

    #order-standard_cart .cart-body {
      width: 90% !important;
      float: none;
    }

    #secondary_content .domain-input-group .col-sm-2 .domainConfigActionBtn {
      margin: -2px 0px 0px 29px !important;
    }

    #frmConfigureDomains .stdalonedomain .login-btn-div-btn {
      width: 100% !important;
      margin-left: 0rem !important;
    }

    .domain-register-cart-review .domain-register-cart-review-subheading1 .form-group .logo-img {
      width: 10% !important;
    }

    .domain-register-cart-review .domain-register-cart-review-subheading1 .form-group .cart-content-price {
      text-align: start !important;
      padding-left: 0px !important;
    }

    .domain-register-cart-review .domain-register-cart-review-subheading1 .form-group .col-sm-9 ol #inputPromotionCode {
      width: 85% !important;
    }

    .domain-register-cart-review .domain-register-cart-review-subheading1 .form-group .col-sm-9 ol button {
      width: 90% !important;
    }

    #order-standard_cart .empty-cart {
      text-align: center !important;
      margin: -21px -47px 0 0;
      line-height: 1em;
    }

    #order-standard_cart .text-center .btn {
      width: 100% !important;
      margin-left: 0rem !important;
    }

    .domain-register-cart-review .item-qty {
      margin-left: -22px;
    }

    .domain-register-cart-review .domain-register-cart-review-subheading1 .form-group .btn-remove-from-cart {
      margin-left: -2px !important;
    }

    .domain-register-cart-review .domain-register-cart-review-subheading1 hr {
      margin: 5px 0px 20px 0px !important;
    }

    .domain-register-cart-review .domain-register-cart-review-subheading1 .form-group .col-sm-9 span {
      display: flex !important;
    }

    .domain-register-cart-review .domain-register-cart-review-subheading1 .form-group .col-sm-9 span input[type="range"].win10-thumb {
      color: #3a86ff;
      margin-left: 0px;
      margin-top: 10px;
    }

    .domain-register-cart-review .domain-register-cart-review-subheading1 .form-group .col-sm-9 span #storage_value2 {
      padding: 8px;
    }

    .domain-register-cart-review .domain-register-cart-review-subheading1 .form-group .col-sm-2 .webSecurityProductSwitch {
      float: left !important;
      margin-left: -15px !important;
    }

    .domain-register-cart-review .domain-register-cart-review-subheading1 .mb-3 .col-sm-9 {
      padding: 10px !important;
    }

    #order-standard_cart label, #order-standard_cart p.domain-renewal-desc {
      margin-right: 15px !important;
    }

    .domain-register-cart-review .domain-register-cart-review-subheading1 .form-group .iradio_square-blue {
      background-position: -168px 0;
      margin-left: 0px;
      vertical-align: top !important;
    }

    .domain-register-cart-review .domain-register-cart-review-subheading1 .form-group .promo-code {
      font-size: 1rem !important;
      text-align: center !important;
      font-weight: 600;
    }

    #agency-country-select {
      width: 90%;
    }

    #frmProductDomain .domain-selection-options .option label {
      font-size: 0.9rem;
      width: 50%;
    }

    .register-domain .domain-register-cart-review input[type=text] {
      padding: 10px;
      margin: 0px;
    }

    .configure-product .form-group {
      margin-top: 0rem;
    }

    #order-standard_cart .register-domain .empty-cart #btnEmptyCart {
      margin: 10px 0px 0px 0px;
      width: 70%;
    }

    .domain-register-cart-review .domain-register-cart-review-subheading1 .mb-3 .col-sm-9 {
      margin-left: 15px;
    }

    .zoom-quantity-input {
      padding-right: 0rem !important;
    }

    .zoom-license-inputbox {
      flex-direction: column;
    }
  }

@media screen and (min-width: 1280px) and (max-width: 1800px) {

  
}

@media screen 
    and (device-width: 375px) 
    and (device-height: 812px) 
    and (-webkit-device-pixel-ratio: 3) { 


}

@media screen 
    and (min-width: 250px) and (max-width: 400px)  { 

    .homepage {
        height: 1360px !important;
    }

}

@media screen and (min-width: 770px) and (max-width: 990px) {

  .web-hosting-packages .column {
    width: 40% !important;
  }

  .web-hosting-packages .column-2 {
    width: 40% !important;
  }

  .web-hosting-packages .column-3 {
    width: 40% !important;
  }
  
  .web-hosting-packages .column-2 .card-content {
    height: 19.2rem !important;
  }
}