:root {
  --primary: #1A9FD9 !important;
  --secondary: #E65525 !important;
  --pink: #DB5AEE;
  --yellow: #F9B959;
  --gray: #0D062D;
  --dark-gray: #06152B;
  --light-gray: #9A9AAA;
  --bg-color: #F1F4FA;
  --heading: #3D475C;
  --h1: 20px;
  --h2: 18px;
  --h3: 16px; 
  --h4: 14px;
  --h5: 12px;
  --h6: 10px;
  --thead: 16px;
  --tbody: 14px;
}



@font-face {
  font-family: 'Satoshi-VariableItalic';
  src: url('./font/Satoshi-VariableItalic.woff2') format('woff2'),
       url('./font/Satoshi-VariableItalic.woff') format('woff'),
       url('./font/Satoshi-VariableItalic.ttf') format('truetype');
       font-weight: 300 900;
       font-display: swap;
       font-style: italic;
}


@font-face {
  font-family: 'Satoshi-Light';
  src: url('./font/Satoshi-Light.woff2') format('woff2'),
       url('./font/Satoshi-Light.woff') format('woff'),
       url('./font/Satoshi-Light.ttf') format('truetype');
       font-weight: 300;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'Satoshi-LightItalic';
  src: url('./font/Satoshi-LightItalic.woff2') format('woff2'),
       url('./font/Satoshi-LightItalic.woff') format('woff'),
       url('./font/Satoshi-LightItalic.ttf') format('truetype');
       font-weight: 300;
       font-display: swap;
       font-style: italic;
}


@font-face {
  font-family: 'Satoshi-Regular';
  src: url('./font/Satoshi-Regular.woff2') format('woff2'),
       url('./font/Satoshi-Regular.woff') format('woff'),
       url('./font/Satoshi-Regular.ttf') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'Satoshi-Italic';
  src: url('./font/Satoshi-Italic.woff2') format('woff2'),
       url('./font/Satoshi-Italic.woff') format('woff'),
       url('./font/Satoshi-Italic.ttf') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: italic;
}


@font-face {
  font-family: 'Satoshi-Medium';
  src: url('./font/Satoshi-Medium.woff2') format('woff2'),
       url('./font/Satoshi-Medium.woff') format('woff'),
       url('./font/Satoshi-Medium.ttf') format('truetype');
       font-weight: 500;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'Satoshi-MediumItalic';
  src: url('./font/Satoshi-MediumItalic.woff2') format('woff2'),
       url('./font/Satoshi-MediumItalic.woff') format('woff'),
       url('./font/Satoshi-MediumItalic.ttf') format('truetype');
       font-weight: 500;
       font-display: swap;
       font-style: italic;
}


@font-face {
  font-family: 'Satoshi-Bold';
  src: url('./font/Satoshi-Bold.woff2') format('woff2'),
       url('./font/Satoshi-Bold.woff') format('woff'),
       url('./font/Satoshi-Bold.ttf') format('truetype');
       font-weight: 700;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'Satoshi-BoldItalic';
  src: url('./font/Satoshi-BoldItalic.woff2') format('woff2'),
       url('./font/Satoshi-BoldItalic.woff') format('woff'),
       url('./font/Satoshi-BoldItalic.ttf') format('truetype');
       font-weight: 700;
       font-display: swap;
       font-style: italic;
}


@font-face {
  font-family: 'Satoshi-Black';
  src: url('./font/Satoshi-Black.woff2') format('woff2'),
       url('./font/Satoshi-Black.woff') format('woff'),
       url('./font/Satoshi-Black.ttf') format('truetype');
       font-weight: 900;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'Satoshi-BlackItalic';
  src: url('./font/Satoshi-BlackItalic.woff2') format('woff2'),
       url('./font/Satoshi-BlackItalic.woff') format('woff'),
       url('./font/Satoshi-BlackItalic.ttf') format('truetype');
       font-weight: 900;
       font-display: swap;
       font-style: italic;
}


h1, h2, h3, h4, h5, h6, body, a, p{font-family: 'Satoshi-Regular' !important;}




.table thead > tr > th {font-size: var(--thead); font-weight: 700;}
.table tbody > tr > td {font-size: var(--tbody); font-weight: 400;}

input[type="file"] {border: 1px solid #e8e8e8; padding: 6px 8px; border-radius: 4px;}

.block-title h1,
.block-title h2{font-size: var(--h2); font-weight: 700; padding: 0;}
.panel-default>.panel-heading{font-size: var(--h3); color: var(--gray); font-weight: 700;}
label{font-size: var(--h4); color: var(--heading); font-weight: 400;}
.block-title h2{color: #fff;}
.custom-collection {color: #fff;}


.row {margin-left: -15px; margin-right: -15px;}
#sidebar{background-color: var(--bg-color);}
.sidebar-brand, .sidebar-title{background-color: var(--bg-color); color: var(--primary); height: 70px; line-height: 70px; transition: 0.3s;}
a.sidebar-brand:hover{background-color: var(--primary); color: var(--bg-color);}
.sidebar-brand i{opacity: 1;}

.sidebar-nav{margin: 0 !important; padding: 0 12px;}
.sidebar-nav a{color: var(--gray); transition: 0.3s; padding: 8px 10px;}
.sidebar-nav a:hover{background: var(--primary); border-radius: 6px; font-weight: 400;}
.sidebar-nav a:focus{font-weight: 400;}
.sidebar-content .sidebar-nav ul a:hover {background: var(--secondary); border-radius: 0; color: #fff;}
ul.nav.navbar-nav-custom.pull-right li > a:hover,
.nav.navbar-nav-custom li a.sub-menu-none:hover {background: transparent;}

.sidebar-user-name{font-size: var(--h3); font-weight: 700; color: var(--primary); text-align: left;}
.sidebar-user-avatar{width: auto !important; height: 70px !important; border-radius: 100%; text-align: left;}
.sidebar-user-avatar img{width: auto !important; height: 100% !important; object-fit: cover; margin: 0 !important; border-radius: 0 !important;}
.sidebar-section {padding: 20px 14px;}

.sidebar-nav .active{background-color: var(--primary) !important; border-radius: 6px !important;}
.sidebar-nav li.active > a {background: transparent;}

.sidebar-nav ul a{padding: 4px 10px;}
.sidebar-nav a.open{background-color: var(--primary); border-radius: 6px 6px 0 0; font-weight: 400;}
.sidebar-nav a.open:focus,
.sidebar-nav a.open:hover{font-weight: 400;}
.sidebar-nav ul{background: #fff; border-radius: 0 0 6px 6px;}
/* .sidebar-nav ul a:hover{background-color: var(--secondary); border-radius: 0;}
.sidebar-nav ul li:last-child a:hover{border-radius: 0 0 6px 6px;} */

.sidebar-nav li ul li:hover a,
.sidebar-nav li ul li.active {
  background-color: var(--secondary) !important;
  border-radius: 0 !important;
}


.sidebar-nav li ul li:last-child a,
.sidebar-nav li ul li:last-child{border-radius: 0 0 6px 6px !important;}

.navbar.navbar-default {background-color: var(--bg-color); color: var(--primary); min-height: 70px; line-height: 70px;}
.nav.navbar-nav-custom > li {min-height: 70px;}
.nav.navbar-nav-custom > li > a {margin: 7px 7px; padding: 0;}
.nav.navbar-nav-custom li .sub-menu-none{display: inline; margin: 0 0 0 15px;}
.nav.navbar-nav-custom li i {color: var(--light-gray); border: 1px solid #E8EBF1; width: 40px; height: 40px; border-radius: 5px; text-align: center;  line-height: 40px; font-size: 15px; transition: 0.3s;}
.nav.navbar-nav-custom li i:hover{color: #fff; background: var(--primary);}
.nav.navbar-nav-custom > li > a .label-indicator{top: -7px; right: 2px; background-color: var(--secondary); border-radius: 100%;}
.nav.navbar-nav-custom > li > a #hoverme {background: var(--primary) !important; color: #fff !important; border-radius: 5px; padding: 4px 8px;}
.nav.navbar-nav-custom li #drop ~ .dropdown_phone {padding: 0px; top: 50px; border-radius: 10px;}
.nav.navbar-nav-custom li #drop ~ .dropdown_phone>li {margin: 0; line-height: normal;}
.nav.navbar-nav-custom li #drop ~ .dropdown_phone li a {padding: 10px 8px; display: block;}
.nav.navbar-nav-custom li #drop ~ .dropdown_phone li a:hover{background: var(--secondary); color: #fff !important;}
.nav.navbar-nav-custom li #drop ~ .dropdown_phone li:first-child a{border-radius: 8px 8px 0 0;}
.nav.navbar-nav-custom li #drop ~ .dropdown_phone li:last-child a{border-radius: 0 0 8px 8px;}

.nav.navbar-nav-custom li.dropdown .dropdown-toggle {margin: 0 15px 0 8px; display: inline-block; padding: 0;}
.nav.navbar-nav-custom li.dropdown.open .dropdown-toggle,
.nav.navbar-nav-custom li.dropdown .dropdown-toggle:focus,
.nav.navbar-nav-custom li.dropdown .dropdown-toggle:hover{background-color: transparent;}
.nav.navbar-nav-custom li.dropdown.open a,
.nav.navbar-nav-custom li.dropdown a:hover{font-weight: 400;}

.nav.navbar-nav-custom li.dropdown.open .dropdown-menu.dropdown-custom{margin: 0; border: 0;}
.nav.navbar-nav-custom li.dropdown.open .dropdown-menu.dropdown-custom li{padding: 0;}
.nav.navbar-nav-custom li.dropdown.open .dropdown-menu.dropdown-custom li.dropdown-header{background-color: var(--primary); border: 0; padding: 10px; font-size: var(--h4); font-weight: 700; color: #fff;}
.nav.navbar-nav-custom li.dropdown.open .dropdown-menu.dropdown-custom li a{padding: 8px 10px; display: flex; align-items: center; color: var(--gray);}
.nav.navbar-nav-custom li.dropdown.open .dropdown-menu.dropdown-custom li a:focus,
.nav.navbar-nav-custom li.dropdown.open .dropdown-menu.dropdown-custom li a:hover{background-color: rgb(82 95 225 / 10%); color: var(--primary);}
.nav.navbar-nav-custom li.dropdown.open .dropdown-menu.dropdown-custom li a i{margin: 0 8px 0 0; background: rgb(82 95 225 / 10%); color: var(--primary); opacity: 1;}
.nav.navbar-nav-custom li.dropdown.open .dropdown-menu.dropdown-custom li a:hover i{color: #fff; background: var(--primary);}

.nav.navbar-nav-custom li.dropdown.open .dropdown-menu.dropdown-custom .badge{background: #f00; color: #fff;}

.nav.navbar-nav-custom > li > a > img{border: 1px solid #fff; background: #F5F8FA; border-radius: 100%; object-fit: cover; padding: 3px;}
#page-content{
  min-height: fit-content !important;
}
#page-content{background-color: #fff; padding: 40px 50px;}
.block {/* box-shadow: 2px 2px 9px 0px rgba(0, 0, 0, 0.251);  */ border-radius: 6px; border: 1px solid #D9E1E7;}

.custom-shadow-css {
  border: 1px solid #D9E1E7;
  padding: 25px 20px;
  border-radius: 6px;
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.10);
  margin-bottom: 25px;
}
.block-title {background-color: var(--primary); border-radius: 6px 6px 0 0; padding: 10px 18px;}


#page-container{background-color: #fff;}

footer{background-color: var(--primary) !important; padding: 15px 0; font-size: var(--h4);}
footer a:hover{color: #fff; font-weight: 400;}

.sub-menu-block .new-menu-add,
.sub-menu-block .sidebar-nav .sidebar-nav-mini-hide{display: none;}

.sub-menu-block .sidebar-user-avatar{padding: 8px; width: 45px !important; height: 45px !important; margin: 0 auto 0 0;}

#to-top,
.fc-state-default {border-color: rgb(82 95 225 / 10%); background: rgb(82 95 225 / 10%); color: var(--primary); border: 0; opacity: 1;}

#to-top:hover,
.fc-state-default:hover{background: var(--primary); color: #fff;}

#to-top i {
  width: auto;
}


.btn-primary {background-color: var(--primary); border-color: var(--primary); border-radius: 6px; padding: 12px 25px; border: 1px solid; font-size: var(--h4); color: #fff; font-weight: 700; transition: 0.3s; margin: 0; text-align: center;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{background-color: #fff; color: var(--primary); border-color: var(--primary); border: 1px solid; box-shadow: none; font-weight: 600;}
.btn.btn-xs.btn-primary {padding: 4px 5px 4px 4px; font-size: 10px; border-radius: 5px;}

.btn-back.btn-primary{background: #fff; color: var(--primary);}
.btn-back.btn-primary:hover{background: var(--primary); color: #fff;}

.btn-secondary {background-color: var(--secondary); border-color: var(--secondary); border-radius: 6px; padding: 12px 25px; border: 1px solid; font-size: var(--h4); color: #fff; font-weight: 700; transition: 0.3s; margin: 0; text-align: center;}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active{background-color: #fff; color: var(--secondary); border-color: var(--secondary); border: 1px solid; box-shadow: none; font-weight: 600;}
.btn.btn-xs.btn-secondary {padding: 4px 5px 4px 4px; font-size: 10px; border-radius: 5px;}

.btn-back.btn-secondary{background: #fff; color: var(--secondary);}
.btn-back.btn-secondary:hover{background: var(--secondary); color: #fff;}


.dataTables_wrapper > div {background-color: rgb(82 95 225 / 10%); color: var(--secondary);}
.pagination > li > a{color: var(--primary);}
.pagination > li > a:hover,
.pagination > .active > a{background-color: var(--secondary); color: #fff;}

.formError .formErrorContent{background: var(--primary) !important;}
.formError .formErrorArrow div {background: var(--primary) !important;}

.custom-border{border: 1px solid #ddd; padding: 20px; border-radius: 5px;}

#myModal2 .modal-body .btn.btn-primary.pull-central{margin-top: 20px; padding: 8px 20px;}

ul.nav.navbar-nav-custom.pull-right li > a {display: initial;}

.sub-menu-block .sidebar-user-name{display: none;}




/* Dashboard CSS Start */ 

.dashboard_new h1{font-size: var(--h1); color: var(--heading); font-weight: 600; margin: 0 0 24px;}
.dashboard_new .custom-border{border-color: #D9E1E7CC; margin-bottom: 20px;  border-radius: 6px;}
.apexcharts-title-text,
.dashboard_new h2{color: var(--dark-gray); font-size: var(--h2); font-weight: 700; margin: 0 0 14px; padding: 0;}
.dashboard_new #calendar-widget,
.dashboard_new #columnChart,
.dashboard_new #chartdiv,
.dashboard_new #chart{margin-bottom: 20px; padding: 20px; border: 1px solid #D9E1E7CC; border-radius: 6px;}

.total-dashboard{padding: 0 20px;}
.total-dashboard .total-list {border-bottom: 1px solid #D9E1E7; padding: 20px 0; display: flex;  justify-content: space-between; align-items: center;}
.total-dashboard .total-list:last-child{border: 0;}
.total-dashboard .total-list i,
.total-dashboard .total-list img{margin-right: 15px;}
.total-dashboard .total-list .title{color: var(--gray); font-size: var(--h3); font-weight: 400;}
.total-dashboard .total-list .total{color: var(--gray); font-size: var(--h3); font-weight: 700; margin-left: 15px;}

.dashboard_new #chart{position: relative;}
.dashboard_new .chart-select select{position: absolute; right: 35px; top: 20px; width: auto; z-index: 1;}
.dashboard_new #chart .apexcharts-legend-series{border: 1px solid #D9E1E7; border-radius: 3px; padding: 3px;}
.dashboard_new #chart .apexcharts-legend-series .apexcharts-legend-text {color: #809FB8 !important;}
.dashboard_new #chart path{stroke-width: 1px;}
.dashboard_new #chart .apexcharts-legend.apx-legend-position-top.apexcharts-align-center{padding-left: 100px;}
/* .dashboard_new #chart .apexcharts-datalabels rect{width: 5px; height: 5px; stroke-width: 3px;} */
  /* .dashboard_new #chart .apexcharts-datalabels text{font-size: 0;} */
/* .apexcharts-series-markers circle{width: 5px; height: 5px; stroke-width: 3px; fill: #000;} */
.dashboard_new #chart .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title{display: none;}

.dashboard_new #chart .apexcharts-tooltip.apexcharts-theme-light {border: 0; background: var(--dark-gray); border-radius: 10px; box-shadow: none; color: #fff;}

.dashboard_new #calendar-widget .fc-toolbar .fc-right,
.dashboard_new #calendar-widget .fc-toolbar .fc-left{float: none;}
.dashboard_new #calendar-widget .fc-toolbar{position: relative; display: flex; align-items: center; margin: 0;}
.dashboard_new #calendar-widget .fc-toolbar .fc-left{position: absolute; left: 50%; transform: translateX(-50%); width: 100%; text-align: center;}
.dashboard_new #calendar-widget .fc-toolbar .fc-left h2{margin: 0; float: none;}
.dashboard_new #calendar-widget .fc-toolbar .fc-right .fc-next-button{position: absolute; right: 0;}
.dashboard_new #calendar-widget .fc-toolbar .fc-right button{color: var(--gray); background: transparent;}
.dashboard_new #calendar-widget .fc-toolbar .fc-right button:hover{color: var(--primary); background: rgb(82 95 225 / 10%);}
.dashboard_new #calendar-widget th,
.dashboard_new #calendar-widget td{border: 0; text-align: center;}
.dashboard_new #calendar-widget th{color: #A3A3A3; font-size: var(--h5); font-weight: 500;}
.dashboard_new #calendar-widget td.fc-future,
.dashboard_new #calendar-widget td.fc-past{font-size: var(--h4); font-weight: 700; color: var(--gray);}
.dashboard_new #calendar-widget .fc-day-number.fc-other-month{opacity: 1; color: var(--light-gray); font-weight: 500;}
.dashboard_new #calendar-widget .fc-day-grid-container.fc-scroller{height: 230px !important;}
.dashboard_new #calendar-widget .fc-today.fc-state-highlight{background: #3B82F6; color: #fff; border-radius: 5px;}

.events-dashboard .events-day {background: #fff; border-radius: 5px; box-shadow: 1px 1px 3px #00000036; padding: 10px 20px 12px; margin-bottom: 10px; border-left: 6px solid var(--secondary);}
.events-dashboard .events-day h3{color: var(--dark-gray); font-size: var(--h5); font-weight: 700; margin: 0 0 3px;}
.events-dashboard .events-day p{color: var(--dark-gray); font-size: var(--h5); margin: 0;}

.dashboard_new #columnChart .apexcharts-tooltip-text-y-label,
.dashboard_new #columnChart .apexcharts-toolbar{display: none;}
/* .dashboard_new #columnChart .apexcharts-legend-marker{border-radius: 100% !important;}
.dashboard_new #columnChart .apexcharts-legend-series{margin-bottom: 10px !important;}
.dashboard_new #columnChart .apexcharts-legend-text{color: #848A9C !important;}
.dashboard_new #columnChart .apexcharts-xaxis{display: none;} */

.dashboard_new #columnChart .apexcharts-legend.apexcharts-align-center.apx-legend-position-top{display: flex; flex-direction: column; left: auto !important; right: 0; top: 0 !important;}
.dashboard_new #columnChart .apexcharts-legend-series{margin: 5px 0 !important;}
.dashboard_new #columnChart .apexcharts-legend-marker{border-radius: 100% !important; margin-right: 12px;}
.dashboard_new #columnChart .apexcharts-legend-text{color: #848A9C !important;}
.apexcharts-tooltip-series-group,
.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
.apexcharts-tooltip .apexcharts-tooltip-text,
.apexcharts-text tspan,
.dashboard_new #chart .apexcharts-legend-series .apexcharts-legend-text,
.dashboard_new #columnChart .apexcharts-legend-text,
.apexcharts-title-text{font-family: 'Satoshi-Regular' !important;}

/* Dashboard CSS end */

.block-title h2.red{display: none;}

.form-control{margin: 0 0 25px;}
label.matchRed {padding-top: 4px;}
.mtb{margin: 0;}

.dataTables_wrapper .form-control{margin: 0;}
.table-responsive{display: block;}
.custom-error{position: absolute; bottom: 6px;}
/* label.matchRed.custom-label{padding-top: 35px;} */

#overlay img{max-width: 100%;}



.login-page-section{display: flex; justify-content: right; align-items: center; margin: 25px 60px;}
.login-page-section .login-block{margin: 0px; border-top: 5px solid #0080FF; border-radius: 25px; max-width: 420px !important; width: 100%;}
/* 
.captcha-custom{border: 1px solid #ccc; border-radius: 5px; display: flex; justify-content: space-between; padding: 5px 10px; align-items: center;}
.captcha-custom #userview{font-size: 16px !important;} */

.login-page{overflow: hidden; height: 100vh;}

.bgimg-login{position: relative; height: 100vh;}
.bgimg-login img{width: 100%; height: 100%;}
.bgimg-login .login-logo{position: absolute; left: 5px; top: 5px;}
.bgimg-login .login-logo img{max-width: 119px;}

.bgimg-login .login-content {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  margin: 0 auto;
  backdrop-filter: blur(13px);
  border-radius: 10px;
  padding: 35px;
  width: calc(100% - 70px);
  background-color: #FFF2F221;
}
.bgimg-login .login-content .thump {
  padding-left: 40px;
  background-image: url(../images/thumbs-up.svg);
  background-repeat: no-repeat;
  border-color: var(--primary);
  background-position: center left 10px;
  margin-bottom: 25px;
}

.bgimg-login .login-content .thump:hover{background-color: var(--primary); color: #fff;}

.bgimg-login .login-content p{
  margin: 0;
  font-size: var(--h3);
  font-weight: 400;
  color: #fff;
}
.login-form{padding: 20px;}
.login-form .form-login-details{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  max-width: 400px;
  margin: 0 auto;
}
.login-form .help-login{text-align: right; font-size: var(--h4); color: rgba(27, 27, 27, 1); font-weight: 300;}

.login-form .help-login .help-text{font-weight: 600; color: var(--primary); text-transform: none;}
.form-login-details h1{font-weight: 600; margin: 0 0 6px; color: var(--dark-gray);}
.form-login-details p{font-size: var(--h2); font-weight: 400; color: var(--dark-gray); margin-bottom: 25px;}
.form-login-details input{background: #fff; border: 1px solid #E0E0E0; border-radius: 4px; padding: 13px 24px; font-size: var(--h4); font-weight: 400; color: var(--heading); margin: 0px; width: 100%; font-family: 'Satoshi-Regular'; padding-left: 50px; position: relative;}
.form-login-details .iconPassword,
.form-login-details .email,
.form-login-details .phone,
.form-login-details .user{width: 100%;}

.form-login-details .form-icon {
  position: relative;
  margin-bottom: 24px;
}

.form-login-details .user:before {
  background: url(../images/username_input.svg) no-repeat !important;
}

.form-login-details .iconPassword:before {
  background: url(../images/passward_input.svg) no-repeat !important;
}

.form-login-details .email:before {
  background: url(../images/email_input.svg) no-repeat !important;
}

.form-login-details .phone:before {
  background: url(../images/phone_input.svg) no-repeat !important;
}

.form-login-details .form-icon::before{
  background-position: center left;
  width: 25px;
  height: 24px;
  position: absolute;
  content: "";
  left: 20px;
  top: 50%;
  z-index: 21;
  transform: translate(0, -50%);
}

.captcha-custom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.iconPassword{position: relative;}
.iconPassword .field-icon {
  position: absolute;
  right: 15px;
  top: 19px;
  cursor: pointer;
}

#captchaDiv{width: 100%;}
.captcha-custom #userview {
  background: #fff;
  border: 1px #E0E0E0 dashed;
  padding: 14px 25px;
  max-width: 78%;
  width: 100%;
  border-radius: 4px;
  font-size: var(--h4) !important;
  font-weight: 600 !important;
  color: var(--dark-gray) !important;
  letter-spacing: 15px;
  text-align: center;
  float: none !important;
}
.captcha-custom .reset-captcha{padding: 10px 25px; font-size: 20px;}
.captcha-content {width: 100%; margin: 24px 0;}
.captcha-content input{padding-left: 24px;}

.form-login-details .login-btn{width: 100%; margin-top: 24px;}
.form-login-details .switch-forgot{display: flex; justify-content: space-between; align-items: center; width: 100%;}

.form-login-details .switch-forgot .forgot a{color: var(--primary); font-size: 12px; font-weight: 400;}

.custom-switch .switch {
  position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    margin-right: 8px;
}

.custom-switch .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.custom-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ECECEC;
  -webkit-transition: .4s;
  transition: .4s;
  width: 40px;
    height: 20px;
    border: 1px solid #C9C9C9;
}
.custom-switch .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 1px;
  bottom: 1px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  box-shadow: 1px 1px 2px -1px rgb(51 51 51 / 30%);
}
.custom-switch .switch span:after {
  content: "";
  position: absolute;
  left: 1px;
  top: 1px;
  bottom: 1px;
  width: 16px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 24px;
  -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.05);
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  content: none;
}

.custom-switch input:checked + .slider {
  background-color: #2196F3;
}

.custom-switch input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.custom-switch input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

.custom-switch .switch input:checked + span:after {content: none;}

/* Rounded sliders */
.custom-switch .slider.round {
  border-radius: 34px;
}

.custom-switch .slider.round:before {
  border-radius: 50%;
}
.custom-switch{display: flex; align-items: center;}
.help-login.block-mobile,
.form-logo-block{display: none;}

.nav.navbar-nav-custom > li > a.sub-menu-none:focus{background-color: transparent;}

@media (max-width: 1150px) {
  .btn-primary{padding: 12px; font-size: var(--h5);}
}

@media (min-width: 992px) {
  /* footer CSS  */
  #sidebar{
    position: static;
  }
  div.sidebar-partial.sidebar-visible-lg #main-container{
    margin: 0 !important;
    width: calc(100% - 200px);
    height: 100%;
  }
  div.sidebar-partial #main-container{
    width: calc(100% - 65px);
    margin: 0 !important;
  }
  div.sidebar-partial {
    display: flex;
    align-items: stretch;
    background-color: #fff;
  } 
}

@media (max-width: 991px) {
  #page-content{padding: 25px 10px 100px;}
  .sub-menu-block .sidebar-user-avatar {padding: 18px; width: 85px !important; height: 85px !important; margin: 0 auto;}
  .sub-menu-block .new-menu-add, .sub-menu-block .sidebar-nav .sidebar-nav-mini-hide {display: inline-block;}
  .sub-menu-block li a.sidebar-nav-menu.open ~ ul{display: block !important;}
  .sub-menu-block .sidebar-user-name {display: block;}
  .form-control{margin: 0 0 15px;}
  label.matchRed.custom-label{padding-top: 0px;}

  .view-owners-custom .download-sam{margin-bottom: 15px;}
  .view-owners-custom .col-md-3.text-right{text-align: left; margin: 15px 0;}

  .bgimg-login .login-logo{left: 15px;}
  .bgimg-login .login-content{bottom: 20px; padding: 25px; width: calc(100% - 30px);}
  .captcha-custom #userview{max-width: 75%;}
}

@media (max-width: 767px) {
  .nav.navbar-nav-custom li i{width: 35px; height: 35px; line-height: 35px; font-size: 14px;}
  .nav.navbar-nav-custom > li > a{margin: 0px 3px;}
  .nav.navbar-nav-custom > li > a > img {width: 35px; height: 35px;}
  .nav.navbar-nav-custom li.dropdown .dropdown-toggle{line-height: 35px;}
  .nav.navbar-nav-custom li .sub-menu-none{margin: 0 0 0 10px;}
  .nav.navbar-nav-custom li.dropdown .dropdown-toggle{margin: 0 10px 0 3px;}

  .dashboard_new h1{margin: 0 0 25px;}
  .apexcharts-title-text, .dashboard_new h2{font-size: var(--h3);}
  .dashboard_new #columnChart .apexcharts-legend.apexcharts-align-center.apx-legend-position-top{padding: 0;}
  .dashboard_new #columnChart .apexcharts-legend-marker{margin-right: 0;}
  .dashboard_new .chart-select select{position: inherit; width: 100%;}
  .dashboard_new #chart .apexcharts-legend.apx-legend-position-top.apexcharts-align-center { padding: 30px 0 0;}

  .table-responsive{margin: 0; border: 0;}
  .block{margin-bottom: 20px;}
  .pagination > li > a{margin: 0 3px; padding: 3px 8px;}
  .pagination > .active > a {padding: 3px 10px;}

  .mb_res{display: grid;}
  label.matchRed {padding-top: 0px;}

  
.login-page-section{justify-content: center; margin: 25px 15px;}

.compose_message .nav-horizontal{grid-template-columns: repeat(1, 1fr); gap: 10px;}
.compose_message .nav-horizontal li a i{margin-bottom: 5px; font-size: 25px;}

.login-page {height: 100%;}
.form-logo-block{display: block;}
.form-logo-block img{max-width: 150px; margin: 0 auto 24px;}
.help-login.block-deshtop,
.bgimg-login{display: none;}
.help-login.block-mobile{display: block; margin-top: 24px;}
.login-form .form-login-details{height: 100%;}
.form-login-details h1{font-size: 28px;}
.form-login-details p{font-size: var(--h4);}
.captcha-custom #userview{max-width: 70%;}


}