html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-family:var(--main-fonts);font-size:100%;vertical-align:baseline;background:transparent;color:var(--grey-300);}
article,aside,figure,footer,header,nav,section,details,summary{display:block;}
html {-webkit-box-sizing:border-box;box-sizing:border-box;scroll-behavior:smooth;}
*::-webkit-scrollbar {width: 7px;}
*::-webkit-scrollbar-track {background-color:var(--Lightgrey);}
*::-webkit-scrollbar-thumb {background:var(--Dark-Blue);}
* {scrollbar-color:var(--Dark-Blue) var(--Lightgrey);scrollbar-width:thin;}
*,*:before,*:after {-webkit-box-sizing:inherit;box-sizing:inherit;}
:focus {outline:none !important;box-shadow: none !important;border-color: transparent !important;}
img {max-width: 100%;height: auto;}
a {margin: 0;padding: 0;vertical-align: baseline;background: transparent;}
a:focus,a:hover {vertical-align: baseline;background: transparent;}
p{margin-bottom: 0;}
body{position: relative; background-color: #F5F5F5;}

/* Variables */
:root {
    /* Fonts */
     --main-fonts: 'Roboto', sans-serif;
    /* Colors */
    --primary : #f1364d;
    --gray-100 : #b3aaaa; 
    --ligh-gray : #e1e1e1;
    --dark-blue : #340e75;
    --black : #000000;
    --dark : #28282B;
    --white : #FFFFFF;
    --red : #b60000;
    --red-100 : #740000;
    --purple : #805ff5;
    --light-green : #bada55;
}

input:focus,
select:focus,
textarea:focus {
    border-color:var(--primary) !important;box-shadow: 0 0 4px rgba(229, 31, 68, 0.4) !important;outline: none !important;background-color: var(--white);}
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single.select2-selection--focus {border-color: var(--primary) !important;box-shadow: 0 0 4px rgba(229, 31, 68, 0.4) !important; outline: none !important;}
.page-container {width: 100%;height: 100%;min-height: 100%;padding-left: 240px;-webkit-transition: padding-left 0.3s ease 0s;transition: padding-left 0.3s ease 0s;}
.page-container .main-content .container-fluid{width: 100%; margin-right: auto;margin-left: auto; padding: 0;}
/* .page-container .main-content .booking{padding: 20px;} */

.sbar_collapsed.page-container {padding-left: 0;}

.card{background-color: var(--white); box-shadow: none; margin: 0;}
.card .card-header .card_title{display: block;width: 100%;font-size: 24px;font-weight: 600;color: var(--white);}
/* .card-body{padding: 10px 0 !important;} */
.h-full {height: 100%;}
.main-content {width: 100%;background: #F5F5F5; overflow-y: auto;margin-top: 70px; padding: 30px 40px;}
.btn-primary{display: block;padding: 10px 20px;font-size: 14px;font-weight: 500;color: var(--white);}
.btn-primary:hover, .btn-primary:focus{background-color:var(--dark);border-color:var(--dark);}
.btn-link{color: var(--primary);}
.button, .button:focus, .button:active {display: inline-block;font-size: 12px;font-weight: 600;  background: var(--primary);color: var(--white);line-height: 1;border: 0;border-radius: 5px;letter-spacing: .5;text-transform: uppercase;cursor: pointer;outline: none;padding: 12px 12px;white-space: nowrap; transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}

.button:hover, .button:focus {background: var(--primary);color: var(--white);outline: none;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}

.button.danger,.button.danger:focus, .button.danger:active{background-color: var(--red);}
.button.danger:hover, .button.danger:focus{background-color: var(--red-100);}
.register_btn{font-size: 12px;font-weight: 600; padding:12px 12px;border-radius:5px;background: var(--dark-blue);color: var(--white);}
.action_btn{display: inline-block;font-size: 12px;font-weight: 600;  background: var(--dark-blue);color: var(--white);line-height: 1;border: 0;border-radius: 5px;letter-spacing: .5;text-transform: uppercase;cursor: pointer;outline: none;padding: 12px 12px;white-space: nowrap; transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.trigger-btn{font-size: 12px;font-weight: 600; padding:12px 12px;border-radius:5px;background: var(--primary);color: var(--white);}
.sidebar-menu {background-image: url("https://www.transparenttextures.com/patterns/subtle-dots.png"); background-color:#ffffff; position: fixed;left: 0;top:70px;z-index: 99;height: 100vh;width: 240px;   height:100vh; overflow-y: auto;  overflow: hidden;box-shadow: 2px 0 32px rgba(0, 0, 0, 0.05);-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.sbar_collapsed .sidebar-menu {left: -400px;}
.main-menu {height:100vh;overflow: hidden;padding: 30px 0 0 0;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.menu-inner {overflow-y: scroll;height: 100%;}
.slimScrollBar {background: var(--white)!important;opacity: 0.1!important;}
.sidebar-menu .sidebar-header{display: block;width: 100%;padding: 10px 10px;margin: 0; border-bottom: 0px solid var(--white);position: relative;}
.sidebar-menu .sidebar-header .logo{display: block;width: 100%;padding:0px;margin: 0 auto;text-align: left;}
.sidebar-menu .sidebar-header .logo a {display: inline-block;width: 100%;max-width:150px;text-align: center;margin: 0 auto;}
.sidebar-menu .sidebar-header .logo a img{width: 100%;max-width: 100%;max-width: 100%;}
.metismenu >li >a {padding-left: 12px !important;}
.metismenu li a {position: relative;display: flex;justify-content:flex-start;align-items: center;color: var(--black);font-size: 14px; font-family: var(--main-fonts); text-transform: capitalize;padding: 10px 12px;letter-spacing: 0;font-weight: 400;}
.metismenu svg{font-size: 17px;}
.metismenu li a i {-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s; font-size: 20px;}
.metismenu li a:after {position: absolute;content: '\f107';font-family: fontawesome;right: 6px;top: 3px;font-size: 20px;}
.metismenu li.active>a:after {content: '\f106';}
.metismenu li a:only-child:after {content: '';}
.metismenu li a span {margin-left: 10px;}
.metismenu li.active>a,
.metismenu li:hover>a {color: var(--primary);}
.metismenu li li a {padding: 8px 20px;}
.metismenu li ul {padding-left: 37px;}
.metismenu >li:hover>a,
.metismenu >li.active>a {color: var(--white);background:var(--dark-blue);}
.metismenu li:hover>a,
.metismenu li.active>a {color: var(--white);}
.metismenu li:hover>a i,
.metismenu li.active>a i {color: var(--white); font-size: 20px;}
.metismenu li li a:after {top: 6px;}
.metismenu li.dropdown .dropdown-menu{width: 100%;border: 0;box-shadow: inherit;background-color: var(--white);padding: 0;margin:0;position: static !important;transform: none !important;}
.metismenu li.dropdown .dropdown-menu .dropdown-item{padding: 10px 0px 10px 40px;}
.metismenu li.dropdown .dropdown-menu .dropdown-item.active,.metismenu li.dropdown .dropdown-menu .dropdown-item:active{background-color:var(--primary);}
.metismenu li.dropdown .dropdown-menu .dropdown-item::after{content: inherit;}
.metismenu li.dropdown .dropdown-menu .dropdown-item:focus,
.metismenu li.dropdown .dropdown-menu .dropdown-item:hover{color: var(--white);text-decoration: none;background:var(--dark-blue);}

.body-bg {background-color: var(--white);}
.horizontal-main-wrapper {min-height: 100vh;}
.horizontal-main-wrapper .container {max-width: 1440px;}
.horizontal-main-wrapper .header-area,
.horizontal-main-wrapper .mainheader-area {padding-left: 0;padding-right: 0;}
.horizontal-main-wrapper .main-content-inner {padding: 0 0 50px;}
.mainheader-area .notification-area {-webkit-transform: translateY(-11px);transform: translateY(-11px);}
.mainheader-area {background: var(--white);border-bottom: 1px solid var(--white);padding-left: 15px;position: relative;z-index: 99;}
.mainheader-area .logo a span {color: var(--purple);}
.horizontal-menu {position: relative;}
.horizontal-menu ul li {display: inline-block;position: relative;}
.horizontal-menu ul li a {display: block;font-size: 13px;padding: 10px 20px;color: var(--black);text-transform: capitalize;}
.horizontal-menu ul li:hover>a,
.horizontal-menu ul li.active>a {color: var(--primary);}
.horizontal-menu nav>ul>li:first-child>a {padding-left: 0;}
.horizontal-menu ul li a i {margin-right: 5px;}
.horizontal-menu .submenu {position: absolute;left: 0;top: 100%;z-index: 99;width: 200px;background: var(--white);opacity: 0;visibility: hidden;border-top: 4px solid var(--primary);border-radius: 3px;box-shadow: 0 2px 15px rgba(0, 0, 0, 0.03);}
.horizontal-menu .submenu li {display: block;}
.horizontal-menu ul li:hover>.submenu {opacity: 1;visibility: visible;}
.horizontal-menu .mega-menu {position: inherit;}
.horizontal-menu .mega-menu .submenu {width: 100%;max-width: 900px;}
.horizontal-menu .mega-menu .submenu li {display: inline-block;width: calc(100% * (1/3) - 5px);}
.header-bottom .search-box input {max-width: 350px;width: 100%;}
.slicknav_menu {background-color: var(--purple);padding: 0;margin-top: 20px;}
.slicknav_menu>a {display: block;width: 100%;padding: 15px;margin: 0;background: transparent;}
.slicknav_menu .slicknav_icon {float: right;}
.slicknav_menu .slicknav_icon-bar {box-shadow: none;}
.slicknav_menu .slicknav_menutxt {font-weight: 500;text-shadow: none;}
.slicknav_nav .slicknav_row,
.slicknav_nav a {text-transform: capitalize;}
.slicknav_nav .slicknav_row:hover {border-radius: 0;background-color: var(--purple);}
.slicknav_nav li i {width: 26px;display: inline-block;}
.slicknav_nav .slicknav_item .slicknav_arrow {float: right;}

.header-area {padding: 15px 30px;background: var(--white);border-bottom: 1px solid var(--ligh-gray);}
.nav-btn.togg-desk{display: flex;margin-right: 0;border-radius: 4px;cursor: pointer; justify-content: center; align-items: center;}
.nav-btn.togg-desk svg{font-size: 25px;color: var(--primary);}
.nav-btn.togg-desk span {display: block;width: 22px;height: 2px;background-color: var(--gray-100);margin: 4px 0;border-radius: 15px;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;box-shadow: 0 0 0 4px rgba(99, 96, 96, 0.03);}
.nav-btn.togg-desk span:nth-child(2) {opacity: 0;}
.nav-btn.togg-desk span:first-child {-webkit-transform: rotate(45deg)translate(5px, 5px);transform: rotate(45deg)translate(5px, 5px);}
.nav-btn.togg-desk span:last-child {-webkit-transform: rotate(-45deg)translate(3px, -3px);transform: rotate(-45deg)translate(3px, -3px);}
.sbar_collapsed .nav-btn.togg-desk span {transform: none;opacity: 1;}
.search-box form {position: relative;}
.search-box input {width: 350px;border-radius: 33px;border: none;height: 40px;padding-left: 20px;padding-right: 40px;letter-spacing: 0;background-color: var(--ligh-gray);}
.search-box input::-webkit-input-placeholder {color: var(--gray-100);}
.search-box input::-moz-placeholder {color: var(--gray-100);}
.search-box input:-ms-input-placeholder {color: var(--gray-100);}
.search-box form i {position: absolute;right: 21px;top: 14px;font-size: 14px;color: var(--gray-100);}
.notification-area {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;position: relative;z-index: 1;}
.notification-area li {display: inline-block;margin-left: 20px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none; -ms-user-select: none; user-select: none;}
.notification-area li.settings-btn.active i {color: var(--primary);}
.notification-area li>i {font-size: 26px;color: var(--gray-100);vertical-align: middle;text-shadow: 0 0 8px rgba(0, 0, 0, 0.12);-webkit-transition: color 0.3s ease 0s;transition: color 0.3s ease 0s;}
.notification-area li:hover>i,
.dropdown.show>i {color: var(--primary-color);}
.notification-area li i>span {position: absolute;right: -5px;top: -7px;font-family: 'Poppins', sans-serif;font-size: 10px;font-weight: 600;color: var(--white);background: var(--primary-color);height: 20px;width: 20px;border-radius: 50%;text-align: center;line-height: 20px;padding-left: 2px;}
.notify-box {width: 350px;border-radius: 10px;overflow: hidden;padding: 0;margin: 0;}
.notify-title {background: var(--primary-color);display: block;padding: 18px 30px;color: var(--white);font-size: 15px;letter-spacing: 0;overflow: hidden;}
.notify-title a {float: right;display: inline-block;color: #ffee1d;font-size: 13px;text-decoration: underline;}
.nofity-list {padding: 30px 0;}
.nofity-list a {padding: 0 30px;display: block;margin-bottom: 20px;border-bottom: 1px solid var(--ligh-gray);padding-bottom: 15px;}
.nofity-list a:last-child {margin-bottom: 0;border-bottom: none;}
.notify-thumb {float: left;margin-right: 20px;}
.notify-thumb i {height: 50px;width: 50px;line-height: 50px;display: block;border-radius: 50%;text-align: center;color: var(--white);font-size: 23px;}
.notify-text {overflow: hidden;}
.notify-text p {font-size: 14px;color: var(--dark);line-height: 22px;margin-bottom: 4px;}
.notify-text span {letter-spacing: 0;color: var(--black);font-size: 11px;font-weight: 300;}
.expanded .notification-area li#full-view-exit {display: inline-block;}
.notification-area li#full-view-exit {display: none;}
.expanded .notification-area li#full-view {display: none;}
.notification-area li#full-view {display: inline-block;}
.nt-enveloper-box .notify-text p {margin-bottom: 0;}
.notify-text span.msg {display: block;font-size: 12px;color: var(--dark);line-height: 22px;margin-bottom: 4px;font-weight: 400;}
.notify-thumb img {width: 60px;height: 60px;border-radius: 50%;margin-top: 4px;}

.page-title-area{display:block;width:100%;height:70px;background: var(--white);position: fixed;top:0;left:0;z-index: 999; padding: 0 15px 50px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);}
.page-title{font-size: 24px;font-weight:500;color: var(--white);letter-spacing: 0;margin-right: 30px;}
ul.breadcrumbs {margin-top: 4px;}
.breadcrumbs li {display: inline-block;}
.breadcrumbs li a,
.breadcrumbs li span {display: block;font-size: 14px;font-weight: 400; color: var(--white); letter-spacing: 0;margin-right: 16px;position: relative;}
.breadcrumbs li a:before {content: '/';color: var(--white);position: absolute;right: -13px;top: 0;}
.breadcrumbs li span {margin-right: 0;color: var(--white);text-transform: capitalize;}
.user-profile {display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;justify-content: flex-end;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 22px 0px;position: relative;}
.user-profile span{color: var(--black); }
.user-profile img.avatar {height: 35px;width: 35px;border-radius: 50%;margin-right: 12px;}
.user-name {font-size: 14px;font-weight: 500;color: var(--white);letter-spacing: 0;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.user-name i {margin-left: 10px;font-size: 21px;vertical-align: middle;position: relative;}
.notification-area .dropdown-toggle,
.user-name.dropdown-toggle { position: relative;}
.notification-area .dropdown-toggle:after,
.user-name.dropdown-toggle:after { display: none;}
.notification-area .dropdown-menu,
.user-profile .dropdown-menu { background: var(--white);border: none;-webkit-transform: none!important;transform: none!important;top: 130%!important;right: 30px!important;left: auto!important;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;display: block!important;visibility: hidden;opacity: 0;}
.notification-area .dropdown-menu.show,
.user-profile .dropdown-menu.show {top: 100%!important;}
.notification-area .dropdown-menu.show,
.user-profile .dropdown-menu.show {top: 45px !important;visibility: visible;opacity: 1;}
.user-profile .dropdown-menu a {font-size: 14px;color: var(--black);letter-spacing: 0;font-weight: 500;margin: 10px 0;}
.user-profile .dropdown-menu a:hover {background-color: var(--white);color: var(--primary) ;}
.user-profile .dropdown{display: flex; justify-content: center; align-items: center;}

.single-report {background: var(--white);overflow: hidden;position: relative;}
.s-report-inner {padding-left: 85px;}
.single-report .icon {font-size: 32px;color: var(--white);background: var(--primary-color);height: 95px;width: 100px;text-align: right;padding-top: 40px;padding-right: 22px;border-radius: 50%;position: absolute;left: -39px;top: -30px;}
.s-report-title {margin-bottom: 25px;}
.header-title {font-family: 'Lato', sans-serif;font-size: 18px;font-weight: 600;letter-spacing: 0;color: var(--dark);text-transform: capitalize;margin-bottom: 17px;}
.single-report p {font-size: 12px;font-weight: 700;color: var(--dark);background-color: var(--white);letter-spacing: 0;padding: 0 9px;height: 20px;line-height: 20px;}
.single-report h2 {font-size: 26px;color: var(--dark);font-weight: 500;letter-spacing: 0;}
.single-report span {font-size: 15px;font-weight: 600;color: var(--dark);letter-spacing: 0;}
.highcharts-exporting-group {display: none;}

.custome-select {font-size: 13px;color: var(--dark);font-weight: 500;letter-spacing: 0;}
.border-0 {border: none;}
#verview-shart {height: 400px;}
#verview-shart-license-text,
#coin_distribution-license-text {display: none;}
#coin_distribution-wrapper {height: 400px!important;margin-top: -30px;}
#coin_distribution-menu {display: none;}

.market-status-table {overflow: hidden;}
table.dbkit-table {width: 100%;}
table.dbkit-table tr {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-align: center; -ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify; justify-content: space-between;height: 71px;border: 1px solid transparent;padding: 0 30px;margin: 20px 2px 6px;background-color: var(--white);}
table.dbkit-table tr th,
table.dbkit-table tr td {border-top: none!important;}
table.dbkit-table tr:hover {border-color: var(--white);}
table.dbkit-table tr td {font-size: 16px;font-weight: 400;letter-spacing: 0;color: var(--dark);min-width: 141px;}
.mv-icon img {max-width: 29px;}
.trends {text-align: center;}
.stats-chart {text-align: center;max-width: 75px;}
.stats-chart canvas {margin: auto;}
.buy img,
.sell img {margin-left: 10px;}

.cripto-live ul li {margin-bottom: 27px;font-size: 16px;font-weight: 500;color: var(--dark);letter-spacing: 0;}
.cripto-live ul li:last-child {margin-bottom: 0;}
.cripto-live ul li .icon {display: inline-block;height: 30px;width: 30px;margin-right: 10px;border-radius: 50%;font-size: 16px;font-weight: 700;color: var(--white);background: #ffd615;text-align: center;line-height: 30px;text-transform: uppercase;}
.cripto-live ul li .icon.l {background: #08bfc1;}
.cripto-live ul li .icon.d {background: #4cff63;}
.cripto-live ul li .icon.e {background-color: var(--purple);}
.cripto-live ul li .icon.t {background: #95b36e;}
.cripto-live ul li span {display: block;width: 50%;float: right;}
.cripto-live ul li span i {color: #2fd444;margin-right: 10px;}
.cripto-live ul li span i.fa-long-arrow-down {color: var(--red);}

.trd-history-tabs ul li a {font-size: 15px;font-weight: 500;color: var(--ligh-gray);letter-spacing: 0;margin: 0 15px;display: block;border-bottom: 2px solid transparent;padding-bottom: 7px;}
.trd-history-tabs ul li a:hover,
.trd-history-tabs ul li a.active {border-bottom: 2px solid var(--purple);padding-bottom: 7px;color: var(--dark);}

.single-post {margin-bottom: 34px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify; -ms-flex-pack: justify;justify-content: space-between;}
.lts-thumb {-ms-flex-preferred-size: calc(40% - 10px);flex-basis: calc(40% - 10px);}
.lts-content {-ms-flex-preferred-size: calc(60% - 10px); flex-basis: calc(60% - 10px);}
.lts-content span {font-size: 16px;font-weight: 600;color: var(--dark);letter-spacing: 0;}
.lts-content h2 a { display: block; font-size: 20px; font-weight: 700; color: var(--dark); letter-spacing: 0; margin-bottom: 16px;}
.lts-content h2 a:hover {color: var(--purple);}
.lts-content p {font-size: 15px;font-weight: 400;color: var(--dark);}
.input-form { position: relative;}
.input-form input { height: 80px;width: 100%;padding-left: 50px;border: none;box-shadow: 0 0 41px rgba(67, 54, 251, 0.05);}
.input-form span {position: absolute;right: 0;top: 0;height: 100%;width: 125px;background-color: var(--primary-color);text-align: center;line-height: 80px;font-weight: 600;color: var(--white);letter-spacing: 0;font-size: 19px;}
.exhcange-rate {padding: 38px;background-color: var(--white);}
.exhcange-rate .exchange-devider {text-align: center;font-size: 30px;color: var(--dark);letter-spacing: 0;font-weight: 600;margin: 24px 0;}
.exchange-btn button {width: 100%;margin-top: 20px;height: 79px;background: var(--primary-color);color: var(--white);letter-spacing: 0;font-weight: 700;border: none;border-radius: 2px;font-size: 18px;outline: none;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.exchange-btn button:hover {background: var(--purple);}
.footer-area {text-align: center;padding: 23px 0 19px;background-color: var(--white);}
.footer-area p {color: var(--dark);margin-bottom: 0;}

.sales-style-two .single-report {background: var(--white);overflow: hidden;position: relative;padding: 10px 15px 10px;}
#visitor_graph {height: 400px;}
.dbkit-table .heading-td td {color: var(--dark);font-weight: 500;}
.pagination_area ul li {display: inline-block;}
.pagination_area ul li a {display: block;height: 45px;line-height: 44px;width: 45px;border: 2px solid var(--white);border-radius: 50%;text-align: center;font-size: 18px;font-weight: 600;color: var(--dark);margin-left: 3px;}
.pagination_area ul li a:hover {background: var(--purple);color: var(--white);}
.pagination_area ul li a i {font-size: 14px;}

.team-search input {height: 40px;padding-left: 12px;border: 1px solid var(--ligh-gray);letter-spacing: 0;font-size: 13px;border-radius: 2px;}
.team-search input::-webkit-input-placeholder {color: var(--ligh-gray);}
.team-search input::-moz-placeholder {color: var(--ligh-gray);}
.team-search input:-ms-input-placeholder {color: var(--ligh-gray);}
.member-box .media-body p {font-size: 18px;font-weight: 500;color: var(--dark);}
.member-box .media-body span {display: block;font-size: 15px;font-weight: 500;color: var(--dark);letter-spacing: 0;}
.tm-social a {display: inline-block;margin-left: 15px;font-size: 22px;color: var(--dark);}
.s-member {padding: 16px 15px 17px;background-color: var(--white);margin: 15px 0;}

.seo-fact {border-radius: 3px;}
.sbg1 {background: -webkit-linear-gradient(291deg, rgb(77, 77, 253) 0%, rgb(108, 143, 234) 100%);background: linear-gradient(159deg, rgb(77, 77, 253) 0%, rgb(108, 143, 234) 100%);}
.sbg2 {background: -webkit-linear-gradient(291deg, rgb(5, 176, 133) 0%, rgb(27, 212, 166) 59%);background: linear-gradient(159deg, rgb(5, 176, 133) 0%, rgb(27, 212, 166) 59%);}
.sbg3 {background: -webkit-linear-gradient(298deg, rgb(216, 88, 79) 0%, rgb(243, 140, 140) 100%);background: linear-gradient(152deg, rgb(216, 88, 79) 0%, rgb(243, 140, 140) 100%);}
.sbg4 {background: -webkit-linear-gradient(59deg, rgb(254, 208, 63) 0%, rgb(230, 190, 63) 110%);background: linear-gradient(31deg, rgb(254, 208, 63) 0%, rgb(230, 190, 63) 110%);}
.seofct-icon {color: var(--white);font-size: 18px;font-weight: 500;}
.seofct-icon i {font-size: 52px;margin-right: 20px;vertical-align: middle;-webkit-transform: translateY(-5px);transform: translateY(-5px);display: inline-block;}
.seo-fact h2 {font-size: 27px;color: var(--white);letter-spacing: 0;}
.seo-fact #seolinechart3,
.seo-fact #seolinechart4 { max-width: 200px;}
.highcharts-credits {display: none;}
#user-statistics {height: 350px;}
#salesanalytic {height: 500px;}
.timeline-area {padding-left: 52px;padding-top: 6px;}
.timeline-task {position: relative;margin-bottom: 35px;}
.timeline-task:before {content: '';position: absolute;left: -35px;top: 0;height: calc(100% + 33px);width: 1px;background-color: var(--purple);}
.timeline-task:last-child:before {height: 100%;}
.timeline-task:last-child {margin-bottom: 0;}
.timeline-task .icon {position: absolute;left: -52px;top: -6px;height: 35px;width: 35px;line-height: 35px;border-radius: 50%;text-align: center;font-size: 12px;color: var(--white);}
.bg1 {background: var(--purple);}
.bg2 {background: #19D0A2;}
.bg3 {background: #F7CB3F;}
.tm-title {margin-bottom: 6px;}
.tm-title h4 {font-size: 15px;letter-spacing: 0;color: var(--dark);margin-bottom: 2px;}
.tm-title span.time {color: var(--dark);font-size: 13px;}
.tm-title span.time i {margin-right: 5px;color: var(--dark-blue);font-size: 11px;}
.timeline-task p {color: var(--dark);font-size: 14px;line-height: 25px;margin-bottom: -10px;}
.timeline-task:last-child p {margin-bottom: 0;}
#seomap { height: 300px; width: 100%;}
.map-marker {margin-left: -8px;margin-top: -8px;}
.map-marker.map-clickable {cursor: pointer;}
.pulse {width: 10px;height: 10px;border: 5px solid #f7f14c;border-radius: 30px;background-color: var(--dark);z-index: 10;position: absolute;}
.map-marker .dot {border: 10px solid #fff601;background: transparent;border-radius: 60px;height: 50px;width: 50px;-webkit-animation: pulse 3s ease-out;animation: pulse 3s ease-out;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;position: absolute;top: -20px;left: -20px; z-index: 1;opacity: 0;}
@-webkit-keyframes pulse {0% {-webkit-transform: scale(0);opacity: 0.0;}
    25% {-webkit-transform: scale(0);opacity: 0.1;}
    50% {-webkit-transform: scale(0.1);opacity: 0.3;}
    75% {-webkit-transform: scale(0.5);opacity: 0.5;}
    100% {-webkit-transform: scale(1); opacity: 0.0;}}
.testimonial-carousel {margin: 60px 0 28px;}
.tstu-img {width: 70px;border-radius: 50%; overflow: hidden; float: left;margin-right: 20px;}
.tstu-content {overflow: hidden;}
.tstu-name {font-size: 20px;color: var(--white);letter-spacing: 0;}
.profsn {display: block;font-size: 16px;color: var(--white);letter-spacing: 0.02em;margin-bottom: 15px;}
.tst-item p {color: var(--white);}
.testimonial-carousel .owl-dots {text-align: center; margin-top: 60px;}
.testimonial-carousel .owl-dots>div {height: 11px;width: 11px;background: var(--white);display: inline-block;border-radius: 50%;margin: 0 4px;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.testimonial-carousel .owl-dots .active {background: #f7cb3f;}

#ambarchart1,
#ambarchart2,
#ambarchart3,
#ambarchart4,
#ambarchart5,
#ambarchart6 { height: 400px;}
.amcharts-chart-div>a {display: none!important;}
#amlinechart1,
#amlinechart2,
#amlinechart3,
#amlinechart4,
#amlinechart5 {height: 400px;}
#ampiechart1,
#ampiechart2,
#ampiechart3,
#highpiechart4,
#highpiechart5,
#highpiechart6 {height: 400px;width: 100%;}
.according .card {margin-bottom: 20px;}
.according .card:last-child {margin-bottom: 0;}
.according .card-header {padding: 0;border: none;}
.according .card-header a {display: block;background-color:var(--white);padding: 16px 15px;border-radius: 3px;color: var(--dark);letter-spacing: 0;font-size: 15px;font-weight: 500;}
.according .card-body {padding: 10px;border: 1px solid var(--white);font-size: 14px;letter-spacing: 0;color: var(--dark);line-height: 27px;font-weight: 400;}
.according .card-header a {position: relative;}
.accordion-s2 .card-header a.collapsed:before {content: "\f107";}
.accordion-s2 .card-header a:before {content: "\f106";font-family: fontawesome;position: absolute;right: 13px;color: var(--dark);font-size: 26px;}
.accordion-s3 .card-header a.collapsed:before {content: "\e61a";}
.accordion-s3 .card-header a:before {content: "\e622";font-family: 'themify';position: absolute;right: 13px;color: var(--dark);font-size: 15px;}
.gradiant-bg .card-header a {background-image: -webkit-linear-gradient(top left, var(--purple) var(--purple));background-image: linear-gradient(to bottom right, var(--purple), var(--purple));color: var(--white);}
.gradiant-bg .card-header a:before {color: var(--white);}
.alert {letter-spacing: 0;font-size: 13px;border: none;padding: 10px 16px;}
.alert strong,
.alert-link {font-weight: 600;}
.alert-items .alert-primary {color: var(--primary);background-color: var(--ligh-gray);}
.alert-items .alert-primary .alert-link {color: var(--primary);}
.alert-items .alert-success {color: #36b398;background-color: var(--ligh-gray);}
.alert-items .alert-success .alert-link {color: #36b398;}
.alert-items .alert-danger {color: var(--red);background-color: var(--ligh-gray);}
.alert-items .alert-danger .alert-link {color: var(--red);}
.alert-items .alert-warning {color: #d6a20c;background-color: var(--gray-100);}
.alert-items .alert-warning .alert-link { color: #d6a20c;}
.alert-heading {margin-bottom: 7px;}
.alert-dismiss .alert {padding: 13px 15px;}
.alert-dismiss .alert-dismissible .close {top: 4px;outline: none;font-size: 13px;}
.filter_btn_col{margin-left: 7px; margin-top:20px;}
.blue_btn{display: block; width: auto; padding: 10px 20px; font-size:16px;font-weight: 500; letter-spacing: 0; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important;background-color: var(--primary);border-color: var(--primary); margin-top: 5px; color: var(--white); border: 0;}
.btn{display: block; padding: 7px 18px; font-size:16px;font-weight: 600; letter-spacing: 0; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important;background-color: var(--primary);border-color: var(--primary);}
.btn:hover,
.btn:focus,
.btn:active{background-color:var(--dark-blue) !important;border-color: var(--dark-blue) !important;}
.btn-xl {padding: 19px 24px;}
.btn-lg {padding: 15px 22px;}
.btn-md {padding: 12px 19px;}
.btn-sm {padding: 9px 14px;}
.btn-xs {padding: 5px 10px;}
.nav-pills .nav-link {padding: 16px 48px;padding: 1rem 3rem;line-height: 19px;}
.btn-flat {border-radius: 0;}
.btn-rounded {border-radius: 50px;}
.title {font-size: 18px;color: var(--dark);margin-bottom: 10px;}
.card-bordered {border: 1px solid var(--dark);}
p.card-text {margin-bottom: 23px;}
.drop-buttons .btn {margin-bottom: 1.3em;}
.dropdown-item {font-size: 14px;}
.list-group-item {color: var(--dark);font-size: 13px;}
.media-body {font-size: 13px;line-height: 27px;}
.child-media {padding-left: 100px;}
.modal-dialog.modal-xl {max-width: 100%;}
.pg-color-border li a {border-color: var(--primary);}
.pagination li a {font-family: 'lato', sans-serif;}
.form-control,
.form-control:focus {outline: none;box-shadow: 0px 0px 0px 1px var(--black);border-color: var(--black) !important;}
.form-rounded {border-radius: 40px;}
.form-control {font-size: 18px;border: 0px solid var(--black) !important;padding: 6px 14px;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;}
.form-control-sm,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {padding: 4px 8px;padding: .25rem .5rem;}
.form-control-lg,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {padding: 13.6px 16px;padding: .85rem 1rem;}
label {font-weight: 500;color: var(--black);display: inline-block;margin-bottom: 8px;margin-bottom: .5rem;font-size: 14px;}
.font-14 {font-size: 14px;}
.input-rounded {border-radius: 50px;}
.custom-file-label,
.custom-file-input,
.custom-file {height: calc(2.25rem + 7px);padding: 10.8px 12px;padding: .675rem .75rem;}
.custom-file-label:after {height: calc(calc(2.25rem + 7px) - 1px * 2);padding: 10.8px 12px;padding: .675rem .75rem;}
.grid-col {padding: 10px 15px;background-color: var(--white);margin-bottom: 30px;color: var(--dark);border: 1px solid var(--white);}
.custom-control-label {margin-top: 2px;}
.fw-icons a {color: var(--dark);margin: 9px 0;display: inline-block;font-family: 'lato', sans-serif;}
.fw-icons a:hover {color: var(--primary);}
.fw-icons a i {width: 30px;font-size: 14px;}
.icon-section {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.icon-container {cursor: pointer;-ms-flex-preferred-size: calc(100% * (1/4));flex-basis: calc(100% * (1/4));}
.icon-container [class^="ti-"] {width: 30px;font-size: 14px;display: inline-block;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.icon-container:hover [class^="ti-"] {-webkit-transform: scale(2);transform: scale(2);-webkit-transform-origin: left center;transform-origin: left center;}
.icon-container span.icon-name {color: var(--dark);margin: 9px 0;display: inline-block;font-family: 'lato', sans-serif;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.icon-container:hover span.icon-name {-webkit-transform: translateX(10px);transform: translateX(10px);}
.icon-container:hover span {color: var(--primary);}
.single-table .table {margin-bottom: 0;}
.single-table .rate_head th{border: none !important;}
.custom_body{padding: 0 !important;}
.table thead th{padding: 5px;}
.table thead tr th{color: var(--black); font-family: var(--main-fonts); border: 1px solid var(--ligh-gray);}
table tr th {border-bottom: none;}
table tr th,
/* table tr td {border-top: 1px solid rgba(120, 130, 140, 0.13) !important;} */
table tr td [class^="ti-"] {cursor: pointer;}
.table-bordered td,
.table-bordered th {border: 1px solid rgba(120, 130, 140, 0.13) !important;}
.status-p {color: var(--white);padding: 0px 20px 1px;border-radius: 20px;display: inline-block;text-transform: capitalize;vertical-align: middle;}
div.dataTables_wrapper div.dataTables_length select {width: 76px;margin: 0 10px;}
.datatable-primary thead {background: var(--purple);color: var(--white);}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {border: none;background: transparent;}
.dataTables_wrapper .dataTables_paginate .paginate_button {padding: 0;border: none;margin-top: 20px;}
table.dataTable.no-footer {border-bottom: 1px solid rgba(120, 130, 140, 0.13) !important;}
table.dataTable thead th,
table.dataTable thead td {border-bottom-color: transparent;}
.datatable-primary .dataTables_paginate .page-item.active .page-link,
.datatable-primary .dataTables_paginate .page-item .page-link:hover {background-color: var(--purple);border-color: var(--purple);color: var(--white);}
.datatable-primary .dataTables_paginate .page-link {color: var(--purple);border: 1px solid var(--purple);}
.datatable-primary .dataTables_paginate .paginate_button.disabled,
.datatable-primary .dataTables_paginate .paginate_button.disabled:hover,
.datatable-primary .dataTables_paginate .paginate_button.disabled:active {color: var(--purple)!important;border: none;}
.datatable-primary .dataTables_paginate .page-item.disabled .page-link {color: var(--purple);background-color: var(--white);border-color: var(--purple);}
.datatable-dark thead {background: var(--dark);color: var(--white);}
.datatable-dark .dataTables_paginate .page-item.active .page-link,
.datatable-dark .dataTables_paginate .page-item .page-link:hover {background-color: var(--dark);border-color: var(--dark);color: var(--white);}
.datatable-dark .dataTables_paginate .page-link {color: var(--dark);border: 1px solid var(--dark);}
.datatable-dark .dataTables_paginate .paginate_button.disabled,
.datatable-dark .dataTables_paginate .paginate_button.disabled:hover,
.datatable-dark .dataTables_paginate .paginate_button.disabled:active {color: var(--dark)!important;border: none;}
.datatable-dark .dataTables_paginate .page-item.disabled .page-link {color: var(--dark);background-color: var(--white);border-color: var(--dark);}
#mapamchart1,
#mapamchart2,
#mapamchart3,
#mapamchart4,
#mapamchart5,
#mapamchart6 {height: 400px;}
#google_map {height: 600px;}
.invoice-head {margin-bottom: 30px;border-bottom: 1px solid var(--white);padding-bottom: 20px;}
.invoice-head .iv-left span {color: var(--dark);}
.invoice-head span {font-size: 21px;font-weight: 700;color: var(--dark);}
.invoice-address h3 {font-size: 24px;text-transform: uppercase;font-weight: 600;color: var(--dark);margin-bottom: 15px;}
.invoice-address h5 {font-size: 17px;margin-bottom: 10px;}
.invoice-address p {font-size: 15px;color: var(--dark);}
.invoice-date li {font-size: 15px;color: var(--dark);font-weight: 700;margin-bottom: 5px;}
.invoice-table .table-bordered td,
.invoice-table .table-bordered th {border: 1px solid rgba(120, 130, 140, 0.13) !important;border-left: none!important;border-right: none!important;}
.invoice-table tr td {color: var(--dark);}
.invoice-table tfoot tr td {text-transform: uppercase;font-weight: 600;color: var(--dark);}
.invoice-buttons a {display: inline-block;font-size: 15px;color: var(--white);background: var(--purple);padding: 12px 19px;border-radius: 3px;text-transform: capitalize;font-family: 'Lato', sans-serif;font-weight: 600;letter-spacing: 0.03em;margin-left: 6px;}
.invoice-buttons a:hover {background: var(--purple);}
.login{background-color: var(--white);}
.login .login-box {display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;justify-content: center;min-height: 100vh;}
.login .login-box .midlelogo{display: flex;justify-content: center;align-items: center;margin-bottom: 20px;}
.login .login-box form{display: block;width: 100%;max-width:500px;margin:0 auto 20px;padding:40px 60px;background-color:var(--dark-blue);border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;}
.login .login-box form .login-form-head{display: block;width: 100%;margin:0 auto 20px;}
.login .login-box form .login-form-head h4 {display: block;width: auto;margin:0px auto;text-align: center;letter-spacing: 0;font-size: 28px;text-transform: uppercase;font-weight: 600;color: var(--white);}
.login .login-box form .login-form-body{display: block;width: 100%;margin: 0;padding: 0;}
.login .login-box form .login-form-body .form-gp{display: block;margin:0 0 20px;position: relative;}
.login .login-box form .login-form-body .form-gp label{display: block;width: 100%;text-align: left;font-size: 18px !important;font-weight: 600 !important;color: var(--white);margin-bottom: 8px;}
.login .login-box form .login-form-body .form-gp .invalid-feedback{display: block;width: 100%;margin:4px 0;}
.login .login-box form .login-form-body .form-gp .invalid-feedback strong{display: block;width: 100%;margin: 0;font-size: 16px !important;font-weight: 600 !important;color: var(--red);}
.login .login-box form .login-form-body .form-gp .form-control{width: 100%;font-size: 18px;border: 0px solid var(--white) !important;padding: 6px 14px;height: 40px;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;box-shadow: 0px 0px 0px 1px #e6e6e6;}
.login .login-box form .login-form-body .form-gp i{position: absolute;right: 19px;top: 44px;font-weight: 500;color:var(--dark-blue);font-size: 18px;}
.login .login-box form .login-form-body .form-gp .btn-link{font-size: 16px !important;color: var(--primary) !important;}
.login .login-box form .login-form-body .form-gp .btn-link:hover{color:var(--dark) !important;}
.login .login-box form .login-form-body .submit-btn-area{display: block;width: 100%;margin: 0 auto;}
.login .login-box form .login-form-body .submit-btn-area button{display: block;width: 100%;padding:10px 20px;border: none;background-color: var(--primary);color: var(--white);border-radius: 40px;text-transform: uppercase;letter-spacing: 0;font-weight: 600;
font-size:18px;box-shadow: 0 0 22px rgba(0, 0, 0, 0.07);-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-webkit-border-radius: 40px;
-moz-border-radius: 40px;-ms-border-radius: 40px;-o-border-radius: 40px;}
.login .login-box form .login-form-body .submit-btn-area button:hover,
.login .login-box form .login-form-body .submit-btn-area button:active,
.login .login-box form .login-form-body .submit-btn-area button:focus{background-color: var(--dark) !important;color: var(--white);border-color: 1px solid var(--black);}
.login .login-box form .login-form-body .submit-btn-area button i {margin-left: 15px;-webkit-transition: margin-left 0.3s ease 0s;transition: margin-left 0.3s ease 0s;}
.login .login-box form .login-form-body .submit-btn-area button:hover i {margin-left: 20px;}
.form-gp input::-webkit-input-placeholder {color: var(--ligh-gray);}
.form-gp input::-moz-placeholder {color: var(--ligh-gray);}
.form-gp input:-ms-input-placeholder {color: var(--ligh-gray);}
.form-gp input:-moz-placeholder {color: var(--ligh-gray);}
.form-gp.has-error, .form-gp.has-error label, .form-gp.has-error input, .form-gp.has-error input::placeholder, .form-gp.has-error i {color: var(--red);}
.login-other a {display: block;width: 100%;max-width: 250px;height: 43px;line-height: 43px;border-radius: 40px;text-transform: capitalize;letter-spacing: 0;font-weight: 600;font-size: 12px;box-shadow: 0 0 22px rgba(0, 0, 0, 0.07);}
.login-other a i {margin-left: 5px;}
.login-other a.fb-login {background: var(--purple);color: var(--white);}
.login-other a.fb-login:hover {box-shadow: 0 5px 15px rgba(44, 113, 218, 0.38);}
.login-other a.google-login {background: var(--red);color: var(--white);}
.login-other a.google-login:hover {box-shadow: 0 5px 15px rgba(251, 87, 87, 0.38);}
.form-footer a {margin-left: 5px;}
.login-s2 {background: var(--white);position: relative;z-index: 1;overflow: hidden;}
.login-s2:before {content: '';position: absolute;height: 206%;width: 97%;background-color:var(--white);border-radius: 50%;left: -42%;z-index: -1;top: -47%;box-shadow: inset 0 0 51px rgba(0, 0, 0, 0.1);}
.login-s2 .login-form-head,
.login-s2 .login-box form,
.login-s2 .login-box form .form-gp input {background: transparent;}
.login-s2 .login-form-head h4,
.login-s2 .login-form-head p {color: var(--dark);}
.login-bg {background: url(../images/bg/singin-bg.jpg) center/cover no-repeat;position: relative;z-index: 1;}
.login-bg:before {content: '';position: absolute;left: 0;top: 0;z-index: -1;height: 100%;width: 100%;background-color: var(--black);opacity: 0.7;}
.login-box-s2 {min-height: 100vh;background-color:var(--white);width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;}
.login-box-s2 form {margin: auto;background: var(--white);width: 100%;max-width: 500px;}
.login_btn{display: block;width: 100%;padding: 7px 18px;font-size: 16px;font-weight: 600;letter-spacing: 0;border:none;border-radius: 0 !important;-webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;-ms-border-radius: 0 !important;-o-border-radius: 0 !important;background-color: var(--primary);border-color: var(--primary);}
.login_btn:hover{background-color: var(--primary); border-color: var(--primary);}
.pricing-list {text-align: center;}
.prc-head h4 {background-color: var(--purple);color: var(--white);padding: 28px;letter-spacing: 0;font-family: 'lato', sans-serif;font-weight: 500;}
.prc-list {padding: 30px;}
.prc-list li a {display: block;font-size: 15px;letter-spacing: 0;margin: 23px 0;color: var(--dark);}
.prc-list li.bold {font-weight: 600;margin-top: 20px;}
.prc-list>a {display: inline-block;margin-top: 40px;background-color: var(--purple);color: var(--white);padding: 11px 20px;border-radius: 40px;}
.prc-list>a:hover {box-shadow: 0 3px 25px rgba(44, 113, 218, 0.38);}
.dark-pricing .prc-head h4 {background-color: var(--dark);color: var(--white);}
.dark-pricing .prc-list>a {background-color: var(--dark);}
.dark-pricing .prc-list>a:hover {box-shadow: 0 3px 25px rgba(27, 27, 27, 0.38);} 
.error-area {min-height: 100vh;background-color: var(--white);}
.error-content {background: var(--white);width: 100%;max-width: 600px;margin: auto;padding: 70px 30px;}
.error-content h2 {font-size: 98px;font-weight: 800;color: var(--purple);margin-bottom: 28px;text-shadow: -3px -3px 0 var(--white), 3px -3px 0 var(--white), -3px 3px 0 var(--white), 3px 3px 0 var(--white), 4px 4px 0 var(--purple), 5px 5px 0 var(--purple), 6px 6px 0 var(--purple), 7px 7px 0 var(--purple);font-family: 'lato', sans-serif;}
.error-content img {margin-bottom: 50px;}
.error-content p {font-size: 17px;color: var(--purple);font-weight: 600;}
.error-content a {display: inline-block;margin-top: 40px;background: var(--purple);color: var(--white);padding: 16px 26px;border-radius: 3px;}
.offset-area {position: fixed;right: -320px;top: 0;height: 100vh;width: 320px;background-color: var(--white);z-index: 998;box-shadow: -5px 0 20px rgba(0, 0, 0, 0.05);-webkit-transition: right 0.3s cubic-bezier(0.62, -0.01, 0.2, 0.83) 0s;transition: right 0.3s cubic-bezier(0.62, -0.01, 0.2, 0.83) 0s;}
.show_hide.offset-area {right: 0;}
.offset-close {font-size: 19px;position: absolute;left: 0;top: 0;height: 40px;width: 40px;cursor: pointer;text-align: center;line-height: 40px;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.offset-close:hover {-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.offset-menu-tab {padding: 30px 20px;}
.offset-menu-tab li {display: inline-block;width: 50%;text-align: center;}
.offset-menu-tab li a {display: block;font-size: 16px;color: var(--dark);font-weight: 600;font-family: 'lato', sans-serif;position: relative;padding-bottom: 15px;}
.offset-menu-tab li a.active {color: var(--purple);}
.offset-menu-tab li a:before {content: '';position: absolute;bottom: 0;height: 5px;width: 100%;background: var(--purple);border-radius: 30px;-webkit-transition: all 0.3s cubic-bezier(0.91, 0.31, 0.31, 0.92) 0s;transition: all 0.3s cubic-bezier(0.91, 0.31, 0.31, 0.92) 0s;}
.offset-menu-tab li a.active:before {left: 0;}
.offset-menu-tab li a:before {left: 100%;}
.offset-menu-tab li:last-child a:before {display: none!important;}
.offset-content {padding: 15px;}
.recent-activity {padding-top: 7px;padding-left: 53px;}
.offset-settings h4 {font-family: 'lato', sans-serif;font-size: 18px;letter-spacing: 0;font-weight: 700;color: var(--dark);margin-bottom: 23px;}
.s-swtich input[type=checkbox] {height: 0;width: 0;visibility: hidden;position: absolute;}
.s-swtich label {cursor: pointer;text-indent: -9999px;width: 40px;height: 23px;background: #1bd4a6;display: block;border-radius: 100px;position: relative;margin: 0;}
.s-swtich label:after {content: '';position: absolute;top: 5px;left: 5px;width: 15px;height: 15px;background: var(--white);border-radius: 90px;-webkit-transition: 0.3s;transition: 0.3s;}
.s-swtich input:checked+label {background: var(--light-green);}
.s-swtich input:checked+label:after {left: calc(100% - 5px);-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.s-swtich label:active:after {width: 40px;}
.s-settings {margin-bottom: 30px;}
.s-settings p {color: var(--dark);font-size: 14px;}
.s-sw-title {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 20px;}
.s-sw-title h5 {font-size: 16px;color: var(--dark);}
.login-box.ptb--100 form {border-radius: 20px !important;box-shadow:0 0 9px 1px var(--black);}
.login-box.ptb--100 form .login-form-head {border-radius: 20px 20px 0 0;}
.login-area .container {position: relative;}
.login-area {background-size: cover;background-repeat: no-repeat;background-position: center;}
.login-box.ptb--100 form .login-form-body {padding-bottom: 30px;}
.invoice-head.titleboxes {margin-bottom: 0;border: navajowhite;padding-bottom: 0;}
.table-responsive.tabledesign-box tr th:last-child,.table-responsive.tabledesign-box tr td:last-child {text-align: center;}
.table-responsive.tabledesign-box tr td a.default-link {width: 30px;height: 30px;display: inline-block;line-height: 30px;text-align: center;background-color: var(--primary);border-radius: 50%;margin: 0 5px;color: var(--white);}
.table-responsive.tabledesign-box tr td a.default-link:hover {opacity: .8;}
div.checkbox.switcher label, div.radio.switcher label {padding: 0;}
div.checkbox.switcher label *, div.radio.switcher label * {vertical-align: middle;}
div.checkbox.switcher label input, div.radio.switcher label input {display: none;}
div.checkbox.switcher label input + span, div.radio.switcher label input + span {position: relative;display: inline-block;margin-right: 10px;width: 56px;height: 28px;background-color: var(--white);border: 1px solid var(--white);border-radius: 50px;transition: all 0.3s ease-in-out;}
div.checkbox.switcher label input + span small, div.radio.switcher label input + span small {position: absolute;display: block;width: 50%;height: 100%;background: var(--white);border-radius: 50%;transition: all 0.3s ease-in-out;left: 0;}
div.checkbox.switcher label input:checked + span, div.radio.switcher label input:checked + span {background: var(--primary);border-color: var(--primary);}
div.checkbox.switcher label input:checked + span small, div.radio.switcher label input:checked + span small {left: 50%;}
.login-box.ptb--100.position-relative form {position: relative;}
.modal-content .modal-footer {border: none;padding-top: 0;}
.modal-content .modal-footer a.sendbtn {background-color: var(--black);border-color: var(--black);min-width: 110px;font-weight: 600;letter-spacing: 0.02em;}
.modal-content .modal-footer a.sendbtn:hover {opacity: .7;}
.modal-header {position: relative;}
.modal-header button.close {position: absolute;right: 27px;top: 25px;width: 35px;height: 35px;background-color: var(--black);opacity: 1;border-radius: 50%;line-height: 35px;padding: 0;color: var(--white);text-shadow: none;}
.modal-header.notitle {border: none;padding: 6px 0;}

.small-box{display: block;width: 100%;background-color: var(--primary);margin:0 auto 20px;padding:0 0;}
.small-box .inner{display: block;width: 100%;margin: 0 auto; padding: 20px 20px !important;}
.small-box .inner h3{display:flex;justify-content: flex-start;align-items: center;width: 100%;font-size:26px;color: var(--white);font-weight: 600;margin:0 0 10px !important;}
.small-box .inner p{display: block;width: 100%;font-size:18px;color: var(--white);font-weight:500;text-align: start;}
.small-box .small-box-footer{display: block;width: 100%;margin: 0 auto; padding:10px 20px !important;font-size: 18px !important;font-weight: 500 !important;color: var(--white) !important;}

.bg-warning, .bg-warning > a{color: var(--white) !important;}
.table_wrap{display: block;width: 100%;max-height: 176px;}
#empTable {background-color: var(--white); margin: 0;}
.table_wrap thead {position: sticky;top: 0;}
.single_frame .form-group{margin-bottom: 10px;}
.single_frame .form-group label{margin-bottom: 5px;font-size: 12px;}
.single_frame .form-group input,.single_frame .form-group .form-control{font-size: 12px;padding: 5px 10px;height: 32px !important;}
.single_frame .form-group input:focus, .single_frame .form-group .form-control:focus { border-color: var(--black) ;}
.card.card_box{min-height: 233px;}

/* .main-content .card .card-body .form-group .form-control { height: 32px !important;} */
.card .card-header .card_title
.main-content .card .card-body  .form-control:focus { border-color: var(--black) ;}
.main-content .card .card-body .single-table table tbody tr:hover { background-color: var(--white);} 
.main-content .card .card-body .single-table table tbody tr td{ padding: 5px; vertical-align: middle; background-color: var(--white);}
.main-content .card .card-body .single-table table tbody td {border: 1px solid var(--ligh-gray);}
.main-content .card .card-body .single-table table tbody { border-bottom: 1px solid rgba(120, 130, 140, 0.13);}
.main-content .card-header{border: 1px solid var(--ligh-gray); background-color: var(--dark-blue); color: var(--white);}
.main-content .card .card-header h5{display: block;width: 100%;color:var(--white);font-size: 20px;font-weight: 600; font-family: var(--main-fonts);}
/* .user-profile .dropdown-menu .btn { display: block; width: 35%; margin: 10px auto; color: black;} */
.sub_header{background-color: #f5f5f5 !important; color:var(--black) !important;}
.user-profile .dropdown .user-name svg { background: var(--primary); width: 16px; height: 16px; padding: 5px; border-radius: 4px; vertical-align: middle; color: var(--white);}
.page-title-area .dropdown-menu.show::after { content: ""; border: 8px solid var(--white); position: absolute; top: -8px; right: 20px; transform: rotate(135deg);}
.btn:active, .btn-primary:active { background-color: var(--dark) !important; border-color: var(--dark) !important;}
.btn.active { background-color: var(--dark) !important; border-color: var(--dark) !important;}

.card .card-body .single-table th{padding: 12px; background-color: var(--white); border: 1px solid var(--ligh-gray) !important}
.card .card-body .clients_menu th{padding: 5px;}
.card .card-body .single-table .pagination {margin: 20px 25px 20px 20px; float: right;}
.card .card-body .single-table .pagination .page-item .page-link { color: var(--black) ;}
.card .card-body .single-table .pagination .page-item.active .page-link{background-color: var(--primary) ;border-color: var(--primary);color: var(--white);}
.card .card-body .single-table .pagination .page-item .page-link:focus { box-shadow: none;}
.card .card-body form{display: block;width: 100%;padding: 0;}
.metismenu li.dropdown a:after {position: absolute;content: '\f107';font-family: fontawesome;right: 16px;top: 7px;font-size: 16px;}
.metismenu li.dropdown.show>a:after {content: '\f106';}

/* Krishna css */
.form_layout{display: block;margin: 0; border: 1px solid var(--ligh-gray);}
.form_layout .form_group{display: block;width: 100%;margin:0 0 10px;}
.form_layout .form_group label{display: block;width: 100%;padding: 0;margin-bottom: 2px;font-size:14px;font-weight: 500;letter-spacing: 0.6px; color: var(--black); font-family: var(--main-fonts);}
.form_layout .form_group label span{color: var(--red);}
.form_layout .form_group .invalid-feedback strong{display: block;width:100%;font-size: 16px;font-weight:500;}
.form_layout .form_group .form-control{display: block;width:100%;max-width:100%;padding: 5px 10px 5px;font-size:14px;font-weight: 400;line-height: 1.5;color: var(--black);background-color: var(--white);background-clip: padding-box;border: 1px solid var(--black) !important;border-radius: .25rem;box-shadow: inset 0 0 0 transparent;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.form_layout .form-gp .form-control:focus{border: 1px solid var(--black)!important;}
.form_layout .form_group .form-control:disabled{background-color: var(--white);}
.form_layout .form_group select.form-control{padding: 5px 10px 6px;}

/* Auto complete */
.ui-menu.ui-widget.ui-autocomplete.ui-front{display: block;width: auto;max-width: 100%;margin-top: 4px;font-size: 16px;font-weight: 400;line-height: 1.6;color: var(--black);background-color: var(--white);background-clip: padding-box;border: 1px solid #ddd !important;border-radius: 6px;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);overflow-y: auto;max-height: 260px;z-index: 9999;}
.ui-menu.ui-widget.ui-autocomplete.ui-front:hover{font-weight: bold;}
.ui-menu.ui-widget.ui-autocomplete.ui-front .ui-menu-item{display: inline;font-size:18px;font-weight:500;cursor: pointer;text-transform: capitalize;color: var(--black);}
.ui-menu.ui-widget.ui-autocomplete.ui-front .ui-menu-item .ui-menu-item-wrapper{padding: .375rem .75rem;}
.ui-menu.ui-widget.ui-autocomplete.ui-front .ui-menu-item .ui-menu-item-wrapper:hover{background-color: var(--white);}

.ui-state-active, .ui-widget-content .ui-state-active{background-color: var(--white) !important;color: var(--black) !important;border: 0px solid transparent !important;margin: 0 !important;}
/* Responsive sidebar  */
.admin_header{display: flex;justify-content: flex-start;align-items: center;}
/* select 2 */
.select2.select2-container {width: 100% !important;}
.select2.select2-container .select2-selection {border: 1px solid var(--black);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;height: auto;margin-bottom: 0;outline: none !important;padding: 6px 10px 8px;transition: all .15s ease-in-out;}
.select2.select2-container .select2-selection:focus{border: 1px solid var(--black) !important;}
.select2.select2-container .select2-selection .select2-selection__rendered {color: var(--black);line-height: 1;padding-right: 33px;padding-left: 0;margin-top: 0;}
.select2.select2-container.select2-container--open .select2-selection .select2-selection__rendered{line-height: 1;margin-top: 0;}
.select2.select2-container .select2-selection .select2-selection__arrow {background-color: var(--white);border-left: 1px solid var(--black);-webkit-border-radius: 0 3px 3px 0;-moz-border-radius: 0 3px 3px 0;border-radius: 0 3px 3px 0;height: 28px;width: 33px;}
.select2.select2-container.select2-container--open .select2-selection.select2-selection--single {background: var(--white);}
.select2.select2-container.select2-container--open .select2-selection.select2-selection--single .select2-selection__arrow {-webkit-border-radius: 0 3px 0 0;-moz-border-radius: 0 3px 0 0;border-radius: 0 3px 0 0;}
.select2-container .select2-dropdown {background: transparent;border: none;margin-top: 0;}
.select2-container .select2-dropdown .select2-search {padding: 0;}
.select2-container .select2-dropdown .select2-search input {outline: none !important;border: 1px solid var(--black) !important;border-bottom: none !important;padding: 4px 6px !important; padding-left: 30px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M21 20l-5.6-5.6a7 7 0 10-1.4 1.4L20 21zM10 16a6 6 0 110-12 6 6 0 010 12z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: 8px center;background-size: 20px;}
.select2-container .select2-dropdown .select2-results {padding: 0;}
.select2-container .select2-dropdown .select2-results ul {background: var(--white);border: 1px solid var(--black);}
.select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] {background-color: var(--primary);}
.tab_buttons{display: inline-flex;align-items: center;justify-content: center;border: 1px solid var(--black);padding: 5px;border-radius: 50px;gap: 5px;}
.tab_buttons .button {display: inline-block;font-size: 18px;font-weight: 600;background: transparent;color: var(--dark-blue);line-height: 1;border: 0;border-radius: 50px;letter-spacing: .5;text-transform: uppercase;cursor: pointer;outline: none;padding: 10px 15px;white-space: nowrap;}
.tab_buttons .button.active, .tab_buttons .button:hover {background: var(--primary);color: var(--white);cursor: pointer;outline: none;}
.doctable thead tr th{vertical-align: middle;}
.doctable thead tr th .cannect{display: flex;align-items: center;gap:20px;flex-wrap: wrap;}
.doctable thead tr th .cannect #doc_surface_slab , #doc_air_slab ,#parcel_air_slab ,#parcel_surface_slab ,#fast_parcel_air_slab ,#fast_parcel_sur_slab ,#fast_doc_air_slab ,#fast_doc_surface_slab{padding:5px; height: 30px;width:100%;}
.doctable tr td input{display: block;width: 100%;padding: 3px 10px 4px;font-size: 14px;font-weight: 400;line-height: 1.5;color: var(--black);background-color: var(--white);background-clip: padding-box;border: 1px solid var(--black) !important;border-radius: .25rem;box-shadow: inset 0 0 0 transparent;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;height: auto !important;}
.doctable tfoot tr td{padding: 8px 0px 0px 0px;}
/* .ui-datepicker-div{margin-top: 130px;} */
/* .ui-widget.ui-widget-content{top:134px !important;} */

/* error swal icon */
.swal2-confirm.swal2-styled{background-color: var(--primary) !important;}
.swal2-icon.swal2-error.swal2-icon-show{margin: 0 auto !important;}
#party_booking_form .card-header{background-color:var(--dark-blue);}
#party_booking_form .card-header .card_title{font-size: 20px; color:var(--white) !important; font-weight: 500 !important;}
.report_form{border: none !important;}
table.BookingTable td, table.BookingTable th {padding: 12px;}
/* #party_booking_form{margin: 20px;} */
.book_form{margin-top: 30px;} 
.custom_border{border: 1px solid var(--ligh-gray);}
.custom_border label{color:var(--white);}
.rate_title{font-size: 25px; color: var(--dark-blue); font-weight: 600;}
.custom_btn{margin-top: 20px;}
.content_shadow{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.boxed{padding:15px; box-shadow:none; margin: 0;}
.parcel_content{padding: 20px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; background-color: var(--white);}
.book_box{display: flex;flex-direction: column;justify-content: center;align-items: center;border: 2px solid rebeccapurple;border-radius: 30px;padding: 20px;}
.card img{width: 50px; height: 50px;}
.book_box h5{font-size: 20px;}
.book_box .heading{font-size: 40px; font-weight: bold; margin-top:10px}
.action-col {width: 110px;text-align: center;}
.action-col a {display: inline-flex;align-items: center;justify-content: center;width: 42px;height: 42px;border-radius: 8px;}

.report_form .accordion .card-header{background-color: var(--dark-blue);}
.filter_btn{background-color: var(--dark);}
.party_table td{border: 1px solid var(--ligh-gray);}
.toast-success {
    background-color: green !important;
}
.toast-error {
    background-color: red !important;
}
.welcome-text p {font-weight: 700;}
.search-btn {position: absolute;top: 50%;right: 0px;transform: translateY(-50%);height: 38px;width: 40px;padding: 0;border-radius: 6px;}
.search-btn i {font-size: 20px;}
.search-btn:hover{background-color: var(--primary) !important; border:none;}

.bill-row {display: flex;justify-content: space-between;padding: 6px 0;border-bottom: 1px solid #000;font-size: 14px;}
.bill-row span:last-child {font-weight: 600;}
.bill-row.total {border-bottom: 2px solid #000;font-size: 16px;font-weight: 700;}


.swal2-icon.swal2-error {width: 3.2em !important;height: 3.2em !important;border: 0.18em solid var(--primary) !important;border-radius: 50% !important;}
.swal2-icon.swal2-error .swal2-x-mark-line-left,
.swal2-icon.swal2-error .swal2-x-mark-line-right {position: absolute !important;width: 0.25em !important;height: 2em !important;background-color: var(--primary) !important;top: 0.55em !important;border-radius: 0.1em !important;}
.swal2-icon.swal2-error .swal2-x-mark-line-left {left: 1.45em !important;transform: rotate(45deg) !important;}
.swal2-icon.swal2-error .swal2-x-mark-line-right {right: 1.45em !important;transform: rotate(-45deg) !important;}
.swal2-popup {padding-top: 30px !important;padding-bottom: 30px !important;}
.select2-container--default .select2-selection--single .select2-selection__clear{margin-right: 30px !important;}
.select2-container--default .select2-selection--single .select2-selection__clear {position: absolute;top: 50% !important;transform: translateY(-50%) !important;right: 10px;font-size: 16px;line-height: 1;}
.select2-container--default .select2-dropdown .select2-search input.select2-search__field {padding-left: 30px !important;}
.comp_logo{margin:10px auto; width: 100px !important;}
.logo-wrapper img{height: auto; width:auto;}
.branc_add{height: 70px !important;}
.logos img{height: 70px;}

/* Put search and reset on same line */
#careerTable_wrapper .dataTables_filter {display: flex;align-items: center;gap: 10px;}
#careerTable_wrapper .dataTables_filter input,
#removeSearch {height: 34px;}
.table-tools {margin: 0;padding-bottom: 10px;}
.btn-copy, .btn-copy{height:40px;}
.swal-password-box input{border-radius: 3px;}
.table-striped td{background-color: #fff;}

 .reset_modal .modal-content {
    min-height: 250px;       
    max-height: 80vh;     
    overflow-y: auto;
}


.swal-password-box{
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 30px;
}

.btn-copy{
    background:#ff4d4f;
    border:none;
    color:#fff;
    padding:8px 12px;
    border-radius:4px;
    cursor:pointer;
    position: relative;
}

.btn-change{
    background:#6c757d;
    border:none;
    color:#fff;
    padding:8px 12px;
    border-radius:4px;
    cursor:pointer;
}

.copy-msg{
    position:absolute;
    top:-18px;
    left:50%;
    transform:translateX(-50%);
    font-size:11px;
    color:green;
    display:none;
}

.switch-status {
    position: relative;
    width: 110px;
    height: 36px;
    background: #737678; /* inActive */
    border-radius: 50px;
    cursor: pointer;
    transition: background 0.3s ease;
    font-family: inherit;
}

.switch-status.Active {
    background: #28a745; /* Active */
}

.switch-status span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    pointer-events: none;
}

.switch-status .text-on { left: 14px; opacity: 0; }
.switch-status.Active .text-on { opacity: 1; }
.switch-status .text-off { right: 12px; opacity: 1; }
.switch-status.Active .text-off { opacity: 0; }

.switch-circle {
    position: absolute;
    top: 3px;
    left: 4px;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    transition: left 0.3s ease;
}
.switch-status.Active .switch-circle { left: 76px; }




  table.BookingTable {
        width: 100%;
        background-color: #ffffff;
        border-collapse: collapse;
        color: #000000;
    }
    table.BookingTable thead {

    }
    .ui-autocomplete {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        float: left;
        display: none;
        min-width: 160px;
        padding: 4px 10px;
        margin: 0 0 10px 25px;
        list-style: none;
        background-color: #ffffff;
        border-color: #ccc;
        border-color: rgba(0, 0, 0, 0.2);
        border-style: solid;
        border-width: 1px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        border-right-width: 2px;
        border-bottom-width: 2px;
    }

    .ui-menu-item > a.ui-corner-all {
        display: block;
        padding: 3px 15px;
        clear: both;
        font-weight: normal;
        line-height: 18px;
        color: #555555;
        white-space: nowrap;
        text-decoration: none;
    }

    .ui-state-hover, .ui-state-active {
        color: #ffffff;
        text-decoration: none;
        background-color: #0088cc;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        background-image: none;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }  

    .focusable {
        border: 1px solid #ccc; 
    }

    .focusable:focus {
        outline: none;
        border: 1px solid #0077b6 !important;
    }

    
    .selects {
        margin-bottom: 20px;
    }
    
    select {
        width: 200px;
        border: 1px solid #aaa;
        border-radius: 4px;
        height: 28px;
        overflow: hidden;
    }
    .add_button {
        padding: 3px 7px;
        font-size: 0.85rem;
    }
    .add_button:hover{padding: 3px 7px;}
    .branch tr th{text-align: center;}
    

.swal2-icon.swal2-warning.swal2-icon-show{margin: 0 auto; border: 1px solid #ffc107;}
swal2-popup {
  padding-top: 30px !important;
  padding-bottom: 30px !important;}