/* DATA PARDAZESH KHALIJ FARS THEME */


/* Global */
body {
    background:#151a21 !important;
    color:#ffffff !important;
}


/* Header */
#header,
#header .navbar,
.main-navbar-wrapper {
    background:#071b3d !important;
}


.brand-name {
    color:#ffffff !important;
    font-size:24px;
    font-weight:800;
}


.navbar-nav .nav-link {
    color:#ffffff !important;
}


.navbar-nav .nav-link:hover {
    color:#4da3ff !important;
}


/* Dropdown */
.dropdown-menu {
    background:#ffffff !important;
}


.dropdown-menu a {
    color:#111 !important;
}


.dropdown-menu a:hover {
    background:#eeeeee !important;
    color:#000 !important;
}



/* Main area */
#main-body {
    background:#151a21 !important;
}


.primary-content {
    color:#ffffff !important;
}


/* Login + Cards */
.card,
.panel,
.logincontainer {
    background:#202832 !important;
    color:white !important;
}


.card-header,
.panel-heading {
    background:#071b3d !important;
    color:white !important;
}


.card-body,
.panel-body {
    color:white !important;
}


/* Inputs */
.form-control {
    background:#111820 !important;
    border:1px solid #444 !important;
    color:white !important;
}


/* Products */

.product,
.product-box,
.pricing-table {
    background:#ffffff !important;
    color:#111 !important;
    border-radius:15px !important;
}


.product h3,
.product h4,
.product-title {
    color:#000 !important;
}


.product li,
.product ul li {
    color:#222 !important;
}


.product li:before {
    color:#00c853 !important;
}


.price {
    color:#071b3d !important;
}


/* Buttons */

.btn-primary {
    background:#071b3d !important;
    border-color:#071b3d !important;
}


.btn-primary:hover {
    background:#0d47a1 !important;
}



/* Footer */

#footer {
    background:#071b3d !important;
    color:white !important;
}


#footer a {
    color:white !important;
}



/* ================================
   DATAHOTELING CLIENT DASHBOARD
================================ */


/* Dashboard Background */
#main-body {
    background:#151a21 !important;
}


.primary-content {
    color:#ffffff !important;
}



/* Top Statistic Tiles */

.tiles {
    margin-top:25px;
}


.tiles .tile {
    background:#202832 !important;
    border-radius:18px !important;
    margin:10px !important;
    padding:25px !important;
    min-height:170px;
    transition:.3s;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,.35);
}


.tiles .tile:hover {
    transform:translateY(-6px);
    background:#263241 !important;
}



.tiles .tile i {
    color:#4da3ff !important;
    font-size:35px;
}



.tiles .tile .stat {
    color:#ffffff !important;
    font-size:38px !important;
    font-weight:800;
}


.tiles .tile .title {
    color:#dddddd !important;
    font-size:16px;
}


/* remove old color bars */

.highlight {
    display:none !important;
}




/* Dashboard Cards */

.client-home-cards .card {

    background:#202832 !important;
    border:none !important;
    border-radius:18px !important;
    margin-bottom:25px;
    box-shadow:0 8px 30px rgba(0,0,0,.35);

}



.client-home-cards .card-header {

    background:#071b3d !important;
    color:white !important;
    border-radius:18px 18px 0 0 !important;

}



.client-home-cards .card-title {

    color:white !important;
    font-weight:700;

}



.client-home-cards .card-body {

    color:#ffffff !important;

}



.client-home-cards .card-footer {

    background:#18212c !important;
    color:white !important;

}




/* List Items inside cards */

.list-group-item {

    background:#202832 !important;
    color:white !important;
    border-color:#34404d !important;

}



.list-group-item:hover {

    background:#071b3d !important;
    color:white !important;

}




/* Badges */

.badge {

    background:#008cff !important;
    color:white !important;

}



/* Buttons */

.client-home-cards .btn {

    border-radius:10px !important;

}


.btn-default {

    background:#071b3d !important;
    color:white !important;
    border:none !important;

}


/* Alerts */

.alert {

    background:#202832 !important;
    color:white !important;
    border:none !important;

}



/* Mobile */

@media(max-width:768px){

.tiles .tile {

    margin:5px !important;

}

.tiles .tile .stat {

    font-size:28px !important;

}

}




/* Welcome Banner */

.datahotel-welcome {

    background:
    linear-gradient(135deg,#071b3d,#0d47a1);

    border-radius:22px;
    padding:40px;
    margin-bottom:30px;

    box-shadow:0 10px 35px rgba(0,0,0,.4);

}



.datahotel-welcome h1 {

    color:white !important;
    font-size:36px;
    font-weight:800;

}



.datahotel-welcome p {

    color:#dbe8ff !important;
    font-size:17px;
    max-width:700px;

}



.welcome-buttons {

    margin-top:25px;

}



.welcome-btn {

    display:inline-block;
    background:white;
    color:#071b3d !important;

    padding:12px 25px;
    border-radius:12px;

    font-weight:700;
    margin-right:10px;

    transition:.3s;

}



.welcome-btn:hover {

    transform:translateY(-3px);
    text-decoration:none;

}



.welcome-btn.secondary {

    background:#00c853;
    color:white !important;

}