.logincontainer {
    padding: 0px;
    /* padding: 20px 20px 80px; */
    box-shadow: 0px 0px 42px -4px #111; 
    background: rgba(255,255,255, 1);
    /* background: rgba(0,100,130, 0.5); */
    border-radius: 3px;
}
.logincontainer .form-control {
    border-radius: 1px;
    background: #eee;

    border-bottom: none;
    border-left: none;
    border-top: none;
    border-right: none;
    box-shadow: none;
}
div.header-lined h1 {
    border-bottom: 1px solid #fff;
}
.logincontainer form{
    padding: 20px 20px;
}
.logincontainer input.btn {
    border-radius: 2px !important;
    /* float: right; */
    width: 100%;
    border: none;
    background: #2d2de3;
    color: #fff;
    border-radius: 4px;
    padding: 14px 0px;
    right: -148px;
    text-transform: uppercase;
    margin-top: 10px;
    transition: 0.4s;
}
.logincontainer {
    max-width: 450px !important;
}
.logincontainer .form-control {
    height: 45px !important;
}
.btn.btn-default.click_to_continue {
    right: 0;
}
.logincontainer input.btn:hover {
    background: #4f4fff;
    transition: 0.4s;
}
#main-body{

}
.login_main{
    background-image:url('../img/bg_img1.jpg');
    background-size: cover;
    background-attachment: fixed;  
}
/* div.header-lined h1 {
    color: #fff;
    font-size: 40px;
} */
div.header-lined h1 {
    /* color: #058; */
    color: #fff;
    font-size: 24px;
    text-align: center;
    border-bottom: none;
    text-transform: uppercase;
    padding: 13px 0px;
    font-weight: 600;
    background: #59c656;
}
div.header-lined small {
    color: #fff;
    font-size: 14px;
}
.logincontainer input::placeholder {
    color: #ccc !important;
}
.logincontainer .form-group label {
    color: #fff;
    display: none;
}
.logincontainer div a {
    /* position: relative; */
    /* top: 32px; */
    background: no-repeat;
    border: none;
    color: #727272;
    font-size: 13px;
    font-weight: 500;
}

.logincontainer div a:hover{
    text-decoration:underline;
}
.logincontainer div:last-child {
    /* float: right; */
    width: 100%;

}
.logincontainer .checkbox label {
    color: #ccc;
    font-size: 13px;
}

#main-body .main-content p {
    color: #058;
}

/*  input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{
    background-color: #fff;
}
#main-body .main-content a {
        color: #fff;
} */

/********** after login ***********/
.tile .stat {
    color: rgba(0,0,0,0.3);
    font-size: 65px;
    font-weight: 600;
}

/********** knowledgebase ***********/
.panel.panel-sidebar.panel-sidebar.hidden-sm.hidden-xs {
    border-radius: 2px;
    /*   box-shadow: none;  */
}
.panel-sidebar > .panel-heading {
    color: #fff !important;
    background-color: #0865ce;

}
.panel-sidebar .panel-title {
    color: #f3f4f9;
    font-weight: 600;
    font-size: 14px;
}
.panel-sidebar a.list-group-item.active, .panel-sidebar a.list-group-item.active:focus, .panel-sidebar a.list-group-item.active:hover {
    background-color: #59c656;
    border-color: none;
    border: none;
}
.panel-sidebar a.list-group-item.active i::before
{color:#fff;}

.panel-sidebar a.list-group-item:hover i.fa {
    color: #298bc5 !important;
}

/***** 19june ****/

.k_base .k_basecat {
    padding: 10px 15px;
    margin: 10px;

    /* border: 3px solid #ccc; */
    transition: all 0.2s;
    z-index: 0;
    width: 270px;
    border-radius: 5px;
}
.k_base .k_basecat:hover {
    box-shadow: 0px 0px 28px -1px #aaa;
    transition: all 0.2s;
}
.col-sm-4.k_basecat a {
    font-weight: 600;
    font-size: 16px;
}
.col-sm-4.k_basecat a:hover {
    text-decoration: none;
}
.col-sm-4.k_basecat p {
    padding-left: 33px;
}
.row.k_base {
    padding: 10px 0px 30px;
}



/******** dashboard *********/
.panel {
    border: none;
    box-shadow: 0px 0px 4px 1px #ddd;
}
.navbar-main {
    background-color: #203f7b;
}
.navbar-main li.account{
    background: transparent;
}
.navbar-main .navbar-nav > .active > a, .navbar-main .navbar-nav > .active > a:focus, .navbar-main .navbar-nav > .active > a:hover, .navbar-main .navbar-nav > .open > a, .navbar-main .navbar-nav > .open > a:focus, .navbar-main .navbar-nav > .open > a:hover, .navbar-main .navbar-nav > li > a:focus, .navbar-main .navbar-nav > li > a:hover {
    background-color: #4b7ee1;
}

h3.panel-title i {
    display: none;
}

.panel-sidebar > .panel-footer .btn-success {
    background: linear-gradient(to right, #72e264, #52b752);
    border-color: none;
    border: none;
    padding: 10px 0px !important;
    border-radius: 1px !important;
    font-size: 15px;
    font-weight: 600;
}
.panel-sidebar > .panel-footer .btn-success:hover {
    background: linear-gradient(to right, #67d759, #43a843)
}
.panel-sidebar > .panel-footer .btn-success i {
    display: none;
}
.panel-sidebar > .panel-footer {
    background-color: transparent;
}

.panel-sidebar > .panel-footer .btn.btn-default.btn-sm.btn-block{
    background: linear-gradient(to right, #72e264, #52b752);
    border-color: none;
    border: none;
    padding: 10px 0px !important;
    border-radius: 1px !important;
    font-size: 15px;
    font-weight: 600;
    color:#fff;
}
.panel-sidebar > .panel-footer .btn.btn-default.btn-sm.btn-block:hover{
    background: linear-gradient(to right, #67d759, #43a843)
}
.panel-sidebar > .panel-footer .btn.btn-default.btn-sm.btn-block i{
    display: none;   
}
.panel-footer {
    padding: 15px 15px 20px;
}

.panel-sidebar .list-group-item {
    font-weight: 600;
}

.panel-body {
    /*font-weight: 600; */
}

/******* welcome header*******/
.header_welcome {
    background-image: url('../img/header_img.jpg');
    color: #FFF;
    padding: 42px 0px;
    background-size: cover;
}
.header_welcome h3 {
    padding-left: 60px;
    font-weight: 200;
    font-size: 28px;
    margin-bottom: 22px;
    color: #FFF;
}
.header_welcome span {
    font-weight: 500;

}

/****** breadcrums start*********/
/* .header-lined h1 {
        display: none;
} */
div.header-lined .breadcrumb {
    padding-left: 65px;
}
div.header-lined .breadcrumb li a {
    color: #aaa;
}
div.header-lined .breadcrumb > .active {
    color: #fff;
}
/****** breadcrums end*********/


/****** service domain ticket invoice start*********/
.tiles .tile{
    border-radius: 2px; 
    padding: 20px 20px;
    border-right: none;
    width: 23%;
    margin: 0% 1%;
}
/*.tiles .tile:first-child {
border-right: none;
background: linear-gradient(to right, #56c9f1 , #48b1e9) !important;
border-radius: 6px;
}
.tiles .tile:nth-of-type(2) {
        background: linear-gradient(to right, #6edc62 , #5fc859) !important;
}
.tiles .tile:nth-of-type(3) {
        background: linear-gradient(to right, #f28c2c , #e07613) !important;
}

.tiles .tile:nth-of-type(4) {
        background: linear-gradient(to right, #ace32a , #93c420) !important;
}
*/
.tile .icon {
    font-size: 98px;
    line-height: 1;
    color: rgba(0,0,0,0.1);
    /* display: none; */
    margin-right: -10px;
}
.tile1{
    background-image: url('../img/services1.png');
    background-size: cover;
}
.tile2{
    background-image: url('../img/domain1.png');
    background-size: cover;
}
.tile3{
    background-image: url('../img/ticket1.png');
    background-size: cover;
}
.tile4{
    background-image: url('../img/invoice1.png');
    background-size: cover;
}
.tiles .tile .highlight {
    display: none;
}
.tile .title {
    color: rgba(0,0,0,0.3);
}
.tile .stat {
    margin-top: 0px;
}
.home-kb-search i {
    margin-top: -37px;
    color: rgba(0,0,0,0.2);
    font-size: 19px;
}
.input-lg {
    height: 60px;
    font-size: 18px;
    border-radius: 0px;
}
.col-md-12.home-kb-search input::placeholder {
    color: rgba(0,0,0,0.3);
}

.panel.panel-accent-red, .panel.panel-accent-gold, .panel.panel-accent-emerald, .panel.panel-accent-blue, .panel.panel-accent-asbestos{
    border: none;
    box-shadow: 0px 0px 4px 1px #ddd;
    border-radius: 3px;
}
.client-home-panels .panel-footer {
    background-color: transparent;
    padding: 0px;
}
/**red**/
.bg-color-red {
    background-color: none;
    background: linear-gradient(to right, #ace32a, #8bba1c);
    width: 120px;
    height: 32px;
    line-height: 30px;
    font-weight: 500;
    margin-top: -7px;
    transition: all 0.5s ease-in-out;
}
.bg-color-red:hover{
    background: linear-gradient(to right, #b8ef36, #9ccb2d);
    transition: all 0.5s ease-in-out;
}

.panel.panel-default.panel-accent-red .panel-heading {
    border-bottom: 2px solid #ededed;
    padding-bottom: 15px;
    padding-top: 15px;
}
/**red end**/
/**blue**/
.bg-color-blue {
    background-color: none;
    background: linear-gradient(to right, #f28c2c, #d96e0a);
    width: 120px;
    height: 32px;
    line-height: 30px;
    font-weight: 500;
    margin-top: -7px;
    transition: all 0.5s ease-in-out;
}
.bg-color-blue:hover{
    background: linear-gradient(to right, #f19f52, #e08937);
    transition: all 0.5s ease-in-out;
}

.panel.panel-default.panel-accent-blue .panel-heading {
    border-bottom: 1px solid #ededed;
    padding-bottom: 15px;
    padding-top: 15px;
}
/**blue end**/
/**gold**/
.bg-color-gold {
    background-color: none;
    background: linear-gradient(to right, #56c9f1, #42a7e6);
    width: 120px;
    height: 32px;
    line-height: 30px;
    font-weight: 500;
    margin-top: -7px;
    transition: all 0.5s ease-in-out;
}
.bg-color-gold:hover{
    background: linear-gradient(to right, #7fd7f5, #5dbee0);
    transition: all 0.5s ease-in-out;
}

.panel.panel-default.panel-accent-gold .panel-heading {
    border-bottom: 1px solid #ededed;
    padding-bottom: 15px;
    padding-top: 15px;
}
/**gold end**/
/**asbestos**/
.bg-color-asbestos {
    background-color: none;
    background: linear-gradient(to right, #56c9f1, #42a7e6);
    width: 120px;
    height: 32px;
    line-height: 30px;
    font-weight: 500;
    margin-top: -7px;
    transition: all 0.5s ease-in-out;
}
.bg-color-asbestos:hover{
    background: linear-gradient(to right, #7fd7f5, #5dbee0);
    transition: all 0.5s ease-in-out;
}

.panel.panel-default.panel-accent-asbestos .panel-heading {
    border-bottom: 1px solid #ededed;
    padding-bottom: 15px;
    padding-top: 15px;
}
.client-home-panels .panel > .list-group .list-group-item:last-child {
    border-bottom: 0;
    color: #777;
    line-height: 1.8;
    font-size: 14px;
}
/**asbestos end**/
.client-home-panels .panel > .panel-heading .panel-title .btn:hover {
    color: #fff;
    transition: all 0.5s ease-in-out;
}
.client-home-panels .panel-title {
    font-size: 15px;
    font-weight: 700;
    color: #666;
}
#main-body .main-content .client-home-panels p {
    color: #777;
    line-height: 1.8;
    font-size: 14px;
}
#main-body .main-content .client-home-panels p a {
    color: #777;
    line-height: 1.8;
    font-size: 14px;
}
.client-home-panels .panel > .panel-heading {
    border-bottom: auto;
}

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {

}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {

}
/****** service domain ticket invoice end*********/

/***** 21 june******/
.client-home-panels .panel > .list-group .list-group-item {
    padding: 10px 15px;
    font-weight: 600;
}

.panel.panel-accent-emerald .margin-10 .form-control {
    border-radius: 2px;
    margin-bottom: 10px;
}
.panel.panel-accent-emerald .input-group.margin-10 {
    display: block;
    padding-bottom: 30px;
}
.panel.panel-accent-emerald .input-group.margin-10 .input-group-btn input {
    width: 48%;
    padding: 10px 0px;
    border-radius: 2px !important;
}
.panel.panel-accent-emerald .input-group.margin-10 .input-group-btn input:first-child {
    float:left;
    background: linear-gradient(to right, #72e264, #52b752);
    transition: all 0.5s ease-in-out;
    border: none;
    color:#fff;
}
.panel.panel-accent-emerald .input-group.margin-10 .input-group-btn input:first-child:hover {
    background: linear-gradient(to right, #67d759, #43a843);
    transition: all 0.5s ease-in-out;
}
.panel.panel-accent-emerald .input-group.margin-10 .input-group-btn input:last-child {
    float:right;
    background: linear-gradient(to right, #56c9f1, #42a7e6);
    transition: all 0.5s ease-in-out;
    border: none;
    color:#fff;
}
.panel.panel-accent-emerald .input-group.margin-10 .input-group-btn input:last-child:hover{
    background: linear-gradient(to right, #7fd7f5, #5dbee0); 
    transition: all 0.5s ease-in-out;
}
section#footer {
    background-color: #2e3133;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

@media only screen and (min-width:320px) and (max-width:480px){
    .tiles .tile {
        padding: 10px;
    }  
    .tile .stat {
        font-size: 45px;
    }
    .header_welcome .header-lined h3 {
        font-size: 24px;
        padding-left: 20px;
    }
    .tile1 {
        background-size: cover;
        background-position: 70% 50%;
        background-repeat: no-repeat;
    }
    .tile2 {
        background-size: cover;
        background-position: 70% 50%;
        background-repeat: no-repeat;
    }
    .tile3 {
        background-size: cover;
        background-position: 70% 50%;
        background-repeat: no-repeat;
    }

    .tile4 {
        background-size: cover;
        background-position: 70% 50%;
        background-repeat: no-repeat;
    }
} 

/**** 22 june *****/
/** article **/
.kbarticles {
    padding: 0 0 25px 0;
    font-size: .8em;
    width: 100%;
    clear: both;
    float: left;
}
.kbarticles .kbase_content{
    padding: 0 0 25px 0;
    font-size: .8em;
    padding: 10px 15px;
    margin: 10px;
    /* box-shadow: 0px 0px 19px -3px #aaa; */
    width: 100%;
    float: left;
    border-radius: 5px;
    transition: all 0.2s;
}
.kbarticles .kbase_content a, .kbarticles .kbar_new a{
    text-decoration: none;
    color: #555;
    font-weight: 600;
    font-size: 14px;
}
.kbarticles .kbase_content:hover, .kbarticles .kbar_new:hover{
    /* box-shadow: 0px 0px 28px -1px #aaa; */
    transition: all 0.2s;
}
.kbarticles .kbase_content p,.kbarticles .kbar_new p {
    color: #555 !important;
    font-size: 13px;
    font-weight: 400;
    padding-left: 26px;
}
.kbarticles .kbar_new{
    padding: 0 0 25px 0;
    font-size: .8em;
    padding: 10px 15px;
    margin: 10px;
    /*  box-shadow: 0px 0px 19px -3px #aaa;*/
    /* width: 47.6%; */
    width:100%;
    float: left;
    border-radius: 5px;
    transition: all 0.2s;
}
.k_base .k_basecat{
    width: 100%;
    padding: 10px 37px;
    margin: 10px;
    /* box-shadow: 0px 0px 19px -3px #aaa; */
    float: left;
    border-radius: 5px;
}
.k_base .k_basecat a{
    text-decoration: none;
    color: #555;
    font-weight: 600;
    font-size: 14px;
}
.k_base .k_basecat p{
    color: #555 !important;
    font-size: 13px;
    font-weight: 400;
    padding-left: 26px;
}
.row.kbcategories div {
    width: 100%;
    padding: 10px 37px;
    margin: 10px;
    /* box-shadow: 0px 0px 19px -3px #aaa; */
    float: left;
    border-radius: 5px;
}
.row.kbcategories div a{
    text-decoration: none;
    color: #555;
    font-weight: 600;
    font-size: 14px;
}
.row.kbcategories div p{
    color: #555 !important;
    font-size: 13px;
    font-weight: 400;
    padding-left: 26px;
}
.row.kbcategories div a span.glyphicon{
    color: #0865ce;
}
.input-lg {
    font-size: 16px;
    border-radius: 0px;
    font-weight: 400!important;
}
/** article end**/

/** services **/
.table-container {
    box-shadow: 0px 0px 4px 1px #ddd;
    margin-bottom: 10px;
}
/** domain **/
.table.table-hover.table-striped.renewals{

    box-shadow: 0px 0px 4px 1px #ddd;

}
.domain-pricing .row.tld-pricing-header.text-center{
    box-shadow: 0px 0px 4px 1px #ddd;   
}
.domain-pricing .row.tld-row.filtered-row{
    box-shadow: 0px 0px 4px 1px #ddd;  
}
.domain-pricing .row.tld-row.filtered-row.highlighted{
    box-shadow: 0px 0px 4px 1px #ddd;
    margin-bottom: 10px;    
}
.status {
    border: 1px solid #ccc;
}
.table {
    box-shadow: 0px 0px 4px 1px #ddd;
}
#frmNewCc {
    box-shadow: 0px 0px 4px 1px #ddd;
    padding: 20px 0px 15px;
}
.col-md-9.pull-md-right.main-content p {
    margin-top: 0px;
    margin-bottom: 20px;

}

/**support**/
.dataTables_wrapper .dataTables_length label .form-control {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url('https://cdn0.iconfinder.com/data/icons/slim-square-icons-basics/100/basics-08-128.png');
    background-size: 16px;
    background-position: 90% 50%;
    background-repeat: no-repeat;
    width: 50px !important;
}
.dataTables_wrapper .dataTables_length label select.input-sm {
    line-height: 20px;
}

/**27 june**/

#order-standard_cart .products .product {
    padding: 0px !important;
    margin: 0 0 20px 0 !important;
    background: #fff !important;
    border-radius: 3px !important;
    border: none !important;
    box-shadow: 0px 0px 19px -3px #aaa !important;
    transition:all 0.4s;
}
#order-standard_cart .products .product:hover {
    box-shadow: 0px 0px 28px -1px #aaa !important;
    transition:all 0.4s;
}
#products .row.row-eq-height div {
    width: 100% !important;
}
#order-standard_cart .products .product header {
    background: #0865ce !important;
}
#order-standard_cart .products .product header span {
    color: #fff !important;
}
#order-standard_cart .products .product div.product-desc {
    width: 100% !important;
    padding: 10px 25px !important;
}
#order-standard_cart .products .product div.product-desc p {
    color: #555;
    font-size: 14px;
}
#order-standard_cart .products .product footer {
    width: 200px !important;
}
#order-standard_cart .products .product footer .btn-success {
    background-color: #59c656;
    border-color: #59c656 !important;
    transition: all 0.4s;
    width: 130px;
    padding: 7px 0px;
    box-shadow: inset 0px -5px 0px -3px rgba(0,0,0,0.2);

}
#order-standard_cart .products .product footer .btn-success:hover {
    background-color: #0865ce;
    border-color: #0865ce !important;
    transition: all 0.4s;
}
#order-standard_cart .products .product footer a i{
    padding: 4px 5px 3px 4px;
    border-radius: 50%;
    font-size: 12px;
    margin-right: 6px; 
    background: #fff;
    color: #5cb85c;
    transition: all 0.3s;
}
#order-standard_cart .products .product footer .btn-success:hover i{
    color: #0865ce;
    transition: all 0.3s;
    transform: scale(1.2);
}

#order-standard_cart .pull-md-right.col-md-9 .header-lined p {
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 600;
}
#order-standard_cart .pull-md-right.col-md-9 .header-lined p:hover {
    color: #0865ce!important;
}

.col-md-9.pull-md-right.main-content .kb-also-read .kbarticles a {
    text-decoration: none;
    color: #555;
    font-weight: 600;
    font-size: 14px;
}
.col-md-9.pull-md-right.main-content .kb-also-read .kbarticles p {
    color: #555 !important;
    font-size: 13px;
    font-weight: 400;
    padding-left: 26px;
    margin-bottom: 20px;
}
.col-md-9.pull-md-right.main-content .kb-also-read h3{
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 30px;

}