:root {--primary-color: #424242;--secondary-color: #343434; --accent-color: #17a2b8; --primary-shadow: 0 2px 4px rgba(0,0,0,.1);}
.maroon {--primary-color: #a52744;--secondary-color: #941b37;}
.mars {--primary-color: #f96332;--secondary-color: #e04511;}
.sky {--primary-color: #189fda;--secondary-color: #189fda;}
.sea {--primary-color: #27a582;--secondary-color: #148b6a;}
.ferrari {--primary-color: #d32f2f;--secondary-color: #b71c1c;}
.grapes {--primary-color: #9C27B0;--secondary-color: #7B1FA2;}
.sea-gray {--primary-color: #455a64;--secondary-color: #37474f;}
.sea-gray-light {--primary-color: #607d8b;--secondary-color: #546e7a;}



/* Backgrounds  */
.bg-gradient-primary { background: linear-gradient(87deg, #5e72e4 0, #825ee4 100%) !important }
.bg-gradient-secondary { background: linear-gradient(87deg, #f7fafc 0, #f7f8fc 100%) !important }
.bg-gradient-success { background: linear-gradient(87deg, #2dce89 0, #2dcecc 100%) !important }
.bg-gradient-info { background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important }
.bg-gradient-warning { background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important }
.bg-gradient-danger { background: linear-gradient(87deg, #f5365c 0, #f56036 100%) !important }
.bg-gradient-light { background: linear-gradient(87deg, #adb5bd 0, #adaebd 100%) !important }
.bg-gradient-dark { background: linear-gradient(87deg, #212529 0, #212229 100%) !important }
.bg-gradient-default { background: linear-gradient(87deg, #172b4d 0, #1a174d 100%) !important }
.bg-gradient-white { background: linear-gradient(87deg, #fff 0, #fff 100%) !important }
.bg-gradient-neutral { background: linear-gradient(87deg, #fff 0, #fff 100%) !important }
.bg-gradient-darker { background: linear-gradient(87deg, #000 0, #000 100%) !important }


.bg-theme {background-color: var(--primary-color)!important;}
.bg-accent {background-color: var(--accent-color)!important;}
.text-theme {color: var(--primary-color)!important;}
.text-lighter {color: rgba(255, 255, 255, 0.6)!important;}


/* * {} */
html, body {font-family:  'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-size: 14px;}
body {background: #fafafa;}
body.login-page {background: var(--primary-color);}

.fixed-footer {position: fixed; bottom: 20px; width: 250px; right: 0; bottom: 0; padding: 0 15px;}



label.invalid-input {color: #dc3545; font-size: 90%; margin-bottom: 0; }

.wrapper {padding-left: 0;padding-top: 60px;transition: 0.25s padding ease;}
@media (min-width: 1200px) {
    .wrapper {padding-left: 250px}
    .wrapper.toggled {padding-left: 0}
}

.wrapper .navbar {height: 60px;position: fixed;top: 0;right: 0;left: 0;z-index: 1098;box-shadow: none;box-shadow: 0 2px 4px rgba(0,0,0,.15);background: var(--primary-color);transition: 0.25s ease;}
@media (min-width: 1200px) {
    .wrapper.toggled .navbar {left: 0;}
    .wrapper .navbar {left: 250px;}
}
.wrapper .navbar.border-top {border-top: 3px solid var(--secondary-color)!important;}
.wrapper .navbar .dropdown-menu-right {position: absolute;left: auto;right: -13px;margin-top: 12px;}
.wrapper .navbar .dropdown-menu-right:before {content:'';display: block;border: 7px solid transparent;border-bottom-color: #fff;height: 0;width: 0;position: absolute;right: 10px;bottom: 100%;}
.wrapper .navbar .navbar-toggler {padding: 0.25rem;}
.wrapper .navbar .navbar-toggler .navbar-toggler-icon {pointer-events: none;}
.wrapper .navbar.navbar-light .navbar-toggler {border: 1px solid #333;}
.wrapper .navbar.navbar-dark .navbar-toggler {border: 1px solid #fff;}
.wrapper .navbar.navbar-dark .navbar-toggler .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
.wrapper .navbar.navbar-dark a.dropdown-toggle {color: #fff; text-decoration: none;}
.wrapper .navbar.navbar-dark a.dropdown-toggle:after {vertical-align: middle;}
.wrapper .navbar.navbar-dark a.dropdown-toggle .img-user {width: 34px;}

.wrapper .sidebar {position: fixed;top: 0;bottom: 0;left: 0;width: 250px;z-index: 1099;background: #eee;transition: 0.25s transform ease;}
.wrapper .sidebar {transform: translate3d(-100%,0,0);}
.wrapper.toggled .sidebar {transform: translate3d(0,0,0);box-shadow: 10px 0 20px 1px rgba(0, 0, 0, 0.5)}
@media (min-width: 1200px) {
    .wrapper .sidebar {transform: translate3d(0,0,0);box-shadow: 2px 0 20px 1px rgba(0, 0, 0, 0.35)}
    .wrapper.toggled .sidebar {transform: translate3d(-100%,0,0);box-shadow: none;}
}

.wrapper .sidebar .sidebar-nav {max-width: 100%;max-height: calc(100vh - 45px);overflow: auto;list-style: none;padding: 0; }
.wrapper .sidebar .sidebar-nav li {margin-bottom: .25rem;padding: 0 .75rem}
.wrapper .sidebar .sidebar-nav a {text-decoration:none; transition: 0.25s ease;border-radius: 21px; font-size: 1rem;/*border-bottom: 1px solid #f7f7f7;*/}
.wrapper .sidebar .sidebar-nav a.text-dark:hover {color: var(--primary-color) !important;/*background: rgba(255, 255, 255, 0.35);box-shadow: 0 2px 15px 1px rgba(39, 39, 39, .15);*/}
.wrapper .sidebar .sidebar-nav a.text-dark.active,
.wrapper .sidebar .sidebar-nav a.text-dark[data-toggle="collapse"]:not(.collapsed) {color: #fff!important;background: var(--primary-color);box-shadow: 0 2px 15px 1px rgba(39, 39, 39, .05);}
.wrapper .sidebar .sidebar-nav a.text-dark i.fa.fa-fw {display: inline-block;/* height: 30px; *//* width: 30px; *//* background: var(--primary-color); */border-radius: 50%;/*line-height: 2; *//* font-size: 0.8rem; *//* color: #fff; */margin-right: 7px;}
.wrapper .sidebar .sidebar-nav a.text-dark.active i.fa.fa-fw {color: var(--primary-color); background-color: #fff;}
.wrapper .sidebar .sidebar-nav a .nav-text {display: inline-block; vertical-align: middle;}
.wrapper .sidebar .sidebar-nav a[data-toggle="collapse"]:after {font-family: 'Font Awesome 5 Free';font-weight: 900;float: right;line-height: 1.6;}
.wrapper .sidebar .sidebar-nav a[data-toggle="collapse"].collapsed:after {content: "\f105";line-height: 1.6;}
.wrapper .sidebar .sidebar-nav a[data-toggle="collapse"]:not(.collapsed):after {content: "\f107";}
/* .wrapper .sidebar .sidebar-nav a[data-toggle="collapse"]:not(.collapsed) {background: rgba(30,30,30,.05); border-left: 5px solid var(--primary-color); color: var(--primary-color) !important;} */
.wrapper .sidebar .sidebar-nav a[data-toggle="collapse"] + .navbar-collapse .nav {padding-left: .5rem;}
.wrapper .sidebar .sidebar-nav .nav-user {background: linear-gradient(120deg, #19282c 60%, var(--secondary-color) 60%);}

/* .wrapper .content {padding-top: 65px; position: relative;} */

.breadcrumb-wrapper {top:0; left: 0;right: 0; /*height: 100px;*/ background-color: var(--secondary-color);}
.breadcrumb-wrapper a {color: #fff}

.btn:not(.btn-link):hover {box-shadow: 0 2px 6px -2px rgba(30,30,30,0.6);}
.btn-wide {width: 100px;}

.card-shadow { box-shadow: 0 2px 8px -2px rgba(0,0,0,.15)}
.card-full-height {height: 100%;}
.card-sp {position: relative;border: none;border-radius: 7px;}
.card-sp {box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12);}
.card-sp:after {content:''; position: absolute; width: 50%; height: 100%; right: 0;top: 0;background: url(../images/circle.svg) no-repeat right}
.card-sp .card-body {position: relative;}

.alertify-notifier .ajs-message {border: none!important; text-shadow: none!important; border-radius: 4px; box-shadow: 0 4px 8px -2px rgba(0,0,0,.5)}

/*overlay*/
.overlay-block {position: fixed;height: 100%;width: 100%;top: 0;left: 0;background-color: rgba(35, 35, 35, 0.75);z-index: 999999;color: #fff;}
.overlay-block>* {position: absolute;transform: translate3d(-50%, -50%, 0);top: 50%;left: 50%;}


/* dashboard */
.dash-links,.dash-links:hover {text-decoration: none;}
.stats-label {font-size: 55px;color: var(--primary-color);text-shadow: 2px 2px rgba(30,30,30,0.2);font-weight: 700;opacity: 0.6;}


/* tables common */
.table.table-dataTable.dataTable {border-collapse: collapse!important; border-spacing: 0;}
.table td {vertical-align: top;}
.sr-col {max-width: 70px; width: 70px;min-width: 70px; text-align: center;}
.wide-col {width: 250px;min-width: 250px;}
.status-col,.actions-col {max-width: 150px; width: 150px; min-width: 150px;text-align: center;}


/* custom-table */
.custom-table {min-width: 720px; width: 100%; border-collapse: collapse; border-spacing: 0; border: 1px solid #ddd; font-size: 0.75rem;}
.custom-table th,
.custom-table td {border: 1px solid #ddd; padding: 0.25rem 0.5rem; text-align: center;}
.custom-table th:first-child {min-width: 150px;width: 150px;}

/* print */
@media print {
    @page {margin: 0;}
    .wrapper * {box-shadow: none !important;}
    .wrapper {padding: 0!important;}
    .wrapper .content {padding: 1rem}
    .breadcrumb-wrapper {display: none;}
}


/* Sign Up Css Start */
.main-sign-up-page{min-height: 100vh;background: linear-gradient(to right, #fff 50.4%, var(--primary-color) 49%);position: relative;}
/* .main-sign-up-page::before{content: ''; position: absolute;left: 0;width: 50%; background-color: #f7f7f7; top: auto; bottom: 0; height: 100px;} */
.main-sign-up-page .main-heading-sign-up{font-family: 'Poppins', sans-serif; font-size: 25px;}
.main-sign-up-page .sign-up-image{width: 70%; animation: image-animation 3s infinite;}
.main-sign-up-page .main-bottom-items{width: 50%;}
.main-sign-up-page .bottom-icons{width: 50px; margin-bottom: 10px;}
/* .main-sign-up-page .input-control{height: calc(2em + .75rem + 2px);} */
.pricing-section .pricing-details{display: block;padding: 20px 15px;border-bottom: 1px solid #dfdfdf;}
.pricing-section .pricing-details .ruppes-text {font-size: 40px;line-height: 1;font-weight: 600;}
.pricing-section .features-details .features-heading {font-size: 18px;background-color: #e5e5e5;padding: 10px 15px;}
.pricing-section .features-details {display: block;padding: 20px 15px;}
.check-list .list-text {padding-left: 37px;padding-bottom: 6px;font-size: 15px;}
.check-list .list-text::before {content: '';position: absolute;background-image: url(../images/check.png);background-size: cover;width: 15px;left: 10px;top: 4px;height: 15px;}
.with-line{position: relative;}
.with-line::before{content: '';position: absolute;bottom: -3px;width: 100px;height: 1px;background-color: #189fda;margin: 0 auto;left: 0;right: 0;animation-name: free_estimation_animation;animation-duration: 2s;animation-timing-function: linear;animation-iteration-count: infinite;}
.link-signup:hover{text-decoration: none;}
.top-fixed{height: 50px;width: 50px;background: #189fda;line-height: 60px;text-align: center;position: fixed;bottom: 10px;z-index: 999;right: 20px;height: 60px;width: 60px;border-radius: 100px; opacity: 0; color: #fff; font-size: 20px;}
.top-fixed.hide-button{opacity: 1;}
.label-form{font-size: 13px;}

/* Sign Up Css End */

@keyframes free_estimation_animation {
    0%{transform: scale(0.5);opacity: 0;}
    100%{transform: scale(1.2);opacity: 1;}
  }

@keyframes image-animation{
    0%{transform: translateY(0px);}
    50%{transform: translateY(10px);}
    100%{transform: translateY(0px);}
}