:root {
    
  --color-primary: #0171bb;
  --color-primary-darker: hsl(from var(--color-primary) h s calc(l - 5%));
  --color-secondary:  #000000;

}   


primary color: #0171bb;
secondary color: #000;
(high light color) button color:  #ffcc33;




body, select, input, textarea {
    color: #333;
}
.form-control,select,textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="file"] {
    border: 1px solid #0171bb;
    color: #333;
}
a {
    color: #0171bb;
}
a:hover {
    color: #ffcc33;
}
.btn-primary.focus, .btn-primary:focus,
.btn-success.focus, .btn-success:focus  {
    box-shadow: 0 0 5px 0px #0171bb;
}


.form-control:focus {
    box-shadow: 0 0 5px 0px #0171bb;
    border-color: #0171bb;
}


.btn-primary {
    background: #ffcc33;
    border-color: #ffcc33;
    color: #0171bb;
}

.btn-primary:hover {
    background: #0171bb;
    border-color:  #0171bb;
    color: #ffcc33 ;   
}
.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0,0,0,.07);
}
/*home page*/
.banner .owl-carousel {
    background: #f0f2f5;
}

.banner .owl-carousel .owl-nav .owl-prev,  .banner .owl-carousel .owl-nav .owl-next {
    background: #ffcc33;
    color: #0171bb;
}


.banner .owl-carousel .owl-nav .owl-prev:hover,  .banner .owl-carousel .owl-nav .owl-next:hover {
    background: #0171bb;
    color: #ffcc33;
}


.banner_box .box {
     border-bottom: 1px solid rgba(255,255,255,0.5);
}

.banner_box .box::before {
    background: #0171bb;
 }

.banner_box h1 {
    color: #0171bb;
}

.searchBar_inner {
    background: #fff;
}

.serchBar .plan_form .btn-success {
    background: #0171bb;
    border: 2px solid #0171bb;
}

.serchBar .plan_form .btn-success:hover {
    background: #fff;
    color: #0171bb;
}

.xs-domain-info li:nth-child(1) h3{
    color: #0080cb
}
.xs-domain-info li:nth-child(1) h3 span{
    color: #ff6b00;
}
.xs-domain-info li:nth-child(2) h3{
    color: #682582
}
.xs-domain-info li:nth-child(2) h3 span{
    color: #00a32b
}

.xs-domain-info li:nth-child(3) h3{
    color: #0080cb
}
.xs-domain-info li:nth-child(3) h3 span{
    color: #ff6b00;
}

.xs-domain-info li:nth-child(4) h3{
    color: #00eff2
}
.xs-domain-info li:nth-child(4) h3 span{
    color: #292626;
}

.xs-domain-info li:nth-child(5) h3{
    color: #ff5a00
}
.xs-domain-info li:nth-child(5) h3 span{
    color: #3c3d3c;
}
    
    /*homepage starbox*/
   
.start_boxInner h2, .start_boxInner h2 a  {
    color: #333;
}

.badge {
    background: #ffcc33;
    color: #0171bb;
}
.badge p {
    color: #0171bb;
}

    /*end homepage starbox*/

    /*homepage plan section*/

.section_h h3{
    color: #8c8c8c;
}    
.section_h h2 {
    color: #000;
}
.section_h h2 span{
    color: #0171bb;
}
.plan_section {
    background: #f0f2f5;
}


    /*end home page section*/


/*end home page*/



.plan_short {
    background: #0171bb;
    background-image: linear-gradient(141deg, rgba(0,0,0,.3) 100%, #0171bb 75%);
    color: #fff;
}
.plan_short h1 {
    color: #fff;
}
.plan_short p {
    color: rgba(255,255,255,0.6);
}
.cutom_input_dot::before {
    background: #333;
}
.inner_body  .btn-success  {
    background: #ffcc33;
    color: #0171bb;
    border: 2px solid #ffcc33 ;
}
.inner_body  .btn-success:hover {
 
    background: #0171bb;
    border-color: #0171bb;
    color: #ffcc33;

}

/*domain check*/

.common_inner_h:before {
   background: #0171bb;
}
.domain_table {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.domain_table .dt_unavailable {
    color: #e91e63;
}
.domain_table .dt_unavailable {
    color: #e91e63;
}
.domain_table .dt_available  {
    color: green;
}
.domain_table .before_cart {
    border: 2px solid #0171bb;
    background: #0171bb;
    color: #fff;
}
.domain_table .before_cart:hover{
    border-color: #ffcc33;
}
.domain_table .before_cart::before {
    background: rgba(0,0,0,0.1);
}
.domain_table .before_cart:hover {
    background: #ffcc33;
    color: #0171bb;

}

.domain_table .before_cart::before {
    background: rgba(255,255,255,0.3);
}

.inner_body .domain_table .before_cart > .btn-success {
    background: #0171bb;
    color: #fff;
    border: 2px solid #0171bb;
    background: transparent;
}
.inner_body .domain_table .before_cart > .btn-success:hover{
    border-color: #ffcc33;    
    color: #0171bb;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #0171bb;
    background-color: #0171bb;
}
.custom-control-input:checked ~ .custom-control-label h4 {
    color: #0171bb;
}
.checkout_table .table th{
    background: #0171bb;
    background-image: linear-gradient(141deg, rgba(0,0,0,.3) 100%, #0171bb 75%);
    color: #fff;
}
.checkout_table  .fa-trash {
    color: #707080;
}
.checkout_table  .fa-trash:hover  {
    color: #e91e63;
}
.checkout_table {
    box-shadow: 0 0 20px -7px rgba(0,0,0,0.1);
}
.checkout_table .table .c_table_footer {
    background: rgba(13,50,80,.2);
}
.checkout_table .table .c_table_footer td {
    color: #0d3250;
    border-color: rgba(0,0,0,0.1);
}

/*login page*/

.login_div form{
    box-shadow: 0 0 31px -7px rgba(0,0,0,0.2);
    background: #fff;
}
.login_div form input {
    border-bottom: 2px solid #0171bb;
}


/*My hosting*/

.pagination {   
    border-top: 1px solid rgba(0,0,0,.3);
}
.pagination > li a {
    background: #ffcc33;
    border-color: #ffcc33;
    color: #0171bb;
}
.pagination > li a:hover, .pagination > li.active a {
    background: #0171bb;
    border-color:  #0171bb;
    color: #ffcc33 ;   
}
.pagination > li.disabled a{
    opacity: 0.5;
    cursor: not-allowed;
    background: #ffcc33;
    border-color: #ffcc33;
    color: #0171bb;
}



span.Active, span.Pending, span.Suspended, span.Completed, span.Terminated  {
    color: #fff;
    border: 1px solid rgba(0,0,0,0.1);
}

.Active {
    background: #88ba14;
}

.Pending {
    background: #14acba;
}

.Suspended {
    background: #9914ba;
}

.Completed {
    background: #125f03;
    
}

.Terminated {
    background: #cf0215;
}


.Unpaid, .Paid, .Cancel, .Cancelled, .Canceled  {
    border: 1px solid rgba(0,0,0,0.1);
    background: #ccc;
    color: #fff
}

.Unpaid{
     background: #cf0215;
}

.Paid{
     background: #88ba14;
}

.Cancel, .Cancelled, .Canceled {
    background: #777
}



/*sign up */

.signup_div form{
    background: #fff;
}


.signup_div form .btn-primary {
    background: #0171bb;
    color: #fff;
    border: 2px solid #0171bb;
}

.signup_div form .btn-primary:hover {
    background: #fff;
    color: #0171bb;
}

.signup_row > h2 {
    background: #fff;
    color: #0171bb;
}

.signup_row {
    border: 3px solid  #f5f5f5;
}


/*inner page header*/


.inner_banner h1 {
    color: #fff;
}

.inner_banner.light h1 {
    color: #333;
}

.login_after_nav {
    background: #0171bb;
    background-image: linear-gradient(141deg, rgba(0,0,0,.3) 100%, #0171bb 75%);
}

.login_after_nav ul a , .login_after_nav ul li{
    color: rgba(255,255,255,0.6);
}
.login_after_nav ul a:hover {
    color: rgba(255,255,255,1);
}

.login_after_nav ul li {
    border-right: 1px solid rgba(255,255,255,0.1);
}
.login_after_nav ul li:first-child {
     border-left: 1px solid rgba(255,255,255,0.1);
}
.login_after_nav .dropdown-menu {
    background: #0171bb;
}
.login_after_nav .dropdown-menu  a {
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

/*end inner page header*/

/*clientarea page*/

.client_box {
    border-top: 9px solid #0171bb;
}

.client_box:hover .cb_count a{
    color: #0171bb;
}
.client_box > a {
    color: #333;
}
.client_box > a:after {
    background: #0171bb;
}


.client_box > a i {
    background: #0171bb;
    color: #fff;
}

.cb_count a{
    color: #acacac;
}


.client_ac_box {
    background: #f4f4f4;
}

.upcom_info_main {
    background: rgba(114,191,230,0.3);
}

.upcom_info_main table {
    background: #fff;
}
.upcom_info_main .table .thead-dark th {
    color: #fff;
    background-color: #015696;
    border-color: #015696;
}
.upcom_info_main .table td, .upcom_info_main .table th, .upcom_info_main .table thead th {
     border-top: 1px solid rgba(0,0,0,0.1);
     border-bottom: 1px solid rgba(0,0,0,0.1);
}
/*end clientarea page*/



/*header*/

 .header_main.bg-light {
    background:  #fff!important;
}
.header_main .bg-dark {
    background:  #0171bb!important;
}
.header_main   .navbar-nav .nav-link {
    color: rgba(255,255,255,.7);
    border-right: 1px solid rgba(255,255,255,0.1)
}
.header_main  .navbar-nav .nav-link > li:first-child {
    border-right: 1px solid rgba(255,255,255,0.1)
}
.header_main .navbar-nav .active .nav-link{
    background: rgba(0,0,0,0.1);
}

.upper_menu li a {
    color: #333;
}
.upper_menu li a i {
    color: #0171bb;
}

.upper_menu .h_cart i {
    color: #0171bb;
    background: rgba(0,0,0,0.05);
    border: 3px solid rgba(0,0,0,0.1);
}

.navbar-nav .dropdown-menu {
    background: #0171bb;
    background-image: linear-gradient(141deg, rgba(0,0,0,.3) 100%, #0171bb 75%);
}

.navbar-nav .dropdown-menu .dropdown-item {
    color: rgba(255,255,255,0.75);
}
.navbar-nav .dropdown-menu .dropdown-item:hover,.navbar-nav .dropdown-menu .dropdown-item:focus {
    color: #0171bb;
}


/*header end*/


/*price lising*/

.price_list .price_list_inner{
    background: #fff;
}

.price_list .price_list_inner:hover{
    background-color: #0171bb;
    background-image: linear-gradient(141deg, rgba(0,0,0,0.24) 15%, #0171bb 75%);
    color: #fff;
    box-shadow: 0 0 51px 4px #0171bb;
}

.price_list .price_list_inner:hover .box, .price_list_inner:hover .price small, .price_list_inner:hover .price, .price_list_inner:hover h2 {
    color: #fff
}
.price_list .price_list_inner:hover .btn{
    background: #fff;
    color: #0171bb;
}
.price_list .price_list_inner:hover .btn:hover {
    background: #0171bb;
    color: #fff;
    border-color: #fff;
}

.price_list_inner h2 {
    color: #0171bb;
}

.price_list_inner .btn {
    background-color: #0171bb;
    border:2px solid #0171bb;
    background-image: linear-gradient(141deg, rgba(0,0,0,0.24) 15%, #0171bb 75%);
    color: #fff;
}
.price_list_inner .btn:hover {
    background: #fff;
    color:#0171bb;
}

.price_list_inner .price small {
    color: #777;
}
.price_list_inner .box {
    border-bottom: 1px solid rgba(0,0,0,0.1)
}

.price_list_inner .box {
    color: #444;
}

/*price list end*/

/*check domain Availability*/

.common_table .table th{
    background: #0d3250;
    color: #fff;
}

   
/*.domain_table{
    margin-bottom: 50px;
}*/




/*End check domain Availability*/


/*footer*/
footer{
    color: rgba(255,255,255,0.75);
    border-top: 4px solid #0171bb;  
}
.footer-widget h3 {

    color: #0171bb;

}
.footer-widget h3::after {
    background: #0171bb;
}


.f-widget-box a, .f-widget-box  {
    color: rgba(255,255,255,0.75);

}

.f-widget-box a:hover {
    color: #fff;
}
.copyright_text {
    border-top: 1px solid rgba(255,255,255,0.1);
}
.copyright_text p {
    color: rgba(255,255,255,0.75);
}

.help_sect .number a {
    color: #fff;
}

/*footer end*/


/*dashord email*/


.sticky-sidbbar_inner {
    /*background: #f5c431;*/
/*    background: #ffcc33;*/
    background: #ffcc33;
    background-image: linear-gradient(141deg, rgba(0,0,0,.03) 100%, #ffcc33 75%);

}

.disk_bar li {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    color: #000;
}

.sticky-sidbbar .btn {

    background: #000;
    border: 1px solid #000;
    color: #fff;
   
}
.sticky-sidbbar .btn:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #000;
}

.sticky-sidbbar .bck_btn {
    color: #000;
}
.sticky-sidbbar .bck_btn i {
    color: #000;
    background: rgba(255,255,0,0.3);
}
.sticky-sidbbar .bck_btn:hover i{
    background: #fff;
}



.desk_table th{
    background: #0171bb;
    background-image: linear-gradient(141deg, rgba(0,0,0,.3) 100%, #0171bb 75%);
    color: #fff;
}

.creat_email {
    border: 3px solid #f5f5f5;

}

.creat_email form .btn-primary {
    background: #ffcc33;
    border: 1px solid #ffcc33;
    color: #0171bb;

}
.creat_email form .btn-primary:hover {
    background: #ffffff;
    color: #0171bb;
    border-color: #0171bb;
}

.delemail {
    border: 3px solid #f5f5f5;
}


.dlt_btn_cont i {
    color: #0171bb;
}

.dlt_btn_cont input {
    background: #dcdcdc;

}
.dlt_btn_cont input:hover {
    background: #0171bb;
    color: #fff;
}


/*domain details page*/


.domain_details_sec .nav-item .nav-link{
    color: #333;
    background-color: #cee5f5;
    border-right: 1px solid #fff;
}

.domain_details_sec .nav-item .nav-link.active{
    background:#ffcc33;         
}

.domain_details_sec .nav-item .nav-link::after {
    border-top: 14px solid #ffcc33;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}

.domain_overview_table td{
    border: 1px solid rgba(0,0,0,0.2)
}



@media screen and (max-width: 991px){
    .header_main .bg-dark{
        background: #ffffff!important;
        border-top: 1px solid rgba(0,0,0,0.08);
    }
    .navbar-dark .navbar-toggler {
        color: #0171bb;
        border-color: #0171bb;
        background-color: #0171bb;
    }
    .navbar-collapse {
        background: #0171bb;
    }
    .main-menu-outer {
        background: #0171bb;
        background-image: linear-gradient(141deg, rgba(0,0,0,.3) 100%, #0171bb 75%);
    }
   
}

@media screen and (max-width: 767px){
    .login_after_nav > ul{
       background: rgba(0,0,0,0.3); 
    }
}