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

    ** Custom Stylesheet **

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

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

/* tajawal-regular - latin_arabic */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 400;
    src: url('../../../assets/fonts/tajawal/tajawal-v9-latin_arabic-regular.eot'); /* IE9 Compat Modes */
    src: url('../../../assets/fonts/tajawal/tajawal-v9-latin_arabic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../../assets/fonts/tajawal/tajawal-v9-latin_arabic-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../../assets/fonts/tajawal/tajawal-v9-latin_arabic-regular.woff') format('woff'), /* Modern Browsers */
         url('../../../assets/fonts/tajawal/tajawal-v9-latin_arabic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../../assets/fonts/tajawal/tajawal-v9-latin_arabic-regular.svg#Tajawal') format('svg'); /* Legacy iOS */
}


body[data-font=opensans], body[data-font=opensans] button, body[data-font=opensans] h1, body[data-font=opensans] h2, body[data-font=opensans] h3, body[data-font=opensans] h4, body[data-font=opensans] h5, body[data-font=opensans] h6, body[data-font=opensans] input, body[data-font=opensans] textarea {
font-family: "Tajawal" !important;

}

.btn-group .btn+.btn-group {
    transform: rotate(180deg);
}

.row.login-page-header {
    margin-top: 100px !important;
    min-height: 100px;
}

@media only screen and (max-width: 600px){
    .header .dropdown .profile-notification {
        margin-left: 12px !important;
    }
    .clientarea-new-header .row {
        margin-left: 0px;
    }
}

@media (max-width: 576px) {
    .header .dropdown .notification {
        right: unset;
        left: -70px;
        max-width: 450px;
        min-width: 300px;
        margin: 6px;
        width: 100%;
    }
    
    .new-line-login {
        display: block;
    }
    
    .button-padding-mobile-top {
        display: block;
        padding-top: 40px;
    }
}

@media (max-width: 450px) {
    #Secondary_Navbar-Account .secundary-nav {
        min-width: 300px;
    }
}



.gravatar-2 {
    width: 80px !important;
    background-color: rgba(0,0,0,.1)!important;
}

.centering {
    text-align: center;
}

.tld-filters a {
    display: inline-block!important;
    padding: 4px 10px;
    position: relative;
    margin-bottom: 5px;
    border-radius: 12px;
}

.product .plan-content .product-desc .prod-desc-div {
    line-height: normal !important;
}

/* New Css */
span.descr-color {
    color: #ffffe4;
}

.calcTaxes-cart-container h5 {
    padding-bottom: 10px !important;
    font-size: 20px !important;
    color: #142042 !important;
}

[data-background=dark] #order-standard_cart .form-control {
    /* Add styles if needed */
}

.menu-wrap .logo-menu {
    width: auto;
}

.btn-default-fill:hover, .btn-default-yellow-fill {
    background-color: #142042!important;
    color: #fff!important;
    border: none;
}

.main-container.slider .silder-container .slider-content h1,
.main-container.slider .silder-container .slider-content p {
    letter-spacing: 0 !important;
    color: #142042;
}

.overlay-video:before, .overlay:before {
    background-color: #ebeff5;
}

[data-background=dark] .box-container .sec-bg4, 
[data-background=light] .box-container .sec-bg4 {
    background-color: #ebeff5!important;
}

.top-header .wrapper .heading, 
.top-header .wrapper .subheading {
    color: #142042;
}

.btn {
    white-space: normal;
    word-wrap: break-word !important;
}

[data-color=blue] .product .product-desc .list-info .spec {
    color: #212122  !important;
    font-weight: bold;
}

#order-standard_cart .calcTaxes-cart-container .form-control {
    background-color: #ebeff5 !important;
}

#order-standard_cart .product-info .list-info {
    display: block !important;
}

a.list-group-item {
    color: #142042 !important;
}

#order-standard_cart .product-info:after {
    display: none;
}

[data-background=light] .open>.dropdown-menu {
    background-color: #fff !important;
}

.product .header-content header {
    word-wrap: break-word;
}

.special-note {
    color: #4c4a4a;
}

.product .plan-content .clearfix {
    background: #ebeff5 !important;
    border: 1px solid transparent !important;
    box-shadow: 0 2px 5px 1px rgba(64,60,67,.16) !important;
}

.main-page {
    border-radius: 12px;
    border: 1px solid transparent;
    box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);
}

.text-center {
    padding-top: 30px;
}

@media (max-width: 991px) {
   .main-content #order-standard_cart #scrollingPanelContainer {
        float: none !important;
    }
}

#order-standard_cart .domainsaddionsbox .addon-products .panel-addon,
#order-standard_cart .domainsaddionsbox .addon-products .panel-addon-selected {
    border: none !important;
}

#order-standard_cart .captcha-container .form-control {
    max-width: 200px !important;
    background: #ebeff5 !important;
}

#order-standard_cart .domain-selection-options .option .iradio_square-blue {
    margin-right: 8px !important;
    margin-bottom: 5px !important;
}

#order-standard_cart .domain-selection-options .option label {
    padding: 15px 10px !important;
}


@media (max-width: 576px) {
    .header .dropdown-menu.dropdown-menu-right.notification.lang-container, .header .dropdown .profile-notification{
        left: 0;
        right: auto;
    }
}

a.iconews.tabphone {
    direction: ltr;
}

input.form-control,.loginpage .login-wrapper .login-form-container #registration input.field, .loginpage .login-wrapper .login-form-container #registration input.form-control, .loginpage .login-wrapper .login-form-container #registration select.form-control {
    padding: 15px 30px 15px 30px !important;
}



@media (max-width: 767px) {
    .domain-checker-container .input-group-box .input-group-btn .btn {
        border-top-right-radius: 50px !important;
        border-bottom-right-radius: 50px !important;
    }
}


.main-content #order-standard_cart .domain-pricing .tld-filters .tld-filters-button {
    color: #ffffff !important;
}




input[type=checkbox], input[type=radio] {
z-index:9999999;
    top: 5px;
    position: relative;
    right: -8px !important;
}

#registration .panel-body {
    padding: 6px 0px;
 
}

#registration .custom-control {
    padding-right: 14px;
}


.md-editor #inputMessage {
    border-radius: 0 !important;
}

#order-standard_cart .account-select-container div.account span.label, .domain-promo-box a i {
    right: unset !important;
}

.product .product-desc .list-info i {
    margin: 0 0 0 15px !important;
}

[data-background=light] a.list-group-item.active, [data-background=light] #order-standard_cart .form-control {
    background-color: #d9e0eb !important;
}

.header .dropdown .notification.lang-container ul li{float:right}

.header .dropdown .notification.lang-container {
        min-width: 220px;
}



.yh-marquee-wrap{position:relative;overflow:hidden;height:64px}
.yh-marquee-track{white-space:nowrap;animation:yh-scroll 36s linear infinite}
.yh-marquee-item{display:inline-block;vertical-align:middle;margin:0 24px}
@keyframes yh-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}


.flex-row-center{display:flex;flex-wrap:wrap;align-items:center;}
.flex-row-center>[class*="col-"]{float:none!important;}
.btn-gap{margin-right:8px;}
[dir="rtl"] .btn-gap{margin-left:8px;margin-right:0;}


[data-background=light] .box-container .infonews-nav .notify-footer a {
    color: #fff !important;
}

.section-padding{padding-top:60px;padding-bottom:60px}

/* universal wrapping for every cell */
.table-wrap{width:100%}
.table-wrap th,
.table-wrap td{
  vertical-align:top;
  white-space:normal;
  word-wrap:break-word;       /* legacy */
  overflow-wrap:anywhere;     /* modern */
  hyphens:auto;
  /* safety clip in case of weird fonts */
  overflow:hidden;
}

/* group header row */
.table-category{background:#eef3fb;font-weight:bold}

/* FLEX grid for long lists (stable inside table cells) */
.cell-grid{
  display:flex;
  flex-wrap:wrap;
  margin:0 -6px;              /* gutter */
  direction:ltr;              /* isolate Latin terms from RTL */
  unicode-bidi:isolate;
  text-align:left;
}
.cell-grid .item{
  box-sizing:border-box;
  width:50%;                  /* two columns on md/lg */
  padding:0 6px 6px;
  white-space:normal;
}
@media (max-width:767px){
  .cell-grid .item{width:100%}/* one column on phones */
}

/* bootstrap default safeguard */
.table-responsive{overflow-x:auto}


.footer .payment-list {
    padding-right: 0 !important;
    float: right !important;

}

@media (max-width: 767px) {
    .footer .payment-list {
        padding-top: 25px;
        float: none !important;
    }
    .footer .payment-list li {
        font-size: 24px !important;
    }
}

.payment-list img {
  height: 48px;
  width: auto;
  vertical-align: middle;
}
.payment-list li {
  display: inline-block;
  margin: 0 8px;
}

.know-bgbox-container .col-sm-12 {
    padding: 25px 90px 25px 135px !important;
}


@media (max-width: 767px) {

  .footer .footer-top img {
        width: 48px !important;
    }

    .know-bgbox-container .col-sm-12 a i {
    padding: 10px;
    top: 15%;
    transform: translateY(-50%);
}

.know-bgbox-container .col-sm-12 {
    padding: 25px !important;
}
#btnKnowledgebaseSearch {
    border-radius: 50px !important;
}

.p-5 {
    padding: 1rem !important;

}

.know-bgbox-container .ico-file, .know-bgbox-container .col-sm-12 a span{
    display: none;

}
}

.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    z-index: 999999;
}


.article-content, .kb-rate-article {
padding: 25px 20px;
}

.row.kbcategories {
    padding-right: 10px;
    padding-left: 10px;
}

#order-standard_cart .promo-code-cart-container .form-control, #order-standard_cart .promo-code-cart-container .field, #DomainSearchResults .domain-checker-available {
    color: #142042 !important;
}


#order-standard_cart .promo-code-cart-container .view-cart-promotion-code {
    text-align: center !important;
}