body{
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.has-another-tab-overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(16, 16, 16, 0.5);
    pointer-events: none;
}

.has-another-tab-overlay::before{
    content: 'You have opened this DNS Records Manager in another tab. Please make sure to close this tab and continue with that. If you are not sure, Please reload this page again.';
    position: fixed;
    color: black;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    background-color: white;
    padding: 10px;
    border-radius: 4px;
    text-align: center;
    pointer-events: none;
}

.newbackground-color{
    background-color: #EEEEEE;
}
[ng-cloak],.ng-cloak,[data-ng-cloak],[ng\:cloak],[x-ng-cloak],.x-ng-cloak{display:none!important}
button:focus{
    outline: none;
}

.general-btn{
    background-color:#007CA4;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    font-family: lato;
}
.general-btn:hover{
    cursor: pointer;
}
input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 2.5px;
    background-clip: content-box;
    border: 2px solid #007CA4;
    border-radius: 50%;
    cursor: pointer;
}
input[type="radio"]:checked {
    background-color: #007CA4;
}
input:focus,button:focus,textarea:focus,select:focus{
    outline: none;
}
textarea {
    border: 1px solid #cccccc;
}
.text-red{
    color: red;
}
.overflow-auto{
    overflow: auto;
}
.modal{
    padding-right: 0 !important;
}

/* myaccountlogin page start*/
.myaccountlogin-bg{
    background-image:url("../images/login-bg.svg") ;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.myaccountlogin-h1{
    color: #1A98C2;
    padding-top: 30px;
    font-size: 28px;
}
/*.myaccountlogin-p > a{*/
/*    color: #132361 !important;*/
/*    display:inline-block !important;*/
/*    text-decoration: none !important;*/
/*    font-weight: 400 !important;*/
/*}*/

.myaccountlogin-p {
    font-size: 12px;
}

.myaccountlogin-a {
    color: #409CBB;
    display:inline-block;
    text-decoration: none;
    font-weight: 400;
}

.myaccountlogin-login-button{
    background-color:#007CA4;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    margin-top: 5px;
    align-self: center;
    margin-bottom: 10px;
}

.myaccountlogin-input{
    /*  border: none;
      color: #0d0d0d;
      text-align: left;
      text-decoration: none;
      display: inline-block;
      font-size: 12px;
      width: 120%;
      border: 1px solid #cccccc;
  */
    width: 100%;
    padding: 6px 10px;
    border: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.myaccountlogin-input>div>input{
    border: 2px solid #CCCCCC;
}
.myaccountlogin-input:focus{
    outline: none;
}

.myaccountlogin-input::placeholder{
    color: #cccccc;
    font-size: 13px;
}
.myaccountlogin-loginform{
    padding-right: 70px;
    padding-left: 70px;
}

.myaccountlogin-font-size{
    font-size: 12px;
}

.locklogin-loginform{
    font-size: 17px;
    margin-top: 18px;
    font-family: "CamboRegular", Georgia, "Times New Roman", Times, serif;
    color: blue;
}


.myaccountlogin-with-logo{
    position: absolute;
    top: 50%;
    margin-top: -260px;
    width: 100%;
    text-align: center;
    color: #666666;
}

.myaccountlogin-logo{
    max-width: 270px;
    margin: auto;
    padding-bottom: 20px;
}

.myaccountlogin-form-container {
    background-color: #ffffff;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;

}

.myaccountlogin-loginform hr {
    border-top: 1px solid rgba(0, 0, 0, 0.3) !important;
}

.myaccountlogin-signup {
    background-color: #fca42a !important;
    font-family: lato !important;
    font-size: 14px !important;
    padding: 8px 30px !important;
    color: #ffffff !important;
    font-weight: 900 !important;
}

@media only screen and (min-width: 440px) {
    .myaccountlogin-form-container {
        border-style: solid;
        border-color: #cccccc;
        border-width: 1px;
        border-radius: 1%;
    }
    .myaccountlogin-with-logo{
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -260px;
        margin-left: -220px;
        width: 440px;
        text-align: center;
    }

}
/* myaccountlogin page end*/


/* myaccount page start*/
@media screen and (min-width:1360px) {
    .myaccount-dashboard-container{
        margin-right: 10px;
        margin-left: 10px;
    }
}

.myaccount-bg{
    background-color:#EEEEEE;
}
.myaccount-dashboard-item{
    text-align: center;
    position: relative;
    background-color: white;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 2px 2px 4px #cccccc;
}

.myaccount-dashboard-item-right {
    text-align: center;
    position: relative;
    background-color: white;
    border-radius: 10px;
    display: flex;
    align-items: center;
    box-shadow: 2px 2px 4px #cccccc;
    justify-content: center;
}

.myaccount-dashboard-item-right-domain-interest-img {
    margin-left: 40px;
}

.myaccount-dashboard-item-right-add-credi-debit-card-details-img {
    margin-left: 50px;
}

.myaccount-dashboard-item-email-notverified{
    -webkit-box-shadow: 3px 3px 2px 0px #EEEEEE;
    box-shadow: 3px 3px 2px 0px #EEEEEE;
    border-style: solid;
    border-color: #EEEEEE;
    border-width: 1px;
    text-align: center;
    position: relative;
    background-color: #EEEEEE;
}

.myaccount-dashboard-item-domainsearch{
    text-align: center;
    position: relative;
    background: #0C1589;
}
@media only screen and (min-width: 800px) {

}
@media only screen and (max-width: 800px) {

}

@media only screen and (max-width: 769px) {

}
.myaccount-dashboard-itemheight275{
    min-height: 240px;
}

.myaccount-remove-underline:hover{
    text-decoration: none;
}

.myaccount-dashboard-itemheight125{
    min-height: 125px;
}

.myaccount-dashboard-itemheight100{
    min-height: 85px;
}

.myaccount-dashboard-item-heading{
    color: black;
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 0 !important;
}

.myaccount-dashboard-item-icon {
    font-size: 80px;
    color: #0B91BE;
}

.myaccount-dashboard-font{
    color: #999999;
    font-size: 13px;
}
.myaccount-customer-name{
    text-decoration: none;
    color:white;
    font-size:13px;
}
.myaccount-customer-name:hover{
    text-decoration: none;
    color: white;
}
.myaccount-dashboard-item-footer{
    height:  40px;
    position: absolute;
    width: 100%;
    bottom: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.myaccount-dashboard-item-footer>p{
    font-size: 13px;
    color: white;
    margin: 0 !important;
    padding: 0 !important;
}

.myaccount-bestweb-heading{
    font-family: bestweb;
    font-size: 26px;
    margin-top: 20px;
    color: white;

}

.myaccount-bestweb-p{
    color: white;
    font-family: bestweb;
}

.myaccount-bestweb-grid-item{
    background-image:url("../images/dashboard-bestweb.jpg") ;
    background-repeat: no-repeat;
    background-size: cover;

}

.myaccount-domainsearch-button2{
    background-color: #dddddd !important;
    width: 50px;
}

.myaccount-input{
    background-color: white;
    color: black;
    font-size: 14px;
    text-align: left;
    height: calc(2.25rem + 8px);
}

.myaccount-input, .myaccount-input:hover,.myaccount-input:focus,.myaccount-input:active,
.myaccount-input:active:focus:not(:disabled):not(.disabled) {
    box-shadow: none !important;
    outline: 0 !important;
    text-decoration: none !important;
    border: none !important;
}

.myaccount-domainsearch-button2, .myaccount-domainsearch-button2:hover,.myaccount-domainsearch-button2:focus,.myaccount-domainsearch-button2:active,
.myaccount-domainsearch-button2:active:focus:not(:disabled):not(.disabled) {
    box-shadow: none !important;
    outline: 0 !important;
    border: none;
}

.myaccount-form {
    padding-left: 5%;
    padding-right: 5%;
}

.myaccount-form .input-group-text {
    color: black;
    background-color: #ffffff;
}

@media only screen and (max-width: 285px) {
    .myaccount-input{
        font-size: 10px;
    }
}
.myaccount-input::placeholder{
    color: black;
    text-align: left;
    font-size: 14px;
}

.myaccount-domainsearch>input::placeholder{
    font-size: 13px;
}

.myaccount-domainsearch-input{
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
    padding-bottom: 4px;
    padding-top: 2px;
    margin-right: 0;
}

.myaccount-domainsearch-input::placeholder{
    font-size: 15px;
}

.myaccount-bestweb-button-specs{
    border: none;
    padding: 8px 18px 8px 18px;
    font-size: 14px;
    color:#A96700;
    font-weight: bold;
}

@media only screen and (min-width: 575px) {
    .myaccount-bestweb-button{
        margin-top: 35px;
    }
}

.myaccount-domainsearch{
    width: 100%;
}

.myaccount-domainsearch-button{
    background-color:#004E75;
    border: none;
    padding-top: 3px;
    padding-bottom:4px;
    padding-right: 12px;

}
.myaccount-domainsearch>input::placeholder{
    font-size: 13px;
}

.myaccount-domainsearch-input{
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
    padding-bottom: 4px;
    padding-top: 2px;
    margin-right: 0;
}

.myaccount-domainsearch-input::placeholder{
    font-size: 15px;

}
.myaccount-dashboard-item-description{
    max-width: 90%;
    margin: auto;
}

.myaccount-FillEssentialDetailForm{
    padding-left: 40px;
    padding-right: 40px;

}

.myaccount-FillEssentialDetailForm-btn{
    background-color:#007CA4;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    margin-top: 5px;
    align-self: center;
    margin-bottom: 10px;
}

#bannerCarousel {
    height: 200px;
    border-radius: 10px;
}

.banner-carousel-div {
    background: linear-gradient(to bottom, #0C1589 50%, #EEEEEE 50%);
}

#bannerCarousel .carousel-inner {
    height: 100%;
    padding-left: unset;
    padding-right: unset;
    border-radius: 10px;
}

#bannerCarousel .carousel-inner .carousel-item {
    border-radius: 10px;
    height: 100%;
}

#bannerCarousel .carousel-inner .carousel-item img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

#bannerCarousel .carousel-control-next, #bannerCarousel .carousel-control-prev , #bannerCarousel .carousel-indicators {
    filter: invert(100%);
    cursor: pointer;
}

.middle-and-large-screens-only {
    display: none;
}

.mobile-screens-only {
    display: inline-flex;
}

@media (min-width: 800px){
    .middle-and-large-screens-only {
        display: flex;
    }

    .mobile-screens-only {
        display: none;
    }
}

@media (max-width: 800px){
    .banner-carousel-div {
        background: #EEEEEE;
    }

    #bannerCarousel {
        height: unset;
    }

    #bannerCarousel .carousel-inner .carousel-item img {
        border: 1px solid black;
    }

    .myaccount-form {
        padding-left: unset;
        padding-right: unset;
    }
}

.new-feature-flag {
    display: inline-block;
    font-family: inherit;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    top: 10%;
    left: 5%;
    font-weight: bold;
    background-color:#FF9C00;
    border-radius: 4px;
    color: white;
    padding: 6px 12px;
    font-size: 14px;
}

@media only screen and (max-width: 992px) {
    .new-feature-flag {
        top: 5%;
        left: 4%;
    }
}

/*myaccount page end*/
.message{
    color: #E22212;
    font-size: 14px;
}
/*mysite page start*/
.loading-overlay{display:block;z-index:9999;padding:20px 0}.loading-overlay.hide{display:none}

.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #007CA4;
    border-color: #007CA4 transparent #007CA4 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.mysiteservicepage-packageselect-selectbtn:hover{
    color: white;
}

.mysiteservicepage-packageselect-card
{
    box-shadow: 1px 1px 4px grey;
    /*height: 90vh;*/
}

.mysiteservicepage-packageselect-title
{
    background-color: rgb(21, 195, 21);
}

.mysiteservicepage-packageselect-bg
{
    background-color: #EEEEEE;
}

.mysiteservicepage-domainselect-hr {
    margin-bottom: 0rem;
}

.mysiteservicepage-packageselect-bg
{
    background-color: #EEEEEE;
}

.mysiteservicepage-packageselect-selectbtn{
    background-color:#007CA4;
    border: none;
    color: white;
    padding: 8px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-top: 5px;
    align-self: center;
    margin-bottom: 10px;
}

.mysiteservicepage-breadcrumb ul li a{
    color: #333333;
    text-decoration: none;
}

.mysiteservicepage-breadcrumb ul li a:hover,.text-hover-orange:hover{
    color: orange;
}

.mysiteservicepage-breadcrumb .text-muted{
    font-style: normal;
    font-weight: 500;
    color: #666666;
}

.mysiteservicepage-breadcrumb{

    border-bottom: 1px solid #DCDCDC;
}

@media screen and (min-width: 1125px){
    .mysiteservicepage-packageselect-container {
        padding-left: 160px;
    }

    .mysiteservicepage-breadcrumb{
        padding-left: 170px;
    }
}

.mysiteservicepage-packageselect-form {
    margin-left: -5px;
}

.mysiteservicepage-domainselect-h4{
    font-size: 15px;
    text-align: left;
}

.mysiteservicepage-domainselect-btn{
    background-color:#007CA4;
    border: none;
    color: white;
    padding: 6px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    top: 4px;
    align-self: center;
}

@media screen and (max-width: 678px){

    .mysiteservicepage-packageselect-maragin-left{
        padding-left: 4.5%;
    }

    .mysiteservicepage-aligntext{
        padding-left: 1.2%;
    }
}

@media screen and (max-width: 1120px){
    .mysiteservicepage-packageselect-padding-left{
        padding-left: 2%;
    }
}

.mysiteservicepage-packageselect-padding-left{
    padding-left: 1%;
}

.mysiteservicepage-packageselect-date{
    width: 15%;
}
.mysiteservicepage-packageselect-package{
    width: 20%;
}
.mysiteservicepage-packageselect-action{
    width: 25%;
}


.mysitedomaindisplay button{
    width: 190px;
    font-family:lato;
    font-weight: 500;
}

.mysiteservicepage-domainselect-h4{
    font-size: 15px;
    text-align: left;
    padding-left: 0.8%;

}

.mysiteservicepage-aligntext{
    font-size: 15px;
    text-align: left;
    padding-left: 0.2%;
}
.mysiteservicepage-aligntextleft{
    font-size: 15px;
    text-align: left;
    padding-left: 0.8%;
}

#RegisteredDomainList thead tr th{
    text-align: center;
    background-color:#EEEEEE;
    font-family:lato;
    color: #222222;
}
#RegisteredDomainList tbody tr td{
    text-align: left;
    font-family:lato;
}

.mysiteservicepage-packageselect-selectbtn{
    font-weight: 500;
    font-family: Lato;
}

@media screen and (min-width: 1125px){
    .mysiteservicepage-packageselect-container {
        padding-left: 156px;
    }

}
/*mysite page end*/

/*Footer css for 4.1.3-bootsrap - START*/
.footer-contact-detail{
    margin-bottom: -1px;
}
.footer-contact-detail-phone{
    margin-top: -17px;
}
.footer-contact-detail>span{
    margin-top: 6px;
}
/*Footer css for 4.1.3-bootsrap - END*/



/*MyAccountPage_mydocuments page start*/


.myaccountpage-mydocuments-breadcrumb ul li a{
    color: #333333;
    text-decoration: none;
}
.myaccountpage-mydocuments-breadcrumb ul li a:hover,.text-hover-orange:hover{
    color: orange;
}

.myaccountpage-mydocuments-breadcrumb .text-muted{
    font-style: normal;
    font-weight: 500;
    color: #666666;
}.myaccountpage-mydocuments-breadcrumb{


     border-bottom: 1px solid #DCDCDC;
 }

.myaccountpage-mydocuments-h2,.myaccountpage-mydocuments-h4{
    font-style: normal;
    font-weight: normal;
}
.myaccountpage-mydocuments-h2{
    color: #007CA4;
}
.myaccountpage-mydocuments-h4,form legend{
    font-size:18px;
}
.bg-side-nav{
    background: #004E75;
    color: #CFEBF9;
    padding: 12px 20px;
}
.text-side-nav {
    color: #666666;
    padding: 12px 20px;
    border-top: 2px solid #007CA4;;
}
/*********Claim Other Domain*******/


/* domain interest page start */

.myaccountpage_domaininterest-container{
    margin-top: -1px;

}
.myaccountpage_domaininterest-border {
    border: 1px solid #DDDDDD;
    margin-top: 49.14px;
    padding-bottom: 30px;
}
.myaccountpage_domaininterest-form{

    padding: 10px 10px 10px 10px;
}
.myaccountpage_domaininterest-tables-container{
    margin-top: 49.14px;
}
@media screen and (min-width: 1000px) {
    .myaccountpage_domaininterest-border {
        margin-left: -23px;

    }
    .myaccountpage_claimRequest-tooltip{
        bottom: 30px;
    }
    .myaccountpage_domaininterest-tables-container{
        margin-left: -23px;
    }
    .myaccountpage_domaininterest-form{
        padding: 20px 250px 0px 250px;
    }
    .myaccountpage_domaininterest-tables {
        margin-left: 180px;
        margin-right: 12.8%;
    }
    .myaccountpage_domaininterest-form-container{
        margin-left: 200px;
        margin-right: 40px;
    }
}
@media screen and (max-width: 1000px) {
    .myaccountpage_domaininterest-tables {
        margin-left: 15px;
    }
    .myaccountpage_domaininterest-form-container{
        margin-left: 15px;
        margin-right: 15px;
    }
    .myaccountpage_claimRequest-tooltip{
        bottom: 40px;
    }
}


.myaccountpage_domaininterest-item a:hover{
    color: orange;
}

.myaccountpage_domaininterest-breadcrumb ul li a{
    color: #333333;
    text-decoration: none;
}

.myaccountpage_domaininterest-breadcrumb ul li a:hover,.text-hover-orange:hover{
    color: orange;
}

.myaccountpage_domaininterest-breadcrumb .text-muted{
    font-style: normal;
    font-weight: 500;
    color: #666666;
}

.myaccountpage_domaininterest-breadcrumb{

    border-bottom: 1px solid #DCDCDC;
}

@media screen and (min-width: 992px){
    .myaccountpage_domaininterest-tabs {
        margin-top: 30px;
        margin-left: 160px;
        width: auto;
    }

    .myaccountpage_domaininterest-breadcrumb{
        padding-left: 170px;
    }
}

.myaccountpage_domaininterest-item{
    background-color: #004E75;
    border-top: 2px solid rgb(2, 117, 216);
    border-bottom: 0px;
    margin: 1px;
    padding: 0px;
}

a:hover, a:visited, a:link, a:active{
    text-decoration: none;

}

.myaccountpage_domaininterest-item a {
    color: white;
}

.myaccountpage_domaininterest-item a:active{
    color: #000;

}

.myaccountpage_domaininterest-textfield{
    border-color: #CCCCCC !important;
    border-width: 0.5px;
    max-width: unset;
    color: #666666;
    margin-left: 0.5px;
    font-size: 14px;
    font-weight: 400;
}
.myaccountpage_domaininterest-textfield:-webkit-autofill {
    -webkit-text-fill-color: #666666 !important;
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.myaccountpage_domaininterest-textfield:focus{
    outline: none;
}
.myaccountpage_domaininterest-card
{
    box-shadow: -1px 1px 4px grey;
}

@media only screen and (max-width: 992px) {
    .myaccountpage_domaininterest-item{
        width: 100%;
        margin-top: 5px;
    }

    .myaccountpage_domaininterest-tabs {
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 6px;
    }
}
.myaccountpage_claimRequest-container{
    margin-left: 215px;
}
.myaccountpage_claimRequest-fields{
    border-color:#CCCCCC !important;
    border-width: 0.5px;
    max-width: unset;
    color: #666666;
    margin-left: 0.5px;
    font-size: 14px;

}
.myaccountpage_claimRequest-fields:-webkit-autofill {
    -webkit-text-fill-color: #666666 !important;
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.myaccountpage_claimRequest-fields:focus{
    outline: none;
}
.myaccountpage_claimRequest-table-container{
    margin-top: 49.14px;

}
@media screen and (min-width: 1000px) {
    .myaccountpage_claimRequest-table-container {
        margin-left: -23px;
    }

}
.myaccountpage_claimRequest-tooltip {
    cursor:pointer;
    position: absolute;
    color: #007CA4;
    right: 50%;
    margin-right: -115px;
}

.myaccountpage_claimRequest-tooltip .myaccountpage_claimRequest-tooltiptext {
    visibility: hidden;
    width: 280px;
    background-color: #007CA4;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -140px;
    font-size: 14px;
}

.myaccountpage_claimRequest-tooltip .myaccountpage_claimRequest-tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #007CA4 transparent transparent transparent;

}
.myaccountpage-mydocuments-side-navigation nav ul li a{
    text-decoration: none;
    font-weight: 500;
}
form.form-generic .middleColumn{
    width:270px;
    margin-right: 10px;
    float: left;
}
form select,form input.file{
    font-size: 14px;
    padding: .375rem .75em;
    cursor: pointer;
    border: 1px solid #ccc;
    width: 100%;
    color: #666666;
}
form input.file{
    height: 2.125rem;
    line-height: normal;
    padding-top: .200rem;
}

@media screen and (min-width: 1125px){
    .myaccountpage-mydocuments-side-nav,.myaccountpage-mydocuments-breadcrumb{
        padding-left: 110px;
    }.myaccountpage-mydocuments-side-nav{
         padding-top: 30px;
     }
    .myaccountpage-mydocuments-documentedit form fieldset {
        width: 562px;
        float: left;
    }
    .myaccountpage-mydocuments-document-edit form fieldset {
        width: 842px;
        float: left;
    }.myaccountpage-mydocuments-submit{
         margin-top: 43px;
     }
}
form fieldset{
    padding:0;
}
.display-none .left{
    display: none;
}
.myaccountpage-mydocuments-submit{
    font-size: 14px;
    height:34px;
    background: #007CA4;
    font-weight: 500;
    border-style:none ;
}
.myaccountpage-mydocuments-table,th,tr,td{
    border: 1px solid #DDDDDD;
}
.myaccountpage-mydocuments-table th{
    font-size: 18px;
    line-height: 21px;
    background: #EEEEEE;
}
.myaccountpage-mydocuments-table{
    width: 95%;
}
.myaccountpage-mydocuments-table td{
    font-size: 20px;
    line-height: 23px;
    font-weight: normal;
}
@media screen and (max-width: 1120px){
    .myaccountpage-mydocuments-side-navigation nav ul li a{
        display: block;
    }.myaccountpage-mydocuments-form .field {
         overflow: hidden;
         margin-bottom: 10px;
     }.myaccountpage-mydocuments-overflow{
          overflow-x: auto;
      }
}
@media screen and (max-width: 678px){
    .myaccountpage-mydocuments-table td,.myaccountpage-mydocuments-table th{
        font-size: 14px;
        padding: 10px;
    }form span.message{
         float: left;
     }
}
form span.message.validation{
    position: inherit;
}
/*MyAccountPage_mydocuments page end*/




/*********Claim Other Domain*******/

/* domain interest page start */

.myaccountpage_domaininterest-item{
    background-color: #007CA4;
    border-top: 2px solid rgb(2, 117, 216);
    border-bottom: 0px;
    margin: 1px;
    padding: 0px;
}

a:hover, a:visited, a:link, a:active{
    text-decoration: none;
}


.myaccountpage_domaininterest-item a:hover, .myaccountpage_domaininterest-item a:link{
    color: white;
    font-weight: bolder;
}

.myaccountpage_domaininterest-item a:active{
    color: #000;
    font-weight: bolder;
}

.myaccountpage_domaininterest-textfield{
    border-color: blueviolet;
    border-width: 0.5px;
}

.myaccountpage_domaininterest-card
{
    box-shadow: -1px 1px 4px grey;
}

@media only screen and (max-width: 992px) {
    .myaccountpage_domaininterest-item{
        width: 100%;
        margin-top: 5px;
    }

    .myaccountpage_domaininterest-tabs {
        background-color: white;
        margin-top: -15px;
    }
}

.myaccountpage_claimRequest-fields{
    border-color: blueviolet;
    border-width: 0.5px;
}

.myaccountpage_claimRequest-table-header {
    background-color: #007CA4;
}

.myaccountpage_claimRequest-tooltip {
    cursor:pointer;
    position: relative;
    display: inline-block;
}

.myaccountpage_claimRequest-tooltip .myaccountpage_claimRequest-tooltiptext {
    visibility: hidden;
    width: 280px;
    background-color: #EDEDED;
    color: #666666;
    border-radius: 6px;
    font-size: 14px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.myaccountpage_claimRequest-tooltip:hover .myaccountpage_claimRequest-tooltiptext {
    visibility: visible;
}
/***************Claim Other Domain End **********/

/*mysite page end*/


/*mydocuments page start*/
.myaccountpage-mydocuments-breadcrumb ul li a{
    color: #333333;

    text-decoration: none;
}
.myaccountpage-mydocuments-breadcrumb ul li a:hover,.text-hover-orange:hover{
    color: orange;
}
.myaccountpage-mydocuments-breadcrumb .text-muted{
    font-style: normal;
    font-weight: 500;
    color: #666666;
}.myaccountpage-mydocuments-breadcrumb{

     border-bottom: 1px solid #DCDCDC;
 }

.myaccountpage-mydocuments-side-nav{
    line-height: 1.8;
}
.myaccountpage-mydocuments-content,.myaccountpage-mydocuments-side-nav,.myaccountpage-mydocuments-breadcrumb,.myaccountpage-mydocuments-content select{
    font-family: lato;
}

.myaccountpage_claimRequest-tooltip:hover .myaccountpage_claimRequest-tooltiptext {
    visibility: visible;
}

.myaccountpage_claimRequest-title {
    color: #222222;
    font-size: 16px;
    font-weight: 700;
}

.myaccountpage_claimRequest-fields-btn {
    background-color: #007CA4;
}


.myaccountpage_domaininterest-title {
    font-size: 16px;
    font-weight: bold;
}


.myaccountpage_domaininterest-hr {
    margin-bottom: 0rem;
}



.myaccountpage_domaininterest-icon-succes {
    font-size: 66px !important;
    color: #00F56D;
}


.myaccountpage_domaininterest-btn {
    background-color: #007CA4;
    padding-right: 20px;
    padding-left: 20px;
}


.font-family-lato{
    font-family: lato !important;
}


.myaccountpage-mydocuments-h2,.myaccountpage-mydocuments-h4{
    font-style: normal;
    font-weight: normal;
}
.myaccountpage-mydocuments-h2{
    color: #007CA4;
    font-size: 22px;
}
form legend{
    font-size:16px;
}
.myaccountpage-mydocuments-h4{
    font-size:16px;
}
.bg-side-nav{
    background: #004E75;
    color: #CFEBF9;
    padding: 12px 20px;
}
.text-side-nav{
    color: #666666;
    padding: 12px 20px;
    border-top:2px solid #007CA4;;
}
.myaccountpage-mydocuments-side-navigation nav ul li a{
    text-decoration: none;
    font-weight: 500;
}
form.form-generic .middleColumn{
    width:270px;
    margin-right: 10px;
    float: left;
}
form select,form input.file{
    font-size: 14px;
    padding: .375rem .75em;
    cursor: pointer;
    border: 1px solid #ccc;
    width: 100%;
    color: #666666;
}
form input.file{
    height: 2.125rem;
    line-height: normal;
    padding-top: .200rem;
}

.myaccountpage-mydocuments-content .btn-toolbar {
    justify-content: left;
    float:left;
}
@media screen and (min-width: 1125px){
    .myaccountpage-mydocuments-side-nav,.myaccountpage-mydocuments-breadcrumb,.myaccountpage-mydocuments-content{
        padding-left: 170px;
    }.myaccountpage-mydocuments-side-nav{
         padding-top: 30px;
     }
    .myaccountpage-mydocuments-documentedit form fieldset {
        width: 562px;
        float: left;
    }
    .myaccountpage-mydocuments-document-edit form fieldset {
        width: 842px;
        float: left;
    }.myaccountpage-mydocuments-submit{
         margin-top: 40px;
     }.myaccountpage-mydocuments-content{
          margin-left:0;
      }
}

form fieldset{
    padding:0;
}

.display-none .left{
    display: none;
}
.myaccountpage-mydocuments-submit{
    font-size: 14px;
    height:34px;
    background: #007CA4;
    font-weight: 500;
    border-style:none ;
    float:left;
}
.myaccountpage-mydocuments-table,th,tr,td{
    border: 1px solid #DDDDDD;
}
.myaccountpage-mydocuments-table thead th{
    font-size: 16px;
    line-height: 21px;
    background: #EEEEEE;
    vertical-align: top;
}
.myaccountpage-mydocuments-table td{
    max-width: 300px;
}
.myaccountpage-mydocuments-table{
    width: 90%;
}.myaccount-bestweb-overflow{
     padding-left: 8px;
 }
.myaccountpage-mydocuments-table td{
    font-size: 14px;
    line-height: 23px;
    font-weight: normal;
}
@media screen and (max-width: 1120px){
    .myaccountpage-mydocuments-form .field {
        overflow: hidden;
        margin-bottom: 10px;
    }
    .myaccountpage-mydocuments-overflow{
        overflow-x: auto;
    }

}
@media screen and (max-width: 1125px){
    .myaccountpage-mydocuments-side-navigation nav ul li a{
        display: block;



    }.myaccountpage-mydocuments-form .field {
         overflow: hidden;
         margin-bottom: 10px;
     }.myaccountpage-mydocuments-overflow{
          overflow-x: auto;
      }



}
.myaccountpage-mydocuments-content .btn-toolbar{
    margin-bottom: 5px;
}


@media screen and (max-width: 678px){
    .myaccountpage-mydocuments-table td,.myaccountpage-mydocuments-table th{
        font-size: 14px;
        padding: 10px;
    }form span.message{
         float: left;
     }
}
form span.message.validation{
    position: inherit;

}
/*mydocuments page end*/


/*bestweb page start*/
.myaccount-bestweb-breadcrumb ul li {
    font-size: 16px;
    color: #666666;
}
.myaccount-bestweb-breadcrumb ul li a{
    color: #000000;
}
.myaccount-bestweb-breadcrumb ul li a:hover,.myaccount-bestweb-side-navigation a:hover {
    color: orange;
    text-decoration: none;
}.myaccount-bestweb-breadcrumb{
     background-color: #EEEEEE;
 }
@media screen and (min-width: 1125px){
    .myaccount-bestweb-breadcrumb,.myaccount-bestweb-container,.myaccount-bestweb-side-nav{
        padding-left: 170px;
    }
}
.myaccount-bestweb-container,.myaccount-bestweb-breadcrumb,.myaccount-bestweb-side-nav{
    font-family: lato;
}
.myaccount-bestweb-container .validation,.myaccount-bestweb-container .bad{
    color:  #E22212;
    font-size: 14px;
    padding-left: 10px;
    margin-top: 10px;
}
.myaccount-bestweb-container .good, .message-box-green .text-green {
    color: #00F56D;
    font-size: 16px;
}
.text-green-payment-success{
    color: green;
}
.myaccount-bestweb-table td{
    padding: 8px 10px;
    font-size: 16px;
}.myaccount-bestweb-table-wrapper {
     max-height: 500px;
     overflow: auto;
 }
.myaccount-bestweb-container a,.myaccount-bestweb-edit-submit,.bestweb-success a{
    padding: 8px 30px;
}.myaccount-bestweb-table td .bestweb-request{
     padding: 6px 30px;
 }.myaccount-bestweb-table td .bg-requested{
      padding: 6px 21px;
  }
.bestweb-request{
    background: #007CA4;
}
.bg-requested{
    background-color:#32CD32;
}.myaccount-bestweb-h2{
     color: #007CA4;
     font-weight: normal;
     font-family: lato;
 }.myaccount-bestweb-container p,.myaccount-bestweb-edit-text,.myaccount-bestweb-contact{
      font-weight: normal;
      font-size: 14px;
      color: #666666;
  }.myaccount-bestweb-edit-label{
       font-weight: 700;
       font-size: 14px;
       color: #666666;
   }
.myaccount-bestweb-h4{
    font-weight: normal;
    font-size: 16px;
    color:#222222;
}
@media screen and (min-width: 800px){
    .myaccount-bestweb-submit{
        margin-top: 38px;
    }.myaccount-bestweb-documentedit form fieldset {
         width: 562px;
         float: left;
     }.language{
          float:left;
      }.myaccount-bestweb-table-wrapper {
           width: 90%;
       }
}

@media screen and (max-width: 800px){
    .myaccount-bestweb-form .field {
        overflow: hidden;
        margin-bottom: 10px;
    }
}@media screen and (max-width: 1000px){
    .myaccount-bestweb-container{
        margin:auto;
    }
}.myaccount-bestweb-container{
     padding-bottom: 40px;
     color:#222222;
 }
.myaccount-bestweb-submit{
    font-size: 16px;
    height:34px;
    background: #007CA4;
    font-weight: 500;
    border-style:none ;
}
@media screen and (max-width: 800px){
    .myaccount-bestweb-overflow{
        overflow-x: auto;
    }
}
.bestwebrequestform .text, .bestwebrequestform .dropdown,.bestgovwebrequestform .text{
    position: relative;
    height: 2.125rem;
}
.bestwebrequestform input,.bestwebrequestform textarea, .bestwebrequestform select,.bestgovwebrequestform input,.bestgovwebrequestform textarea{
    font-weight: normal;
    font-size:14px;
    border: 1px solid #ccc;
    color: #666666;
}
.bestgovwebrequestform input:focus,.bestgovwebrequestform textarea:focus,.bestgovwebrequestform select:focus{
    outline: 1px solid #ccc;
}
.myaccount-bestweb-edit-labelhead{
    color: #666666;
    font-weight: 500;
}
form .second-column,form .first-column{
    float:left;
}.myaccount-bestweb-edit-submit{
     font-size: 14px;
     background: #007CA4;
     font-weight: 500;
     border-style:none ;
 }
@media screen and (min-width: 1130px){
    .myaccount-bestweb-row .btn-toolbar,.myaccount-bestgovweb-row .btn-toolbar{
        margin-left: 66%;
        margin-top: 10px;
    }.myaccount-bestweb-characters{
          padding-left: 165px;
      }
}@media screen and (max-width: 1130px){
    .myaccount-bestweb-row .btn-toolbar,.myaccount-bestgovweb-row .btn-toolbar{
        margin-left: 10px;
        margin-top: 20px;
    }
}

@media screen and (min-width: 1200px){
   .second-column{
         border-left: 1px solid gray;
   }
}

.myaccount-bestweb-contact td,.myaccount-bestweb-contact tr{
    border:0px solid white;
    padding:5px 0px;
}
.form-inline label{
    justify-content: left;
}
.bestgovwebrequestform .myaccount-bestweb-edit-detail{
    max-width: unset;
}.bestwebrequestform .myaccount-bestweb-edit-detail{
     max-width: unset;
 }
.bestweb-language input{
    margin-top:5px;
    width:15%;
    margin-right:5px ;
}
.bestweb-language{
    font-weight: normal;
    font-size: 14px;
    color: #666666;
}.myaccount-bestweb-container .myaccount-bestweb-overflow{
     padding-left: 0px;
 }
.myaccount-bestweb-container .btn-toolbar{
    justify-content: left;
}
.myaccount-bestweb-icon-succes{
    color: #00F56D;
    font-size: 66px;
}
.myaccount-bestweb-icon-succes:before{
    font-size: 66px;
}
.myaccount-bestweb-text-succes {
    color: #00F56D;
    font-size: 22px;
}.myaccount-bestweb-text{
     color: #007CA4;
 }.myaccount-bestweb-documentedit .bestweb-doc-upload{
      overflow: hidden;
  }.myaccount-bestweb-table,th,tr,td{
       border: 1px solid #DDDDDD;
   }.myaccount-bestweb-table thead th{
        font-size: 16px;
        line-height: 21px;
        background: #EEEEEE;
        vertical-align: top;
    }.myaccount-bestweb-side-nav{
         line-height: 1.8;
     }
.myaccount-bestweb-side-navigation a{
    background: #004E75;
    color: #CFEBF9;
    padding: 12px 20px;
}
.myaccount-bestweb-side-navigation .active{
    color: #666666;
    padding: 12px 20px;
    border-top:2px solid #007CA4;
    background-color: white;
}.myaccount-bestweb-side-navigation nav ul li a{
     text-decoration: none;
     font-weight: 500;
 }.myaccount-bestweb-side-navigation .active:hover{
      color: #0056b3;
  }.myaccount-bestweb-breadcrumb {
       border-bottom: 1px solid #DCDCDC;
   }@media screen and (max-width:770px) {
    .myaccount-bestweb-side-navigation nav ul li a {
        display: block;
    }
}@media screen and (min-width:770px) {
    .myaccount-bestweb-side-nav {
        padding-top: 30px;
    }
}

.refferdby-field-div{
    display: none;
}

.bestweb-search-input, .bestweb-search-input:hover,.bestweb-search-input:focus,
.bestweb-search-input:active, .bestweb-search-input:active:focus:not(:disabled):not(.disabled) {
    box-shadow: none !important;
    outline: 0 !important;
    text-decoration: none !important;
    height: 40px;
}

.bestweb-search-button {
    background-color: #007CA4 !important;
    padding: 0 20px 0 20px;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    color: white;
    border: none;
}

.rounded-checkbox {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    border: 1px solid #646363 !important;
    outline: none !important;
    cursor: pointer;
}

.rounded-checkbox:checked {
    background-color: #007CA4;
}

.rounded-checkbox:-moz-checked {
    background-color: #007CA4;
}

.rounded-checkbox::-ms-check {
    background-color: #007CA4;
}

.is-top-web-only-link {
    padding: unset !important;
}

.myaccount-bestweb-edit-option-list {
    list-style-type: none;
    margin: 0;
    display: inline-flex;
    padding-left: 0;
}

.myaccount-bestweb-edit-option-list input {
    float: left;
    margin: 5px;
}

.myaccount-bestweb-edit-option-list label {
    float: left;
}

.myaccount-bestweb-edit-option-list li:nth-child(even) {
    margin-left: 20px;
}

.BusinessTurnoverVerificationDocumentNote {
    color: #666666;
}

/*bestweb page end*/



/*Footer css for 4.1.3-bootsrap - START*/
.footer-contact-detail{
    margin-bottom: -1px;
}
.footer-contact-detail-phone{
    margin-top: -17px;
}
.footer-contact-detail>span{
    margin-top: 6px;
}
/*Footer css for 4.1.3-bootsrap - END*/


.myaccountpage-mydocuments-content .message{
    color:  #E22212;
    font-size: 14px;
}.myaccountpage-mydocuments-content .table{
     margin-left: 8px;
 }
/*MyAccountPage_mydocuments page end*/



.myaccountpage_domaininterest-text-succes {
    color: #00F56D;
    font-size: 22px;
}

.myaccountpage_domaininterest-text-succes {
    color: #00F56D;
    font-size: 22px;
}


.myaccountpage_claimRequest-font-16px {
    font-size: 16px;
}

.myaccountpage_domaininterest-dropdown {
    margin-top: -16.5px;
    padding: 6.25px;
}

.myaccountpage_domaininterest-dot {
    margin-top: 10px;
}




.myaccountpage_claimRequest-label {
    padding-bottom: unset;
    color: #666666 ;
    font-size: 16px;
}

#Form_ClaimRequestForm_error, #Form_DomainInterestRequestForm_error, #Form_RequestSuspendedDomainForm_error, #Form_DomainInterestRequestForm_error {
    color: #E22212  !important;
    font-size: 14px  !important;
    margin-top: -10px  !important;
    font-family: lato !important;

}
.interestreqsuccess-bottom-margin{
    margin-bottom: 50px;
}
.myaccountpage_domaininterest-padding-bottom{
    padding-bottom: 18px;
}

.myaccountpage_domaininterest-border-fix{
    border: none;
}
.myaccountpage_domaininterest-border-fix>div>input{
    border: 1px solid #CCCCCC;
}
.myaccountpage_domaininterest-border-fix-textarea{
    border: none;
}
.myaccountpage_domaininterest-border-fix-textarea>div>textarea{
    border: 1px solid #CCCCCC;
}
.myaccountpage_claimRequest-table-header>tr>th{
    color: #222222;
    font-weight: 700;
}
.myaccountpage_claimRequest-tbody>tr>td{
    color: #222222;
    font-weight: 400;
}

.domainnamerequestverify-msg{
    color: #222222;
    font-size: 22px;
}
.myaccountpage_claimRequest-table-header{
    background-color: #EFEEEE;
}

/* domain interest page end */
/***************Claim Other Domain End **********/


/*** pw reset - END **/



/*mydraft page START*/
.mydraft-breadcrumb ul li a{
    color: #333333;
    text-decoration: none;
}
.mydraft-payment-options{
    padding: 0 10px 10px 30px;
    margin-top: 10px;
    margin-right: 20px;
}
@media screen and (min-width: 769px){

    .mydraft-payment-options{
        margin-top: 115px;
        margin-left: 40px;
        padding: 0 0 10px 30px;
        margin-right: 0;
    }
}

.mydraft-breadcrumb ul li a:hover,.text-hover-orange:hover{
    color: orange;
}

.mydraft-breadcrumb .text-muted{
    font-style: normal;
    font-weight: 500;
    color: #666666;
}
.mydraft-error-msg>p{
    padding-left: 15px;
    color: red;
    font-family: Lato, serif;
}
.mydraft-breadcrumb{

    border-bottom: 1px solid #DCDCDC;
}

@media screen and (min-width: 1125px){
    .mydraft-side-nav,.mydraft-breadcrumb,.mydraft-content{
        padding-left: 170px;
    }
    .mydraft-side-nav{
        padding-top: 30px;
    }.mypayment-history-container {
         margin-left: 183px;
         margin-right: 183px;
     }
    .mypricingplans-content{
        padding-left: 185px;
        margin-right: 192px;
    }
    .mypayments-content{
        padding-left: 170px;
    }
    .mypayments-container{
        padding-left: 185px;
    }
    .orderconfirm-content{
        padding-left: 195px;
        padding-right: 70px;
    }
    .paybyaccountbalnce-content{
        padding-left: 185px;
    }
    .mypayment-OrderReference-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -30px;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;

    }

    .mypayments-buttonMargin{
        margin-left: 165px;
        margin-right: 135px;
    }
    .mypayments-validationMsg{
        margin-left: 174px;
    }
    .myPayments-alreadySettledTable{
        padding-right: 10%;
    }
}
.mypricingplans-content{
    margin-bottom: 80px;
}
.myPayments-agreement{
    padding-right: 15px;
    padding-left: 15px;

}
.myPayments-agreement-holder{
    margin: 5px;
}

@media screen and (max-width: 1125px){
    .mydraft-content{
        padding-left: 20px;
    }
    .paybyaccountbalnce-content{
        padding-left: 20px;
    }
    .mypayment-history-container {
        margin-left: 25px;
        margin-right: 20px;
    }
    .mypricingplans-content{
        padding-left: 30px;
        margin-right: 30px;
    }
    .mypayments-content{
        padding-left: 20px;
    }
    .orderconfirm-content{
        padding-left: 40px;
        padding-right: 10px;
    }
    .mypayments-container{
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 80px;
    }
    .mypayments-buttonMargin{
        margin-left: 15px;
        margin-right: 15px;
    }
    .mypayments-validationMsg{
        margin-left: 20px;
    }
    .myPayments-alreadySettledTable{
        padding-right: 5%;
    }
}
.mypayments-container{
    margin-bottom: 100px;
}
.mypayments-buttonRow{
    height: 20px;
}

.mypayments-CreditBalance{
    margin: 20px 20px;
}

.mypayments-buttonMargin{

    display: flex;
    justify-content: space-between;
}

.orderconfirm-btns{
    margin-right: -5px;
}
.mydraft-side-nav{
    line-height: 1.8;
}
@media screen and (max-width: 1125px){
    .mydraft-side-navigation nav ul li a {
        display: block;
    }
    .mydraft-overflow{
        margin-right: 20px
    }

}

.mydraft-side-navigation nav ul li a{
    text-decoration: none;
    font-weight: 500;
}
.mydraft-content{
    margin-bottom: 30px;
}
.mydraft-content .btn-toolbar{
    justify-content: left;
}
.mydraft-modal-body{
    font-size: 16px;
    color: #222222;
}
.mydraft-modal-body-input{
    width: 97%;
    font-size: 14px;
    color: #666666;
}
.mydraft-download-statement-close{
    color: #007CA4;
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;
}
.mydraft-modal-body-btn{
    padding: 10px 12px 10px 12px;
    background-color: #007CA4;
    font-size: 16px;
}
@media only screen and (min-width: 768px) {
    #Form_MyAccountStatement_error{
        text-align: center;
    }
}
#draftPaymentList_wrapper .dataTables_scroll .dataTables_scrollHead{
    margin-bottom: -24px;
}
.dataTables_length{
    color: #666666;
    font-weight: 400;
}
@media screen and (min-width: 1360px){
    .mydraft-download-statement{
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .mypayments-buttonMargin{
        margin-left: 165px;
        margin-right: 135px;
    }
    .mypayments-validationMsg{
        margin-left: 174px;
    }
}
.mydraft-download-statement{
    margin-top: 5px;
}
.mydraft-download-statement-label{
    font-size: 16px;
    color: #666666;
    font-weight: 400;
}

@media only screen and (min-width: 769px) {
    .mydraft-download-statement-label{
        margin-left: 20px;
    }
}
.mydraft-download-statement-h{
    font-size: 18px;
    color:  #007CA4;
    font-weight: 400;
}
.payment-account-balance{
    font-size: 14px;
    font-family: Lato;
    color: #222222;
}
.mydraft-download-statement-btn{
    color: white;
    background-color: #007CA4 ;
    border: none;
    font-size: 16px;
    font-family: Lato;
    padding: 5px 10px 5px 10px;
}

.mydraft-form-btn{
    margin-left: -6px;
    background-color:#007CA4;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    padding-top: 6px;
    padding-bottom: 4px;
    padding-right: 8px;
    font-family: Lato;
}
.mydraft-search-form>form>input:focus{
    outline: none;
}
.mydraft-search-form>form>button:focus{
    outline: none;
}
.mydraft-search-form{
    padding-left: 7px;
}
.mydraft-h4{
    font-size:16px;
    color: #222222;
    font-weight: 400;
}
.mydraft-table,th,tr,td{
    border: 1px solid #DDDDDD;
}
.mydraft-table th{
    font-size: 16px;
    color: #222222;
    background: #EEEEEE;
    font-weight: 700;
}
.mydraft-table{
    width: 98%;
}
.mydraft-table td{
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #222222;
}
@media screen and (max-width: 678px){
    .mydraft-table td,.mydraft-table th{
        font-size: 14px;
        padding: 10px;
    }
}

.mydraft-download-icon:hover{
    cursor: pointer;
}
.mydraft-close-icon:hover{
    cursor: pointer;
}
.mydraft-payment-options-h6{
    background-color: #EEEEEE;
    padding-top: 10px;
    border-bottom: 1px solid #cccccc;
    padding-left: 20px;
}

.mydraft-payment-options-discourage-message {
    background-color: #EEEEEE;
    font-size: 13px !important;
    display: none;
}

.mydraft-payment-options-discourage-message-arrow-left:after {
    content: " ";
    position: absolute;
    left: -15px;
    bottom: 15px;
    border-top: 15px solid transparent;
    border-right: 15px solid #EEEEEE;
    border-left: none;
    border-bottom: 15px solid transparent;
}

.mydraft-payment-options-discourage-message-arrow-top:after {
    content: " ";
    position: absolute;
    left: 90%;
    top: -15px;
    border-top: none;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid #EEEEEE;
}

.mydraft-proceed-btn{
    font-size: 16px;
    padding: 8px 16px 8px 16px;
}

.mydraft-proceed-btn-position{
    float: right;
}

.mydraft-payment-options>p{
    margin-bottom: -2px;
    font-size: 11px;
    line-height: normal;
}
.mydraft-payment-options{
    padding-left: 5px;
    padding-right: 20px;
    text-align: center;
    overflow-x: auto;
    overflow-y: hidden;
}
.mydraft-payment-options-scroll {
    overflow-x: auto;
    overflow-y: hidden;
}
.mydraft-payment-options>img{
    max-width: 40px;
}
.mydraft-payment-options-container{
    width:100%;
    display:table;
}
.mydraft-payment-options-col{
    width:16%;
    display:table-cell;
}

.mydraft-cursor-pointer:hover{
    cursor: pointer;
}
#draftPaymentList_filter{
    margin-left: -2px;
}
#draftPaymentList_filter>label>input{
    border: 1px solid #cccccc;
    margin-left: 10px;
}
#draftPaymentList_filter>label>input:focus{
    outline: none;
}
@media only screen and (max-width: 768px){
    #draftPaymentList_paginate{
        margin-top: 10px;
    }
    #draftPaymentList_info{
        margin-left: 3px;
    }
}
.dataTables_info{
    color: #222222;
    font-weight: 400;
}
.datatable-length-select > option{
    font-size: 14px;
    color: #666666;
}
#draftPaymentList_paginate{
    margin-left: 4px;
}
#jquery-datatable-filter{
    padding: 5px 10px 5px 10px;
    font-size: 14px;
    color: #666666;
}
@media only screen and (min-width: 768px) {
    #draftPaymentList_info {
        padding-left: 7px;
        float: left;
        margin-top: 5px;
    }

    #draftPaymentList_paginate {
        float: right;
        margin-top: 5px;
        margin-right: 8px;
    }

    #draftPaymentList_filter {
        float: left;
    }

    #draftPaymentList_length {
        float: right;
    }
}
#draftPaymentList_paginate > span > a {
    margin-top: 20px;
    background-color: white;
    padding: 5px 5px 5px 5px;
    color: #222222;
    font-weight: 400;
}

#draftPaymentList_paginate > span > a:hover {
    cursor: pointer;
}
.datatable-length-select{
    border-radius: 3px;
    background-color: #EEEEEE;
    border: none;
    padding: 5px 5px 5px 5px;
    color: #666666;
    font-weight: 400;
}
.datatable-length-select{
    border: 1px solid #CCCCCC;
}
.datatable-length-select > select{
    font-size: 14px;
}
#draftPaymentList_paginate > a {
    color: #fff;
    background-color: #0B91BE;
    padding: 5px 8px 5px 8px;
}
.
#draftPaymentList_paginate>a:hover{
    cursor: pointer;
}
#draftPaymentList_next{
    margin-left: 8px;
}
#draftPaymentList_previous{
    margin-right: 8px;
}
select[name=draftPaymentList_length]{
    margin-right: 9px;
}
/*mydraft page END*/
/*payment history start*/
@media only screen and (max-width: 768px){
    #paymentList_paginate{
        margin-top: 10px;
    }
    #draftPaymentList_length{
        margin-left: 8px;
    }
}
.mypaymenthistory-view-domains{
    cursor: pointer;
}
.mypayment-no-history{
    margin-left: -2px;
    font-family: lato;
    font-size: 16px;
    color:#222222;
    font-weight:400
}

@media only screen and (min-width: 768px) {
    #paymentList_length{
        float: right;
    }

    #paymentList_filter{
        float: left;
    }
    #paymentList_info{
        padding-left: 0px;
        float: left;
        margin-top: 10px;
    }
    #paymentList_paginate{
        float: right;
        margin-top: 10px;
        margin-right: 3px;
    }
}
#paymentList_next{
    margin-left: 8px;
}
#paymentList_previous{
    margin-right: 8px;
}
select[name=paymentList_length]{
    margin-right: 3px;
}
#paymentList_filter>label>input:focus{
    outline: none;
}
#paymentList_filter>label>input{
    border: 1px solid #cccccc;
}
.paginate_button{
    cursor: pointer;
}
.mypayment-history-table{
    font-family: Lato;
}
.mypayment-history-table th{
    padding:10px 0px;
    background: #EEEEEE;
    font-size: 16px;
    color: #222222;
}
.mypayment-history-table td{
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #222222;
}.mypayment-history-breadcrumb ul li a{
     color: #333333;
 }.mypayment-history-container .dataTables_scrollHead{
      margin-bottom: unset;
  }
.dataTables_filter input{
    width: 250px;
    border: 1px solid #CCCCCC;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}
[type="search"] {
    outline-offset: 0px;
}

#paymentList_paginate > span > a {
    background-color: white;
    padding: 5px 5px 5px 5px;
    color: #222222;
    font-weight: 400;
}
#paymentList_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner{
    margin-top: 15px;
}
#paymentList_paginate>span>a:hover{
    cursor: pointer;
}
#paymentList_paginate > a {
    color: #fff;
    font-weight: 400;
    padding: 5px 8px 5px 8px;
    background-color: #0B91BE;
}
#paymentList_paginate>a:hover{
    cursor: pointer;
}
/*payment history end*/
/* MyAccountMiscellaneousPayment page START */
.MyAccountMiscellaneousPayment-breadcrumb ul li a{
    color: #333333;
    text-decoration: none;
}

.MyAccountMiscellaneousPayment-breadcrumb ul li a:hover,.text-hover-orange:hover{
    color: orange;
}

.MyAccountMiscellaneousPayment-breadcrumb .text-muted{
    font-style: normal;
    font-weight: 500;
    color: #666666;
}
.MyAccountMiscellaneousPayment-breadcrumb{

    border-bottom: 1px solid #DCDCDC;
}

@media screen and (min-width: 1125px){
    .MyAccountMiscellaneousPayment-side-nav,.MyAccountMiscellaneousPayment-breadcrumb{
        padding-left: 170px;
    }
    .MyAccountMiscellaneousPayment-side-nav{
        padding-top: 30px;
    }
}
.MyAccountMiscellaneousPayment-side-nav{
    line-height: 1.8;
}
@media screen and (max-width: 1120px){
    .MyAccountMiscellaneousPayment-side-navigation nav ul li a {
        display: block;
    }
    .MyAccountMiscellaneousPayment-overflow{
        overflow-x: auto;
    }

}
.MyAccountMiscellaneousPayment-side-navigation nav ul li a{
    text-decoration: none;
    font-weight: 500;
}
.MyAccountMiscellaneousPayment-form-container{
    margin: 49.14px 30px 18px 30px;
}
@media only screen and (min-width: 1360px) {
    .MyAccountMiscellaneousPayment-form-container{
        margin: 49.14px 180px 18px 185px;
    }
}
.MyAccountMiscellaneousPayment-form{
    text-align: center;
    padding: 30px 30px 30px 30px;
    margin-bottom: 20px;
    border: 1px solid #cecece;
}
.MyAccountMiscellaneousPayment-form>h5{
    color: #004E75;
    margin-top: 30px;

}
.MyAccountMiscellaneousPayment-form>span{
    font-family: lato;
    font-size: 16px;
    color:#222222;
    font-weight:700
}
.MyAccountMiscellaneousPayment-input{
    width: 100%;
    border:1px solid #CCCCCC;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 10px 4px 10px;
}
.MyAccountMiscellaneousPayment-input:focus{
    outline: none;
}
.MyAccountMiscellaneousPayment-dropdown{
    padding-left: 10px;
    padding-right: 10px
}
.MyAccountMiscellaneousPayment-btn{
    padding: 8px 15px 8px 15px;
    margin-top: -10px;
    font-size: 16px;
}
.MyAccountMiscellaneousPayment-lable{
    margin-left: 15px;
    font-size: 16px;
    color: #666666;
    font-weight: 400;
}
@media only screen and (min-width: 768px) {
    .MyAccountMiscellaneousPayment-lable{
        margin-left: 15px;
    }
}

#payForCustomerDetails{
    float: left;
    font-size: 14px;
    color: #666666;
    font-weight: 400;
    padding: 6px 0 10px 5px;
}
/* MyAccountMiscellaneousPayment page END */

/* mypricingplans page START*/
.mypricingplans-table{
    margin-top: 20px;
    text-align: center;
}

.mypricingplans-btn-container{
    float: right;
    margin-bottom: 18px;
}
.mypricingplans-btns{
    padding: 10px 14px 10px 14px;
    font-size: 16px;
    border: 1px solid #007CA4;
    margin-left: 10px;
}
.mypricingplans-back-btn{
    background-color: white;
    border: 1px solid #007CA4;
    color: #007CA4;
    text-align: center;
    text-decoration: none;
}
.mypricingplans-table>thead>tr>th{
    background-color: #E8E8E8;
    font-size: 16px;
    color: #222222;
    font-weight: 700;
}
.orderconfirm-cancel-btn{
    float: right;
}
.mypricingplans-table>tbody>tr>th{
    background-color: #E8E8E8;
    font-size: 16px;
    color: #222222;
    font-weight: 400;
}
.mypricingplans-org-list>div,label{
    display: inline-block;
}
.mypricingplans-term-select{
    width: 40%;
}
.promo-code-btn-pricing-plan{
    margin: 0;
    height: 33px;
}
.title-promotion-code-pay-for-selected{
    margin-left: 4px;
}
.title-promotion-code{
    margin-left: -20px;
}
.promotion-text-box-and-button{
    margin-left: -10px;
}
/* mypricingplans page END*/

/*paybysampathvishwa -START*/
.paybysampathvishwa-h{
    color: #007CA4;
    padding-bottom: 10px;
    font-size: 22px;
}
.paybysampathvishwa-container{
    max-width: 500px;
    margin: auto;
    padding: 30px 30px 30px 30px;
}
.sampathvishwa-btn{
    margin-left:13px}
.paybysampathvishwa-p{
    font-size: 14px;
    font-weight: bold;
}
.paybysampathvishwa-span{
    font-size: 14px;
}
@media screen and (min-width: 500px){
    .paybysampathvishwa-container{
        border-style: solid;
        border-color: #cccccc;
        border-width: 1px;
    }

}
.paybysampathvishwa-container{
    margin-bottom: 18px;
    margin-top: 20px;
}
@media screen and (min-width: 768px){
    .paybysampathvishwa-container{
        margin-bottom: 80px;
        margin-top: 20px;
    }
}
/*paybysampathvishwa - END*/

/*myaccountdebit - START*/
.myaccountdebit-form{
    border: 1px solid #cccccc;
    text-align: center;
    padding: 20px 30px 20px 30px;
    margin: 49.14px 20px 18px 0px;
}
@media only screen and (max-width: 768px) {
    .myaccountdebit-form-container{
        margin-left: 10px;
        margin-right: 10px;
    }
}
.myaccountdebit-form>h5{
    color: #007CA4;
    margin-top: 30px;
    font-size: 22px;
    margin-bottom: 30px;
}
.myaccountdebit-form>span{
    font-size: 14px;
}
@media only screen and (min-width: 1125px) {
    .myaccountdebit-form{
        margin: 49.14px 170px 18px 15px;
    }
}
.myaccountdebit-form>p{
    color: #222222;
    font-weight: 700;
    font-size: 16px;
}
.myaccountdebit-btn{
    font-size: 16px;
    padding: 10px 15px 10px 15px;
    font-weight: 700;
    color: #ffffff;
}
#Form_MyPaymentDebitProcessForm_error{
    font-size: 14px;
    color: #E22212;
}
/*myaccountdebit - END*/

/* mypayments - START*/
.mypayments-table thead th{
    font-size: 16px;
    line-height: 21px;
    background: #EEEEEE;
    padding: 10px 10px 10px 10px;
    text-align: center;
}
.mypayments-options-btns{
    position: absolute;
    margin-top: 15px;
    right: 0px;
}
.mypayments-table tbody td{
    font-size: 16px;
    vertical-align: top;
    padding: 10px 10px 10px 10px;
    text-align: left;
}
.mypayments-table {
    flex: 0 0 100%;
    max-width: 100%;
}
.mypayments-list li{
    font-weight: 700;
}
@media only screen and (min-width: 768px) {
    .mypayments-payment-options{
        margin-top: 55px;
    }
}
#Form_MyAccountStatement_error{
    font-size: 14px;
    color: #E22212;
    font-family: Lato;
}

.mypayment-OrderReference{

    font-size: 16px;
    color: #222222;
    font-weight: 400;
}

/* mypayments - END*/

/*Payforselected popup (When trying to access another page) START*/
.payForSelectedPopup-close{
    position: absolute;
    right: 1px;
    top: 1px;
}
/*Payforselected popup (When trying to access another page) END*/

/*orderconfirm page-START*/
.orderconfirm-conditions{
    position: relative;
    margin-left: 24px;
    margin-top: -26px;
    font-family: lato;
    font-size: 14px;
    color: #666666;
}
.orderconfirm-checkbox{
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    padding: 10px 10px 10px 0px;
    margin-left: 3px;
}
.orderconfirm-checkbox:focus{
    background-color: #ffffff;
    color: #007CA4;
}
/*orderconfirm page-END*/

.MyaccountPaymnet_Odertable{
    font-family: lato;
    font-size: 16px;
    color:#222222;
    font-weight:700
}


/*popup css -START*/
.modal-header>i{
    position: absolute;
    right: 10px;
}

@media only screen and (max-width: 768px) {
    .modal {
        margin-right: 10px;
    }
}
/*popup css -END*/



/*domainListInPopup START*/
#domainListInPopup{
    margin-bottom: -15px;
}
.domainListInPopup-list{
    max-height: 200px;
    overflow-y: auto;
    background-color: #EEEEEE;
}

/*domainListInPopup END*/

/*mydraftPayment_complete - Start*/

.mydraftPayment_complete-content{
    padding-left: 40px;
    padding-right: 10px;
    margin-bottom: 18px;
}
.mydraftPayment_complete-input{
    width: 100%;
}
.mydraftPayment_complete-input >div >select{
    border: 1px solid #dddddd;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    outline: none;
}
.mydraftPayment_complete-input>label{
    margin-top: 5px;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
}
.mydraftPayment_complete-input-padding>div>input{
    padding: 5px 10px 5px 15px;
}
.mydraftPayment_complete-input>div>input{
    border: 1px solid #dddddd;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
}
.mydraftPayment_complete-input>div>textarea{
    border: 1px solid #dddddd;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    padding: 0 10px 0 15px;
}
.mydraftPayment_complete-form{
    text-align: left;
    border: 1px solid #DDDDDD;
    margin-left: -10px;
    margin-right: -10px;
    padding: 40px 10px 40px 10px;
}
.mydraftPayment_complete-order-ref{
    color: #222222;
    font-weight: 700;
    font-size: 16px;
    margin-top: 20px;
}
@media only screen and (min-width: 769px) {
    .mydraftPayment_complete-content{
        padding-left: 195px;
        padding-right: 70px;
    }
    .mydraftPayment_complete-form{
        padding: 40px 250px 40px 250px;
    }
}
.mydraftPayment_complete-btn{
    font-size: 16px;
    padding: 10px 15px 10px 15px;
    border: 1px solid #007CA4;
}
.mydraftPayment_complete-back-btn{
    background-color: white;
    color: #007CA4;
    font-size: 16px;
    padding: 10px 15px 10px 15px;
    border: 1px solid #007CA4;
}

.mypayments-error-msg {
    padding-top: 50px;
    padding-bottom: 50px;
    color: #E22212;
    font-family: Lato, serif;
}
/*mydraftPayment_complete - End*/


/*My Profile - START*/
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;

}

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

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

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2.5px;
    bottom: 2.5px;
    background-color: #2196F3;
    -webkit-transition: .4s;
    transition: .4s;
}
.slider.round {
    border-radius: 45px;
    border: 0.5px solid #CECECE;
}

.slider.round:before {
    border-radius: 50%;
}
.slider.round:before {
    border-radius: 50%;
}
.myprofile-gender-input + .slider {
    background-color: white;
}

.myprofile-gender-input:checked + .slider {
    background-color:white;
}

.myprofile-gender-input:focus + .slider {
    box-shadow: 0 0 1px white;
}

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

.myprofile-border-bottom{
    border-bottom: 1px solid white;
}
.myprofile-container{
    border: 1px solid #CCCCCC;
    margin: 49.13px 180px 18px 175px;
    padding: 30px 200px 30px 200px;
}
.myprofile-pw-rest-container{
    border: 1px solid #CCCCCC;
    margin: 49.13px 180px 18px 175px;
    padding: 30px 30px 30px 30px;
}
.myprofile-gender-label{
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    padding-top: 4px;
}
.myprofile-gender-label:after{
    content: ' *';
    color: #E22212;
}
.myprofile-input>div>input{
    border: 1px solid #CCCCCC;
    padding: 5px 10px 5px 10px;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
}
.myprofile-gender-text{
    font-size: 14px;
    font-weight: 400;
    color: #666666;
}
.myprofile-input{
    width: 100%;
    outline: none;
}
.myprofile-input>label{
    margin-top: 15px;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
}
.myprofile-readonly-input>div>input{
    background-color: #dddddd;
}
.myprofile-btn{
    border: 1px solid #007CA4;
    padding: 7px 35px 7px 35px;
    font-size: 16px;
    font-weight: 500;
}

.myprofile-verify-btn{
    border: 1px solid #666666;
    padding: 7px 35px 7px 35px;
    font-size: 16px;
    font-weight: 500;
    background-color: #004E75;
}

.myprofile-verify-btn:hover{
    color: #E22212;
}

.myprofile-label-star>label::after,.myprofile-pw-reset-input label::after {
    content: " *";
    color: red;
}
.myprofile-pw-reset-points{
    color: #E22212;
    border: 1px solid #E22212;
    padding: 20px 20px 10px 0;
    font-size: 14px;
}
.myprofile-pw-reset-points>ul{
    list-style: none;
}
.myprofile-pw-reset-points>ul>li:before{
    content: '- ';
}
.myprofile-pw-reset-points>span{
    display: block;
    list-style-type: disc;
    margin-block-end: 5px;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 40px;
}
.myprofile-pw-reset-input label{
    margin-top: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
}
.myprofile-pw-reset-input>div>input{
    width: 100%;
    border: 1px solid #CCCCCC;
    padding: 3px 10px 3px 10px;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
}
@media only screen and (min-width: 769px) {
    .myprofile-col{
        padding-left: 20px;
        padding-right: 20px;
    }
    .myprofile-pw-reset-points{
        margin-left: 10px;
    }
    #Form_editProfileDetailsForm_action_editProfileDetailsFormSubmit{
        margin-top: 22px;
    }
}
@media only screen and (max-width: 1125px) {
    .myprofile-pw-rest-container{
        margin: 49.13px 20px 18px 20px;
        padding: 30px 40px 30px 40px;
    }
}
@media only screen and (max-width: 1180px) {
    .myprofile-container{
        margin: 49.13px 20px 18px 20px;
        padding: 30px 15% 30px 15%;
    }

}
@media only screen and (max-width: 768px) {
    .myprofile-container{
        border: none;
        margin: 10px 0 18px 0;
        padding: 30px 40px 30px 40px;
    }
    .myprofile-pw-rest-container{
        border: none;
        margin: 10px 0 18px 0;
        padding: 30px 30px 30px 30px;
    }
}
.myprofile-success-msg>p{
    font-size: 22px;
    color: #00F56D;
}
.myprofile-error-msg>p{
    font-size: 22px;
    color: #E22212;
}
.myprofile-customername{
    font-size: 22px;
    color: #007CA4;
}
.myprofile-email{
    color: #666666;
    font-size: 14px;
    word-break: break-all;
}
.myprofile-email i{
    font-size: 20px;
    margin-left: -2px;
}
.myprofile-form-submit-btn{
    text-align: center;
    margin-top: 20px;
}
#Form_ChangePasswordForm_error{
    text-align: center;
    color: #E22212;
    font-size: 14px;
}
.myprofile-modal-h{
    font-size: 18px;
    color:  #007CA4;
    font-weight: 700;
}
.myprofile-modal-close{
    color: #007CA4;
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;
}
.myprofile-back-btn{
    background-color: white;
    border: 1px solid #007CA4;
    color: #007CA4;
    text-decoration: none;
    font-weight: 500;
    padding-left: 40px;
    padding-right: 40px;
}
.myprofile-modal-body{
    font-size: 16px;
    color: #222222;
}
.update-tax-information-btn {
    border: 1px solid #007CA4;
    padding: 3px 10px 3px 10px;
    font-size: 14px;
    font-weight: 500;
}
/*My Profile - END*/
.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    z-index: 9999;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #007ca4;
    border-color: #007ca4 transparent #007ca4 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.loading-overlay.hide{display:none}

/*mydraftPayment_complete - End*/
/* Help - START */
.border-btm{
    border-bottom: 1px solid white;
}
.help-container{
    margin-left: 175px;
    margin-right: 175px;
    padding: 30px 10px 30px 10px;
}
.help-sidenav-item{
    border: 1px solid #ECF0F1;
    background-color: white;
    padding: 10px 35px 10px 10px;
    font-size: 16px;
    margin-bottom: 5px;
    position: relative;
    cursor: pointer;
    color: #FFA210;
    font-weight: 700;
    word-wrap: break-word
}
.help-sidenav-item.active{
    background-color: #ECF0F1;
    border: 1px solid #ECF0F1;
    color:#004E75;
}

@media only screen and (max-width: 1125px) {
    .help-container{
        margin-left: 20px;
        margin-right: 20px;
    }
}
.help-ans{
    font-size: 14px;
    padding: 0 10px 0 10px;
    display: none;
    color: #222222;
    font-weight: 400;
}
.help-ans h1{
    font-size: 22px;
    font-weight: 700;
}
.help-ans h2{
    font-size: 20px;
    font-weight: 700;
}
.help-ans h3{
    font-size: 18px;
    font-weight: 700;
}
.help-ans h4{
    font-size: 16px;
    font-weight: 700;
}
.help-q{
    position: relative;
    background-color: #ECF0F1;
    border: 1px solid #ECF0F1;
    padding: 10px 35px 10px 10px;
    font-size: 16px;
    margin-bottom: 5px;
    cursor: pointer;
    color: #004E75;
    font-weight: 700;
}
.help-arrow-icon{
    font-size: 25px;
    position: absolute;
    float:right;
    top:3px;
    right:3px;
}
.help-tab{
    display: none;
}
.help-tab.show{
    display: block;
}
.help-col-tabs, .help-col-content{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding: 5px;
}
@media only screen and (max-width: 768px) {
    .help-qs{
        border-bottom: 1px solid #ECF0F1;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
}
@media (min-width:769px) {
    .help-col-tabs{
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .help-col-content{
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }
}
.help-tab img{
    max-width: 100%;
}
/* Help - END */

/* signup page - START */

.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
}

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

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

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2.5px;
    bottom: 2.5px;
    background-color: #2196F3;
    -webkit-transition: .4s;
    transition: .4s;
}

.signup-gender-input + .slider {
    background-color: white;
}

.signup-gender-input:checked + .slider {
    background-color: white;
}

.signup-gender-input:focus + .slider {
    box-shadow: 0 0 1px white;
}

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

/* Rounded sliders */
.slider.round {
    border-radius: 45px;
    border: 0.5px solid #E5E5E5;
}

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

@media only screen and (min-width: 769px) {
    .signup-cpass-mt-div{
        padding-top: 79px;
    }
}
.slider.round:before {
    border-radius: 50%;
}
.signup-form-container{
    margin-left: 20px;
    margin-right: 20px;
    padding: 10px 0px 18px 0px;
}
@media only screen and (min-width: 1000px) {
    .signup-form-container{
        margin-left: 15%;
        margin-right: 15%;
    }
}
.signup-textField{
    width: 100%;
    padding: 5px 5px 5px 5px;
    border: none;
    color: #666666;
    outline: none;
}
.signup-textField >div >input{
    border: 1px solid #E5E5E5;
    font-size: 14px;
}
.signup-textField label{
    font-size: 16px;
}
.signup-textfield::placeholder{
    font-size: 14px;
}
.signup-row-border{
    border-bottom: 0.5px solid #E5E5E5;
}
.signup-dropdown{
    width: 100%;
    padding: 5px 4px 6px 4px;
    /* margin-bottom: 5px; */
    border: none;
    color: #666666;
    background-color: white;
    outline: none;
}
.signup-dropdown >div >select{
    border: 1px solid #E5E5E5;
}
.signup-dropdown >div >select>option{
    font-size: 14px;
}
.signup-dropdown >label{
    font-size: 16px;
}
.signup-form-head{
    color: #004E75;
}
.signup-recaptcha{
    position: relative;
    left:50%;
    margin-left: -120px;
    width: 230px;
}
.signup-form-bind-to-fb{
    margin-top: 12px;
    margin-bottom: 25px;
}
.signup-form-gender-select{
    margin-left: 5px;
    margin-top:15px;
    margin-bottom: 2px;
    font-size: 16px;
    color: #666666;
}
.signup-form-continue-btn {
    background-color: #007CA4;
    padding: 10px 15px 10px 15px;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-top: 5px;
    align-self: center;
    margin-bottom: 10px;
    font-weight: 500;
}
.signup-recaptcha>div>span{
    margin-top: -40px;
    position: relative;
    right: 50%;
    margin-right: -235px;
}
form span.message{
    float: none;
}
.signup-form-error-msg{
    color:  #E22212;
    font-size: 14px;
    margin-left: 5px;
}
.signup-form-pw-inst, .signup-form-mobile-verification-div {
    border: 1px solid rgba(102,102,102,0.5);
    font-size: 14px;
    color:  #666666;
    background: #eeeeee;
    width: 98%;
    margin-left: 1%;
}
.signup-form-pw-inst>ul{
    list-style-type: none;
}
.signup-form-pw-inst>ul>li:before{
    content: "- ";
}

.signup-form-mobile-verification-form span{
    margin-left: 5px;
}

.signup-fb-a{
    background-color: #4267B2;
    padding: 12px 10px 4px 4px;
    border-radius: 4px;
}
.signup-fb-a:hover{
    text-decoration: none;
}
.signup-fb-msgs{
    color: #222222;
}
.signup-fb-txt{
    font-size: small;
    font-family: Lato, SansSerif;
}


@media only screen and (min-width: 769px) {
    .signup-recaptcha-div{
        border-right: 1px solid #cccccc;
    }
    .signup-fb-holder{
        margin-top: -50px;
    }
}

@media only screen and (max-width: 769px) {
    .signup-page-form-country {
        margin-bottom: 50px !important;
    }

    .signup-page-container {
        padding-left: 7% !important;
        padding-right: 7% !important;
    }

    #Form_userRegistrationForm_MobileVerification {
        position: unset !important;
        right: unset !important;
        margin-left: 10px;
    }
}

.signup-form-label-star>label::after,.signup-gender-label:after{
    content: " *";
    color: red;
}

.message.error{
    font-size: 14px;
    color: #E22212;
}
.message.success{
    font-size: 16px;
    color: #00F56D;
}

#Form_userRegistrationForm_action_registerUser{
    position: relative;
}
.signup-header{
    background-color: #006299;
}
.signup-header p{
    color: #96BAF0;
    font-size: 22px;
    padding-top: 20px;
    font-family: Lato;
    padding-bottom: 10px;
    font-weight: 200;
}
.message.validation{
    font-size: 14px;
    color: #E22212;
}
.signup-success {
    margin-top: 49.14px;
    font-size: 22px;
    color: #00F56D;
}
.signup-success i {
    font-size: 50px;
}

.signup-page-container {
    color: #666666;
    padding-left: 7%;
    padding-right: 7%;
}

.signup-page-header h1 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2;
}

.signup-page-header span {
    font-size: 1.2rem;
}

.signup-page-header hr {
    border-top: 1px solid !important;
}

.signup-page-btn {
    background-color: #666666;
    padding: 10px 15px 10px 15px;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    align-self: center;
    margin-bottom: 10px;
    font-weight: 500;
    width: 98.5%;
}

.signup-page-form .form-row {
    margin-bottom: 10px;
}

.signup-page-form input, .signup-page-form-country >div >select {
    border: 1px solid rgba(102,102,102,0.5) !important;
}

.signup-page-form-country {
    height: calc(2.25rem + 2px);
}

#Form_userRegistrationForm_MobilePrefix {
    border-bottom: 1px solid rgba(102,102,102,0.5) !important;
    border-left: 1px solid rgba(102,102,102,0.5) !important;
    border-top: 1px solid rgba(102,102,102,0.5) !important;
    border-right: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

#Form_userRegistrationForm_MobileTelephone1 {
    border-bottom: 1px solid rgba(102,102,102,0.5) !important;
    border-left: 0 !important;
    border-top: 1px solid rgba(102,102,102,0.5) !important;
    border-right: 1px solid rgba(102,102,102,0.5) !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

#Form_userRegistrationForm_MobileTelephone1:focus, #Form_userRegistrationForm_MobilePrefix:focus {
    box-shadow: unset !important;
    outline: 0 !important;
}

#Form_userRegistrationForm_MobileVerification {
    background-color:#132361;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: lato;
    padding: 5px 14px 5px 14px;
    font-size: 16px;
    border: 1px solid #132361;
    position: absolute;
    right: -85px;
}

#SignUpMobileVerificationCountdown {
    display: none;
}

.countdown-section strong {
    display: inline-flex;
}

.countdown-section strong span {
    margin-left: 10px;
}

/* signup page - END */



/*Home page Start*/

.homepage-display-container{
    position:relative
}

.homepage-content,.homepage-auto{
    margin-left:auto;margin-right:auto
}



.homepage-display-middle{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%)
}

.homepage-margin-top{
    margin-top:16px!important
}

.homepage-center{
    text-align:center!important
}

.homepage-center .homepage-bar{
    display:inline-block;
    width:auto
}

.homepage-center .homepage-bar-item{
    text-align:center
}
.homepage-domainsearch-button{
    background-color:#00AFC9;
    border: none;
}

.homepage-input{
    background-color: #00AFC9;
    border: none;
    font-size: 20px;
    color: white;
}

.homepage-input::placeholder{
    color: #e8e8e8;
}
.homepage-input:focus{
    outline: none;
}
.homepage-form{
    background-color: #00AFC9;
    padding:10px 30px 6px 30px;
    -webkit-box-shadow: 3px 3px 2px 0px rgba(204,204,204,1);
    box-shadow: 3px 3px 2px 0px rgba(204,204,204,1);
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
    margin-bottom: 30px;
}

.homepage-image{
    max-width:100%;
    height:auto;
    vertical-align:middle;
}

.homepage-white-bg{
    max-width:100%;
    height:auto;
    vertical-align:middle;
}
/*
@media only screen and (min-width: 750px) {
    .homepage-white-bg{
        display: none;
    }
}

@media only screen and (max-width: 749px) {
    .homepage-image{
        display: none;
    }
}*/
/*Home page End*/

/*Domain Search page START*/
.domainsearchpage-image img{
    margin-top: -25px;
    margin-bottom: -45px;
    width: 100%;
    height: auto;
}

.domainsearchpage-search-icon:hover{
    cursor: pointer;
}

.domainsearchpage-cart-notification{
    position: absolute;
    right: 20px;
    top: 60px;
    min-width: 250px;
    background-color: #ff9900;
    padding: 10px 25px 15px 25px;
    border: 1px solid #ff9900;
    z-index: 9999;
    display: none;
    transition: opacity 1s ease-out !important;
    opacity: 0;
    -webkit-box-shadow: 1px 1px 1px 0px #ff9900;
    box-shadow: 1px 1px 1px 1px #ff9900;
    color: black !important;
}
.domainsearchpage-arrow-top {
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent; /* 40px height (20+20) */
    border-bottom: 10px solid #ff9900;
    position:absolute;
    top:-10px;
}
.domainsearchpage-cart-notification.active{
    opacity: 1;
    display: block;
}

@media only screen and (min-width: 1360px) {
    /*.domainsearchpage-cart-notification{*/
    /*    top: 60px;*/
    /*    position: absolute;*/
    /*}*/

}
@media only screen and (max-width: 500px) {
    /*.domainsearchpage-cart-notification{*/
    /*    position: fixed;*/
    /*    top: 15px;*/
    /*    right: 10px;*/
    /*}*/
    .domainsearchpage-cart-notification{
        width: 250px !important;
        word-break: break-word !important;
    }
}
#orderSummaryCount{
    display: none;
}
.domainsearchpage-cart-notification>hr{
    height:1px;
    border-width:0;
    color:#FFAB08;
    background-color:#FFAB08;

}
.domainsearchpage-cart-notification>p{
    color: #E25418;
}
.domainsearchpage-cart-notification-info{
    font-size: 14px;
}
.domainsearchpage-searchbar{
    text-align: center;
    background-color: #006299;
    margin-top: -8px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.domainsearchpage-searchbar-heading{
    color: #96BAF0;
    font-size: 22px;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 20px;
}
.domainsearchpage-search-btn{
    font-size: large;
    color: white;
    background-color: #004E75;
    padding: 9px 5px 12px 10px;
    width: 40%;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.domainsearchpage-input{
    margin-right: -5px;
    padding-top: 9.5px;
    padding-bottom: 10px;
    padding-left: 20px;
    color: #666666;
    font-weight: 400;
    font-size: 14px;
    width: 58%;
    outline: none;
    border: 1px solid #006299;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.domainsearchpage-input::placeholder{
    text-align: center;
}
@media only screen and (max-width: 1200px) {
    .domainsearchpage-input::placeholder{
        font-size: 12px;
    }
}
.domainsearchpage-availability-msg{
    background-color: #00F56D;
    color: white;
    font-size: 18px;
    word-break: break-word;
    border: 2px solid #00F56D;
    border-radius: 4px;
    padding: 10px 20px;
}

.domainsearchpage-domainlist{
    margin: auto;
    text-align: center;
    max-width: 1200px;
    margin-bottom: 25px;
}
.domainsearchpage-form-body{
    padding-left: 20px;
    padding-right: 20px;
}
.domainsearchpage-card{
    background-color:#F4FDF8 ;
    -webkit-box-shadow: 3px 3px 2px 0px rgba(204,204,204,1);
    box-shadow: 3px 3px 2px 0px rgba(204,204,204,1);
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
    text-align: left;
    position: relative;
    padding: 20px 30px 20px 30px;
}

.domainsearchpage-message{
    text-align: center;
}
.domainsearchpage-card-head{
    font-weight: bold;
    font-size: 16px;
}
.domainsearchpage-card-line{
    border-top: 1px solid #00F56D;
}
.domainsearchpage-card-info{
    font-weight: 500;
    font-size: 16px;
}
.domainsearchpage-card-rsv-msg{
    font-weight: 400;
    font-size: 13px;
}
.domainsearchpage-card-list{
    list-style-type: none;
    margin: 0;
    padding: 0 21% 0 0;
    word-break: break-word;
}

.domainsearchpage-card-list>li{
    font-size: 14px;
    margin-right: 35px;
    margin-top: 8px;
}
.domainsearchpage-card-list>li>span{
    background-color: #D0FFE5;
    padding-left: 10px;
    padding-right: 10px;
}
.domainsearchpage-card-addtocart-btn{
    background-color:#007CA4;
    border: none;
    color: white;
    padding: 5px 5px 5px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin-top: 5px;
    align-self: center;
    margin-bottom: 10px;
    position: absolute;
    right: 20px;
    bottom: 10px;
    font-weight: 500;
    cursor: pointer;
    z-index: 5;
}
.domainsearchpage-card-addedtocart-btn{
    background-color:#000D3C;
    border: none;
    color: white;
    padding: 5px 22px 5px 22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin-top: 5px;
    align-self: center;
    margin-bottom: 10px;
    cursor: pointer;
}
.domainsearchpage-remove-added-btn{
    position: absolute;
    right: 20px;
    bottom: 10px;

}
@media only screen and (max-width: 768px) {

    .domainsearchpage-card-addtocart-btn{
        position: relative;
        right: 0;
        bottom: 0;
        margin-top: 20px;
        text-align: center;
    }
    .domainsearchpage-card{
        min-height: 10px;
    }
    .domainsearchpage-card-addedtocart-btn{
        position: relative;
        right: 0;
        bottom: 0;
        margin-top: 20px;
        text-align: center;
    }
    .domainsearchpage-remove-added-btn{
        position: relative;
        text-align: center;
        right: 0;
        bottom: 0;
    }

    .domainsearchpage-added-btn-position{
        position: absolute;
        right: 50%;
        bottom: 20px;
        margin-right: -54px;
    }
    .domainsearchpage-fullpackage-min-height{
        min-height: 410px;
    }
    .domainsearchpage-card-list{
        padding: 0;
    }
}

.domainsearchpage-card-addtocart-btn2{
    background-color:#007CA4;
    border: none;
    color: white;
    padding: 5px 5px 5px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin-top: 5px;
    align-self: center;
    margin-bottom: 10px;
    margin-left: 15px;
    font-weight: 500;
}
.domainsearchpage-card-addtocart-btn2:hover{
    cursor: pointer;
}
.domainsearchpage-other-options{
    text-align: center;
    margin: auto;
    max-width: 1200px;

}
.domainsearchpage-domain-registered{
    text-align: center;
    margin: auto;
    max-width: 800px;
    border-bottom: 2px solid #cccccc;
    padding-left: 10px;
    padding-right: 10px;
}

.domainsearchpage-card-btn{
    background-color:#007CA4;
    border: none;
    color: white;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin-top: 5px;
    padding: 10px 20px 10px 20px;
    font-weight: 500;
}

.domainsearchpage-registered-info{;
    font-size: 14px;
}
.domainsearchpage-arrow{
    text-align: left;
}
@media only screen and (max-width: 840px) {
    .domainsearchpage-arrow{
        display: none;
    }
}


.domainsearchpage-card-addedtocart-btn2{
    background-color:#000D3C;
    border: none;
    color: white;
    padding: 5px 22px 5px 22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin-top: 5px;
    align-self: center;
    margin-bottom: 10px;
    margin-left: 15px;
}


.domainsearchpage-card-remove-btn{
    background-color:#F4FDF8;
    color: #0B91BE;
    padding: 8px 8px 6px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    margin-top: 5px;
    align-self: center;
    margin-bottom: 10px;
    border: 1px solid #0B91BE;
}
.spinner{margin:auto;width:70px;text-align:center}.spinner>div{width:18px;height:18px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spinner .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.spinner .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}
.loading-overlay{display:block;z-index:9999;padding:20px 0}.loading-overlay.hide{display:none}

.domainsearchpage-error-msg{
    font-size: 18px;
    color: #E22212;
    word-break: break-word;
    border: 1px solid #E22212;;
    border-radius: 4px;
    padding: 10px 20px;
}

.domainsearchpage-colon{
    float: right;
    margin-top: 3px;
}

.domainsearchpage-submit-interest{
    text-align: left;
}
.domainsearchpage-price{
    text-align: right;
}
.domainsearchpage-name-price{
    padding-left: 20px;
    padding-right: 0;
    word-break: break-all;
}
#cartNotificationDomain{
    text-align: left;
}
#cartNotificationPrice{
    text-align: right;
}
@media only screen and (max-width: 768px) {
    .domainsearchpage-colon{
        display: none;
    }
    .domainsearchpage-domain-registered{
        border-bottom: none;
    }
    .domainsearchpage-submit-interest{
        text-align: center;
    }
    .domainsearchpage-registered{
        justify-content: center;
    }
    .domainsearchpage-card{
        text-align: center;
    }
    .domainsearchpage-price{
        text-align: center;
    }
    .domainsearchpage-card-list>li{
        float: none;
        margin-right: 0;
    }

    .domainsearchpage-name-price{
        padding-left: 0;
        padding-right: 0;
    }
    #cartNotificationDomain{
        text-align: center;
    }
    #cartNotificationPrice{
        text-align: center;
    }
}
.domainsearchpage-card-addedtocart-btn:hover,.domainsearchpage-card-addedtocart-btn2:hover{
    cursor: not-allowed;
}

.disabled-btn{
    cursor: not-allowed;
    pointer-events: none;
}
.domainsearchpage-search{
    font-size: 16px;
    background-color: #db7f07;
    padding: 6px 20px 8px 20px;
    margin-left: 10px;
    border-radius: 4px;
    cursor: pointer;
}
.domainsearchpage-search:hover{
    background-color: #c96e00;
}
@media only screen and (min-width: 769px) {
    .domainsearchpage-cat2-card{
        width: 98%;
        height: 100%;
        position: absolute;
    }
    .domainsearchpage-cat2-card-div{
        margin-bottom: 10px;
        min-height: 200px;
    }
    .domainsearchpage-card-list>li{
        float: left;
        min-width: 104px;
    }
    .domainsearchpage-card-list{
        display: table;
    }
}
.domainsearchpage-card-min-height-other-opt{
    min-height: 360px;
}
.domainsearchpage-name-price-top-cards{
    margin-top: -10px;
    margin-bottom: -10px;
}

@media only screen and (max-width: 800px) {
    .domainsearchpage-icon-right-arrow-circle-div{
        display: none;
    }
}


/*Domain Search page END*/

/*ordersummaryitems.ss START*/

.ordersummaryitems-container{
    max-width: 700px;
    margin: auto;
    padding-top: 40px;
    padding-bottom: 18px;
}

.ordersummaryitems-container-item{
    -webkit-box-shadow: 3px 3px 2px 0px rgba(204,204,204,1);
    box-shadow: 3px 3px 2px 0px rgba(204,204,204,1);
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}

@media only screen and (max-width: 768px) {
    .ordersummaryitems-container-item{
        border-right: 1px solid #cccccc;
    }
}

.ordersummaryitems-remove-item:hover{
    cursor: pointer;
}
.ordersummaryitems-proceed-btn{
    background-color:#007CA4;
    color: white;
    display: inline-block;
    font-size: 16px;
    margin-top: 5px;
    border: 1px solid #007CA4;
    padding: 10px 20px 10px 20px;
}
.ordersummaryitems-proceed-btn:hover{
    text-decoration: none;
    color: white;
}

.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #007CA4;
    border-color: #007CA4 transparent #007CA4 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.ordersummaryitems-no-items{
    color: #006C8F;
    font-size: 16px;
    font-weight: 700;
}
.ordersummaryitems-h{
    background-color: #006299;
}
.ordersummaryitems-h p{
    color: #96BAF0;
    font-size: 22px;
    padding-top: 20px;
    padding-bottom: 10px;
    font-weight: 200;
}
.ordersummaryitems-label{
    font-size: 16px;
    font-weight: 400;
    word-break: break-word;
}
.ordersummaryitems-data{
    font-size: 16px;
    font-weight: 700;
    word-break: break-word;
}
.ordersummaryitems-addmore{
    font-size: 20px;
    color: #007CA4;
    text-decoration: underline;
}
.ordersummaryitems-prices{
    font-weight: 700;
    text-align: right;
}
.ordersummaryitems-name{
    text-align: left;
    padding-left:5%;
    padding-top: 15px;
}
.ordersummaryitems-domain-price{
    text-align: right;
    padding-right:5%;
    padding-top: 15px;
}
.ordersummaryitems-labels{
    text-align: right;
}
.ordersummaryitems-btns{
    text-align: right;
}
@media only screen and (max-width:768px) {
    .ordersummaryitems-container{
        padding: 30px 30px 18px 30px;
    }
    .ordersummaryitems-prices{
        text-align: center;
    }
    .ordersummaryitems-name{
        text-align: center;
        padding:10px
    }
    .ordersummaryitems-labels{
        text-align: center;
    }
    .ordersummaryitems-domain-price{
        text-align: center;
        padding: 10px;
    }
    .ordersummaryitems-btns{
        text-align: center;
    }
}

.ordersummaryitems-promoted-label {
    font-size: 14px;
    color: #E22212;
}

.ordersummaryitems-promoted-label::before {
    content: '**';
    color: red;
    display:inline;
}

/*ordersummaryitems.ss END*/

/***********P/W reset******/

.passwordreset-rectangle{

    text-align: center;
    background-color: #006299;
    padding-top: 25px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    height: 20%;
}
.passwordreset-rectangle-word {

    left: 40.91%;
    right: 39.61%;
    top: 40.03%;
    bottom: 91.28%;

    font-style: normal;
    font-weight: 200;
    font-size: 22px;
    line-height: 26px;
    /* identical to box height */
    text-align: center;
    color: #96BAF0;
}
.passwordreset-form1 {
    margin: auto;
    border: none;
    padding: 10px;
}
.passwordreset-form {
    top: 1px;
    height: auto;
    background-color: white;
    position: relative;
    margin-top: 73px;
    margin-bottom: 70px;
}


.passwordreset-form-word{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #222222;
    /* identical to box height */
}



.passwordreset-form-word-red{

    font-size: 14px;
    text-align: center;
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    line-height: 128.3%;
    /* or 18px */
    color: #E22212;

    /* identical to box height */


}

.passwordreset-form-word-green{
    font-family: Lato;
    text-align: center;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    /* identical to box height */
    color: #00F56D;
}


.passwordreset-form-input{

    border: 1px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
@media only screen and (min-width: 500px){
    .passwordreset-form-input{
        min-width: 90%;
    }
}

.g-recaptcha{
    transform:scale(0.77);
    -webkit-transform:scale(0.77);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
    min-height: 80px;
}

.passwordreset-recaptcha{
    width: 250px;
    position: relative;
    left: 50%;
    margin-left: -118px;
}
.passwordreset-recaptcha>span{
    margin-bottom: 10px;
}

@media only screen and (min-width: 678px){
    .passwordreset-recaptcha>span{
        margin-left: -10px;
    }
}

@media only screen and (max-width: 678px){
    .passwordreset-recaptcha>span{
        margin-left: 25px;
        margin-bottom: 10px;
    }
}

.passwordreset-form-input>div>input{
    height: auto;
    margin-bottom: 20px;
    padding: 8px 25px 8px 25px;
    background-color:white;
    position: relative;
    color:  #666666;
    border: 1px solid #CCCCCC;
    font-size: 14px;
}
.passwordreset-form-input:focus{
    outline: none;
}

.passwordreset-form-input::placeholder{
    color: #666666;
    font-size: 14px;
}
.passwordreset-form-button{
    padding: 8px 30px;
    font-size: 13px;
    background: #007CA4;
    border-style:none ;
    font-style: normal;
    text-align: center;
    color: #FFFFFF;
}
.passwordreset-home-button {
    /* Home */
    padding: 8px 30px;
    font-size: 13px;
    background: #007CA4;
    border-style:none ;
    font-style: normal;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 18px;
    margin-top: 27px;
}

.passwordreset-home-button-a {
    color: #ffffff;
    display:inline-block;
    text-decoration: none;
    margin-bottom: 100px;
}

label[for="CustomerChangePasswordForm_CustomerChangePasswordForm_NewPassword2"] {
    display:none;
}

label[for="CustomerChangePasswordForm_CustomerChangePasswordForm_NewPassword1"] {
    display:none;
}
.passwordreset-button{
    padding: 8px 30px;
    background-color:#007CA4;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    margin-top: 30px;
    align-self: center;
    margin-bottom: 18px;
    cursor: pointer;
}
#CustomerChangePasswordForm_CustomerChangePasswordForm_error,#Form_LostPasswordForm_error{
    color: #E22212;
    font-size: 14px;
}
.passwordreset-form-Invalid {
    top: 1px;
    height: auto;
    background-color: white;
    position: relative;
    margin-bottom: 18px;
}
.passwordreset-pwcontent-outerborder{
    padding: 20px 25px 1px 1px;
    border: 1px solid #E22212;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 370px;
    width: 100%;

}
.passwordreset-pwcontent{

    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: #E22212;
    line-height: 90%;
}
@media only screen and (min-width: 768px) {
    .passwordreset-pwcontent{
        margin-right: 40px;
    }
}


/***********P/W reset END******/

/*my domain list page start*/
.mydomainlist-side-nav{
    padding-left: 25px;
    padding-top: 30px;
}
.mydomainlist-table thead{
    border-top: 1px solid #cecece;
}
.mydomainlist-table .checkbox-column{
    text-align: center !important;
}
.mydomainlist-table .actions-column{
    width: 238px !important;
}
.mydomainlist-table td.actions-column{
    text-align: center !important;
}

#proforma-loading-ring{
    top:45% !important;
}

.proforma-loading-text{
    color:#007ca4;
    display: inline-block;
    position: fixed;
    top: 28%;
    left: 50%;
    transform: translate(-50%,75%);
    z-index: 9999;
}

@media screen and (max-width: 1240px) {
    .mydomainlist-table td.actions-column{
        min-width: 238px !important;
    }
}
.mydomainlist-text-Dashboard {
    color: #333333;
    font-weight: 700;
    font-family: lato;
    font-size: 16px;
}

.table-row-red {
    background-color: #fea9af !important;
}

.table-row-yellow {
    background-color: #effbb0 !important;
}

.table-row-green {
    background-color: #e7fed8 !important;
}

.mydomainlist-hr {
    margin-bottom: 0rem;
}
#filterActionCallButton{
    margin-top: 47px;
}
#Form_DomainTableFilterForm_action_DomainTableFilter {
    display: none;
}

.mydomainlist-textfield {
    border-color: #cccccc !important;
    border-width: 0.5px;
    height: 2rem;
    width: 12.5rem;
}

.mydomainlist-orgList{
    margin-bottom: 10px;
}

@media screen and (max-width: 495px) {
    .mydomainlist-textfield {
        width: 100%;
    }
    .mydomainlist-filter-btn{
        margin-top: 20px !important;
        left: 50%;
        margin-left: -4rem;
    }
    .mydomainlist-filter-btn-div{
        margin-bottom: 25px;
        text-align: center;
        position: relative;
        width: 100%;
    }
    .domainlist-bulk-order-btn{
        text-align: center;
    }
}
@media screen and (max-width: 500px) {
    .domainlist-bulk-order-btn{
        text-align: center;
    }
}
@media screen and (max-width: 710px) {
    .mydomainlist-status-list{
        float: none !important;
        text-align: center !important;
    }
}
@media screen and (min-width: 768px) {
    .mydomainlist-container-padding{
        margin-left: 15px;
        margin-right: 15px;
    }
    .mydomainlist-orgList{
        max-width: 50%;
    }
}
@media screen and (min-width: 850px) {
    .mydomainlist-status-list{
        float: left;
        margin-left: -15px
    }

}

.mydomainlist-status-list{
    margin-top: 20px !important;
}

.mydomainlist-textfield label {
    font-size: 16px;
    font-weight: 400;
    font-family: lato;
    color: #666666;
}

.mydomainlist-textfield input {
    font-size: 14px !important;
    font-weight: 400 !important;
    font-family: lato !important;
    color: #666666 !important;
}

#Form_DomainTableFilterForm_DomainName,
#Form_DomainTableFilterForm_DomainRegisteredFrom,
#Form_DomainTableFilterForm_DomainRegisteredTo,
#Form_DomainTableFilterForm_DomainDueFrom,
#Form_DomainTableFilterForm_DomainDueTo {
    border-style: solid;
    margin-left: 1px;
}

.mydomainlist-h4 {
    font-size: 18px;
}

.mydomainlist-table tr:nth-child(odd) {
    background-color: #fff;
}

.mydomainlist-table tr:nth-child(even) {
    background-color: #f8f8f8;
}

.mydomainlist-table thead th {
    background-color: #eeeeee !important;
    line-height: 35px;
    text-align: center;
    color: #222222;
    font-family: lato;
    font-weight: 700;
    font-size: 14px;
    border-top: 1px solid #cccccc;
}

.mydomainlist-table {
    font-family: lato;
    font-size: 14px;
    color: #222222;
    z-index: 7;
}

.mydomainlist-table tr td {
    position: relative !important;
}

.mydomainlist-table td:nth-child(5),
.mydomainlist-table td:nth-child(6),
.mydomainlist-table td:nth-child(7),
.mydomainlist-table td:nth-child(8),
.mydomainlist-table td:nth-child(11),
.mydomainlist-table td:nth-child(12) {
    text-align: center;
}

.mydomainlist-table thead tr th:nth-child(1),
.mydomainlist-table tr td:nth-child(1) {
    border-left: 1px solid #cccccc;
}

.mydomainlist-table thead tr th,
.mydomainlist-table tr,
.mydomainlist-table td {
    border-left: none;
    border-bottom: none;
    border-top: none;
    border-right: 1px solid #cccccc;
}

.mydomainlist-table input[type="checkbox"] {
    color: #007ca4 !important;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    border: 1px solid #cccccc;
}

.mydomainlist-font-size {
    font-size: 14px;
}


.mydomainlist-pay-for-selected {
    background-color: #004e75;
    font-family: lato;
    font-size: 16px;
    padding: 8px 30px;
}

.mydomainlist-manage-btn {
    background-color: #007ca4;
    color: #fff;
    font-size: 12px;
    margin-right: 5px;
    width: 107px;
}

.mydomainlist-manage-btn:hover {
    color: #fff;
}

.mydomainlist-manage-invoice-btn {
    background-color: #004e75;
    color: #fff;
    font-size: 12px;
}

.mydomainlist-manage-invoice-btn:hover {
    color: #fff;
}

.mydomainlist-filter-btn {
    background-color: #004e75;
    color: #fff;
    font-family: lato;
    font-size: 16px;
    height: 2rem;
    border: none;
    width: 8rem;
}

.mydomainlist-role-tick-color {
    color: #007ca4 !important;
}

.mydomainlist-h3 {
    color: #007ca4;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 37px;
}

.mydomainlist-breadcrumb ul li a,
.mydomainview-breadcrumb ul li a {
    color: #333333;
    text-decoration: none;
    font-family: lato;
    font-size: 16px;
}

.mydomainlist-breadcrumb ul li a:hover,
.mydomainview-breadcrumb ul li a:hover,
.text-hover-orange:hover {
    color: orange;
}

.mydomainlist-text-muted {
    font-weight: 400;
    color: #666666;
}

.mydomainlist-marign-body-to-footer {
    margin-bottom: 40px;
}

.mydomainlist-breadcrumb,
.mydomainview-breadcrumb {
    border-bottom: 1px solid #dcdcdc;
}

.myaccountpage_mydomainview-h6 {
    color: #333333;
    font-family: lato;
    font-size: 16px;
    font-weight: 700;
}

.mydomainlist-container-domain {
    margin-left: 16px;
}
.mydomainlist-export button{
    width: 80px;
    text-align: right;
}
.mydomainlist-export ul{
    width: 120px !important;
}
.mydomainlist-columns-filter ul{
    width: 190px !important;
}
.mydomainlist-columns-filter li, .mydomainlist-export li{
    font-size: 14px !important;
}
.navbar-toggler-button {
    margin-left: 22px;
    text-align: right;

}

.DNS-records-manager-table-container {
    overflow-x: auto;
}

.myaccountpage_mydomainview-table-container {
    margin-left: 7px;
    padding-bottom: 1px;
    overflow-y: auto;
}

.DNS-records-manager-border {
    margin-left: 7px;
}

.myaccountpage-mydomainchangerequests-suspend-container {
    margin-left: 7px;
}

@media screen and (min-width: 1125px) {
    .mydomainlist-container {
        margin-left: -8px;
    }

    .suspend-unsuspend-title-container {
        margin-left: 168px !important;
        margin-right: 168px;
    }

    .mydomainview-container {
        padding-left: 0px !important;
        margin-left: 184px;
    }

    .mydomainlist-container-domain {
        padding-left: 0px !important;
        margin-left: 169px;
    }


    .mydomainview-breadcrumb {
        padding-left: 169.5px;
    }

    .navbar-toggler-button {
        margin-left: 176px;
    }

    .DNS-records-manager-table-container {
        overflow-x: auto;
    }

    .myaccountpage_mydomainview-table-container {
        overflow-x:auto;
        overflow-y: auto;
        margin-left: 168px;
        margin-right: 168px;
    }

    .DNS-records-manager-border {
        margin-left: 170px;
        margin-right: 170px;
    }

    .DNS-records-manager-radio-select-border {
        margin-left: 170px !important;
        margin-right: 170px !important;
        margin-top: 15px;
    }

    .DNS-records-manager-table-NS {
        margin-left: 170px !important;
        margin-right: 170px !important;
    }
    .DNS-OR-msg{
        margin-left: 170px !important;
        margin-right: 170px !important;
    }
    .DNS-records-manager-add-more-btn {
        margin-right: 170px !important;
    }

    .DNS-records-manager-comment-sector {
        margin-left: 170px !important;
        margin-right: 170px !important;
    }

    .DNS-records-manager-domain-redirection-sector {
        margin-left: 170px !important;
        margin-right: 170px !important;
    }

    .DNS-records-manager-message {
        margin-left: 170px !important;
    }

    .DNS-records-manager-titles {
        margin-left: 170px !important;
        margin-right: 170px !important;
    }

    #TechnicalEditForm_TechnicalDetailEditForm_error {
        margin-left: 170px !important;
        margin-right: 170px !important;
    }

    .myaccountpage-mydomainchangerequests-suspend-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: 168px;
        margin-right: 168px;
    }

    .DifferentDNSRequestForm_BindDNSRequestForm-container {
        margin-left: 160px !important;
        margin-right: 167px !important;
    }
}
@media screen and (min-width: 769px){
    .mydomainlist-breadcrumb {
        padding-left: 28px !important;
    }
}
.DifferentDNSRequestForm_BindDNSRequestForm-container {
    margin-left: 7px;
    margin-top: 20px;
    border: 1px solid #cccccc;
    padding: 20px;
}

.mydomainlist-tooltip {
    cursor: pointer;
    position: absolute;
    display: inline-block;
    margin-top: -9px;
}
.mydomainlist-tooltiptext {
    visibility: hidden;
    width: 280px;
    background-color: #007ca4;
    color: #fff;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -140px;
    font-size: 11px;
}

.mydomainlist-tooltip .mydomainlist-tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #007ca4 transparent transparent transparent;
}

.mydomainlist-tooltip:hover .mydomainlist-tooltiptext {
    visibility: visible;
}

.mydomainlist-tooltip-tick-color {
    color: #007ca4;
}

.mydomainlist-status-tooltip {
    margin-top: unset;
}

.domain-help-button-a,
.domain-help-button-a:visited,
.domain-help-button-a:link,
.domain-help-button-a:active {
    text-decoration: none;
    color: #FFFFFF;
}

.domain-help-button-a:hover {
    text-decoration: none;
    color: orange !important;
}

/*my domain list page end*/

/*My Domain View page start*/
@media only screen and (max-width: 1359px) {

    .domaindetails-tab-container li a, .dns-manager-tab-container li a, .dns-manager-tab-container-cant-edit li a, .domaindetails-tab-container-suspended li a, .dns-manager-tab-container-no-category li a{
        display: block;
        width: 100%;
        margin-top: 3px;
    }

    .myaccountpage-mydomainchangerequests-suspend-border {
        margin-top: unset !important;
    }

    .myaccountpage-mydomainchangerequests-suspend-container {
        padding-top: 49.14px;
    }

}

@media screen and (min-width: 1359px) {
    .domaindetails-tab-container, .dns-manager-tab-container, .dns-manager-tab-container-no-category, .dns-manager-tab-container-cant-edit {
        width: 89%;
    }

    .domaindetails-tab-container li:nth-child(1){
        width: 13%;
    }.domaindetails-tab-container li:nth-child(2){
         width: 20%;
     }.domaindetails-tab-container li:nth-child(3){
          width: 12%;
      }.domaindetails-tab-container li:nth-child(4){
           width: 30%;
       }.domaindetails-tab-container li:nth-child(5){
            width: 25%;
        }

    .dns-manager-tab-container li {
        width: 25%;
    }

    .dns-manager-tab-container-no-category li {
        width: 33.33%;
    }

    .dns-manager-tab-container-cant-edit li {
        width: 50%;
    }

    .domaindetails-tab-container-suspended li{
        width: unset;
    }

}

.dns-manager-tab-container li a, .dns-manager-tab-container-no-category li a, .dns-manager-tab-container-cant-edit li a {
    border-top: 3px solid #8BBDD6;
    height: 40px;
    margin-right: 1px;
    background-color: #8BBDD6;
    color: #004E75;
    font-family: lato;
    font-size: 16px;
}

.dns-manager-tab-container li a:nth-last-child(1), .dns-manager-tab-container-no-category li a:nth-last-child(1), .dns-manager-tab-container-cant-edit li a:nth-last-child(1) {
    margin-right: 0px;
}

.dns-manager-tab-container li a:hover, .dns-manager-tab-container-no-category li a:hover, .dns-manager-tab-container-cant-edit li a:hover {
    color: #007BCE;
}
.dns-success{
    margin-top: 49.14px !important;
    font-size: 22px !important;
    color: #00F56D !important;
}
.dns-success i{
    font-size: 50px;
}
.dns-success button{
    padding: 10px 20px;
    font-size: 16px !important;
}
.domaindetails-tab-default {
    background-color: #004E75;
    color: #CFEBF9;
    padding: 12px 20px;
    font-family: lato;
    font-size: 16px;
    border-top: 2px solid #007CA4;
}

.mydomainview-home-text-titles{
    color: #222222;
    font-weight: 700;
    font-size: 16px;
    font-family: lato;
}

.mydomainview-home-texts {
    color: #222222;
    font-size: 16px;
    font-family: lato;
    font-weight: 400;
}

.domaindetails-tab-default:hover {
    color: orange;
}

.domaindetails-tab-active {
    color: #666666;
    padding: 12px 20px;
    border-top: 2px solid #007CA4;
    background-color: #fff;
    font-size: 16px;
    font-family: lato;
}

.domaindetails-tab-active:hover {
    color: #007BCE;
}

.myaccountpage-mydomainview-side-navigation nav ul li a{
    text-decoration: none;
    font-weight: 500;
}

.myaccountpage-mydomainview-side-nav {
    line-height: 1.3;
    font-family: lato;
}

@media screen and (min-width: 1125px) {
    .myaccountpage-mydomainview-side-nav {
        padding-left: 170px;
    }

    .myaccountpage-mydomainview-side-navigation nav ul li a {
        display: block;
        margin-bottom: -8px;
    }

}

.domaindetails-tabcontent {
    display: none;
}

.domaindetails-tabcontent-active {
    display: block;
}

.myaccountpage_mydomainview-suspend-table {
    width: 100%;
}

.myaccountpage_mydomainview-suspend-table,
th,
tr,
td {
    border: 1px solid #dddddd;
}
.myaccountpage_mydomainview-suspend-table thead tr th {
    font-size: 16px;
    line-height: 21px;
    background: #eeeeee;
    vertical-align: top;
    color: #222222;
    font-weight: 700;
    text-align: center;
    font-family: lato;
}

.myaccountpage_mydomainview-suspend-table tbody tr td {
    font-size: 16px;
    color: #222222;
    font-weight: 400;
    text-align: left;
    font-family: lato;
}

.suspend-unsuspend-title {
    font-size: 16px;
    font-family: lato;
    color: #222222;
    font-weight: 400;
}

.suspend-unsuspend-title-container {
    padding-top: 10px;
    margin-left: 7px;
}

#Form_RolechangeRequestForm_Email {
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
}

#Form_RolechangeRequestForm_error {
    color: #e22212;
    font-size: 14px;
    padding: 0 10px;
}

.myaccountpage-mydomainchangerequests-text-succes {
    color: #00f56d;
    font-size: 22px;
}

.myaccountpage-mydomainchangerequests-icon-succes {
    font-size: 66px !important;
    color: #00f56d;
}

.myaccountpage-mydomainchangerequests-suspend-fields-btn {
    background-color: #007CA4;
    margin-left: 6px;
    font-family: lato;
    color: #fff;
    font-size: 16px;
}

.myaccountpage-mydomainchangerequests-suspend-textfield {
    border-color: #cccccc !important;
    border-width: 0.5px;
    max-width: unset;
    color: #666666;
    margin-left: 0.5px;
    font-size: 14px;
    font-family: lato;
    font-weight: 400;
}

.myaccountpage-mydomainchangerequests-suspend-label {
    padding-bottom: unset;
    font-size: 16px;
    font-family: lato;
    color: #666666;
    font-weight: 400;
}

.myaccountpage-mydomainchangerequests-suspend-label span {
    color: red;
}

.myaccountpage-mydomainchangerequests-suspend-title {
    font-size: 16px;
    color: #222222;
    font-weight: 700;
}

.myaccountpage-mydomainchangerequests-dns-border {
    border: 1px solid #dddddd;
    margin-top: 49.14px;
    margin-left: 1px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 70px;
    padding-right: 70px;
}

.myaccountpage-mydomainchangerequests-dns-img {
    height: 90px;
    width: 80px;
    background-color: transparent;
    margin-top: 30px;
    margin-bottom: 20px;
}

.font-size-16 {
    font-size: 16px;
    font-family: lato;
}

.text-myaccountpage_mydomainview-no-data {
    font-size: 16px;
    font-family: lato;
    color: #222222;
    font-weight: 400;
}

.myaccountpage-mydomainchangerequests-dns-item {
    -webkit-box-shadow: 3px 3px 2px 0px rgba(204, 204, 204, 1);
    box-shadow: 3px 3px 2px 0px rgba(204, 204, 204, 1);
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
    text-align: center;
    position: relative;
    background-color: white;
    min-height: 240px;
}

.myaccountpage-mydomainchangerequests-dns-item-heading {
    margin-top: 20px;
    color: #007ca4;
    font-size: 20px;
    margin-bottom: -15px;
}

.myaccountpage-mydomainchangerequests-dns-item-font {
    color: #999999;
    font-size: 13px;
}

.myaccountpage-mydomainchangerequests-dns-item-description {
    max-width: 90%;
    margin: auto;
}

.myaccountpage_mydomainview-item {
    background-color: #004e75;
    border-top: 2px solid #007ca4;
    border-bottom: 0px;
    margin: 1px;
    padding: 0px;
}

a:hover,
a:visited,
a:link,
a:active {
    text-decoration: none;
}

.myaccountpage_mydomainview-item a:hover {
    color: orange;
}

.myaccountpage_mydomainview-item a {
    color: #cfebf9;
    font-size: 16px;
    font-family: lato;
    font-weight: 500;
    /* background-color: #004E75; */
}

.myaccountpage_mydomainview-item a:active {
    color: #666666;
    font-size: 16px;
    font-family: lato;
    font-weight: 500;
    background-color: #fff;
    border: none;
}

@media only screen and (max-width: 992px) {

    .myaccountpage_mydomainview-span-domainname {
        margin-bottom: 20px;
    }

    .myaccountpage_mydomainview-border {
        border: none !important;
        margin-top: 15px !important;
    }

    .DNS-records-manager-border {
        border: none !important;
        margin-top: 10px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

}

.myaccountpage-mydomainchangerequests-suspend-border {
    border: 1px solid #dddddd;
    margin-top: 49.14px;
}

.myaccountpage_mydomainview-modal-title {
    font-size: 24px;
    line-height: 28px;
    color: #007CA4;
}

.myaccountpage_mydomainview-modal-content {
    font-size: 16px;
    line-height: 19px;
}

.myaccountpage_mydomainview-span-domainname {
    color: #007CA4;
    font-family: lato;
    font-size: 20px;
    font-weight: 400;
    margin-top: -10px;
}

.myaccountpage_mydomainview-ng-scope-padding {
    padding-right: 0px !important;
}

.font-lato {
    font-family: Lato;
}

.myaccountpage_mydomainview-table tr {
    border: unset;
}

.myaccountpage_mydomainview-table {
    margin-left: 1.3rem;
}

.myaccountpage_mydomainview-table td {
    padding: 0.25rem;
}

.myaccountpage_mydomainview-table tr td span {
    float: right;
}

.mydomainview-breadcrumb-domain{
    font-family: lato;
    font-weight: 400;
    font-size:16px;
    color: #666666;
}

.myaccountpage_mydomainview-suspension-btn {
    background: #007CA4;
    margin-left: 10px;
    padding: 8px 30px;
    font-size: 14px;
    font-family: lato;
}

.myaccountpage_mydomainview-modal-Cansel-btn {
    width: 130px;
    height: 44px;
    border: 1px solid #03a3e3;
    text-align: center;
    color: #0b91be;
}

#SuspendModal, #UnSuspendModal {
    top: 30%;
}

#SuspendModal > .modal-dialog > .modal-content , #UnSuspendModal > .modal-dialog > .modal-content {
    padding: 20px;
}

.myaccountpage_mydomainview-modal-Continue-btn {
    width: 130px;
    height: 44px;
    background: #007ca4;
    text-align: center;
}

.myaccountpage_mydomainview-border {
    border-left: 1px solid #c4c4c4;
}

.myaccountpage_mydomainview-table-role thead tr th {
    background-color: #EEEEEE;
    color: #222222;
    font-size: 16px;
    font-family: lato;
    font-weight: 700;
    text-align: center;
}

.myaccountpage_mydomainview-table-role tbody tr td {
    color: #222222;
    font-size: 16px;
    font-family: lato;
    font-weight: 400;
}

.myaccountpage_mydomainview-table-role th:nth-child(1) {
    width: 30%;
}

.myaccountpage_mydomainview-table-role th:nth-child(2) {
    width: 55%;
}

.myaccountpage_mydomainview-table-role td:nth-child(2),
.myaccountpage_mydomainview-table-role th:nth-child(2) {
    border-right-color: transparent !important;
}

.myaccountpage_mydomainview-edit-btn {
    background: #004E75;
    font-family: lato;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
}

.myaccountpage_mydomainview-role-firstName {
    font-weight: 700;
}

.technical-edit-no-records {
    font-family: lato;
    size: 16px;
    color: #222222;
    font-weight: 400;
}

@media screen and (min-width: 992px) {
    .myaccountpage-mydomainchangerequests-dns-card {
        margin-right: 60px;
    }

    .technical-edit-no-records {
        margin-left: -72px;
    }
}

.DNS-records-manager-content-hide {
    display: none;
}

.DNS-records-manager-content-show {
    display: block;
}

.DNS-records-manager-current-running-records-title {
    font-size: 16px;
    font-family: lato;
    font-weight: 700;
    text-align: center;
}

.DNS-records-manager-current-running-records-subtitle {
    color: #007CA4;
    font-size: 16px;
    font-family: lato;
    font-weight: 700;
}

.DNS-records-manager-edit-title {
    font-family: lato;
    font-size: 18px;
    font-weight: 700;
    margin-left: -4px;
    color: #007ca4;
}

.DNS-records-manager-radio-select-table tr td input {
    width: 23.42px;
    height: 23.42px;
    color: #007CA4 !important;
}

.DNS-records-manager-table,
th,
tr,
td {
    border: 1px solid #dddddd;
}
.DNS-records-manager-table thead tr th {
    font-size: 16px;
    line-height: 21px;
    background: #EEEEEE;
    vertical-align: top;
    color: #222222;
    font-weight: 700;
    text-align: center;
    font-family: lato;
}

.DNS-records-manager-table tbody tr td {
    font-size: 16px;
    color: #222222;
    font-weight: 400;
    font-family: lato;
}

.DNS-records-manager-border {
    border: 1px solid #dddddd;
    margin-top: 49.14px;
    padding-left: 70px;
    padding-right: 70px;
}

.DNS-records-manager-border-no {
    border: 1px solid transparent !important;
}

.DNS-records-manager-radio-select-table, .DNS-records-manager-radio-select-table table{
    width: 100%;
}

.DNS-records-manager-radio-select-table tr td:nth-child(1) {
    padding-left: 3%;
}

.DNS-records-manager-radio-select-table tr td:nth-child(2) {
    /*padding-left: 10%;*/
}

.DNS-records-manager-radio-select-table tr td:nth-child(3) {
    /*padding-left: 10%;*/
}

.DNS-records-manager-radio-select-table tr td, .DNS-records-manager-radio-select-table tr {
    border: none;
}

.DNS-records-manager-radio-select-table tr td label {
    font-family: lato;
    font-size: 18px;
    font-weight: 700;
    color: #007ca4;
    vertical-align: top;
    margin-top: -1px;
}

.DNS-records-manager-radio-select-text-RR, .DNS-records-manager-radio-select-text-NS, .DNS-records-manager-radio-select-text-DR {
    font-family: lato;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
}

.DNS-records-manager-radio-select-text-RR{
    padding-left: 40px !important;
}

.DNS-records-manager-radio-select-text-NS {
    padding-left: 38px !important;
}

.DNS-records-manager-radio-select-text-DR {
    padding-left: 42px !important;
}

.DNS-records-manager-radio-select-border {
    border: 1px solid #dddddd;
    margin-left: 7px;
    padding-left: 5%;
    padding-right: 5%;
}

@media only screen and (max-width: 992px) {
    .DNS-records-manager-radio-select-border {
        border: none;
        padding-left: unset;
        padding-right: unset;
    }

    .DNS-records-manager-radio-select-table td{
        display:block;
        width:100%;
    }

    .DNS-records-manager-radio-select-table tr{
        display:block;
        margin-bottom:30px;
    }

    .DNS-records-manager-radio-select-table tr tr{
        margin-bottom:0;
    }

    .DNS-records-manager-radio-select-table tr td:nth-child(1), .DNS-records-manager-radio-select-table tr td:nth-child(2), .DNS-records-manager-radio-select-table tr td:nth-child(3) {
        padding-left: unset;
    }

    .DNS-records-manager-radio-select-text-RR, .DNS-records-manager-radio-select-text-NS, .DNS-records-manager-radio-select-text-DR{
        padding-left: 28px !important;
    }

}

.DNS-records-manager-message {
    text-align: left;
    font-family: lato;
    margin-left: 7px;
}

.DNS-records-manager-add-more-btn {
    background: #004E75;
    font-family: lato;
    font-size: 16px;
    float: right;
    padding-left: 20px;
    padding-right: 20px;
}

.DNS-records-manager-table-NS {
    margin-left: 7px;
    min-width: 800px;
}

.DNS-records-manager-Fields {
    border-right: 1px solid #cecece;
    text-align: left;
}

.DNS-records-manager-Fields input,
.DNS-records-manager-Fields select {
    width: 60%;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 10px;
    vertical-align: middle;
    border: 1px solid #dddddd;
    height: 30px;
    color: #222222;
    font-weight: 400;
    font-family: lato;
    font-size: 16px;
    padding: 5px;
}

.DNS-records-manager-Fields:nth-child(2),
.DNS-records-manager-Fields:nth-child(3) {
    border-left: unset;
}

.DNS-records-manager-table-NS-thead {
    font-size: 16px;
    line-height: 21px;
    background: #eeeeee;
    border: 1px solid #dddddd;
    font-weight: 700;
    font-family: lato;
    color: #222222;
}

.DNS-records-manager-Fields > p {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.DNS-records-manager-Fields-holder, .DNS-records-manager-Fields-holder-mx, .DNS-records-manager-Fields-holder-or {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #cecece;
    border-right: 1px solid #cecece;
    border-left: 1px solid #cecece;
}
.nameserverfieldcustomer span, .mxrecordfieldcustomer span, .resourcerecordfieldcustomer span {
    padding-left: 10px;
}
.DNS-records-manager-Fields-holder div:nth-child(1) {
    width: 40%;
}

.DNS-records-manager-Fields-holder div:nth-child(2) {
    width: 25%;
}

.DNS-records-manager-Fields-holder div:nth-child(3) {
    width: 30%;
}
.DNS-records-manager-Fields-holder div:nth-child(4) {
    width: 5%;
}

.DNS-records-manager-Fields-holder-or div:nth-child(1) {
    width: 30%;
}

.DNS-records-manager-Fields-holder-or div:nth-child(2) {
    width: 20%;
}

.DNS-records-manager-Fields-holder-or div:nth-child(3) {
    width: 20%;
}

.DNS-records-manager-Fields-holder-or div:nth-child(4) {
    width: 25%;
}
.DNS-records-manager-Fields-holder-or div:nth-child(5) {
    width: 5%;
}

.DNS-records-manager-Fields-holder-mx div:nth-child(1){
    width: 20%;
}

.DNS-records-manager-Fields-holder-mx div:nth-child(2){
    width: 25%;
}

.DNS-records-manager-Fields-holder-mx div:nth-child(3){
    width: 15%;
}

.DNS-records-manager-Fields-holder-mx div:nth-child(4){
    width: 15%;
}

.DNS-records-manager-Fields-holder-mx div:nth-child(5){
    width: 20%;
}
.DNS-records-manager-Fields-holder-mx div:nth-child(6){
    width: 5%;
}


.DNS-records-manager-save-btn {
    background-color: #007ca4;
    font-size: 16px;
    font-family: lato;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 15px;
}

.different-dns-manager-field-label {
    font-size: 16px;
    font-family: lato;
    color: #666666;
    font-weight: 400;
}

.different-DNS-records-manager-save-btn {
    background-color: #007CA4;
    font-size: 16px;
    font-family: lato;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 35%;
    color: #fff;
}

.bind-DNS-records-manager-save-btn {
    background-color: #007CA4;
    font-size: 16px;
    font-family: lato;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 32%;
    color: #fff;
}

.bind-request-form-text {
    text-align: center;
    font-size: 16px;
    font-family: lato;
    color: #222222;
    font-weight: 700;
}

.different-dns-manager-field-star {
    color: red;
}

.DNS-records-manager-comment-sector {
    margin-left: 7px;
    margin-top: 20px;
}

.DNS-records-manager-domain-redirection-sector {
    margin-left: 7px;
    margin-top: 20px;
}

.DNS-records-manager-comments {
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    font-family: lato;
}

.DifferentDNSRequest-text {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    font-family: lato;
}

#TechnicalEditForm_TechnicalDetailEditForm_CustomerComment {
    border: 1px solid #dddddd;
    width: 100%;
    color: #666666;
    font-size: 14px;
    font-family: lato;
    font-weight: 400;
}

.DNS-records-manager-Fields-remove-icon .icon-close {
    cursor: pointer;
    vertical-align: middle;
    font-size: 22px;
    color: #E22212;
}
.DNS-records-manager-Fields-remove-icon i:before{
    margin-top: 22px;
    margin-left: 13px;
}
.second-level-domains-message {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    font-family: lato;
}

.DNS-records-manager-without-deleteField {
    margin-left: 34px;
}

.DNS-records-manager-titles {
    font-size: 16px;
    font-weight: 700;
    font-family: lato;
    color: #222222;
    margin-top: 10px;
}

#TechnicalEditForm_TechnicalDetailEditForm_error {
    font-family: lato;
    font-size: 14px;
    color: red;
}

.domain-details-menu-bar a {
    background-color: yellow;
    border-top: 1px solid tomato;
    border-bottom: none;
    border-left: none;
    border-right: none;
    color: black;
}

.domain-details-menu-bar a:hover {
    background-color: yellow;
    border-top: 1px solid tomato;
    color: orange;
}

.domain-details-menu-bar .active {
    background-color: white;
    border-top: 1px solid tomato;
}

.domain-details-menu-bar .active:hover {
    background-color: blue;
    border-top: 1px solid tomato;
}

.dns-active-tabs{
    background-color: white !important;
    color: #666666 !important;
}
.dns-active-tabs:hover {
    color: #007BCE !important;
}

.different-dns-manager-field {
    border-color: #cccccc !important;
    border-width: 0.5px;
    color: #666666;
    margin-left: 1px;
    font-family: lato;
    font-weight: 400;
    font-size: 14px;
}

.different-dns-manager-field-holder {
    margin: auto;
}
#Form_BulkPaymentForm_error,#mydomainslist-date-error,.dns-error-msg{
    color: #E22212;
    font-size: 14px;
    font-weight: 400;
}

.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    z-index: 9999;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #007ca4;
    border-color: #007ca4 transparent #007ca4 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.loading-overlay.hide{display:none}
.technicaledit-bg{
    background-color: #f9f9f9 !important;
}
#CustomerTechnicalEditForm_TechnicalDetailEditForm_error.message.good{
    margin-top: 20px;
    color: #00F56D !important;
    font-size: 22px !important;
}
.message.validation{
    font-size: 14px;
    color: #E22212;
}
.font-weight-700{
    font-weight: 700 !important;
}
#CustomerTechnicalEditForm_TechnicalDetailEditForm span.message{
    float: none !important;
}

@media only screen and (max-width: 580px) {
    .DNS-records-manager-comments{
        width: 100%;
    }
}
#Form_DifferentDNSRequestForm_error, #Form_BindDNSRequestForm_error{
    text-align: center;
}
.DNS-OR-msg{
    font-size: 16px;
    color: #E22212;
}
.DNS-tt-ttldropdown{
    width: 80% !important;
}
@media only screen and (max-width: 768px) {
    .domains-modal {
        margin-right: 5px !important;
    }
}
/*My Domain View page end*/

/*++++++++++++++++++++User Role Selection Start+++++++++++++++++++++*/
.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    z-index: 9999;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #007ca4;
    border-color: #007ca4 transparent #007ca4 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.loading-overlay.hide{display:none}

.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
}

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

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

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2.5px;
    bottom: 2.5px;
    background-color: #2196F3;
    -webkit-transition: .4s;
    transition: .4s;
}

.userrole-slider-input + .slider {
    background-color: white;
}

.userrole-slider-input:checked + .slider {
    background-color: white;
}

.userrole-slider-input:focus + .slider {
    box-shadow: 0 0 1px white;
}

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

/* Rounded sliders */
.slider.round {
    border-radius: 45px;
    border: 0.5px solid #E5E5E5;
}

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

.userrole-header{
    background-color: #006299;
    padding-top: 10px;
}
.userrole-header-h{
    font-size: 26px;
    color: #8CADDF;
    font-weight: 200;
}
.userrole-header-no{
    background-color: #EEEEEE;
    color: #006299;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    right: 50%;
    margin-right: -25px;
}
.userrole-header-no > span{
    position: absolute;
    top: 50%;
    right: 50%;
    font-size: 16px;
    margin-top: -12px;
    margin-right: -4px;
}
.userrole-header-no-container{
    height: 55px;
}
.userrole-header-footer{
    font-size: 12px;
    color: #EEEEEE;
}
.userrole-reg-col-border{
    border-right: 1px solid #666666;
}
@media only screen and (max-width: 768px) {
    .userrole-active{
        background-color: #2c89b7;
    }
    .userrole-reg-col-border{
        border-right: none;
        border-bottom: 1px solid #CECECE;
    }
    .userrole-header-h-container{
        padding-bottom: 10px;
    }
    .userrole-header-h{
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media only screen and (min-width: 769px) {
    .userrole-active{
        border-bottom: 5px solid #00F56D;
    }
    .userrole-container{
        padding-right: 15%;
        padding-left: 15%;
    }
    .userrole-reason-col{
        border-right: 1px solid #cecece;
        color: #666666;
    }
    .userrole-collapse-btn{
        display: none;
    }
    .collapse.dont-collapse-sm {
        display: flex;
        height: auto !important;
        visibility: visible;
    }
}
.userrole-container{
    justify-content: center;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 18px;
}
.userrole-reg-radio-label{
    color: #004E75;
    font-size: 20px;
    margin-left: 5px;
    word-break: break-word;
}
.userrole-reg-col-content{
    color: #666666;
    margin-top: 20px;
    font-size: 14px;
}
.userrole-reg-content{
    color: #666666;
    font-size: 14px;
}
.userrole-instruction-list{
    text-align: left;
    list-style: none;
}
.userrole-instruction-list div{
    background-color: white;
    margin-bottom: 5px;
    padding: 10px;
}
.userrole-dot{
    height: 10px;
    width: 10px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}
.userrole-warning-msg{
    color:  #E22212;
}
input:focus{
    outline: none;
}
.userrole-search-input{
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    width: 100%;
}
.userrole-btn{
    padding: 8px 20px;
    cursor: pointer;
    border: 1px solid #007ca4;
    font-size: 16px !important;
}
.userrole-small-h{
    font-size: 16px;
    font-weight: 700;
}

.userrole-back-btn{
    color: #007ca4 !important;
    background-color: white;
}
.userrole-bg{
    background-color: #F5F5F5;
    padding: 20px;
}
.userrole-doc-row{
    background-color: white;
    word-break: break-word;
    margin-bottom: 10px;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(204,204,204,1);
    box-shadow: 2px 2px 2px 0 rgba(204,204,204,1);
    border-radius: 3px;
    padding: 10px 10px 10px 10px;
}
.userrole-modal-h{
    font-size: 18px;
    color:  #007CA4;
    font-weight: 400;
}
.userrole-modal-close{
    color: #007CA4;
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;
}
.userrole-modal-body{
    color: #222222;
    padding: 10px 40px;
}
.userrole-input label{
    margin-top: 10px;
    color: #666666;
}
.userrole-input>div>input{
    width: 100%;
    border: 1px solid #cccccc;
    color: #666666;
    font-size: 14px;
    padding: 5px 10px 5px 10px;
}
#regSelectionRemoveOrg{
    cursor: pointer;
}
.icon-trash{
    cursor: pointer;
}
.userrole-textarea textarea{
    width: 100%;
    padding: 10px;
    border: 1px solid #cecece;
    font-size: 14px;
    color: #666666;
    overflow:hidden;
    box-sizing: border-box;
}

.userrole-reason-col input,label{
    color: #666666;
}
.userrole-reason-row{
    margin: 20px;
    border: 1px solid #cecece;
    padding: 20px;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(204,204,204,1);
    box-shadow: 2px 2px 2px 0 rgba(204,204,204,1);
    word-break: break-word;
}
.userrole-reason-domain{
    color: #006C8F;
    font-weight: 700;
}
input:focus,button:focus,textarea:focus{
    outline: none;
}
.userrole-reason-doc{
    font-size: 14px;
    color: #006C8F;
    font-weight: 700;
}
.userrole-summary-content{
    color: #666666;
    font-size: 14px;
}
.userrole-blue-700{
    color: #006C8F;
    font-weight: 700;
    font-size: 16px;
}
.userrole-box-shadow{
    border: 1px solid #cecece;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(204,204,204,1);
    box-shadow: 2px 2px 2px 0 rgba(204,204,204,1);
}
.userrole-summary-prices{
    margin: 20px;
}
.userrole-summary-total-prices{
    font-size: 16px;
    text-align: right;
}
.userrole-summary-total-label{
    font-size: 16px;
    font-weight: 700;
    text-align: right;
}
.userrole-completion-success{
    color: #00F56D;
}
.userrole-completion-success p{
    font-size: 18px;
}
.userrole-completion-msg p{
    font-size: 16px;
}
.userrole-error-msg p{
    font-size: 22px;
    color: #E22212;
}
.userrole-success-msg{
    color: #00F56D;
    font-size: 22px;
}
.userrole-container .message.validation{
    text-align: center;
    color: #E22212;
    font-size: 14px;
}
.validation-msg .message.validation{
    color: #E22212 !important;
    font-size: 14px !important;
}
.userrole-collapse-btn{
    border: none;
    background-color: #006299;
    position: absolute;
    left: 5px;
    top:12px;
}
.userrole-collapse-btn span{
    color: #8CADDF;
    font-size: 25px;
}
.userrole-add-btn{
    position: absolute;
    top: 10px;
    right: 10px;
    border: none;
    border-radius: 3px;
    padding: 5px 10px;
    color: white !important;
    cursor: pointer;
}
.userrole-addnew-row{
    padding: 10px 60px 10px 10px !important;
}
.userrole-modal{
    top: 0 !important;
    bottom: 0 !important;
    margin-top: unset !important;
    margin-right:0 !important;
}
.userrole-field-star label:after{
    content: ' *';
    color: red;
}
.userrole-tip-icon{
    color: #006C8F;
    font-size: 20px;
    cursor: pointer;
}
.userrole-dropdown label{
    margin-top: 10px;
}
.userrole-border-btm{
    padding-bottom: 30px;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 30px;
}
.userrole-checkbox{
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    padding: 10px 10px 10px 0px;
    margin-left: 3px;
}
.userrole-checkbox:focus{
    background-color: #ffffff;
    color: #007CA4;
}

@media only screen and (max-width: 768px) {
    .userrole-summary-space{
        display: none;
    }
}
@media only screen and (min-width: 769px) {
    .userrole-summary-dname{
        display: none;
    }
}
.userrole-radio{
    margin-bottom: -3px !important;
    width: 20px !important;
    height: 20px !important;
}

#validatePromotionCodeButton{
    margin-top: 17px;
}
#Form_otherDetailsForm_action_UploadBulkDocument{
    float: right;
}

.userrole-completion-iframe {
    overflow: hidden; 
    min-height: 90vh;
}

.userrole-input-gender .left:after {
    content: ' *';
    color: red;
}

.userrole-input-gender {
    padding-left: unset !important;
}

@media only screen and (max-width: 1122px) {
    .userrole-completion-iframe{
        min-height: 100vh;
    }
}

@media only screen and (max-width: 797px) {
    .userrole-completion-iframe{
        min-height: 170vh;
    }
}

/*++++++++++++++++++++User Role Selection End+++++++++++++++++++++*/

/****************** Dashboard BestWeb Flyer -  Start***************/

.dashboard-bestweb{
    min-height: 100px;
    background-color: #D29012;
    font-family: bestweb;

}

.dashboard-bestweb-h{
    color: white;
    font-size: 30px;
    word-break: break-word;
}

.dashboard-bestweb-p{
    color: white;
    font-size: 15px;
    word-break: break-word;
}
.dashboard-bestweb-btn{
    font-family: Lato;
    color: #D29012 !important;
    background-color: white;
    padding: 10px 20px;
    font-size: small;
}
@media only screen and (max-width: 380px) {
    .dashboard-bestweb-h{
        font-size: 25px;
    }

    .dashboard-bestweb-p{
        font-size: 12px;
    }
}
/****************** Dashboard BestWeb Flyer -  End***************/

/****************** Corona Notice - Start************************/
/*.corona-notice{*/
/*    margin: 30px;*/
/*    padding: 20px;*/
/*    border: solid #db7f07;*/
/*    background-color: #c6e6f0;*/
/*}*/
/****************** Corona Notice - End************************/



/****************** Reserved Domains Page CSS - START (starts  with res-dom-)*/

.res-dom-search-div, .res-dom-result-div{
    min-height: 500px;
    color: #707070;
}

.res-dom-top-icon {
    width: 200px;
}

.res-dom-result-tab-container{
    min-height: 305px;
    background-color: #efefef;
    color: #707070 !important;
}

.res-dom-upload-btn{
    padding: 10px 20px 10px 20px;
    background-color: #006299;
    color: white !important;
    border: none;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    font-weight: 500;
}

.res-dom-upload-btn img {
    width: 20px !important;
    margin-right: 5px;
}

.res-dom-modal-upload-btn img{
    width: 20px !important;
    margin-right: 5px;
}

.res-dom-add-to-cart-btn img {
    width: 25px !important;
    margin-right: 5px;
}

.res-dom-search-btn{
    padding: 10px 20px 10px 20px;
    background-color: #006299;
    color: white !important;
    border: none;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    font-weight: 500;
    display: inline-block;
}

.res-dom-clear-btn {
    padding: 10px 20px 10px 20px;
    background-color: #707070;
    color: white !important;
    border: none;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    font-weight: 500;
    display: inline-block;
}

.res-dom-add-to-cart-btn{
    padding: 10px 20px 10px 20px;
    background-color: #006299;
    color: white !important;
    border: none;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    font-weight: 500;
}

.res-dom-input{
    width:100%;
    padding: 10px;
    min-height: 300px;
}

.res-dom-description p {
    font-size: 18px;
    line-height: 1.2;
}

.res-dom-description h2 {
    font-weight: 400;
}

.res-dom-pricing{
    padding: 12px 60px;
    border: none;
    color: #006299;
    font-weight: 600;
    font-size: 16px;
}

.res-dom-row{
    min-height: 50px;
    border: 1px solid #efefef;
    margin: 5px;
    padding: 10px;
    word-break: break-all;
    color: #666666;
    background-color: white;
}

.res-dom-row-na {
    min-height: 110px;
    border: 1px solid #efefef;
    margin: 5px;
    padding: 13px;
    word-break: break-all;
    color: #666666;
    background-color: white;
}

.res-dom-tab{
    display: none;
}

.add-extra-space{
    margin-bottom: 270px;
}

.res-dom-search-h3 {
    color: #006299;
    font-weight: 500;
}

.res-dom-tab.show{
    display: block;
}

.res-dom-added:after{
    content: "Added";
    background-color: #00FF00;
    padding: 5px 10px;
    font-size: 13px;
    border-radius: 8px;
    color: white;
    font-weight: 900;
    position: absolute;
    right: 17px;
    top: -5px;
}

.res-dom-not-added:after{
    content: "Not Added";
    background-color: #E22212;
    padding: 5px 10px;
    font-size: 13px;
    border-radius: 8px;
    color: white;
    font-weight: 900;
    position: absolute;
    right: 17px;
    top: -5px;
}

.res-dom-modal-error-msg{
    color: #E22212;
    font-size: 16px;
    font-weight: 500;
}

.res-dom-view-bulk-domains{
    color: #007bff;
    cursor: pointer;
}
.res-dom-overflow{
    max-height: 258px;
    overflow: auto;
}

.res-dom-container{
    margin-bottom: -18px;
    font-family: Lato;
    background-color: #F9F9F9;
}

.res-dom-container-top {
    background-color: #006299;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.res-dom-error-msg{
    font-size: 18px;
    color: #E22212;
    word-break: break-word;
    border: 1px solid #E22212;
    padding: 10px 20px;
}

.res-dom-side-nav {
    font-family: lato;
    line-height: 1.8;
}

.res-dom-side-navigation nav ul li a{
    text-decoration: none;
    font-weight: 500;
}

.res-dom-p{
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
}

.res-dom-title{
    font-size: 16px;
    line-height: 1.2;
}

.res-dom-tab-link {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    padding: 12px 20px;
    cursor: pointer;
}

.res-dom-tab-active label {
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color:  #707070 !important;
}

.res-dom-tab-inactive label {
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    color: #707070 !important;
}

.res-dom-tab-active {
    background-color: #efefef;
    color: #707070 !important;
}

.res-dom-tab-inactive {
    background-color: #F9F9F9;
    color: #707070 !important;
}

.res-dom-modal-close{
    color: #007CA4;
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;
    position: absolute;
    right: 5px;
}

.res-dom-modal-body{
    font-size: 16px;
    color: #222222;
}

.res-dom-modal-upload-btn{
    padding: 10px 12px 10px 12px;
    background-color: #006299;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    color: white !important;
}

@media screen and (max-width: 1125px) {
    .res-dom-side-navigation nav ul li a {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    .res-dom-side-navigation li {
        margin-right: -15px !important;
    }

    .res-dom-result-tab-container{
        margin-top: 10px;
    }
}
.res-dom-available{
    margin-top: 7px !important;
}

/****************** Reserved Domains Page CSS - END*/

/****************** Password Strength - Start************************/

.show-pw-strength {
    position: relative;
}

.pw-strong > div > input{
    border: #5cb85c 1px solid !important;
}
.pw-strong::after{
    content: 'Strong';
    color: white;
    background-color: #5cb85c;
    padding: 1px 7px;
    border-radius: 3px;
    position: absolute;
    right: 11px;
    top: 23px;
    font-size: 12px;
    font-weight: bold;
}

.pw-weak > div > input{
    border: #E22212 1px solid !important;
}

.pw-weak::after{
    content: 'Weak';
    color: white;
    background-color: #E22212;
    padding: 1px 7px;
    border-radius: 3px;
    position: absolute;
    right: 11px;
    top: 23px;
    font-size: 12px;
    font-weight: bold;
}
/****************** Corona Notice - End************************/

.myaccount-dashboard-itemheight210{
    min-height: 210px;
}

.myaccount-dashboard-itemheight180{
    min-height: 180px;
}

.myaccount-dashboard-item-heading-right{
    color: black;
    font-size: 15px;
    margin: 0;
}

.myaccount-dashboard-item-icon {
    font-size: 80px;
    color: #0B91BE;
}

.myaccount-dashboard-item-icon-img {
    width: 120px;
}

.myaccount-dashboard-item-icon-right {
    font-size: 40px;
    color: #0B91BE;
    display: flex;
    align-items: center;
    padding: 5px 10px;
}

.myaccount-dashboard-item-footer-right{
    height:  30px;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.myaccount-dashboard-item-footer>p{
    font-size: 13px;
    color: white;
}

.myaccount-dashboard-item-footer-right>p{
    font-size: 13px;
    color: white;
    padding-top: 7px;
}


@media only screen and (max-width: 800px) {

    .myaccount-dashboard-itemheight210, .myaccount-dashboard-itemheight180{
        min-height: 240px;
    }

    .myaccount-dashboard-item-heading, .myaccount-dashboard-item-heading-right{
        margin-top: 15px;
    }

    .myaccount-dashboard-item-footer{
        height:  40px;
    }

    .myaccount-dashboard-item-footer>p{
        padding-top: 7px;
    }

    .myaccount-dashboard-item-icon-right {
        font-size: 80px;
    }
}

.usd-more-info{
    color: white !important;
    background-color: #dc3545;
    padding: 7px 15px;
}

/* Price toggle screens CSS */
.price-selection-div{
    border-bottom: 3px solid #007CA4;
    box-shadow: 0px 2px 0px 0px rgb(204 204 204);
    border-radius: 3px;
    margin-bottom: 20px;
}

.price-tab{
    padding: 8px 15px;
    background-color: #a6a6a6;
    color: #007CA4 !important;
    margin-right: 5px;
    margin-bottom: 8px;
    cursor: pointer;
    font-size: 15px;
}

.price-tab-selected{
    background-color: #007CA4 !important;
    color: white !important;
}
.price-selection-div-summary{
    width: 75% !important;
}
@media only screen and (max-width: 769px) {
    .price-selection-div{
        text-align: center !important;
    }
    .price-selection-div div{
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
@media only screen and (max-width: 1230px) {
    .price-selection-div-summary{
        width: 100% !important;
    }
}

/*****************Customer Validations************************/
.not-valid-input{
    border: 1px solid #E22212 !important;
}

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

.mobile-telephone-verify-code {
    min-width: unset;
    padding: 5px;
}

.mobile-telephone-verify-bottom-margin{
    margin-bottom: 50px;
}

.myaccountpage_mobiletelephoneverify-icon-success {
    font-size: 66px !important;
    color: #00F56D;
}

.myaccountpage_mobiletelephoneverify-text-success {
    color: #00F56D;
    font-size: 22px;
}

.myaccountpage_mobiletelephoneverify-btn {
    background-color: #007CA4;
    padding-right: 20px;
    padding-left: 20px;
}


/*** New MySite UI**/

.mysite-title{
    text-align: left;
    padding: 20px 5px 0 0;
    font-size: 17px;
    font-weight: 800;
}
.mysite-card {
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
    border: 1px solid white;
    border-radius: 20px !important;
    padding-left: 15px;
    padding-right: 15px;
    min-height: 530px;
}
.mysite-card-body{
    padding: 15px;
}
.mysite-promotion{
    background-color: #fc9d21;
    color: white;
    padding: 2px 15px 5px;
}

.mysite-text-with-dot::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #007CA4;
    margin-right: 5px;
}
.mysite-text-with-dot{
    font-weight: 200;
}
.mysite-real-price{
    font-size: 35px;
}
@media (min-width: 769px){
    .mysite-col {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (max-width: 769px){
    .mysite-card {
        margin-left: 30px;
        margin-right: 30px;
    }
}
@media (min-width: 1050px){
    .mysite-real-price{
        font-size: 45px;
    }
}
.mysite-table{
    border:none;
}
.mysite-table{
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}
.mysite-table td,th{
    padding: 15px;
    background-color: white;
    border:none;
}
.mysite-table tr{
    border:none;
    border-bottom: 1px solid lightgrey;
}

.mysite-table-col-1{
    background-color: #EEEEEE !important;
    font-weight: 700;
}

.show-only-on-desktop{
    display: none;
}
.show-only-on-mobile{
    display: block;
}
@media (min-width: 800px){
    .show-only-on-desktop{
        display: block;
    }
    .show-only-on-mobile{
        display: none;
    }
}

.mysiteservicepage-package-reject-field {
    border-color: #CCCCCC !important;
    border-width: 1px;
    max-width: unset;
    color: #666666;
    margin-left: 1px;
    font-size: 14px;
    font-weight: 400;
    width: 100% !important;
}

.mysiteservicepage-package-reject-field:-webkit-autofill {
    -webkit-text-fill-color: #666666 !important;
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.mysiteservicepage-package-reject-field:focus{
    outline: none;
}

.mysiteservicepage-package-reject-field-label {
    padding-bottom: unset;
    color: #666666 ;
    font-size: 16px;
}

.mysiteservicepage-package-reject-success a {
    padding: 8px 30px;
    font-size: 16px;
    height:34px;
    background: #007CA4;
    font-weight: 500;
    border-style:none ;
}

.mysiteservicepage-package-reject-icon-success{
    color: #00F56D;
    font-size: 66px;
}

.mysiteservicepage-package-reject-icon-success:before{
    font-size: 66px;
}

.mysiteservicepage-package-reject-text-success {
    color: #00F56D;
    font-size: 22px;
}
/*** Process change CSS **/

.price-plan-domain-box{
    border: 1px solid #DDDDDD;
    padding: 30px;
}
.price-plan-domain-box .userrole-reason-domain{
    font-size: 20px;
}
.price-plan-domain-box select{
    padding: 5px 4px 6px 4px;
    border: 1px solid #DDDDDD;
    color: #666666;
    background-color: white;
    width: 200px;
}
.price-plan-summary{
    background-color: #F4F4F4;
    padding: 30px;
}
.orange-button{
    background-color:#fca42a;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none !important;
    display: inline-block;
    font-size: 13px;
    padding: 10px 20px 10px 20px;
    margin-top: 5px;
    cursor: pointer;
    text-underline: none;
}
.price-plan-ready-to-pay{
    width: 100%;
    font-size: 16px;
}
.pricing-plan-sum-table tr,td{
    border: none;
    vertical-align: top;
}

.document-type-drop-down{
    -moz-appearance: none;
    pointer-events: none;
    word-break: break-word;
    white-space: normal;
}
.new-back-button{
    background-color:#5C5C5C;
    border: none;
    color: white !important;
    text-align: center;
    text-decoration: none !important;
    display: inline-block;
    font-size: 13px;
    padding: 15px 30px 11px 30px;
    margin-top: 5px;
    cursor: pointer;
    text-underline: none;
}
.orange-button:hover{
    color: white;
}
.new-back-button:hover{
    color: white;
}
.proforma-invoice-div{
    background-image: url("../images/logo-icon.jpeg") ;
    background-size: 600px;
    background-repeat: no-repeat;
    background-position: center center;
}

.promo-input-text {
    padding: 6px 30px 6px 30px;
    color: #666666;
    font-size: 16px;
    outline: none;
    font-family: lato;
    margin-left: -10px;
}

.promo-input-button {
    padding: 10px 30px 10px 30px;
    font-size: 16px;
    background-color:#007CA4;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    font-family: lato;
    display: inline;
    width: 150px;
}

.promo-input-button:hover{
    cursor: pointer;
}

.proceed-button {
    background-color:#fca42a !important;
    border: none !important;
    padding: 10px 30px 10px 30px;
    width: 150px;
}

.proceed-back-button {
    background-color:#5C5C5C !important;
    border: none;
    color: white;
    padding: 10px 30px 10px 30px;
    width: 150px;
}

@media screen and (max-width: 768px) {
    .proceed-button {
        margin-top: 10px;
    }
}

#TwoFactorAuthModal {
    top: 30%;
}

.resend-two-factor-auth-code-link-disabled {
    color: #999;
    pointer-events: none;
    text-decoration: none;
}

#twoFactorAuthCodeReSendSpan {
    display: none;
}

#twoFactorAuthTimeRemaining {
    display: none;
}

/*** Customer Account Details Complete CSS **/

.account-details-completion-submit-btn {
    background-color:#fca42a !important;
    padding: 10px 15px 10px 15px;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    align-self: center;
    margin-bottom: 10px;
    font-weight: 500;
    width: 100%;
}

.account-details-completion-link {
    color: #132361;
    text-decoration:underline !important;
    font-weight: bolder;
}

.account-details-completion-separator {
    display: flex;
    align-items: center;
}

.account-details-completion-separator span {
    padding-right: 1rem;
}

.account-details-completion-separator div {
    flex: 1;
    background-color: #666666;
    height: 1px;
}

.account-details-completion-container {
    color: #666666;
    padding-left: 7%;
    padding-right: 7%;
}

.account-details-completion-header h1 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2;
}

.account-details-completion-header span {
    font-size: 1.2rem;
}

.account-details-completion-header hr {
    border-top: 1px solid !important;
}

.account-details-completion-form .form-row {
    margin-bottom: 10px;
}

.account-details-completion-form input {
    border: 1px solid rgba(102,102,102,0.5) !important;
}

.account-details-completion-form input, .account-details-completion-form-state >div >select,
.account-details-completion-form-city >div >select, .account-details-completion-form-district >div >select, .account-details-completion-form-tax >div >select {
    border: 1px solid rgba(102,102,102,0.5) !important;
}

.account-details-completion-form-textField {
    width: 100%;
    padding: 5px 5px 5px 5px;
    border: none;
    color: #666666;
    outline: none;
}

.account-details-completion-form-textField >div >input {
    border: 1px solid #E5E5E5;
    font-size: 14px;
}

.account-details-completion-form-textField label {
    font-size: 16px;
}

.account-details-completion-form-textField::placeholder {
    font-size: 14px;
}

.account-details-completion-form-dropdown{
    width: 100%;
    padding: 6px 4px 6px 4px;
    border: none;
    color: #666666;
    background-color: white;
    outline: none;
}

.account-details-completion-form-dropdown >div >select{
    border: 1px solid #E5E5E5;
}

.account-details-completion-form-dropdown >div >select>option{
    font-size: 14px;
}

.account-details-completion-form-dropdown >label{
    font-size: 16px;
}

.account-details-completion-form-gender, .userrole-input-gender {
    list-style-type: none;
    margin: 0;
    display: inline-flex;
    padding-left: 5px;
}

.account-details-completion-form-gender li, .userrole-input-gender li {
    margin-left: 20px;
}

.account-details-completion-form-gender input, .userrole-input-gender input {
    float: right;
    margin: 5px;
}

.account-details-completion-form-gender label, .userrole-input-gender label {
    float: right;
}

.account-details-completion-form-row-gender {
    margin-bottom: -10px !important;
}

@media only screen and (max-width: 285px) {

    .account-details-completion-container {
        padding-left: 7% !important;
        padding-right: 7% !important;
    }

    .account-details-completion-form-gender, .userrole-input-gender {
        display: contents;
    }

    .account-details-completion-form-gender li, .userrole-input-gender li {
        margin-left: unset;
    }

    .account-details-completion-form-gender input, .userrole-input-gender input, .account-details-completion-form-gender label, .userrole-input-gender label {
        float: unset;
        margin: 0 0 0 5px;
    }

    .account-details-completion-form-row-gender {
        margin-bottom: 10px !important;
    }

}


#DataIncompleteModal {
    top: 20% !important;
    max-height: 100% !important;
    bottom: 1% !important;
}

@media only screen and (max-width: 769px){
    #DataIncompleteModal {
        top: 25% !important;
    }
}

.domainslist-status{
    min-width: 180px;
}

/*** Domain Showcase Page CSS **/

.domain-showcase-topic-div {
    border-bottom: 3px solid black;
}

.domain-showcase-topic {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.2;
}

.domain-showcase-sales-div, .domain-showcase-sales-search-div {
    background-color: #004E75;
}

.domain-showcase-sales-topic, .domain-showcase-sales-search-topic1 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.6;
    color: white;
}

.domain-showcase-sales-search-topic2 {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5;
    color: #0B91BE;
}

.domain-showcase-timer-div {
    text-align: center;
    color:white;
}

.domain-showcase-timer {
    font-size: 2rem;
    font-weight: 700;
    margin: 10px;
}

.domain-showcase-timer-count {
    background-color: #0B91BE;
    padding: 1.5rem;
}

.domain-showcase-card {
    -webkit-box-shadow: 3px 3px 2px 0px rgba(204,204,204,1);
    box-shadow: 3px 3px 2px 0px rgba(204,204,204,1);
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
    position: relative;
}

.domain-showcase-card-sale-price {
    color: red;
    font-size: 1.2rem;
}

.domain-showcase-card-price {
    font-size: 1.1rem;
}

.domain-showcase-card-domain-name {
    font-size: 1.4rem;
    font-weight: 700;
}

.domain-showcase-sales-search-select, .domain-showcase-sales-search-select:hover,.domain-showcase-sales-search-select:focus,
.domain-showcase-sales-search-select:active, .domain-showcase-sales-search-select:active:focus:not(:disabled):not(.disabled) {
    box-shadow: none !important;
    outline: 0 !important;
    text-decoration: none !important;
    border: none !important;
    height: 40px;
}

.domain-showcase-sales-search-button {
    background-color: #dddddd !important;
    width: 50px;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.domain-showcase-sales-search-button, .domain-showcase-sales-search-button:hover,.domain-showcase-sales-search-button:focus,
.domain-showcase-sales-search-button:active, .domain-showcase-sales-search-button:active:focus:not(:disabled):not(.disabled) {
    box-shadow: none !important;
    outline: 0 !important;
    border: none;
}

#showCaseDomainMessage {
    text-align: center;
    color: white;
    padding: 10px;
    font-size: large;
    border-radius: 5px;
}

#showCaseDomainResultMessage {
    text-align: center;
    color: white;
    padding: 10px;
    font-size: large;
    border-radius: 5px;
    background-color: #00F56D;
}

.showcase-domain-success {
    background-color: #00F56D;
}

.showcase-domain-error {
    background-color: #E22212;
}

.domain-showcase-card a {
    color: white !important;
}

@media only screen and (max-width: 769px){
    .domain-showcase-timer {
        font-size: 1rem;
    }

    .domain-showcase-timer-count {
        padding: 1rem;
    }

    .domain-showcase-card {
        margin-bottom: 10px;
    }
}

.domain-showcase-rubber-effect {
    padding: 7px 15px;
    line-height: 18px;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    opacity: 0.8;
    transform: rotate(-12deg);
    margin-bottom: 20px;
    font-weight: normal;
    background-color: #0B91BE;
}

.m-package-b{
    width: 40px;
    height: 40px;
    border: 1px solid #cecece;
    position: relative;
}

.m-package-b > span {
    position: absolute;
    left: 15px;
    top: 5px;
}
.m-package-b1{
    cursor: pointer;
    border-radius: 6px 0 0 6px;
}

.m-package-b2{
    cursor: pointer;
    border-radius: 0 6px 6px 0;
}

.text-normal {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #222222;
}

.auto-renewal-message-div {
    position: absolute;
    top: 165px;
    right: 30px;
    transform: translateY(-50%);
    background-color: #ffffff;
    border: 1.5px solid #132361;
    padding: 5px 10px;
    border-radius: 15px;
    z-index: 1000;
    max-width: 500px;
}

.auto-renewal-message {
    font-size: 13px;
    margin-bottom: unset;
}

.auto-renewal-message-div button {
    background-color: #132361;
    border: none;
    cursor: pointer;
    font-size: 13px;
    margin-right: 10px;
    border-radius: 4px;
    color: white;
    padding: 6px 12px;
}

.auto-renewal-message-flag {
    display: inline-block;
    font-family: inherit;
    text-transform: uppercase;
    font-weight: bold;
    background-color:#FF9C00;
    border-radius: 4px;
    color: white;
    padding: 6px 12px;
    font-size: 13px;
}

@media only screen and (max-width: 767px) {
    .auto-renewal-message-div {
        position: relative;
        top: unset;
        right: unset;
        transform: unset;
        max-width: unset;
    }
}


/*** Account Deactivation Page CSS **/

.newbackground-color-2{
    background-color: #F3F3F3;
}

.bg-side-nav-2 {
    background: #0B91BE;
    color: #CFEBF9;
    padding: 12px 20px;
}

.account-deactivation-label {
    font-size: 1.1rem;
}

.account-deactivation-warning {
    color: #E22212 !important;
}

.account-deactivation-btn {
    padding: 12px 20px;
    font-weight: 600;
    background-color:#0B91BE;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-top: 5px;
    align-self: center;
    margin-bottom: 10px;
    margin-left: 10px;
    border-radius: 8px;
    cursor: pointer;
}

.account-deactivation-container {
    border: 1px solid #CCCCCC;
    margin: 49.13px 180px 18px 175px;
    padding: 30px 200px 30px 200px;
    border-radius: 8px;
}

@media only screen and (max-width: 1180px) {
    .account-deactivation-container {
        margin: 49.13px 20px 18px 20px;
        padding: 30px 15% 30px 15%;
    }
}
@media only screen and (max-width: 768px) {
    .account-deactivation-container {
        border: none;
        margin: 10px 0 18px 0;
        padding: 30px 40px 30px 40px;
    }
}

.credit-debit-card-details-page-container-desktop .credit-card-container, .credit-debit-card-details-page-container-mobile .credit-card-container, .credit-debit-card-details-page-container {
    margin: 20px 18px 0 175px;
    transition: all 0.5s ease-in-out;
}

.customer-credit-debit-card-selection-form {
    margin: auto;
}

.customer-credit-debit-card-selection-form .credit-card-container {
    cursor: pointer;
}

@media only screen and (max-width: 1180px) {
    .credit-debit-card-details-page-container-desktop .credit-card-container, .credit-debit-card-details-page-container-mobile .credit-card-container, .credit-debit-card-details-page-container {
        margin: 20px 20px 18px 20px;
    }
}

.credit-debit-card-details-page-container-desktop .credit-card {
    background-color: #0B91BE;
    color: white;
    padding: 20px 20px;
    border-radius: 0.5rem;
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    width: 350px;
    height: 150px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    background-image:url("../images/map.png") ;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.credit-debit-card-details-page-container-mobile .credit-card {
    color: black;
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    border: 1px solid #EEEEEE;
}

.customer-credit-debit-card-selection-form .credit-card {
    color: black;
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    border: 1px solid #EEEEEE;
}

.credit-debit-card-details-page-container-desktop .credit-card-container:hover {
    scale: 1.1;
}

.credit-debit-card-details-page-container-desktop .head,
.credit-debit-card-details-page-container-desktop .number,
.credit-debit-card-details-page-container-desktop .tail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    z-index: 10;
}

.credit-debit-card-details-page-container-desktop .head {
    font-size: 1.3rem;
    font-weight: bold;
    color: white;
}

.credit-debit-card-details-page-container-desktop .number {
    margin-top: 1rem;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 0.8rem;
    color: white;
}

.credit-debit-card-details-page-container-desktop .exp {
    font-size: 1rem;
}

.credit-debit-card-details-page-container-desktop .exp-date {
    color: white;
    font-size: 1.1rem;
}

.credit-debit-card-details-page-container-desktop .credit-card-delete {
    color: #E22212;
    font-weight: bold;
    font-size: 2rem;
    cursor: pointer;
}

.credit-debit-card-details-page-container-mobile .credit-card-delete {
    color: #E22212;
    font-weight: bold;
    font-size: 2rem;
    cursor: pointer;
}

.credit-debit-card-details-page-container-desktop .credit-card-edit {
    color: green;
    font-weight: bold;
    font-size: 2rem;
    cursor: pointer;
}

.credit-debit-card-details-page-container-mobile .credit-card-edit {
    color: green;
    font-weight: bold;
    font-size: 2rem;
    cursor: pointer;
}

@media only screen and (max-width: 435px){
    .credit-debit-card-details-page-container-desktop {
        display: none !important;
    }

    .credit-debit-card-details-page-container-mobile {
        display: block !important;
    }

    .credit-debit-card-details-page-container .button-section {
        margin-right: 5%;
    }
}

@media only screen and (min-width: 436px){
    .credit-debit-card-details-page-container-mobile {
        display: none !important;
    }

    .credit-debit-card-details-page-container-desktop {
        display: flex !important;
    }

    .credit-debit-card-details-page-container .button-section {
        margin-right: 25%;
    }
}

.credit-debit-card-details-page-container-mobile table {
    width: 100%;
    border-collapse: collapse;
}

.customer-credit-debit-card-selection-form table {
    width: 100%;
    border-collapse: collapse;
}

.credit-debit-card-details-page-container-mobile tr, .credit-debit-card-details-page-container-mobile th, .credit-debit-card-details-page-container-mobile td {
    border: none;
    padding: 8px;
    text-align: left;
    vertical-align: middle;
}

.customer-credit-debit-card-selection-form tr, .customer-credit-debit-card-selection-form th, .customer-credit-debit-card-selection-form td {
    border: none;
    padding: 8px;
    text-align: left;
    vertical-align: middle;
}

.credit-debit-card-details-page-container-mobile .col1 {
    width: 1%;
    background-color: #EEEEEE;
}

.customer-credit-debit-card-selection-form .col1 {
    width: 1%;
    background-color: #EEEEEE;
}

.credit-debit-card-details-page-container-mobile .col2 {
    width: 15%;
    font-size: 2.1rem;
}

.customer-credit-debit-card-selection-form .col2 {
    width: 15%;
    font-size: 2.1rem;
}

.credit-debit-card-details-page-container-mobile .col3 {
    width: 69%;
}

.customer-credit-debit-card-selection-form .col3 {
    width: 69%;
}

.credit-debit-card-details-page-container-mobile .col4 {
    width: 15%;
}

.customer-credit-debit-card-selection-form .col4 {
    width: 15%;
}

.credit-debit-card-details-page-container .button-section a {
    cursor: pointer;
    background-color: #004e75;
    color: white !important;
    padding: 4px 14px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.1rem;
    width: 200px;
}

.credit-debit-card-details-page-container .saved-cards-count {
    padding: 4px 0;
    display: inline-block;
    font-size: 1.2rem;
    font-weight: bold;
}

.delete-confirmation-btn {
    padding: 10px 14px 10px 14px;
    font-size: 16px;
    border: 1px solid #E22212;
    margin-left: 10px;
    background-color: #E22212;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: lato;
    cursor: pointer;
}

.credit-debit-card-details-page-message {
    font-size: 1.2rem;
    word-break: break-word;
    text-align: center;
    display: none;
}

.credit-debit-card-details-page-error {
    color: #E22212;
}

.credit-debit-card-details-page-success {
    color: #00F56D;
}

.creditDebitCardDetailsPageNote {
    background-color: #EEEEEE;
    padding: 10px;
    width: fit-content;
    margin-bottom: 10px;
}

.card-payment-page-container {
    margin-left: 175px;
    margin-bottom: 20px;
    margin-right: 30px;
}

@media only screen and (max-width: 1180px) {
    .card-payment-page-container {
        margin: 10px 20px 18px 20px;
    }
}
@media only screen and (max-width: 768px) {
    .card-payment-page-container {
        margin: 10px 0 18px 0;
    }
}

.page-separator {
    display: flex;
    flex-direction: row;
}

.page-separator:before,
.page-separator:after {
    content: "";
    flex: 1 1;
    border-bottom: 2px dashed #cccccc;
    margin: auto;
}

@media only screen and (min-width: 769px) {
    .other-details-page-horizontal-line{
        border-top: 1px dashed #cecece;
        width: 80%;
        text-align: center;
        margin-top: 2rem;
        margin-bottom: 0;
    }
}

.domain-redirection-select-btn {
    background-color:#007CA4;
}

.domain-redirection-subdomain-select-btn {
    background-color: #004E75;
}

.domain-redirection-field-section {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    width: 100%;
    padding: 10px;
}

.domain-redirection-input-section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex: 1;
}

.domain-redirection-input-section input {
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    flex: 1;
    min-width: 150px;
}

.domain-redirection-button-section {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.domain-redirection-button-section a,  .domain-redirection-button-section button {
    border: none;
    border-radius: 4px;
    cursor: pointer;
    padding: 5px 10px;
    color: white !important;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    font-family: lato;
}

@media (max-width: 768px) {
    .domain-redirection-field-section {
        flex-direction: column;
        align-items: stretch;
    }

    .domain-redirection-button-section {
        justify-content: center;
    }

    .domain-redirection-subdomain-tooltip-img {
        position: relative;
        top: unset;
        right: unset;
        transform: unset;
    }
}

.domain-redirection-subdomain-tooltip-img {
    position: absolute;
    top: -400%;
    right: -30%;
    transform: translateX(-50%);
    display: none;
    width: 600px;
    padding: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.domain-redirection-subdomain-select-btn:hover .domain-redirection-subdomain-tooltip-img {
    display: block;
    z-index: 99999;
}

#searchDomainName {
    z-index: unset !important;
}

.bulk-domain-redirection-section {
    overflow-x: unset !important;
}

.mysite-vishmitha-username-form-username {
    border-color: #cccccc !important;
    border-width: 0.5px;
    color: #666666;
    font-size: 14px;
    font-family: lato;
    font-weight: 400;
    width: 100%;
    text-align: left;
    padding: 5px;
}

.mysite-vishmitha-username-form-btn {
    background-color: #007CA4;
    font-family: lato;
    color: #fff;
    font-size: 16px;
}

#vishmithaEmailDeleteBtn {
    color: red;
    font-size: 20px;
    cursor: pointer;
}

.mysite-email-accounts-table td {
    max-width: 200px;
    overflow-wrap: break-word;
    word-break: normal;
}

.break-word {
    overflow-wrap: break-word;
    word-break: break-word;
}

.message-page-save-btn {
    border: 1px solid #007CA4;
    padding: 7px 35px 7px 35px;
    font-size: 16px;
    font-weight: 500;
    background-color:#007CA4;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: lato;
}

.message-page-save-btn:hover{
    cursor: pointer;
}

.message-page-form-field {
    width: 80%;
    margin-bottom: 8px;
    font-size: 1rem !important;
}

.message-page-form-field-domain-search-section {
    width: 64%;
    margin-bottom: 8px;
    color: #666666;
}

@media (max-width: 800px){
    .message-page-form-field {
        width: 100%;
    }

    .message-page-form-field-domain-search-section {
        width: 100%;
    }
}

.message-page-domain-name-label::after {
    content: " *";
    color: red;
}

.message-page-domain-search-input, .message-page-domain-search-input:hover,.message-page-domain-search-input:focus,
.message-page-domain-search-input:active, .message-page-domain-search-input:active:focus:not(:disabled):not(.disabled) {
    box-shadow: none !important;
    outline: 0 !important;
    text-decoration: none !important;
    height: 40px;
    border: 1px solid #cccc;
}

.message-page-domain-search-button {
    background-color: #007CA4 !important;
    padding: 0 20px 0 20px;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    color: white;
    border: none;
}

.message-page-domain-select-button {
    border: 1px solid #007CA4;
    padding: 7px 15px 7px 15px;
    font-size: 14px;
    font-weight: 500;
    background-color:#007CA4;
    color: white !important;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: lato;
    cursor: pointer;
}

.message-page-domain-search-section-row {
    background-color: white;
    word-break: break-word;
    margin-bottom: 10px;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(204,204,204,1);
    box-shadow: 2px 2px 2px 0 rgba(204,204,204,1);
    border-radius: 3px;
    padding: 10px 60px 10px 10px !important;
}

.customer-message-history-page-card {
    background-color: #E5E5E5 !important;
    margin-top: 10px;
    border: unset !important;
    border-radius: unset !important;
}

.customer-message-page-section{
    margin-left: 175px;
    margin-right: 175px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 10px;
}

@media only screen and (max-width: 1125px) {
    .customer-message-page-section{
        margin-left: 20px;
        margin-right: 20px;
    }
}

.customer-message-page-card-header {
    text-decoration: none !important;
    color: black !important;
    cursor: pointer;
    background-color: #E5E5E5 !important;
    border-bottom: unset !important;
}

.customer-message-page-card-header:hover {
    color: #ED9100 !important;
}

.customer-message-page-card-header-title {
    font-weight: bold;
    font-size: 14px;
}

.customer-message-page-card-up-arrow {
    float: right;
    display: none;
}

.customer-message-page-card-header-date {
    font-size: 12px;
}

.customer-message-page-card-header-btn {
    font-size: 13px;
    background-color: #004e75 !important;
    padding: 2px 5px;
    float: right;
    color: #FFFFFF;
}

.customer-message-page-card-header-new-btn {
    font-size: 13px;
    background-color: limegreen !important;
    padding: 2px 5px;
    float: right;
    color: #FFFFFF;
    margin-right: 5px;
}

.customer-message-page-card-body {
    background-color: #E5E5E5;
    padding-top: 0 !important;
    font-size: 14px;
    color: black;
}

.customer-message-page-message-block-date {
    font-size: 12px !important;
}

.customer-message-page-message-block-message-right {
    display: table;
    padding: 5px;
    background-color: #BDBDBD !important;
    border-radius: 10px;
    width: auto;
    margin-right: 0;
    margin-left: auto;
}

.customer-message-page-message-block-message-left {
    display: table;
    padding: 5px;
    background-color: #BDBDBD !important;
    border-radius: 10px;
}

.customer-message-page-reply-input {
    width: 100%;
    font-size: 13px;
}

.customer-message-page-reply-btn {
    background-color: #004e75 !important;
    font-family: lato !important;
    padding: 8px 20px !important;
    font-size: 13px !important;
    float: right;
    margin-bottom: 10px;
}

.customer-message-page-section .message.bad {
    color: #E22212 !important;
    font-size: 16px;
}

.customer-message-page-section .message.good {
    color: #00F56D !important;
    font-size: 16px;
}

.customer-message-page-message-block-status {
    color: #666666;
    font-size: 12px;
}

.alert-warning {
    color: #E22212 !important;
}

.lk-pagination {
    margin-top: 20px;
    text-align: center;
}

.lk-pagination a,
.lk-pagination span {
    display: inline-block;
    padding: 8px 15px;
    margin: 0 5px;
    text-decoration: none;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f8f9fa;
    color: #007CA4;
    transition: background-color 0.3s ease, color 0.3s ease;
    margin-bottom: 20px;
}

.lk-pagination a:hover {
    background-color: #007CA4;
    color: white;
}

.lk-pagination .current {
    background-color: #007CA4;
    color: white;
    font-weight: bold;
    border: 1px solid #007CA4;
}