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

    ** Custom Stylesheet **

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

***************************************************** */
li, h1, h2, h3, h4, h5, h6, label, p, div {
	font-family : 'Open Sans' !important;
}
.navbar-main {
    background-color: #203f7b;
}
.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;
}
.panel-sidebar > .panel-heading {
    color: #fff !important;
    background-color: #0865ce !important;
}
.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 .list-group-item {
    font-weight: 600;
}
#order-standard_cart .products .product header {
    background: #0865ce !important;
}
#order-standard_cart .products .product header span {
    margin: 0;
    color: #333;
    font-size: 1.2em;
}
#order-standard_cart .products .product header span {
    color: #fff !important;
}
#order-standard_cart .products .product div.product-desc {
    float: left;
    width: 60%;
    padding: 8px 14px;
    font-size: .8em;
}
#order-standard_cart .products .product div.product-desc {
    width: 100% !important;
    padding: 10px 20px !important;
}
#order-standard_cart .products .product div.product-desc p {
    color: #555;
    font-size: 14px;
}
#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 rgb(0 0 0 / 20%);
}
.btn-group-sm>.btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-success {
    color: #fff;
}
#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;
}
.fa, .fas {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
}
#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;
}
#order-standard_cart .products .product footer .btn-success:hover i {
    color: #0865ce;
    transition: all 0.3s;
    transform: scale(1.2);
}
#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 header {
	margin: 0px 0px !important;
}
div.header-lined h1 {
	border-bottom: 5px solid #59c656 !important;
}
div.header-lined h1 {
    /* color: #058; */
    /* color: #59c656; */
    color: limegreen;
    font-size: 24px;
    text-align: center;
    border-bottom: none;
    text-transform: none;
    padding: 13px 0px;
    font-weight: 600;
    background: #59c656;
    border: 5px solid #59c656;
}
div.header-lined h1 {
    margin-top: 0;
    margin-bottom: 15px;
    padding: 6px 0;
    border-bottom: 1px solid #ccc;
    font-weight: 800;
    /*color: #058;*/
    color: white !important;
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-weight: 400;
    line-height: 1;
    color: #f3f4f9;
}
.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 .list-group-item i:not(.fa-circle):not(.fa-dot-circle):not(.no-transform) {
    float: left;
    color: #555;
}
.tiles .tile {
    border-radius: 2px;
    padding: 20px 20px;
    border-right: none;
    width: 23%;
    margin: 0% 1%;
}

.tiles .tile {
    padding: 28px 20px;
    background-color: #f8f8f8;
    border-right: none;
}
.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;
}
.tile .stat {
    margin-top: 0px;
    font-size: 50px !important;
    line-height: 1;
    color: rgba(0,0,0,0.3);
    font-weight: 800;
}
.tiles .tile .highlight {
    margin-top: 4px;
    height: 0px !important;
    border-radius: 2px;
}
.header_welcome {
    background-image: url(../img/header_img.jpg);
    color: #FFF;
    padding: 0px 0px;
    background-size: cover;
}
div.header-lined .breadcrumb>.active {
    color: white;
}
div.header-lined .breadcrumb li a {
    color: #aaa;
}
.tile .title {
    font-weight: 800 !important;
}
/* Letout */
.tile .stat {
    color: rgba(0,0,0,0.3);
    font-size: 65px;
    font-weight: 600;
}
.tiles .tile{
    border-radius: 2px; 
    padding: 20px 20px;
    border-right: none;
    width: 23%;
    margin: 0% 1%;
}
.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;
}
@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;
    }
}
.dataTables_wrapper .dataTables_info {
	font-size: 1em !important;
}
.main-content > .header-lined {
	display: none !important;
}
#footer {
    background-image: url(../img/header_img.jpg);
    color: #FFF;
    padding: 0px 0px;
    background-size: cover;
}
section#footer {
    margin: 0;
    padding: 20px 10px;
    background-color: #f8f8f8;
    border-top: 1px solid #ddd;
    color: #f3f4f9;
    font-weight: 600;
    font-size: 14px;
}