@charset "utf-8";
html {overflow-x: hidden;position: relative;min-height: 100%;}
@-moz-document url-prefix() {  html {scrollbar-width: thin;}}
* {scrollbar-width:thin;margin:0;padding:0; box-sizing: border-box;outline: none !important;border: none;list-style-type: none;}
body { width: 100%; height: 100%;background: var(--body-color); color:#000;font-family: var(--body-family);margin: 0;padding:0;
font-size: 1.2rem;font-optical-sizing: auto;font-style: normal;position: relative;scrollbar-color: #06038D #fafafa;
scrollbar-width: thin;
/*-webkit-font-smoothing: antialiased!important;
-moz-osx-font-smoothing: grayscale!important;
font-smoothing: antialiased!important;
text-rendering: optimizeLegibility!important;*/
}
/* Custom Scroll Bar */
.customscrollbar {scrollbar-color: #fafafa #06038D;scrollbar-width: thin;}
.customscrollbar::-webkit-scrollbar {width: 4px;}
.customscrollbar::-webkit-scrollbar-thumb {background-color: #fafafa;}
.customscrollbar::-webkit-scrollbar-track {background-color: #06038D;}
h1, h2, h3, h4, h5, h6 {margin: 10px 0;color: #4a4b4c;}
h1 {line-height: 43px;}
h2 {line-height: 35px;}
h3 {line-height: 30px;}
h4 {line-height: 22px;}
h3 small,h4 small,h5 small {color: #d4d8e1;}
b {font-weight: 500;}
a {color: #292a2f;}
a:hover {outline: 0;text-decoration: none;color: black;}
a:active {outline: 0;text-decoration: none;}
a:focus {outline: 0;text-decoration: none;}
.container-alt {margin-left: auto;margin-right: auto;padding-left: 15px;padding-right: 15px;}
.footer {background-color: rgba(96, 93, 175, 0.02);border-top: 1px solid rgba(0, 0, 0, 0.05);color: #2d3b48;text-align: center;
font-family: var(--footer-family);padding: 5px 0; font-size:1.2rem; font-weight:400;width: 100%;margin-top: 30px;}
/* ==============
Login Page
===================*/
h4.head {color: #090889;font-weight: 500; font-size: 2.4rem; margin-bottom: 30px; }
.loginbox{ padding:0;}
/* ==============
Page Content
===================*/
#wrapper {height: 100%;overflow: hidden;width: 100%;}
.page {bottom: 0;left: 0;right: 0;top: 0;}
.pageheading { background:transparent; width: 100%;}
.page-section{ padding:10px 20px; width:100%; display:block;}
.radius-0{border-radius:0!important;}
.radius-top{border-top-left-radius:0!important;border-top-right-radius:0!important}
.radius-right{border-top-right-radius:0!important;border-bottom-right-radius:0!important}
.radius-bottom{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}
.radius-left{border-top-left-radius:0!important;border-bottom-left-radius:0!important}
.addgroup{ width:200px;}
.addgroup a{ width:100%; font-size: 1.3rem; padding:7px 10px;}
.img-thumbnail {width: 100%;height: 250px !important;object-fit: cover;}
.popover-header {margin-top: 0;}
.modal-title {margin-top: 0;}
.bx-shadow {-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);}
.grid-structure .grid-container {background-color: #bcc1c2;margin-bottom: 10px;padding: 10px 20px;}
.header-title {font-size: 1.6rem;}
/* ==============
Loader
===================*/
#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #f5f5f5;z-index: 9999999;}
#status {width: 40px;height: 40px;position: absolute;left: 50%;top: 50%;margin: -20px 0 0 -20px;}
.spinner {position: absolute;width: 78px;height: 78px;left: 50%;margin-left: -39px;margin-top: -39px;}
.spinner:before {content: '';position: absolute;width: 45px;height: 45px;top: 50%;margin-top: -23px;left: 50%;margin-left: -23px;
border-width: 2px 1px;border-style: solid;border-color: #33cdff rgba(51, 205, 255, 0.3);border-radius: 50%;-o-border-radius: 50%;
-ms-border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;box-sizing: border-box;-o-box-sizing: border-box;
-ms-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;animation: spin 3.45s infinite;
-o-animation: spin 3.45s infinite;-ms-animation: spin 3.45s infinite;-webkit-animation: spin 3.45s infinite;
-moz-animation: spin 3.45s infinite;}
.spinner:after {content: '';position: absolute;width: 12px;height: 12px;top: 50%;margin-top: -6px;left: 50%;margin-left: -6px;
background-color: #33cdff;border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;-webkit-border-radius: 50%;
-moz-border-radius: 50%;box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;animation: pulse 6.9s infinite, borderPulse 6.9s infinite;-o-animation: pulse 6.9s infinite, borderPulse 6.9s infinite;
-ms-animation: pulse 6.9s infinite, borderPulse 6.9s infinite;-webkit-animation: pulse 6.9s infinite, borderPulse 6.9s infinite;
-moz-animation: pulse 6.9s infinite, borderPulse 6.9s infinite;}
@keyframes spin {
0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
50% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
100% {-webkit-transform: rotate(1080deg);transform: rotate(1080deg);}
}
@-webkit-keyframes spin {
0% {-webkit-transform: rotate(0deg);}
50% {-webkit-transform: rotate(360deg);}
100% {-webkit-transform: rotate(1080deg);}
}
@keyframes pulse {
0% {background-color: rgba(51, 205, 255, 0.2);}
13% {background-color: rgba(51, 205, 255, 0.2);}
15% {background-color: rgba(51, 205, 255, 0.9);}
28% {background-color: rgba(51, 205, 255, 0.9);}
30% {background-color: rgba(51, 205, 255, 0.2);}
43% {background-color: rgba(51, 205, 255, 0.2);}
45% {background-color: rgba(51, 205, 255, 0.9);}
70% {background-color: rgba(51, 205, 255, 0.9);}
74% {background-color: rgba(51, 205, 255, 0.2);}
100% {background-color: rgba(51, 205, 255, 0.9);}
}
@-webkit-keyframes pulse {
0% {background-color: rgba(51, 205, 255, 0.2);}
13% {background-color: rgba(51, 205, 255, 0.2);}
15% {background-color: rgba(51, 205, 255, 0.9);}
28% {background-color: rgba(51, 205, 255, 0.9);}
30% {background-color: rgba(51, 205, 255, 0.2);}
43% {background-color: rgba(51, 205, 255, 0.2);}
45% {background-color: rgba(51, 205, 255, 0.9);}
70% {background-color: rgba(51, 205, 255, 0.9);}
74% {background-color: rgba(51, 205, 255, 0.2);}
100% {background-color: rgba(51, 205, 255, 0.9);}
}
@keyframes borderPulse {
0% {-webkit-box-shadow: 0 0 0 0 white, 0 0 0 1px rgba(51, 205, 255, 0.8);box-shadow: 0 0 0 0 white, 0 0 0 1px rgba(51, 205, 255, 0.8);}
40% {-webkit-box-shadow: 0 0 0 1px white, 0 0 0 2px rgba(51, 205, 255, 0.8);box-shadow: 0 0 0 1px white, 0 0 0 2px rgba(51, 205, 255, 0.8);}
80% {-webkit-box-shadow: 0 0 0 3px #ffffff, 0 0 1px 3px rgba(51, 205, 255, 0.8);box-shadow: 0 0 0 3px #ffffff, 0 0 1px 3px rgba(51, 205, 255, 0.8);}
}
@-webkit-keyframes borderPulse {
0% {-webkit-box-shadow: 0 0 0 0 white, 0 0 0 1px rgba(51, 205, 255, 0.8);box-shadow: 0 0 0 0 white, 0 0 0 1px rgba(51, 205, 255, 0.8);}
40% {-webkit-box-shadow: 0 0 0 1px white, 0 0 0 2px rgba(51, 205, 255, 0.8);box-shadow: 0 0 0 1px white, 0 0 0 2px rgba(51, 205, 255, 0.8);}
80% {-webkit-box-shadow: 0 0 0 3px #ffffff, 0 0 1px 3px rgba(51, 205, 255, 0.8);box-shadow: 0 0 0 3px #ffffff, 0 0 1px 3px rgba(51, 205, 255, 0.8);}
}
@-webkit-keyframes load8 {
0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes load8 {
0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
/* ==============
Bootstrap-custom
===================*/
.breadcrumb {background-color: transparent;margin-bottom: 15px;margin-top: 5px; font-family: var(--heading-family);}
.dropdown-menu {padding: 4px 0;font-size: 1.5rem;-webkit-box-shadow: 0 2px 30px rgba(147, 151, 152, 0.08);
box-shadow: 0 2px 30px rgba(147, 151, 152, 0.08);border-color: #f5f5f7;}
.dropdown-item.active, .dropdown-item:active {color: #2d3b48;text-decoration: none;background-color: #f5f5f7;}
/*
.dropdown-item i{color: #839192;}
.dropdown-item:hover{color: #fff;background-color: #2874A6;}
.dropdown-item:hover i{color: #fff;}
*/
.dropdown-item i.fa-plus {font-size: 1.1rem;}
.dropdown-toggle::after {content: none;} 
/* Badge */
.badge {font-weight: 500;}
.badge:empty {padding: 0;}
.badge-default {background-color: #f5f5f7;color: #2d3b48;}
.badge-primary {background-color: #605daf;}
.badge-success {background-color: #5dd099;}
.badge-info {background-color: #33cdff;}
.badge-warning {background-color: #f8c955;color: #f5f5f7;}
.badge-danger {background-color: #f96e5b;}
.badge-pink {background-color: #f5468e;}
.badge-purple {background-color: #775fd5;}
.badge-dark {background-color: #2d3b48;}
.badge-soft-primary {background-color: rgba(96, 93, 175, 0.2);color: #605daf;}
.badge-soft-success {background-color: rgba(93, 208, 153, 0.2);color: #5dd099;}
.badge-soft-info {background-color: rgba(51, 205, 255, 0.2);color: #33cdff;}
.badge-soft-warning {background-color: rgba(248, 201, 85, 0.2);color: #f8c955;}
.badge-soft-danger {background-color: rgba(249, 110, 91, 0.2);color: #f96e5b;}
.badge-soft-pink {background-color: rgba(245, 70, 142, 0.2);color: #f5468e;}
.badge-soft-purple {background-color: rgba(119, 95, 213, 0.2);color: #775fd5;}
.badge.badge-outline-success {border: 1px solid #5dd099;background-color: transparent;color: #5dd099;}
.badge.badge-outline-danger {border: 1px solid #f96e5b;background-color: transparent;color: #f96e5b;}
.badge.badge-outline-primary {border: 1px solid #605daf;background-color: transparent;color: #605daf;}
.badge.badge-outline-warning {border: 1px solid #f8c955;background-color: transparent;color: #f8c955;}
.badge.badge-outline-info {border: 1px solid #33cdff;background-color: transparent;color: #33cdff;}
.badge.badge-outline-pink {border: 1px solid #f5468e;background-color: transparent;color: #f5468e;}
.badge.badge-outline-purple {border: 1px solid #775fd5;background-color: transparent;color: #775fd5;}
.badge.badge-outline-secondary {border: 1px solid #aaaece;background-color: transparent;color: #aaaece;}
.badge.badge-outline-dark {border: 1px solid #2d3b48;background-color: transparent;color: #2d3b48;}
/* Navs & Tabs */
.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {background-color: #605daf;}
.nav-pills > .active > a > .badge {color: #605daf;}
/* List Inline Items Group */
.list-inline .list-inline-item{ margin-right: 40px; vertical-align: top;}
.list-inline .list-inline-item:last-child{ margin-right:0; }
.list-inline .list-inline-item h1{ font-size:2.4rem; font-weight:300;}
.list-inline .list-inline-item h2{ font-size:2rem; font-weight:300;}
.list-inline .list-inline-item h3{ font-size:1.8rem; font-weight:400;}
.list-inline .list-inline-item h4{ font-size:1.6rem; font-weight:400;margin: 0;}
.list-inline .list-inline-item h5{ font-size:1.4rem; font-weight:500;}
.list-inline .list-inline-item h6{ font-size:1.3rem; font-weight:500; margin: 0;}
.list-inline .list-inline-item span{ font-size:1.3rem; color:#000;}
/* Side List */
.sidelist{font-family: var(--title-family); margin: 0; padding: 0;}
.sidelist li{ width: 100%; float: none!important; padding:6px 0; border-bottom:1px solid  #e5e7e9; }
.sidelist .list-inline-item span{ font-size:1.1rem!important; color: #000;}
.sidelist h6{font-weight: 600!important; font-size: 1.65rem !important;}
/* List Group */
.list-group-item.active {background-color: #d4d8e1;border-color: #d4d8e1;color: #bcc1c2;z-index: 2;}
.list-group-item.active:hover {background-color: #d4d8e1;border-color: #d4d8e1;color: #bcc1c2;z-index: 2;}
.list-group-item.active:hover .list-group-item-text {color: #605daf;}
.list-group-item.active:focus {background-color: #d4d8e1;border-color: #d4d8e1;color: #bcc1c2;z-index: 2;}
.list-group-item.active:focus .list-group-item-text {color: #605daf;}
.list-group-item.active .list-group-item-text {color: #605daf;}
.list-group-item {border-radius: 0;padding: 12px 20px;border: 1px solid fade(#2d3b48, 6%);}
.list-group-item:first-child {border-radius: 0;padding: 12px 20px;}
.list-group-item:last-child {border-radius: 0;padding: 12px 20px;}
.list-group-item-heading {font-weight: 300;}
.list-group-item.active > .badge {color: #605daf;}
/* Blockquote */
.blockquote {font-size: 1.05rem;padding: 10px 20px;margin-bottom: 20px;border-left: 4px solid #ebeff8;}
.blockquote-reverse {border-left: 0;border-right: 4px solid #ebeff8;text-align: right;}
/* =============
Alerts
============= */
.alert {position: relative;border: 0;}
.alert .alert-link {font-weight: 600;}
.alert.alert-outline-success {border: 1px solid #5dd099;background-color: transparent;color: #5dd099;}
.alert.alert-outline-danger {border: 1px solid #f96e5b;background-color: transparent;color: #f96e5b;}
.alert.alert-outline-primary {border: 1px solid #605daf;background-color: transparent;color: #605daf;}
.alert.alert-outline-warning {border: 1px solid #f8c955;background-color: transparent;color: #f8c955;}
.alert.alert-outline-info {border: 1px solid #33cdff;background-color: transparent;color: #33cdff;}
.alert.alert-outline-pink {border: 1px solid #f5468e;background-color: transparent;color: #f5468e;}
.alert.alert-outline-purple {border: 1px solid #775fd5;background-color: transparent;color: #775fd5;}
.alert.alert-outline-secondary {border: 1px solid #aaaece;background-color: transparent;color: #aaaece;}
.alert.alert-outline-dark {border: 1px solid #2d3b48;background-color: transparent;color: #2d3b48;}
.alert-success {color: #5dd099;background-color: #d4f2e4;}
.alert-success .alert-link {color: #38c280;}
.alert-success hr {border-top-color: #38c280;}
.alert-info {color: #33cdff;background-color: #b3ecff;}
.alert-info .alert-link {color: #00c1ff;}
.alert-info hr {border-top-color: #00c1ff;}
.alert-warning {color: #f8c955;background-color: #fefbf2;}
.alert-warning .alert-link {color: #f6b924;}
.alert-warning hr {border-top-color: #f6b924;}
.alert-danger {color: #f96e5b;background-color: #fedbd6;}
.alert-danger .alert-link {color: #f7432a;}
.alert-danger hr {border-top-color: #f7432a;}

/* ==============
Waves Effect
===================*/
.waves-effect {position: relative;cursor: pointer;display: inline-block;overflow: hidden;-webkit-user-select: none;
-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: transparent;vertical-align: middle;
z-index: 1;will-change: opacity, transform;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.waves-effect .waves-ripple {position: absolute;border-radius: 50%;width: 20px;height: 20px;margin-top: -10px;margin-left: -10px;
opacity: 0;background: rgba(0, 0, 0, 0.2);-webkit-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
-webkit-transition-property: -webkit-transform, opacity;-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;-webkit-transform: scale(0);transform: scale(0);pointer-events: none;}
.waves-effect.waves-light .waves-ripple {background-color: rgba(255, 255, 255, 0.25);}
.waves-effect.waves-red .waves-ripple {background-color: rgba(244, 67, 54, 0.7);}
.waves-effect.waves-yellow .waves-ripple {background-color: rgba(255, 235, 59, 0.7);}
.waves-effect.waves-orange .waves-ripple {background-color: rgba(255, 152, 0, 0.7);}
.waves-effect.waves-purple .waves-ripple {background-color: rgba(156, 39, 176, 0.7);}
.waves-effect.waves-green .waves-ripple {background-color: rgba(76, 175, 80, 0.7);}
.waves-effect.waves-teal .waves-ripple {background-color: rgba(0, 150, 136, 0.7);}
.waves-notransition {-webkit-transition: none;transition: none;}
.waves-circle {-webkit-transform: translateZ(0);transform: translateZ(0);text-align: center;width: 2.5em;height: 2.5em;
line-height: 2.5em;border-radius: 50%;-webkit-mask-image: none;}
.waves-input-wrapper {border-radius: 0.2em;vertical-align: bottom;}
.waves-input-wrapper .waves-button-input {position: relative;top: 0;left: 0;z-index: 1;}
.waves-block {display: block;}
/* ==============
Demo Only css
===================*/
.bs-example-modal {position: relative;top: auto;right: auto;bottom: auto;left: auto;z-index: 1;display: block;}
.icon-demo-content {text-align: center;color: #8c9ea9;}
.icon-demo-content i {display: block;font-size: 2.8rem;margin-bottom: 5px;}
.icon-demo-content .col-sm-6 {margin-bottom: 30px;}
.icon-demo-content .col-sm-6:hover i {color: #605daf;}
/*===grid===*/
.grid-col div span {padding-top: 10px;padding-bottom: 10px;margin-bottom: 15px;background: #f5f5f7;border: 1px solid;
border-color: #bcc1c2;display: block;}
.grid-col .nested-col.row span {background-color: #f5f5f7;display: block;}
/* ==============
Buttons
===================*/
.button,button{outline:0!important; background: transparent}
.btn {font-family: var(--button-family);line-height: normal; outline:0; font-size: 1.3rem;}
.btn:focus,.btn-primary:focus {box-shadow: none!important; outline:0!important;}
.btn-group-sm>.btn,.btn-sm{padding:8px 12px;font-size:1.2rem;line-height: normal;}

/* additional style */
a[role="button"].btn {cursor: pointer;letter-spacing: normal!important;text-align: center;line-height: normal;
display: inline-block;padding:8px 12px;font-size:1.2rem;box-sizing: border-box;}
div[role="group"].btn-group {font-size: 0;letter-spacing: 0;display: inline-block;white-space: nowrap;}
div[role="group"].btn-group-spacing {font-size: 0;letter-spacing: 1px !important;display: inline-block;white-space: nowrap;}
div[role="group"].btn-group > a[role="button"][class*="outline"].btn {border-left-width: 0 !important;}
div[role="group"].btn-group> a[role="button"][class*="outline"].btn:first-child {border-left-width: 1px !important;}
div[role="group"][class^="btn-group"] > a[role="button"].btn:first-child {
border-top-left-radius: 5px !important;border-bottom-left-radius: 5px;}
div[role="group"][class^="btn-group"] > a[role="button"].btn:last-child {
border-top-right-radius: 5px;border-bottom-right-radius: 5px;}


.btn-round {border-radius: 30px;}
.btn-file {position: relative;overflow: hidden;}
.btn-file input[type=file] {position: absolute;top: 0;right: 0;min-width: 100%;min-height: 100%;font-size: 100px;text-align: right;
filter: alpha(opacity=0);opacity: 0;background: red;cursor: inherit;display: block;}
.animation-btn,.button-list,.button-items {margin-bottom: -8px;}
.animation-btn .btn,.button-list .btn,.button-items .btn {margin-bottom: 8px;margin-right: 5px;}
.dtp-btn-cancel {margin-right: 5px;}
.addon-color-picker .btn {padding: 8px;line-height: 0;border-color: #bfbfbf;}

.button-green {background-color: var(--primary); color:#fff;}
.button-green:hover {background-color: var(--primary-green-dark1); color:#fff;}
.button-lightbutton {color: #000;background-color: #c8c8c8;border-color: #c8c8c8; }
.button-lightbutton:hover {color: #000;background-color: #d0d0d0;border-color: #cecece; }
.button-royal {color: #f0f0f0;background-color: #4169E1;border-color: #4169E1; }
.button-royal:hover {color: #fff;background-color: #1E90FF;border-color: #1E90FF; }
.button-blue {background-color: var(--rgba-blue-5); color:#fff;}
.button-blue:hover {background-color: var(--rgba-blue-9);}
.button-orange {background-color: var(--rgba-orange-8); color:#fff;}
.button-orange:hover {background-color: var(--rgba-orange);}
.button-outline-blue {background-color: var(--rgba-blue-1); border: 1px solid var(--primary-blue);}
.button-outline-blue:hover {background-color: var(--rgba-blue-5); color:#fff;}
.btn-outline-greydark{color:#6c757d;background-color:transparent;background-image:none;border-color:#6c757d}
.btn-grey{color:#85929E;background-color:#D6EAF8;border-color:#EBF5FB}
.btn-lightdark{color:#EBF5FB;background-color:#566573;border-color:#566573}
.btn-lightdark:hover{color:#EBF5FB;}

.btn-primary, .btn-success, .btn-secondary, .btn-info, .btn-warning,
.btn-danger, .btn-dark, .btn-pink, .btn-purple , .btn-orange {color: #ffffff;}
/*btn-primary*/
.btn-primary {background-color: #2E86C1;border: 1px solid #2E86C1;}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover,
.open > .dropdown-toggle.btn-primary, .btn-outline-primary.active, .btn-outline-primary:active,
.show > .btn-outline-primary.dropdown-toggle, .btn-outline-primary:hover, .btn-primary.active, 
.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:active, .show > .btn-primary.dropdown-toggle,
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
background-color: #2874A6 !important;border: 1px solid #2874A6;}
.btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus,
.btn-primary.focus, .btn-primary:focus, .btn-outline-primary.focus, .btn-outline-primary:focus {
-webkit-box-shadow: 0 0 0 2px rgba(96, 93, 175, 0.3);box-shadow: 0 0 0 2px rgba(96, 93, 175, 0.3);}

/*btn-success*/
.btn-success {background-color: #4CAF50;border: 1px solid #4CAF50;-webkit-box-shadow: 0 2px 6px 0 rgba(76, 175, 80, 0.5);
  box-shadow: 0 2px 6px 0 rgba(76, 175, 80, 0.5);}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active,
.btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover,
.btn-success:not(:disabled):not(.disabled):active,
.open > .dropdown-toggle.btn-success, .btn-outline-success.active, .btn-outline-success:active,
.show > .btn-outline-success.dropdown-toggle, .btn-outline-success:hover, .btn-success.active,
.btn-success:active, .show > .btn-success.dropdown-toggle {background-color: #43A047;border: 1px solid #43A047;}
.btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus,
.btn-success.focus, .btn-success:focus, .btn-outline-success.focus, .btn-outline-success:focus {
-webkit-box-shadow: 0 0 0 2px rgba(93, 208, 153, 0.3);box-shadow: 0 0 0 2px rgba(93, 208, 153, 0.3);}

/*btn-secondary*/
.btn-secondary {background-color: #aaaece;border: 1px solid #aaaece;-webkit-box-shadow: 0 2px 6px 0 rgba(170, 174, 206, 0.5);
box-shadow: 0 2px 6px 0 rgba(170, 174, 206, 0.5);}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active,
.btn-secondary.focus, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled):active,
.open > .dropdown-toggle.btn-secondary, .btn-outline-secondary.active, .btn-outline-secondary:active,
.show > .btn-outline-secondary.dropdown-toggle, .btn-outline-secondary:hover, .btn-secondary.active,
.btn-secondary:active, .show > .btn-secondary.dropdown-toggle {background-color: #9a9fc5;border: 1px solid #9a9fc5;}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus,
.btn-secondary.focus, .btn-secondary:focus, .btn-outline-secondary.focus, .btn-outline-secondary:focus {
-webkit-box-shadow: 0 0 0 2px rgba(170, 174, 206, 0.3);box-shadow: 0 0 0 2px rgba(170, 174, 206, 0.3);}

/*btn-info*/
.btn-info {background-color: #33cdff;border: 1px solid #33cdff;-webkit-box-shadow: 0 2px 6px 0 rgba(51, 205, 255, 0.5);
box-shadow: 0 2px 6px 0 rgba(51, 205, 255, 0.5);}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.focus,
.btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info,
.btn-outline-info.active, .btn-outline-info:active, .btn-info.disabled, .btn-info:disabled,
.show > .btn-outline-info.dropdown-toggle, .btn-outline-info:hover, .btn-info.active, .btn-info:active,
.show > .btn-info.dropdown-toggle {background-color: #1ac7ff;border: 1px solid #1ac7ff;}
.btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus,
.btn-info.focus, .btn-info:focus, .btn-outline-info.focus, .btn-outline-info:focus {
-webkit-box-shadow: 0 0 0 2px rgba(51, 205, 255, 0.3);box-shadow: 0 0 0 2px rgba(51, 205, 255, 0.3);}

/*btn-warning*/
.btn-warning {color:#000;background-color: #f8c955;border: 1px solid #f8c955;
-webkit-box-shadow: 0 2px 6px 0 rgba(248, 201, 85, 0.5);box-shadow: 0 2px 6px 0 rgba(248, 201, 85, 0.5);}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active,
.btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover,
.open > .dropdown-toggle.btn-warning, .btn-outline-warning.active, .btn-outline-warning:active,
.show > .btn-outline-warning.dropdown-toggle, .btn-outline-warning:hover, .btn-warning.active,
.btn-warning:active, .show > .btn-warning.dropdown-toggle {background-color: #f7c13d;border: 1px solid #f7c13d;}
.btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus,
.btn-warning.focus, .btn-warning:focus, .btn-outline-warning.focus, .btn-outline-warning:focus {
-webkit-box-shadow: 0 0 0 2px rgba(248, 201, 85, 0.3);box-shadow: 0 0 0 2px rgba(248, 201, 85, 0.3);}

/*btn-danger*/
.btn-danger {background-color: #f96e5b;border: 1px solid #f96e5b;-webkit-box-shadow: 0 2px 6px 0 rgba(249, 110, 91, 0.5);
box-shadow: 0 2px 6px 0 rgba(249, 110, 91, 0.5);}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:active, .btn-danger:focus, .btn-danger:hover, .btn-danger.active,
.btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover,
.open > .dropdown-toggle.btn-danger, .btn-outline-danger.active, .btn-outline-danger:active,
.show > .btn-outline-danger.dropdown-toggle, .btn-outline-danger:hover, .btn-danger.active,
.btn-danger:active, .show > .btn-danger.dropdown-toggle {background-color: #f85842;border: 1px solid #f85842;}
.btn-danger.focus, .btn-danger:focus, .btn-outline-danger.focus, .btn-outline-danger:focus {
-webkit-box-shadow: 0 0 0 2px rgba(249, 110, 91, 0.3);box-shadow: 0 0 0 2px rgba(249, 110, 91, 0.3);}

/*btn-light*/
.btn-light {color: #000;background-color: #ECF0F1;border: 1px solid #d4d8e1;
-webkit-box-shadow: 0 2px 6px 0 rgba(245, 245, 247, 0.9);box-shadow: 0 2px 6px 0 rgba(245, 245, 247, 0.9);}
.btn-light:active, .btn-light:focus, .btn-light:hover, .btn-light.active,
.btn-light.focus, .btn-light:active, .btn-light:focus, .btn-light:hover,
.open > .dropdown-toggle.btn-light, .btn-outline-light.active, .btn-outline-light:active,
.show > .btn-outline-light.dropdown-toggle, .btn-outline-light:hover, .btn-light.active,
.btn-light:active, .show > .btn-light.dropdown-toggle {background-color: #e7e7ec;border: 1px solid #e7e7ec;}
.btn-light.focus, .btn-light:focus, .btn-outline-light.focus, .btn-outline-light:focus {
-webkit-box-shadow: 0 0 0 2px rgba(245, 245, 247, 0.3);box-shadow: 0 0 0 2px rgba(245, 245, 247, 0.3);}

/*btn-dark*/
.btn-dark {background-color: #2d3b48;border: 1px solid #2d3b48;color: #ffffff;
-webkit-box-shadow: 0 2px 6px 0 rgba(45, 59, 72, 0.5);box-shadow: 0 2px 6px 0 rgba(45, 59, 72, 0.5);}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .btn-dark.focus,
.btn-dark:active, .btn-dark:focus, .btn-dark:hover, .open > .dropdown-toggle.btn-dark,
.btn-outline-dark.active, .btn-outline-dark:active,
.show > .btn-outline-dark.dropdown-toggle, .btn-outline-dark:hover {
background-color: #232e38;border: 1px solid #232e38;color: #ffffff;}
.btn-dark.focus, .btn-dark:focus, .btn-outline-dark.focus, .btn-outline-dark:focus {
-webkit-box-shadow: 0 0 0 2px rgba(45, 59, 72, 0.3);box-shadow: 0 0 0 2px rgba(45, 59, 72, 0.3);}

/*btn-link*/
.btn-link {color: #bcc1c2;}
.btn-link:hover,.btn-link:focus,.btn-link:active {text-decoration: none!important;color: #d7dada;}
.btn-light {border-color: #efeff2;}

/*btn-pink*/
.btn-pink {background-color: #f5468e;border: 1px solid #f5468e;color: #ffffff;
-webkit-box-shadow: 0 2px 6px 0 rgba(245, 70, 142, 0.5);box-shadow: 0 2px 6px 0 rgba(245, 70, 142, 0.5);}
.btn-pink:hover, .btn-pink:focus, .btn-pink:active, .btn-pink.active, .btn-pink.focus,
.btn-pink:active, .btn-pink:focus, .btn-pink:hover, .open > .dropdown-toggle.btn-pink,
.btn-outline-pink.active, .btn-outline-pink:active,
.show > .btn-outline-pink.dropdown-toggle, .btn-outline-pink:hover {
background-color: #f42e7f;border: 1px solid #f42e7f;color: #ffffff;}
.btn-pink.focus, .btn-pink:focus, .btn-outline-pink.focus, .btn-outline-pink:focus {
-webkit-box-shadow: 0 0 0 2px rgba(245, 70, 142, 0.3);box-shadow: 0 0 0 2px rgba(245, 70, 142, 0.3);}

/*btn-purple*/
.btn-purple {background-color: #775fd5;border: 1px solid #775fd5;color: #ffffff;
-webkit-box-shadow: 0 2px 6px 0 rgba(119, 95, 213, 0.5);box-shadow: 0 2px 6px 0 rgba(119, 95, 213, 0.5);}
.btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active, .btn-purple.focus,
.btn-purple:active, .btn-purple:focus, .btn-purple:hover, .open > .dropdown-toggle.btn-purple,
.btn-outline-purple.active, .btn-outline-purple:active,
.show > .btn-outline-purple.dropdown-toggle, .btn-outline-purple:hover {
background-color: #664bd0;border: 1px solid #664bd0;color: #ffffff;}
.btn-purple.focus, .btn-purple:focus, .btn-outline-purple.focus, .btn-outline-purple:focus {
-webkit-box-shadow: 0 0 0 2px rgba(119, 95, 213, 0.3);box-shadow: 0 0 0 2px rgba(119, 95, 213, 0.3);}

/*btn-orange*/
.btn-orange {background-color: #FF671F;border: 1px solid #FF671F;color: #ffffff;
-webkit-box-shadow: 0 2px 6px 0 rgba(255, 103, 31, 0.5);box-shadow: 0 2px 6px 0 rgba(255, 103, 31, 0.5);}
.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .btn-orange.focus,
.btn-orange:active, .btn-orange:focus, .btn-orange:hover, .open > .dropdown-toggle.btn-orange,
.btn-outline-orange.active, .btn-outline-orange:active,
.show > .btn-outline-orange.dropdown-toggle, .btn-outline-orange:hover {
background-color: #EA5E1C;border: 1px solid #EA5E1C;color: #ffffff;}
.btn-orange.focus, .btn-orange:focus, .btn-outline-orange.focus, .btn-outline-orange:focus {
-webkit-box-shadow: 0 0 0 2px rgba(119, 95, 213, 0.3);box-shadow: 0 0 0 2px rgba(119, 95, 213, 0.3);}

/* button Outline */
.btn-outline-primary {color: #605daf;border-color: #605daf;}
.btn-outline-success {color: #5dd099;border-color: #5dd099;}
.btn-outline-info {color: #33cdff;border-color: #33cdff;}
.btn-outline-warning {color: #f8c955;border-color: #f8c955;}
.btn-outline-danger {color: #f96e5b;border-color: #f96e5b;}
.btn-outline-pink {color: #f5468e;border-color: #f5468e;background-color: transparent;background-image: none;}
.btn-outline-purple {color: #775fd5;border-color: #775fd5;background-color: transparent;background-image: none;}
.btn-outline-dark {color: #2d3b48;background-image: none;background-color: transparent;border-color: #2d3b48;}
.btn-outline-black{color:#000;background-color:transparent;background-image:none;border-color:#000}
.btn-outline-black:hover{background-color:#EBF5FB;border-color:#d6d6d6}
.btn-outline-grey{color:#85929E;background-color:transparent;background-image:none;border-color:#d6d6d6}
.btn-outline-grey:hover{background-color:#EBF5FB;border-color:#EBF5FB}

/* Social */
.social-links li a {-webkit-border-radius: 50%;background: white;border-radius: 50%;color: #898a8c;display: inline-block;
 height: 30px;line-height: 30px;text-align: center;width: 30px;} 
/* Social Buttons */
.btn-facebook {color: #ffffff !important;background-color: #3b5998;}
.btn-twitter {color: #ffffff !important;background-color: #00aced;}
.btn-linkedin {color: #ffffff !important;background-color: #007bb6;}
.btn-dribbble {color: #ffffff !important;background-color: #ea4c89;}
.btn-googleplus {color: #ffffff !important;background-color: #dd4b39;}
.btn-instagram {color: #ffffff !important;background-color: #517fa4;}
.btn-pinterest {color: #ffffff !important;background-color: #cb2027;}
.btn-dropbox {color: #ffffff !important;background-color: #007ee5;}
.btn-flickr {color: #ffffff !important;background-color: #ff0084;}
.btn-tumblr {color: #ffffff !important;background-color: #32506d;}
.btn-skype {color: #ffffff !important;background-color: #00aff0;}
.btn-youtube {color: #ffffff !important;background-color: #bb0000;}
.btn-github {color: #ffffff !important;background-color: #171515;}

/*btn-gradient-success*/
.btn-gradient-success {background-image: linear-gradient(120deg, #5dd099 0%, #00c4b5 100%);color: #ffffff;
-webkit-box-shadow: 0 2px 6px 0 rgba(93, 208, 153, 0.5);box-shadow: 0 2px 6px 0 rgba(93, 208, 153, 0.5);
border: 1px solid #49ca8d;}
.btn-gradient-success:hover, .btn-gradient-success:focus, .btn-gradient-success:active, .btn-gradient-success.active,
.btn-gradient-success.focus, .btn-gradient-success:active, .btn-gradient-success:focus, .btn-gradient-success:hover,
.open > .dropdown-toggle.btn-gradient-success, .btn-gradient-success.active,
.btn-gradient-success:active, .show > .btn-gradient-success.dropdown-toggle {
background-image: linear-gradient(120deg, #00c4b5 0%, #5dd099 100%);border: 1px solid #49ca8d;}
.btn-gradient-success:not(:disabled):not(.disabled):active:focus, .show > .btn-gradient-success.dropdown-toggle:focus,
.btn-gradient-success.focus, .btn-gradient-success:focus {
-webkit-box-shadow: 0 0 0 2px rgba(93, 208, 153, 0.3);box-shadow: 0 0 0 2px rgba(93, 208, 153, 0.3);}

/*btn-gradient-secondary*/
.btn-gradient-secondary {background-image: linear-gradient(120deg, #aaaece 0%, #8898b3 100%);color: #ffffff;
-webkit-box-shadow: 0 2px 6px 0 rgba(170, 174, 206, 0.5);box-shadow: 0 2px 6px 0 rgba(170, 174, 206, 0.5);
border: 1px solid #babdd7;}
.btn-gradient-secondary:hover, .btn-gradient-secondary:focus, .btn-gradient-secondary:active, .btn-gradient-secondary.active,
.btn-gradient-secondary.focus, .btn-gradient-secondary:active, .btn-gradient-secondary:focus, .btn-gradient-secondary:hover,
.open > .dropdown-toggle.btn-gradient-secondary, .btn-gradient-secondary.active,
.btn-gradient-secondary:active, .show > .btn-gradient-secondary.dropdown-toggle {
background-image: linear-gradient(120deg, #8898b3 0%, #aaaece 100%);border: 1px solid #9a9fc5;
color: #ffffff;}
.btn-gradient-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-gradient-secondary.dropdown-toggle:focus,
.btn-gradient-secondary.focus, .btn-gradient-secondary:focus {
-webkit-box-shadow: 0 0 0 2px rgba(170, 174, 206, 0.3);box-shadow: 0 0 0 2px rgba(170, 174, 206, 0.3);}

/*btn-gradient-danger*/
.btn-gradient-danger {background-image: linear-gradient(120deg, #f96e5b 0%, #f63f6a 100%);color: #ffffff;
-webkit-box-shadow: 0 2px 6px 0 rgba(249, 110, 91, 0.5);box-shadow: 0 2px 6px 0 rgba(249, 110, 91, 0.5);
border: 1px solid #f85842;}
.btn-gradient-danger:hover, .btn-gradient-danger:focus, .btn-gradient-danger:active, .btn-gradient-danger.active,
.btn-gradient-danger.focus, .btn-gradient-danger:active, .btn-gradient-danger:focus, .btn-gradient-danger:hover,
.open > .dropdown-toggle.btn-gradient-danger, .btn-gradient-danger.active,
.btn-gradient-danger:active, .show > .btn-gradient-danger.dropdown-toggle {
background-image: linear-gradient(120deg, #f63f6a 0%, #f96e5b 100%);border: 1px solid #f85842;}
.btn-gradient-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-gradient-danger.dropdown-toggle:focus,
.btn-gradient-danger.focus, .btn-gradient-danger:focus {
-webkit-box-shadow: 0 0 0 2px rgba(249, 110, 91, 0.3);box-shadow: 0 0 0 2px rgba(249, 110, 91, 0.3);}

/*btn-gradient-warning*/
.btn-gradient-warning {background-image: linear-gradient(120deg, #f8c955 0%, #f5604a 100%);color: #ffffff;
-webkit-box-shadow: 0 2px 6px 0 rgba(248, 201, 85, 0.5);box-shadow: 0 2px 6px 0 rgba(248, 201, 85, 0.5);
border: 1px solid #f7c13d;}
.btn-gradient-warning:hover, .btn-gradient-warning:focus, .btn-gradient-warning:active, .btn-gradient-warning.active,
.btn-gradient-warning.focus, .btn-gradient-warning:active, .btn-gradient-warning:focus, .btn-gradient-warning:hover,
.open > .dropdown-toggle.btn-gradient-warning, .btn-gradient-warning.active,
.btn-gradient-warning:active, .show > .btn-gradient-warning.dropdown-toggle {
background-image: linear-gradient(120deg, #f5604a 0%, #f8c955 100%);border: 1px solid #f7c13d;}
.btn-gradient-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-gradient-warning.dropdown-toggle:focus,
.btn-gradient-warning.focus, .btn-gradient-warning:focus {
-webkit-box-shadow: 0 0 0 2px rgba(248, 201, 85, 0.3);box-shadow: 0 0 0 2px rgba(248, 201, 85, 0.3);}

/*btn-gradient-info*/
.btn-gradient-info {background-image: linear-gradient(120deg, #33cdff 0%, #0c93fe 100%);color: #ffffff;
-webkit-box-shadow: 0 2px 6px 0 rgba(51, 205, 255, 0.5);box-shadow: 0 2px 6px 0 rgba(51, 205, 255, 0.5);
border: 1px solid #1ac7ff;}
.btn-gradient-info:hover, .btn-gradient-info:focus, .btn-gradient-info:active, .btn-gradient-info.active,
.btn-gradient-info.focus, .btn-gradient-info:active, .btn-gradient-info:focus, .btn-gradient-info:hover,
.open > .dropdown-toggle.btn-gradient-info, .btn-gradient-info.active,
.btn-gradient-info:active, .show > .btn-gradient-info.dropdown-toggle {
background-image: linear-gradient(120deg, #0c93fe 0%, #33cdff 100%);border: 1px solid #1ac7ff;}
.btn-gradient-info:not(:disabled):not(.disabled):active:focus, .show > .btn-gradient-info.dropdown-toggle:focus,
.btn-gradient-info.focus, .btn-gradient-info:focus {
-webkit-box-shadow: 0 0 0 2px rgba(51, 205, 255, 0.3);box-shadow: 0 0 0 2px rgba(51, 205, 255, 0.3);}

/*btn-gradient-primary*/
.btn-gradient-primary {background-image: linear-gradient(120deg, #605daf 0%, #3c8da8 100%);color: #ffffff;
-webkit-box-shadow: 0 2px 6px 0 rgba(96, 93, 175, 0.5);box-shadow: 0 2px 6px 0 rgba(96, 93, 175, 0.5);
border: 1px solid #9290c8;}
.btn-gradient-primary:hover, .btn-gradient-primary:focus, .btn-gradient-primary:active, .btn-gradient-primary.active,
.btn-gradient-primary.focus, .btn-gradient-primary:active, .btn-gradient-primary:focus, .btn-gradient-primary:hover,
.open > .dropdown-toggle.btn-gradient-primary, .btn-gradient-primary.active,
.btn-gradient-primary:active, .show > .btn-gradient-primary.dropdown-toggle {
background-image: linear-gradient(120deg, #3c8da8 0%, #605daf 100%);border: 1px solid #9290c8;}
.btn-gradient-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-gradient-primary.dropdown-toggle:focus,
.btn-gradient-primary.focus, .btn-gradient-primary:focus {
-webkit-box-shadow: 0 0 0 2px rgba(96, 93, 175, 0.3);box-shadow: 0 0 0 2px rgba(96, 93, 175, 0.3);}

/*btn-gradient-dark*/
.btn-gradient-dark {background-image: linear-gradient(120deg, #2d3b48 0%, #5a6c82 100%);color: #ffffff;
-webkit-box-shadow: 0 2px 6px 0 rgba(45, 59, 72, 0.5);box-shadow: 0 2px 6px 0 rgba(45, 59, 72, 0.5);
border: 1px solid #546e87;}
.btn-gradient-dark:hover, .btn-gradient-dark:focus, .btn-gradient-dark:active, .btn-gradient-dark.active,
.btn-gradient-dark.focus, .btn-gradient-dark:active, .btn-gradient-dark:focus, .btn-gradient-dark:hover,
.open > .dropdown-toggle.btn-gradient-dark, .btn-gradient-dark.active,
.btn-gradient-dark:active, .show > .btn-gradient-dark.dropdown-toggle {
background-image: linear-gradient(120deg, #5a6c82 0%, #2d3b48 100%);border: 1px solid #546e87;}
.btn-gradient-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-gradient-dark.dropdown-toggle:focus,
.btn-gradient-dark.focus, .btn-gradient-dark:focus {
-webkit-box-shadow: 0 0 0 2px rgba(45, 59, 72, 0.3);box-shadow: 0 0 0 2px rgba(45, 59, 72, 0.3);}

/*btn-gradient-light*/
.btn-gradient-light {background-image: linear-gradient(120deg, #f5f5f7 0%, #f7f9ff 100%);color: #636466;
-webkit-box-shadow: 0 2px 6px 0 rgba(245, 245, 247, 0.5);box-shadow: 0 2px 6px 0 rgba(245, 245, 247, 0.5);
border: 1px solid #e7e7ec;}
.btn-gradient-light:hover, .btn-gradient-light:focus, .btn-gradient-light:active, .btn-gradient-light.active,
.btn-gradient-light.focus, .btn-gradient-light:active, .btn-gradient-light:focus, .btn-gradient-light:hover,
.open > .dropdown-toggle.btn-gradient-light, .btn-gradient-light.active,
.btn-gradient-light:active, .show > .btn-gradient-light.dropdown-toggle {
background-image: linear-gradient(120deg, #f7f9ff 0%, #f5f5f7 100%);border: 1px solid #e7e7ec;}
.btn-gradient-light:not(:disabled):not(.disabled):active:focus, .show > .btn-gradient-light.dropdown-toggle:focus,
.btn-gradient-light.focus, .btn-gradient-light:focus {
-webkit-box-shadow: 0 0 0 2px rgba(245, 245, 247, 0.3);box-shadow: 0 0 0 2px rgba(245, 245, 247, 0.3);}

/*btn-gradient-pink*/
.btn-gradient-pink {background-image: linear-gradient(120deg, #f5468e 0%, #f55654 100%);color: #ffffff;
-webkit-box-shadow: 0 2px 6px 0 rgba(245, 70, 142, 0.5);box-shadow: 0 2px 6px 0 rgba(245, 70, 142, 0.5);
border: 1px solid #f42e7f;}
.btn-gradient-pink:hover, .btn-gradient-pink:focus, .btn-gradient-pink:active, .btn-gradient-pink.active,
.btn-gradient-pink.focus, .btn-gradient-pink:active, .btn-gradient-pink:focus, .btn-gradient-pink:hover,
.open > .dropdown-toggle.btn-gradient-pink, .btn-gradient-pink.active,
.btn-gradient-pink:active, .show > .btn-gradient-pink.dropdown-toggle {
background-image: linear-gradient(120deg, #f55654 0%, #f5468e 100%);border: 1px solid #f42e7f;}
.btn-gradient-pink:not(:disabled):not(.disabled):active:focus, .show > .btn-gradient-pink.dropdown-toggle:focus,
.btn-gradient-pink.focus, .btn-gradient-pink:focus {
-webkit-box-shadow: 0 0 0 2px rgba(245, 70, 142, 0.3);box-shadow: 0 0 0 2px rgba(245, 70, 142, 0.3);}

/*btn-gradient-purple*/
.btn-gradient-purple {background-image: linear-gradient(120deg, #775fd5 0%, #a456ad 100%);color: #ffffff;
-webkit-box-shadow: 0 2px 6px 0 rgba(119, 95, 213, 0.5);box-shadow: 0 2px 6px 0 rgba(119, 95, 213, 0.5);
border: 1px solid #8873da;}
.btn-gradient-purple:hover, .btn-gradient-purple:focus, .btn-gradient-purple:active, .btn-gradient-purple.active,
.btn-gradient-purple.focus, .btn-gradient-purple:active, .btn-gradient-purple:focus, .btn-gradient-purple:hover,
.open > .dropdown-toggle.btn-gradient-purple, .btn-gradient-purple.active,
.btn-gradient-purple:active, .show > .btn-gradient-purple.dropdown-toggle {
background-image: linear-gradient(120deg, #a456ad 0%, #775fd5 100%);border: 1px solid #664bd0;}
.btn-gradient-purple:not(:disabled):not(.disabled):active:focus, .show > .btn-gradient-purple.dropdown-toggle:focus,
.btn-gradient-purple.focus, .btn-gradient-purple:focus {
-webkit-box-shadow: 0 0 0 2px rgba(119, 95, 213, 0.3);box-shadow: 0 0 0 2px rgba(119, 95, 213, 0.3);}
/* ==============
Card
===================*/
.card {border: none;margin-bottom: 30px;
-webkit-box-shadow:  rgba(149, 157, 165, 0.2) 0px 8px 24px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.card .card-header {background-color: #ebeff8;font-size: 1.8rem;font-weight: 500;}
.card .card-footer {background-color: #ebeff8;}
.card .card-title {font-size: 1.8rem;}
.card-primary {background-color: #605daf;border-color: #605daf;}
.card-success {background-color: #5dd099;border-color: #5dd099;}
.card-info {background-color: #33cdff;border-color: #33cdff;}
.card-warning {background-color: #f8c955;border-color: #f8c955;}
.card-danger {background-color: #f96e5b;border-color: #f96e5b;}
.card-header {border-bottom: 1px solid rgba(45, 59, 72, 0.05);}
/* ==============
Pagination
===================*/
.pagination .page-link {color: #000;border: 1px solid var(--rgba-blue-5);font-size: 1.2rem;}
.pagination .page-item.active .page-link {background-color: var(--rgba-blue-5);border-color: var(--rgba-blue-5);
color: #ffffff; font-size: 1.2rem;}
.pagination .page-link:focus, .pagination .page-link:hover {color: var(--ts-navyblue);background-color: #fff;
border: 1px solid var(--ts-navyblue);}
.pagination .form-control {border-color: transparent;font-size: 1.2rem;padding: 0;height: calc(16px + 2px);background-color: transparent;}
.pagination .form-control:focus {border-color: transparent;background-color: transparent;}
ul.pagination > .page-item a {padding: 6px 12px!important;}
.pagination a.disabled {pointer-events: none;}

.custom-pagination .page-link {border-radius: 50%;width: 40px;height: 40px;padding-left: 14px;line-height: 22px;}
.custom-pagination-2 .page-item a {background-color: #ebeff8;}
.custom-pagination-2 .page-item:first-child .page-link {margin-left: 0;border-top-left-radius: 40px;border-bottom-left-radius: 40px;}
.custom-pagination-2 .page-item:last-child .page-link {border-top-right-radius: 40px;border-bottom-right-radius: 40px;}
/* ==============
Progressbar
===================*/
.progress-bar {background-color: #605daf;}
/* Progressbar Vertical */
.progress-vertical {min-height: 250px;height: 250px;width: 10px;position: relative;display: inline-block;margin-bottom: 0;
margin-right: 20px;}
.progress-vertical .progress-bar {width: 100%;}
.progress-vertical-bottom {min-height: 250px;height: 250px;position: relative;width: 10px;display: inline-block;
margin-bottom: 0;margin-right: 20px;}
.progress-vertical-bottom .progress-bar {width: 100%;position: absolute;bottom: 0;}
.progress-vertical.progress-sm,.progress-vertical-bottom.progress-sm {width: 5px !important;}
.progress-vertical.progress-sm .progress-bar,.progress-vertical-bottom.progress-sm .progress-bar {font-size: 8px;line-height: 5px;}
.progress-vertical.progress-md,.progress-vertical-bottom.progress-md {width: 15px !important;}
.progress-vertical.progress-md .progress-bar,.progress-vertical-bottom.progress-md .progress-bar {font-size: 10.8px;line-height: 14.4px;}
.progress-vertical.progress-lg,.progress-vertical-bottom.progress-lg {width: 20px !important;}
.progress-vertical.progress-lg .progress-bar,.progress-vertical-bottom.progress-lg .progress-bar {font-size: 1.2rem;line-height: 20px;}
/* ==============
Popover & Tooltips
===================*/
.popover-title {margin-top: 0;}
.tooltip .tooltip-inner {padding: 4px 10px;}
.swal2-popup .swal2-title {font-size: 2.4rem;font-weight: 500;}
.swal2-popup .swal2-styled.swal2-confirm {border: 0;border-radius: .25em;background: initial;background-color: #605daf;
color: #ffffff;font-size: 1.0625em;}
.swal2-popup .swal2-styled:focus {outline: 0;-webkit-box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(96, 93, 175, 0.4);
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(96, 93, 175, 0.4);}
.swal2-popup .swal2-styled.swal2-cancel {border: 0;border-radius: .25em;background: initial;background-color: #f96e5b;
color: #ebeff8;font-size: 1.0625em;}
.swal2-popup .swal2-styled.swal2-cancel:focus {outline: 0;-webkit-box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(249, 110, 91, 0.5);
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(249, 110, 91, 0.5);}
.swal2-actions .btn-success:not(:disabled):not(.disabled):active,.swal2-actions .btn-success,.swal2-actions .btn-success:active {
background-color: #605daf;border: 1px solid #605daf;}
.swal2-actions .btn-success:focus {-webkit-box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(96, 93, 175, 0.4);
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(96, 93, 175, 0.4);}
.swal2-actions .btn-danger:not(:disabled):not(.disabled):active {color: #ffffff;background-color: #f96e5b;border-color: #f96e5b;}
.swal2-actions .btn-danger:not(:disabled):not(.disabled):active:focus {
-webkit-box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(249, 110, 91, 0.5);
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(249, 110, 91, 0.5);
}
.swal2-actions .btn-danger {background-color: #f96e5b;border: 1px solid #f96e5b;}
.swal2-actions .btn-danger:active {background-color: #f96e5b;border: 1px solid #f96e5b;}
.swal2-actions .btn-danger:hover {background-color: #f96e5b;border: 1px solid #f96e5b;}
.swal2-actions .btn-danger:focus {background-color: #f96e5b;border: 1px solid #f96e5b;
-webkit-box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(249, 110, 91, 0.5);
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(249, 110, 91, 0.5);}
/* ==============
Alertify
===================*/
.alertify, .alertify-logs {z-index: 99;}
.alertify input {border: 2px solid #8c9ea9;}
.alertify-logs > .success {background-color: #5dd099;color: #ffffff;}
.alertify-logs > .error {background-color: #f96e5b;color: #ffffff;}
.alertify-logs > *, .alertify-logs > .default {background-color: #2d3b48;}
/* ==============
Charts
===================*/
.jqstooltip {-webkit-box-sizing: content-box;box-sizing: content-box;}
.chart {position: relative;display: inline-block;width: 110px;height: 110px;margin-top: 20px;margin-bottom: 20px;text-align: center;}
.chart canvas {position: absolute;top: 0;left: 0;}
.chart.chart-widget-pie {margin-top: 5px;margin-bottom: 5px;}
.percent {display: inline-block;line-height: 110px;z-index: 2;}
.percent:after {content: '%';margin-left: 0.1em;font-size: .8em;}
/* Morris chart */
.morris-hover.morris-default-style {border-radius: 5px;padding: 10px 12px;background: #ffffff;border: none;
font-family: var(--chart-family);-webkit-box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.14);
box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.14);}
.morris-hover.morris-default-style .morris-hover-point {font-weight: 500;font-size: 1.4rem;color: #2d3b48 !important;}
.morris-hover.morris-default-style .morris-hover-row-label {background-color: #2d3b48;color: #ffffff;padding: 4px;
border-radius: 5px 5px 0 0;margin: -10px -12px 10px;}
/* Flot chart */
#flotTip {padding: 8px 12px;background-color: #ffffff;z-index: 100;color: #2d3b48;
-webkit-box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.14);box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.14);border-radius: 1px;}
/* Chartist chart */
.ct-golden-section:before {float: none;}
.ct-chart {height: 300px;}
.ct-grid {stroke: rgba(0, 0, 0, 0.09);stroke-width: 2px;stroke-dasharray: 3px;}
.ct-chart .ct-label {fill: #8c9ea9;color: #8c9ea9;font-size: 1.4rem;line-height: 1;}
.ct-chart.simple-pie-chart-chartist .ct-label {color: #ffffff;fill: #ffffff;font-size: 1.6rem;}
.ct-chart .ct-series.ct-series-a .ct-bar,.ct-chart .ct-series.ct-series-a .ct-line,.ct-chart .ct-series.ct-series-a .ct-point,
.ct-chart .ct-series.ct-series-a .ct-slice-donut {stroke: #605daf;}
.ct-chart .ct-series.ct-series-b .ct-bar,.ct-chart .ct-series.ct-series-b .ct-line,.ct-chart .ct-series.ct-series-b .ct-point,
.ct-chart .ct-series.ct-series-b .ct-slice-donut {stroke: #33cdff;}
.ct-chart .ct-series.ct-series-c .ct-bar,.ct-chart .ct-series.ct-series-c .ct-line,.ct-chart .ct-series.ct-series-c .ct-point,
.ct-chart .ct-series.ct-series-c .ct-slice-donut {stroke: #f8c955;}
.ct-chart .ct-series.ct-series-d .ct-bar,.ct-chart .ct-series.ct-series-d .ct-line,.ct-chart .ct-series.ct-series-d .ct-point,
.ct-chart .ct-series.ct-series-d .ct-slice-donut {stroke: #2d3b48;}
.ct-chart .ct-series.ct-series-e .ct-bar,.ct-chart .ct-series.ct-series-e .ct-line,.ct-chart .ct-series.ct-series-e .ct-point,
.ct-chart .ct-series.ct-series-e .ct-slice-donut {stroke: #5dd099;}
.ct-chart .ct-series.ct-series-f .ct-bar,.ct-chart .ct-series.ct-series-f .ct-line,.ct-chart .ct-series.ct-series-f .ct-point,
.ct-chart .ct-series.ct-series-f .ct-slice-donut {stroke: #f96e5b;}
.ct-chart .ct-series.ct-series-g .ct-bar,.ct-chart .ct-series.ct-series-g .ct-line,.ct-chart .ct-series.ct-series-g .ct-point,
.ct-chart .ct-series.ct-series-g .ct-slice-donut {stroke: #f5f5f7;}
.ct-series-a .ct-area,.ct-series-a .ct-slice-pie {fill: #605daf;}
.ct-series-b .ct-area,.ct-series-b .ct-slice-pie {fill: #f8c955;}
.ct-series-c .ct-area,.ct-series-c .ct-slice-pie {fill: #2d3b48;}
.chartist-tooltip {position: absolute;display: inline-block;opacity: 0;min-width: 10px;padding: 2px 10px;border-radius: 3px;
-moz-border-radius: 3px;background-clip: padding-box;background: #2d3b48;color: #ffffff;text-align: center;pointer-events: none;
z-index: 1;-webkit-transition: opacity .2s linear;transition: opacity .2s linear;}
.chartist-tooltip.tooltip-show {opacity: 1;}
/* C3 chart */
.c3 svg {max-width: 100%;}
.c3-tooltip td > span {background: #2d3b48;}
.c3-tooltip td {border-left: none;}
.c3-tooltip {-webkit-box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.12);box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.12);opacity: 1;}
.c3-chart-arcs-title {font-size: 1.8rem;font-weight: 600;font-family: var(--chart-family);}
.c3-tooltip tr {border: none !important;}
.c3-tooltip th {background-color: #2d3b48;}
.c3-tooltip .value {font-weight: 600;font-family:var(--chart-family);}
.c3-line {stroke-width: 2px;}
.c3-legend-item {font-size: 1.3rem;font-family: var(--chart-family);}
#donut-chart #donut-chart-container .legend {position: relative;margin-right: -50px;top: -50px;}
/* =============
Tables
===================*/
table{font-family: var(--table-family);}
.table {margin-bottom: 10px;}
.table thead {background-color: #fff; font-size:1.3rem; color:#000;}
.table thead.light{background-color: #ebeff8;}
.table thead th {font-weight: 500; }
.table-sm td, .table-sm th {padding: .3rem !important; font-size: 1.3rem !important;}
.table-sm td.summary {padding: 1rem !important; font-size: 1.6rem !important;}
.table > tfoot > tr > td, .table > thead > tr > td {padding: 7px 5px;vertical-align: middle;}
.table > tbody > tr > td {padding: 7px 5px;vertical-align: top;font-size:1.25rem;}
.table-hover tbody tr:hover, .table-striped tbody tr:nth-of-type(odd),.thead-default th {background-color: #fafbfd;}
.table-centered td,.table-centered th {vertical-align: middle !important;}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > td {padding: 5px;}
.tableHead th,.tablegreyhead th{border:0; font-weight:600; font-size:1.2rem; color: #000;}
.tableHead th {font-size:1.2rem!important;}
.rowhead td{font-weight:600!important;}
.table th{padding: 10px 5px; font-size:1.3rem; font-weight:600;}
.table tr:first-child td{border-top:0;}
.table .form-control{ font-size:1.3rem!important;font-weight:600;}
.table-heading{ font-size:1.4rem; font-weight:500; margin:0; padding:10px; color:#6c757d; text-transform:uppercase;}
.table .sno{ width:50px;text-align:center;}
.table .qty{ width:60px;}
.table .priority{ width:80px;text-align:center;}
.table .mobileno{ width:130px}
.table .email{ width:200px}
.table .designation{ width:140px}
.table .department{ width:170px}
.table .stat1{ width:100px; text-align:center;}
.table .statusToggle{ width:70px; text-align:center;}
.table .action3{ width:100px; text-align:center;}
.table .action1{ width:50px; text-align:center;}
.table .amount{ width:120px;text-align:right;}
.table .date{ width:100px;}
.table .dateTime{ width:160px;}
.table sb{ color:#9e9e9e;}
.table td a > i{ font-size:1.3rem;}
.table a{ color:#000;}
.table .link{ color:#3498DB;font-weight:500;}
.table .t-link{ color:#06038D; font-weight:500;} /* 3498DB 006e40 06038D*/
.table .t-linkgreen{ color:#046A38; font-weight:500;} /* 3949AB 3498DB f5468e*/
.table a:hover,.table .t-linkgreen:hover{ color:var(--primary);}
.table .t-link:hover{color:#FF671F;}

.table .text-pink:hover{ color:#046A38 !important;}
.table .text-orange:hover{ color:#06038D !important;}
.table .activerow{ background-color:#fafbfd;}

/* == Responsive Table ==*/
table.focus-on tbody tr.focused th {background-color: #605daf;color: #ffffff;}
table.focus-on tbody tr.focused td {background-color: #605daf;color: #ffffff;}
.table-rep-plugin .btn-toolbar {display: block;}
.table-rep-plugin .btn-default {background-color: #ffffff;border-color: #d4d8e1;margin-right: 5px;}
.table-rep-plugin .btn-default.btn-primary {background-color: #605daf;border-color: #605daf;}
.table-rep-plugin .table-responsive {border: none !important;}
.table-rep-plugin .btn-group.float-right .dropdown-menu {left: auto;right: 0;}
.table-rep-plugin tbody th {font-size: 1.4rem;font-weight: normal;}
.table-rep-plugin .checkbox-row {padding-left: 40px;}
.table-rep-plugin .checkbox-row label {display: inline-block;padding-left: 5px;position: relative;}
.table-rep-plugin .checkbox-row label::before {-o-transition: 0.3s ease-in-out;-webkit-transition: 0.3s ease-in-out;
background-color: #ffffff;border-radius: 3px;border: 1px solid #d4d8e1;content: "";display: inline-block;height: 17px;
left: 0;margin-left: -20px;position: absolute;transition: 0.3s ease-in-out;width: 17px;outline: none !important;}
.table-rep-plugin .checkbox-row label::after {color: #d4d8e1;display: inline-block;font-size: 1.1rem;height: 16px;
left: 0;margin-left: -20px;padding-left: 3px;padding-top: 1px;position: absolute;top: -1px;width: 16px;}
.table-rep-plugin .checkbox-row input[type="checkbox"] {cursor: pointer;opacity: 0;z-index: 1;outline: none !important;}
.table-rep-plugin .checkbox-row input[type="checkbox"]:disabled + label {opacity: 0.65;}
.table-rep-plugin .checkbox-row input[type="checkbox"]:focus + label::before {outline-offset: -2px;outline: none;}
.table-rep-plugin .checkbox-row input[type="checkbox"]:checked + label::after {content: "\f00c";font-family: 'FontAwesome';}
.table-rep-plugin .checkbox-row input[type="checkbox"]:disabled + label::before {background-color: #f5f5f7;cursor: not-allowed;}
.table-rep-plugin .checkbox-row input[type="checkbox"]:checked + label::before {background-color: #605daf;border-color: #605daf;}
.table-rep-plugin .checkbox-row input[type="checkbox"]:checked + label::after {color: #ffffff;}
/* ==============
Range slider
===================*/
.irs-from, .irs-to, .irs-single {background: #605daf;}
.irs-from:after, .irs-to:after, .irs-single:after {border-top-color: #605daf;}
/* ==============
Powerange Slider
===================*/
.range-bar {background-color: #d4d8e1;}
.range-min, .range-max {color: #8c9ea9;padding-top: 0;}
.range-quantity {background-color: #605daf;}

.slider-wrapper {margin: 0 25px 12px;position: relative;width: 250px;}
.slider-wrapper.vertical-wrapper {height: 200px;width: auto;}
.display-box-label {font-size: 0.8em;position: absolute;right: -80px;top: -8px;}
.display-box {background-color: #605daf;color: #ffffff;border-radius: 5px;font-size: 0.8em;height: 23px;right: -140px;padding-top: 2px;
position: absolute;text-align: center;top: -10px;width: 50px;-webkit-box-shadow: inset 0 0 10px rgba(163, 167, 168, 0.15);
box-shadow: inset 0 0 10px rgba(163, 167, 168, 0.15);}
/* ==============
Form-elements
===================*/
labela {font-weight: 500;color: #636466;font-size: 1.4rem;}
.exportData{font-size: 1.3rem;}
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: url(...);box-shadow: none !important;outline: none!important;}
.form-control,.input-group-text {font-size: 1.3rem; padding: 8px;}
.form-control:focus {border:1px solid #006e40!important;-webkit-box-shadow: none;box-shadow: none;}
.form-group { margin-bottom:1.5rem;}
.input-group-text {width:45px; justify-content:center;}
/* Form Floating */
#custom-search-input{background-color:transparent;border: 1px solid #d6d6d6; border-radius: .25rem;}
#custom-search-input input{border: 0;box-shadow: none; background-color:transparent; font-weight:500;
height: 30px;font-size: 1.3rem;}
#custom-search-input button{margin:0;box-shadow: none;border: 0; height: 100%;text-align: center;}
#custom-search-input i,#custom-search-input svg{font-size: 1.4rem;vertical-align: middle;}
#custom-search-input .buttontext{vertical-align: middle;font-size: 1.2rem;}
#custom-search-input button:hover svg,#custom-search-input svg:hover {color:#000;}
#custom-search-input input:focus{border: 0 !important; outline: 0 !important;}
#custom-search-input:focus-within {border: 1px solid var(--ts-navyblue);}

.form-floating {position: relative;color:#000;}
.formsearch .form-floating { position:relative;}
.formsearch .form-floating > .input-icon{ position:absolute; top:10px }
.formsearch .form-floating > .input-icon.left{ left:8px; }
.formsearch .form-floating > .input-icon.right{ right:8px; }

.form-floating > .form-control,.form-floating > .form-control-plaintext {
padding: 20px 5px 0 10px;height:45px; font-size:1.4rem; font-weight:600;color:#333; font-family:  var(--body-family);}
.form-floating > label {position: absolute;top: 4px;left: 4px;width: 100%;height: 100%;padding: 0.9rem 0.75rem 0 0.55rem;
overflow: hidden;text-align: start;text-overflow: ellipsis;white-space: nowrap;pointer-events: none;
border: 1px solid transparent;transform-origin: 0 0;transition: opacity 0.1s ease-in-out,
transform 0.1s ease-in-out; font-size:1.3rem; color:#455A64}
.form-floating > .select_label{color:#AEB6BF;}
.form-floating > .form-control-plaintext::-moz-placeholder,.form-floating > .form-control::-moz-placeholder {color: transparent;}
.form-floating > .form-control-plaintext::placeholder,.form-floating > .form-control::placeholder {color: transparent;}
.form-floating > .form-control-plaintext:not(:-moz-placeholder-shown),.form-floating > .form-control:not(:-moz-placeholder-shown) {
padding-top: 1.625rem;padding-bottom: 0.625rem;}
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown),
.form-floating > .form-control:focus,.form-floating > .form-control:not(:placeholder-shown) {}
.form-floating > .form-control-plaintext:-webkit-autofill,.form-floating > .form-control:-webkit-autofill {padding-top:0.625rem;}
.form-floating > .form-select {font-family: var(--body-family);border: 1px solid #d6d6d6; 
border-radius:0; padding:18px 20px 0 10px; height:45px;font-weight:600; font-size:1.3rem; background: transparent;}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {opacity: 0.65;transform: scale(0.85) translateY(-1rem) translateX(0.15rem);font-size:1.5rem;}
.form-floating > .form-control-plaintext ~ label,.form-floating > .form-control:focus ~ label,.form-floating > .form-control:not(:placeholder-shown) ~ label,.form-floating > .form-select ~ label {opacity: 1;transform: scale(0.85) translateY(-1rem) translateX(0.15rem);  font-size:1.4rem;}
.form-floating > .form-control:-webkit-autofill ~ label {opacity: 0.65;transform: scale(0.85) translateY(-1rem) translateX(0.15rem);  font-size:1.4rem;}
.form-floating > .form-control-plaintext ~ label {border-width: 1px 0;}
.form-floating > .form-control.transparent{ background:transparent;}
.form-floating > .form-control.no-label,.form-floating > .form-select.no-label {padding:10px!important;}
.floating-label { position:relative; margin-bottom:20px; }
.floating-input , .floating-select {padding:20px 10px 0 10px;display:block;width:100%;
background-color: transparent;border:1px solid #757575; height:44px; font-size:1.5rem;}
.floating-input:focus , .floating-select:focus {outline:none;border-bottom:2px solid #5264AE; }
.floating-label > label {color:#999; margin:0; font-weight:normal;position:absolute;pointer-events:none;left:10px;top:12px;transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all;}
.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {top:2px;font-size:1.2rem;color:#5264AE;}
.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {top:2px;font-size:1.2rem;color:#5264AE;}
/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {width:50%;}
.floating-textarea {min-height: 30px;max-height: 260px; overflow:hidden;overflow-x: hidden; }
.custom-control-input:checked ~ .custom-control-indicator {background-color: #605daf;}
.custom-control-input:focus ~ .custom-control-indicator {
-webkit-box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #605daf;box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #605daf;}
.has-success .form-control {border-color: #5dd099;-webkit-box-shadow: none;box-shadow: none;}
.has-warning .form-control {border-color: #f8c955;-webkit-box-shadow: none;box-shadow: none;}
.has-error .form-control {border-color: #f96e5b;-webkit-box-shadow: none;box-shadow: none;}
.input-group-addon {border-radius: 2px;border: 1px solid #f5f5f7;}
/* ==============
Form-Validation
===================*/
.error {color: #ff0000;}
.parsley-error {border-color: #f96e5b;}
.parsley-errors-list {display: none;margin: 0;padding: 0;}
.parsley-errors-list.filled {display: block;}
.parsley-errors-list > li {font-size: 1.2rem;list-style: none;color: #f96e5b;margin-top: 5px;}
/* ==============
Form-Upload
===================*/
/* Dropzone */
.dropzone {min-height: 230px;border: 2px dashed rgba(0, 0, 0, 0.3);background: white;border-radius: 6px;}
.dropzone .dz-message {font-size: 3rem;}
/* ==============
Form-Advanced
===================*/
/* Datepicker */
.datepicker {border: 1px solid #B2BABB;padding: 8px;}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover, .datepicker table tr td.today, .datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover, .datepicker table tr td.selected,
.datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover {
background-color: #605daf !important;background-image: none;-webkit-box-shadow: none;box-shadow: none;color: #ffffff;}
/* Bootstrap-touchSpin */
.bootstrap-touchspin .input-group-btn-vertical .btn {padding: 9px 12px;}
.bootstrap-touchspin .input-group-btn-vertical i {top: 4px;left: 8px;}
/* Prism */
:not(pre) > code[class*="language-"], pre[class*="language-"] {background: #f5f5f7;}
/*--colorpicker--*/
.asColorPicker-clear {display: none;position: absolute;top: 8px;right: 45px;text-decoration: none;}
.asColorPicker-trigger {position: absolute;top: 0;right: 0;height: 38px;width: 38px;border: 0;}
.asColorPicker-dropdown {max-width: 260px;}
.asColorPicker-wrap {position: relative;display: inline-block;width: 100%;padding-right: 35px;}
.input-title {font-weight: 400;font-size: 1.5rem;color: #2d3b48;}
/* ==============
Form Editor
===================*/
.mce-panel {border-color: #e7e7ec !important;background-color: #f5f5f7 !important;}
.mce-menu-item:hover, .mce-menu-item.mce-selected, .mce-menu-item:focus {background-color: #605daf !important;}
.mce-menu {background-color: #ffffff !important;}
/* ==============
Summernote
===================*/
.note-btn-group .dropdown-menu > li > a {display: block;padding: 5px 20px;clear: both;font-weight: normal;line-height: 1.42857143;
color: #333;white-space: nowrap;}
.note-btn-group .dropdown-menu > li > a:hover {background-color: #fbfbfc;}
.note-image-popover, .note-air-popover, .note-link-popover {display: none;}
.note-image-popover .dropdown-toggle::after, .note-air-popover .dropdown-toggle::after, .note-link-popover .dropdown-toggle::after {
margin-left: 0;}
.note-icon-caret {display: none;}
.note-editor {position: relative;}
.note-editor .btn-default {background-color: transparent;border-color: transparent;}
.note-editor .btn-group-sm > .btn, .note-editor .btn-sm {padding: 8px 12px;}
.note-editor .note-toolbar {background-color: #ebeff8;border-bottom: 1px solid #f5f5f7;margin: 0;}
.note-editor .note-statusbar {background-color: #ffffff;}
.note-editor .note-statusbar .note-resizebar {border-top: none;height: 15px;padding-top: 3px;}
.note-editor.note-frame {border: 1px solid #f5f5f7;}
.note-editor.note-frame.card {-webkit-box-shadow: none;box-shadow: none;}
.note-popover .popover .popover-content {padding: 5px 0 10px 5px;}
.note-popover .btn-default {background-color: transparent;border-color: transparent;}
.note-popover .btn-group-sm > .btn, .note-popover .btn-sm {padding: 8px 12px;}
.note-toolbar {padding: 5px 0 10px 5px;}
/* ==============
Calendar
===================*/
.calendar {float: left;margin-bottom: 0;}
.none-border .modal-footer {border-top: none;}
.fc-toolbar {margin-bottom: 8px;}
.fc-toolbar h2 {font-size: 1.8rem;font-weight: 600;line-height: 30px;text-transform: uppercase;}
.fc-day {background: #ffffff;}
.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active,
.fc-toolbar button:focus, .fc-toolbar button:hover,.fc-toolbar .ui-state-hover {z-index: 0;}
.fc-widget-header {border: 1px solid #bcc1c2;background: #605daf;color: #ffffff;}
.fc-widget-content {border: 1px solid #bcc1c2;}
.fc th.fc-widget-header {font-size: 1.4rem;line-height: 20px;padding: 10px 0;font-weight: 700;text-transform: uppercase;}
.fc-button {background: #ffffff;border: 1px solid #d4d8e1;color: #939798;text-transform: capitalize;}
.fc-text-arrow {font-family: arial;font-size: 1.6rem;}
.fc-state-hover {background: #d4d8e1;}
.fc-state-highlight {background: #d4d8e1;}
.fc-cell-overlay {background: #d4d8e1;}
.fc-unthemed .fc-today {background: #ffffff;}
.fc-event {border-radius: 2px;border: none;cursor: move;font-size: 1.3rem;margin: 5px 0;padding: 5px 5px;text-align: center;
background: #605daf;color: #ffffff !important;}
.external-event {color: #ffffff;cursor: move;margin: 10px 0;padding: 6px 10px;}
.fc-basic-view td.fc-week-number span {padding-right: 5px;}
.fc-basic-view td.fc-day-number {padding-right: 5px;}
/* ==============
Widgets
===================*/
.widget-chart li {width: 31.5%;display: inline-block;padding: 0;}
.widget-chart li i {font-size: 22px;}
.mini-stat {-webkit-box-shadow: 2px 0px 3px rgba(96, 93, 175, 0.05);box-shadow: 2px 0px 3px rgba(96, 93, 175, 0.05);
padding: 20px;border-radius: 3px;margin-bottom: 30px;}
.mini-stat-icon {width: 60px;height: 60px;display: inline-block;line-height: 60px;text-align: center;font-size: 3rem;
border-radius: 100%;margin-right: 10px;}
.mini-stat-info {font-size: 1.4rem;padding-top: 2px;}
.mini-stat-info span {display: block;font-size: 2.4rem;}
.round {line-height: 60px;color: #605daf;width: 60px;height: 60px;font-size: 2.6rem;display: inline-block;font-weight: 400;
border: 3px solid #d5d4ea;text-align: center;border-radius: 50%;background: #c5c3e2;}
.round-sm {line-height: 35px; width: 35px;height: 35px;font-size: 1.55rem;}
.round-md {line-height: 40px; width: 40px;height: 40px;font-size: 1.75rem;}
.round-inner,.text-lightdark {color: #bcc1c2;}
.new-user table td img,.new-user ul li img {margin-right: 8px;width: 50px;}
.boxscroll {height: 510px;overflow: auto;}
/*--FB-TWIT-Carousel--*/
.vertical .carousel-item-next.carousel-item-left,.vertical .carousel-item-prev.carousel-item-right {
-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.vertical .carousel-item-next,.vertical .active.carousel-item-right {-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100% 0);}
.vertical .carousel-item-prev,.vertical .active.carousel-item-left {-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);}
.carousel-icon i {font-size: 50px;width: 80px;height: 80px;background-color: transparent;}
#verticalCarousel,#verticalCarousel2 {height: 165px;}
#line-2 {padding: 0 -10px -10px !important;}
/* ==============
Maps
===================*/
.gmaps, .gmaps-panaroma {height: 300px;background: #f5f5f7;border-radius: 3px;}
.gmaps-overlay {display: block;text-align: center;color: #ffffff;font-size: 1.6rem;line-height: 40px;background: #605daf;
border-radius: 4px;padding: 10px 20px;}
.gmaps-overlay_arrow {left: 50%;margin-left: -16px;width: 0;height: 0;position: absolute;}
.gmaps-overlay_arrow.above {bottom: -15px;border-left: 16px solid transparent;border-right: 16px solid transparent;
border-top: 16px solid #605daf;}
.gmaps-overlay_arrow.below {top: -15px;border-left: 16px solid transparent;border-right: 16px solid transparent;
border-bottom: 16px solid #605daf;}
/* ==============
Account Pages
===================*/
.accountbg {position: absolute;width: 100%;top: 0;
background: #fff;
background: url("../images/bg-account.jpg");
background-size: cover;
background-position: center;
-webkit-box-shadow: inset 0 0 0 2000px rgba(31, 35, 60, 0.8);
box-shadow: inset 0 0 0 2000px rgba(31, 35, 60, 0.8);
}
.container-fluid {width: 97%;}
.wrapper {width: 100%; padding-top: 85px;}
.wrapper-page {margin: 4% auto 3% auto;max-width: 350px;position: relative;}
.wrapper-page .logo-admin {font-size: 2.8rem;margin-bottom: 50px;}
.wrapper-page .card {border-radius: 10px;box-shadow: none!important; background: transparent;}/*border: 1px double #605daf;*/
.page-subtitle {font-family: var(--heading-family); font-size: 1.5rem; font-weight: 400;}
.page-subtitle-box {padding: 15px 0 8px 0;  var(--heading-family);}
.page-subtitle-box .p-title {font-size: 1.8rem;margin:0; var(--heading-family);}
.page-subtitle-box .breadcrumb .breadcrumb-item a {color: #8c9ea9;}
.pageheader{width:100%; padding:10px; font-size:1.4rem; font-weight:500;font-family: var(--title-family);}
.pageheader.sm{padding:5px 10px;font-size:1.2rem; }
.pageheader.white{ background-color:#fff; color:#717D7E;}
.pageheader.light{ background-color:#EBF5FB; color:#626567;}
.pageheader.dark{ background-color:#2874A6; color:#f4f5f7;}
.pageheader.yellow{ background-color:#FFF8E1; color:#404040;}
.pageheader.grey{ background-color:#EAF2F8; color:#404040;}
.pageheader.greenlight{ background-color:#E9F7EF; color:#404040;}
.pageheader.light-yellow{ background-color: #fffde7 ; color:#404040;}
.pageheader.light-palm{ background-color: #f9fbe7  ; color:#404040;}
.pageheader.light-pgreen{ background-color: #f1f8e9 ; color:#404040;}
.pageheader.light-green{ background-color: #e8f5e9 ; color:#404040;}
.pageheader.light-orange{ background-color:  #fff3e0  ; color:#404040;}
.pageheader.light-red{ background-color: #ffebee ; color:#404040;}
.pageheader.light-pink{ background-color: #fce4ec ; color:#404040;}
.pageheader.light-blue{ background-color:  #e3f2fd  ; color:#404040;}
.pageheader.light-cyan{ background-color: #e1f5fe  ; color:#404040;}
.section-title{ font-size:1.3rem;  margin:10px 0; padding:0; display:inline-block; font-weight: 400;}
.section-title sb{ font-weight: 500;color:#FF671F; font-size:1.4rem;} 
/* color:#48C9B0; 2874A6 border-bottom:1px solid #AEB6BF; */
/*.section-title:after{background-color: #2874A6;bottom: -5px;height: 2px;width: 50px;position: relative;content: "";display: block;}*/
.user-thumb {position: relative;z-index: 999;}
.user-thumb img {height: 88px;margin: 0 auto;width: 88px;}
.ex-page-content h1 {font-size: 98px;font-weight: 500;line-height: 150px;
text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px, rgba(61, 61, 61, 0.3) 3px 3px;}
/* ==============
Menu
===================*/
#topnav {position: fixed;right: 0;left: 0;top: 0;z-index: 1030;background-color: #fff;border: 0;height: auto;}
#topnav .language-switch a img {float: right;margin-top: 5px;}
#topnav .has-submenu.active .submenu li.active > a {color: #e53935;}
#topnav .topbar-main {background-color: #fff; height:45px;}
#topnav .topbar-main .logo {color: #D6DBDF !important;font-size: 1.5rem;font-weight: 500;letter-spacing: .03em;float: left;
line-height: 45px;}
#topnav .topbar-main .logoimg { width: 100px; height: 32px; margin-top: 7px; display: block; background-size: contain; 
background-repeat: no-repeat; background-position: center center;}
#topnav .topbar-main .logo img {height: 36px!important; width:auto;}
#topnav .topbar-main .logo-small {display: none;}
#topnav .topbar-main .badge-topbar {position: absolute;top: 7px;right: 7px;z-index: 99;}
#topnav .topbar-main .nav > li > a {height: 36px;width: 36px;padding: 0;font-size: 2rem;line-height: 35px;text-align: center;
border-radius: 50%;margin: 12px 8px;color: rgba(45, 59, 72, 0.7);}
#topnav .topbar-main .nav > li > a:focus, #topnav .topbar-main .nav > li > a:hover {background-color: rgba(45, 59, 72, 0.1);
color: #2d3b48;}
#topnav .topbar-main .navbar-nav > .open > a {background-color: rgba(45, 59, 72, 0.1) !important;}
#topnav .topbar-main .profile img {height: 30px;width: 30px;display: block;}
#topnav .topbar-main .navbar-nav {margin: 0;}
#topnav .navbar-toggle {border: 0;position: relative;padding: 0;margin: 0;cursor: pointer;}
#topnav .navbar-toggle:hover {background-color: transparent;}
#topnav .navbar-toggle:hover span {background-color: #2d3b48;}
#topnav .navbar-toggle .lines {width: 25px;display: block;position: relative;margin: 0 10px 0 0;padding-top: 24px;
height: 23px;-webkit-transition: all .5s ease;transition: all .5s ease;}
#topnav .navbar-toggle span {height: 2px;width: 100%;background-color: rgba(45, 59, 72, 0.8);display: block;
margin-bottom: 5px;-webkit-transition: -webkit-transform .5s ease;transition: -webkit-transform .5s ease;
transition: transform .5s ease;transition: transform .5s ease, -webkit-transform .5s ease;}
#topnav .navbar-toggle.open span {position: absolute;}
#topnav .navbar-toggle.open span:first-child {top: 28px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#topnav .navbar-toggle.open span:nth-child(2) {visibility: hidden;}
#topnav .navbar-toggle.open span:last-child {width: 100%;top: 28px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
#topnav .navigation-menu {margin: 0;padding: 0;font-size: 0;}
#topnav .navigation-menu > li {display: inline-block;position: relative; list-style: none;}
#topnav .navigation-menu > li > a:hover {color: #000;}
#topnav .has-submenu:hover span.hidename{display: inline-block;}
#topnav .navigation-menu > li > a:focus {color: #000;}
#topnav .navigation-menu > li > a:active {color: #000;}
#topnav .navigation-menu > li > a i {font-size: 1.4rem;margin-right: 5px;text-align: center;}
#topnav .navigation-menu > li > a:hover, #topnav .navigation-menu > li > a:focus {background-color: transparent;}
#topnav .head-title {color:#000; padding:0; margin: 0; font-size:1.5rem; font-weight: 600; font-family: var(--heading-family);
min-width: 90px; display: inline-block; text-align: right; position: relative; top:-5px;}
/* Notification */
.notification-list {margin: 0 !important;}
.notification-list .noti-title {border-radius: 0.25rem 0.25rem 0 0;margin: -4px 0px 0px 0px;width: auto;
padding: 12px 20px; background-color: #34495E;}
.notification-list .noti-title h5 {margin: 0;font-size: 1.4rem;color:#fafafa;}
.notification-list .noti-icon {font-size: 2.4rem;vertical-align: middle;color: #78797c;}
.notification-list .noti-icon-badge {display: inline-block;position: absolute;top: 15px;right: 10px;}
.notification-list .notify-item {padding: 15px 20px;}
.notification-list .notify-item .notify-icon {float: left;height: 36px;width: 36px;line-height: 36px;text-align: center;
margin-right: 10px;border-radius: 50%;color: #ffffff;}
.notification-list .notify-item .notify-icon img {margin-top: 4px;}
.notification-list .notify-item .notify-details {margin-bottom: 0;overflow: hidden;margin-left: 45px;text-overflow: ellipsis;
white-space: nowrap;}
.notification-list .notify-item .notify-details b {font-weight: normal;}
.notification-list .notify-item .notify-details small {display: block;white-space: normal;}
.notification-list .notify-item .notify-details span {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
font-size: 1.3rem;}
.notification-list .notify-all {border-radius: 0 0 0.25rem 0.25rem;margin: 0 0 -5px 0;background-color: #f5f5f7;}
.notification-list .profile-dropdown .notify-item {padding: 4px 20px;}
.notification-list .nav-link {padding: 0 0 0 15px;line-height: 50px;}
.notification-list .language-switch a img {float: right;margin-top: 5px;}
/* Profile Menu */
.profile-dropdown {width: 200px; top: -1px !important;}
.profile-dropdown > a { font-size: 1.3rem;}
.profile-dropdown i {font-size: 17px;vertical-align: middle;margin-right: 5px;}
.profile-dropdown span {vertical-align: middle;}
.nav-user img {height: 36px;width: 36px;}
.arrow-none:after {border: none;margin: 0;display: none;}
.dropdown-menu-lg {width: 270px;}
/* Responsive Menu */
@media (min-width: 992px) {
#topnav .navigation-menu > li > a {padding-top: 15px;padding-bottom: 15px;}
#topnav .navigation-menu > li:first-of-type > a {padding-left: 0;}
#topnav .navigation-menu > li.last-elements .submenu {left: auto;right: 0;}
#topnav li.subhead {color: #000;font-size: 1.6rem;font-weight: 500;text-transform: uppercase;}
#topnav .navigation-menu > li.last-elements .submenu > li.has-submenu .submenu {
/*left: auto;*/right: 100%;margin-left: 0;margin-right: 10px;}
#topnav .navigation-menu > li .submenu {position: absolute;top: 100%;left: 0;z-index: 1000;padding: 5px 0 15px 0;
list-style: none;min-width: 150px;text-align: left;visibility: hidden;opacity: 0;margin-top: 0;-webkit-transition: all .2s ease;
transition: all .2s ease;background-color: #ffffff;-webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1);}
#topnav .navigation-menu > li .submenu.megamenu {white-space: nowrap;width: auto;}
#topnav .navigation-menu > li .submenu.megamenu > li {overflow: hidden;width: 200px;display: inline-block;vertical-align: top;}
#topnav .navigation-menu > li .submenu > li.has-submenu > a:after {content: "\56";font-family: "dripicons-v2";position: absolute;
right: 20px;top: 8px;font-size: 1.5rem;}
#topnav .navigation-menu > li .submenu > li .submenu {left: 100%;top: 0;margin-top: 10px;}
#topnav .navigation-menu > li .submenu li {position: relative;}
#topnav .navigation-menu > li .submenu li ul {list-style: none;padding-left: 0;margin: 0;}
#topnav .navigation-menu > li .submenu li a {display: block;padding: 8px 15px 8px 15px;clear: both;white-space: nowrap;
font-size: 1.3rem;font-weight: 400;color: #2d3b48;}
#topnav .navigation-menu > li .submenu li span {display: block;padding: 8px 25px;clear: both;line-height: 1.42857143;
white-space: nowrap;font-size: 10px;text-transform: uppercase;letter-spacing: 2px;font-weight: 500;color: #2d3b48;}
#topnav .navbar-toggle {display: none;}
#topnav #navigation {display: block;}
}

@media (max-width: 991px) {
.wrapper {padding-top: 60px;}
.container-fluid {width: 98%;}
#topnav .navigation-menu {float: none;max-height: 400px;text-align: left;}
#topnav .navigation-menu > li {display: block;}
#topnav .navigation-menu > li > a {color: #2d3b48;padding: 15px;}
#topnav .navigation-menu > li > a i {display: inline-block;margin-right: 10px;
margin-bottom: 0;vertical-align: inherit;}
#topnav .has-submenu.active a, #topnav .navigation-menu > li > a:active, #topnav .navigation-menu > li > a:hover {color: #605daf; }
#topnav .navigation-menu > li > a:after {position: absolute;right: 15px;}
#topnav .navigation-menu > li .submenu {display: none;list-style: none;padding-left: 20px;margin: 0;}
#topnav .navigation-menu > li .submenu li a {display: block;position: relative;padding: 7px 20px;color: #2d3b48;}
#topnav .navigation-menu > li .submenu li a:hover {color: #605daf;}
#topnav .navigation-menu > li .submenu li.has-submenu > a:after {content: "\54";font-family: "dripicons-v2";position: absolute;
right: 30px;}
#topnav .navigation-menu > li .submenu.open {display: block;}
#topnav .navigation-menu > li .submenu .submenu {display: none;list-style: none;}
#topnav .navigation-menu > li .submenu .submenu.open {display: block;}
#topnav .navigation-menu > li .submenu.megamenu > li > ul {list-style: none;padding-left: 0;}
#topnav .navigation-menu > li .submenu.megamenu > li > ul > li > span {display: block;position: relative;padding: 15px;
text-transform: uppercase;font-size: 1.1rem;letter-spacing: 2px;color: #2d3b48;}
#topnav .navigation-menu > li.has-submenu.open > a {color: #605daf;}
#navigation {position: absolute;top: 60px;left: 0;right: 0;display: none;height: auto;padding-bottom: 0;overflow: auto;
border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;background-color: #ffffff;}
#navigation.open {display: block;overflow-y: auto;}
}

@media (min-width: 768px) {
#topnav .navigation-menu > li.has-submenu:hover > .submenu {visibility: visible;opacity: 1;margin-top: 0;}
#topnav .navigation-menu > li.has-submenu:hover > .submenu > li.has-submenu:hover > .submenu {visibility: visible;opacity: 1;
margin-top: -1px;margin-right: 0;}
.navbar-toggle {display: block;}
}

@media (max-width: 620px) {
.topbar-main .logo {font-size: 2.8rem !important;}
.notification-list .noti-icon {font-size: 2.4rem;}
.hide-phone {display: none;}
}
.topbar-custom {border-radius: 0;margin-bottom: 0;}
.topbar-custom ul li {float: left;}
.topbar-custom .nav-link {line-height: 45px;color: #2d3b48;height: 45px;}
.topbar-custom .dropdown-toggle:after {content: initial;}
.topbar-custom .menu-left {overflow: hidden;}

.header-title {margin-bottom: 8px;text-transform: uppercase;letter-spacing: 0.02em;font-size: 1.4rem;}
/*
File: Responsive
*/
@media (min-width: 768px) and (max-width: 991px) {
body {overflow-x: hidden;}
}

@media (max-width: 1024px) {
.side-menu.left {margin-left: -100%;z-index: 1000 !important;}
.content-page {margin-left: 0;}
.enlarged .side-menu.left {margin-left: 0 !important;}
.button-menu-mobile {display: inline-block;}
.navbar-custom {padding-left: 10px;}
.content-page > .content {padding: 20px;}
#wrapper.enlarged .footer, .footer {left: 0;}
}

@media (max-width: 768px) {
.topbar {position: fixed;left: 25px;right: 25px;z-index: 999;}
.page-content-wrapper {margin-top: 50px;}
.sticky-table-header.fixed-solution {top: 74px;}
}

@media (max-width: 767px) {
body {overflow-x: hidden;}
.content-page {margin-left: 0 !important;}
.enlarged .left.side-menu {margin-left: -75px;}
.mobile-sidebar {left: 0;}
.mobile-content {left: 250px;right: -250px;}
.wrapper-page {width: 90%;}
.page-title-box .hide-phone,.page-title-box .btn-group {display: none !important;}
.navbar-nav .open .dropdown-menu {background-color: #ffffff;-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);left: auto;position: absolute;right: 0;}
.fc-toolbar .fc-right {float: left;margin: 10px 0;}
}

@media (max-width: 620px) {
.page-header-title {text-align: center;}
.dataTables_paginate .page-link {padding: .35rem .5rem;}
.mo-mb-2 {margin-bottom: 10px;}
.mo-mt-2 {margin-top: 10px !important;}
.pagination-lg .page-link {padding: .25rem .5rem;font-size: 1.5rem;}
}

@media (max-width: 480px) {
.side-menu {z-index: 10;}
.button-menu-mobile {display: block;}
}

@media (max-width: 420px) {
.hide-phone, .notify-icon {display: none;}
.dropdown-menu-lg {width: 200px;}
.notify-details {margin-left: 0 !important;}
}
/* ==============
Dashboard-2
===================*/
.icon-contain i {font-size: 3.2rem;}
.accordion {-webkit-box-shadow: none;box-shadow: none;}
.accordion .card,.accordion .btn:focus {-webkit-box-shadow: none;box-shadow: none;}
.accordion .card-body {border: 1px solid rgba(188, 193, 194, 0.2);}
.accordion .card-header {background-color: rgba(212, 216, 225, 0.2);border: 1px solid rgba(188, 193, 194, 0.2);padding: 0 12px;}
.accordion .btn {margin-bottom: 0;}
.blog-card h4 {font-weight: 600;}
.card-img-overlay {bottom: auto;}
.round-icon {font-size: 22px;width: 44px;height: 44px;line-height: 45px;text-align: center;border-radius: 50%;display: inline-block;}
/*Timeline*/
.timeline-card {overflow: hidden;}
.timeline {width: 100%;max-width: 800px;position: relative;}
.timeline:before {content: '';position: absolute;top: 0px;left: calc(25% + 0px);bottom: 0px;width: 4px;background: #f5f5f7;}
.timeline:after {content: "";display: table;clear: both;}
.entry {clear: both;text-align: left;position: relative;}
.entry .title {margin-bottom: .5em;float: left;width: 25%;padding-right: 30px;text-align: right;position: relative;}
.entry .title h6 {font-size: 1.6rem;color: #8c9ea9;font-weight: 400;margin-top: 0px;}
.entry .title:before {content: '';position: absolute;width: 16px;height: 16px;border: 4px solid #ffffff;background-color: #33cdff;
border-radius: 100%;top: 8%;right: -10px;z-index: 99;-webkit-box-shadow: 0px 0px 0px 1.25px #5dd099;
box-shadow: 0px 0px 0px 1.25px #5dd099;}
.entry .title p {margin: 0;font-size: 100%;}
.entry .body {margin: 0 0 42px;float: right;width: 75%;padding-left: 30px;}
.entry .body p {line-height: 1.4em;color: #8c9ea9;font-size: 1.4rem;}
.entry .body p:first-child {margin-top: 0;font-weight: 400;}

.title-border::before {content: "";border-left: 4px solid;margin-left: -20px;padding-right: 16px;height: 54px;
top: 0px;display: inline-block;position: absolute;
-o-border-image: linear-gradient(to top, #f81f8b 0%, #ff7850 100%);
border-image: -webkit-gradient(linear, left bottom, left top, from(#f81f8b), to(#ff7850));
border-image: linear-gradient(to top, #f81f8b 0%, #ff7850 100%);
border-image-slice: 1;border-width: 4px;}
.dashboard-map {height: 290px;}
/* --------------
Report Board
-----------------*/
#reportboard a.btn{ font-weight:500;}
.card-body {padding:20px;}
.dasboard .btn{ font-size:1.4rem;}
.icon-box {height: 75px;width: 75px;border-radius: 10px;margin: 15px auto 35px auto;background: #808B96;color: #333;display: flex;align-items: center;justify-content: center;transform: rotate(45deg);}
.icon-box i,.icon-box svg {transform: rotate(-45deg);}
.icon-box.icon-box--success {background: #eaf6eb;color: #4caf50;}
.icon-box.icon-box--primary {background: #def4ff;color: #03a9f4;}
.icon-box.icon-box--warning {background: #fff5e6;color: #ffc107;}
.icon-box.icon-box--danger {background: #FDEDEC;color: #E74C3C;}
.icon-box.icon-box--info {background: #effbfc;color: #31d2f2;}
.icon-box.icon-box--secondary {background:#EAECEE;color: #6c757d;}

.arrowdropdown .dropdown-menu{ top:5px !important; left:-40px !important;  box-shadow: 1px 1px 3px rgba(0,0,0,0.25);}
.dropdown-menu-arrow {top: -22px;left: 50%;width: 0;height: 0;position: relative;}
.dropdown-menu-arrow:before,.dropdown-menu-arrow:after {content: "";position: absolute;display: block;width: 0;height: 0;border-width: 7px 8px;border-style: solid;border-color: transparent;z-index: 1001;}
.dropdown-menu-arrow:after {bottom: -18px;right: -8px;border-bottom-color: #fff;}
.dropdown-menu-arrow:before {bottom: -17px;right: -8px;border-bottom-color: rgba(0,0,0,.15);}
.arrowdropdown .dropdown-item{ font-size:1.3rem!important;}

.halfcols {padding:15px 0;}
.halfcols .col-md-6:first-child{ padding-left:40px; }
.halfcols .col-md-6:last-child{ padding-right:40px; }
.halfcols .col-md-7{ padding-left:34px; }
.halfcols .col-md-5{ padding-right:34px; }
/* Counter */
.counterBox{padding:20px 15px;height:100%; float:left;}
.counterBox.border{border:1px solid #898989;}
.counterBox.small{padding: 7px; width:118px; margin:0 4px 7px 0;}
.counterFlex{display: flex; align-items: center;flex-wrap: wrap; justify-content:center;}
.counterFlex.border-right{border-right:1px solid #898989;}
.counterData{width:100%; text-align:center;}
.counterText{font-weight:400; font-size: 1.2rem; color:#000;}
.counterValue{ font-weight:500; font-size:2rem; color:#1B4F72;}

.counter {padding: 10px 0;border-radius: 5px; border:1px solid #000; margin:7px 0;}
.counter h2{padding:0; line-height:25px; margin:0;}
.counter h6{padding:0; margin:5px 0; font-size:1.2rem; font-weight:600;}
.count-title {font-size: 4rem;font-weight: normal;margin-top: 10px;margin-bottom: 0;text-align: center;}
.count-text {font-size: 1.2rem;font-weight: normal;margin-bottom: 0;text-align: center;}
.counter .fa {margin: 0 auto;float: none;display: table; font-size:2rem;}

.card-counter{margin: 5px;padding: 15px;box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 14px;
background-color: #fff;border-radius: 5px;transition: .3s linear all; display: flex;}
.card-counter i{font-size: 3.2rem; margin-right: auto;}
.card-counter .card-text{margin-left: auto; text-align: right;}
.card-counter .count-numbers{font-size: 1.8rem;font-weight:500; display: block;}
.card-counter .count-name{font-size: 1.2rem;display: block;}

.card-counter.lastbox > .count-numbers,.card-counter.lastbox > .cout-name{ right:30px;}
.card-counter:hover{box-shadow: 4px 4px 20px #DADADA;transition: .3s linear all;}
.card-counter.primary{background-color: #007bff;color: #FFF;}
.card-counter.danger{background-color: #ef5350;color: #FFF;}  
.card-counter.success{background-color: #66bb6a;color: #FFF;}  
.card-counter.info{background-color: #26c6da;color: #FFF;}  
.card-counter.secondary{background-color:#FBFCFC;color: #000;}  

#ivclientbox{ display:block; font-size:1.3rem;}
#ivclientbox .head{font-weight:500; color:#000;font-size:1.5rem;}
#ivclientbox .address{color:#626567;}
.diagonal.style1{background-color: #013A6B;background-image: -webkit-linear-gradient(30deg, #013A6B 50%, #004E95 50%);min-height: 500px;}
.diagonal.style2{background-color: #34ADFF;background-image: -webkit-linear-gradient(150deg, #34ADFF 35%, #4CBFFF 35%);min-height: 400px;}
.diagonal.style3{background-color: #34ADFF;background-image: -webkit-linear-gradient(30deg, #34ADFF 45%, #4CBFFF 45%);min-height: 400px;}
.diagonal.style4{background-color: #daedf9;background-image: -webkit-linear-gradient(150deg, #daedf9 55%, #fff 45%);min-height: 200px;}

/* Autocomplete Box */
#filter-box{margin-top: 0;}
.filter-box{padding: 0;width: 100%; min-height:100px; position: absolute; z-index:999; overflow: hidden;display:none;}
.filtercontent{list-style: none; width: 100%; padding:0;background: #fff;}
.filtercontent li {padding: 7px;border-bottom:1px solid #D5D8DC; color:#808B96;font-size:1.1rem; cursor:pointer; }
.filtercontent li span.name{ color:#EC407A;font-size:1.2rem; font-weight:600;}

#autocomplete-box{margin-top: 45px;}
.suggession-box{padding: 0;width: 100%; min-height:200px; position: absolute; z-index:999; overflow: hidden;display:none;}
.suggession {float: left;list-style: none; width: 100%; padding:10px 0;background: #fff;box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;}
#autocomplete li {padding: 6px;border-bottom:1px solid #E8F5E9; font-size:1.3rem;}
#autocomplete li span{ color:#ddd;font-size:1.1rem;}
#autocomplete li:hover {color:var(--primary);cursor: pointer;}
.prod-list li { color:#FF0404;font-size:1.3rem; font-weight:600;padding: 6px;}
.prod-box{width: 50%;}
.form-flex{ display:flex; flex-wrap:wrap; justify-content:space-between;}

.personal-info-border {border-right: 2px dashed #ccc; }
.personal-info li .title {color: #8e8e8e; float: left;margin-right: 30px;width: 120px;}
.personal-info li .text {color: #505050; display: block;overflow: hidden;border-left: 1px dotted #ccc; padding-left:15px;font-weight: 500;}
.personal-info {list-style: none;margin-bottom: 0;padding: 0; font-size:1.3rem;}

.listbox { margin:10px 0; padding:0; float: left; } /*display:flex; justify-content:flex-start;*/
.listbox div{ padding: 5px 0; }
.listbox .title {display:block;}
.listbox .text {display: block;font-weight: 500; font-size: 1.4rem;}
.topbuttongroup a{ text-align:center;border: 1px solid #ebeff8; display: inline-block; font-size:1.2rem; padding:2px 7px!important;}

.flex-container {display: flex;width: 100%;}
.flex-container .row{ margin:10px 0;display:block;}
.flex-col {padding:0;}
.flex-col.equal {flex: 1;}
.flex-container .title {color: #8e8e8e; display:block;}
.flex-container .text {color: #000; display: block;font-weight: 600; font-size:1.4rem;}

.bs-canvas-overlay {opacity: 0;z-index: -1;}
.bs-canvas-overlay.show {opacity: 0.85;z-index: 1100;}
.bs-canvas-overlay, .bs-canvas {transition: all .4s ease-out;-webkit-transition: all .4s ease-out;-moz-transition: all .4s ease-out;-ms-transition: all .4s ease-out;}
.bs-canvas {top: 0;z-index: 1110;overflow-x: hidden;overflow-y: auto;width: 330px; box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 1px;}
.bs-canvas-header{ height:45px; line-height:45px; padding:0 10px; background-color:#34495E;}
.bs-canvas-header h4{ font-size:1.4rem;color: #fff; float:left;font-family: var(--heading-family);}
.bs-canvas-close{ font-size:1.8rem; margin-top:10px; float:right;}
.bs-canvas-left {left: 0;margin-left: -330px;}
.bs-canvas-right {right: 0;margin-right: -330px;}

.modal-title{ font-size:1.6rem;}
.custom_upload  {position: relative;overflow: hidden;}
.custom_upload input {position: absolute;font-size: 50px;opacity: 0;right: 0;top: 0;}

.sidenav{ padding:0}
.side-nav,.nav-menu {  height: 100vh;}
.side-nav .nav-menu {list-style: none;padding:0;width:100%;background:#e7f1f5;}/*rgba(38,106,149,0.2); e7f1f5 E9EEF1*/
.side-nav .nav-item {position: relative;padding: 15px; cursor:pointer;}
.nav-item.active {background-color: #fff;}
.nav-item.active a {color: #2980b9;font-weight:600;}
.nav-item a {text-decoration: none;color: #000; }
.menu-head {font-size:1.4rem; text-transform:uppercase; background:#F7DC6F;border-bottom-right-radius: 0;}
.menu-text {font-size:1.3rem; letter-spacing:0.05rem;} /*padding: 0 20px; */

.side-nav .nav-item.active::before {content: "";position: absolute;background-color: transparent;bottom: 100%;right: 0;height: 150%;width: 20px;border-bottom-right-radius: 25px;box-shadow: 0 20px 0 0 #fff;}
.side-nav .nav-item.active::after {content: "";position: absolute;background-color: transparent;top: 100%;right: 0;height: 150%;width: 20px;border-top-right-radius: 25px;box-shadow: 0 -20px 0 0 #fff;}

[id^="vtab_"] { display:none}
#vtab_1{ display:block;}
.tabcontainer{ padding:15px 0;}
.tabcontainer .section-title{ clear:both; font-size:1.4rem; letter-spacing:0.05rem;font-weight:500; color:#1A5276; padding:0 0 10px 0; margin:0; display:block;}

/* RIBBON */
.ribbon-wrapper {width: 85px;height: 88px;overflow: hidden;position: absolute;top: -3px;left: -3px;}
.ribbon-wrapper .ribbon {text-align: center;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);position: relative;padding: 7px 0;top: 15px;left: -30px;width: 120px;color: #fff; letter-spacing:0.6px}
.cr {width: 200px;padding: 16px;position: absolute;text-align: center;color: #f0f0f0;}
.cr-sticky {position: fixed;}
/* Positions */
.cr-top    { top: 25px; }.cr-bottom { bottom: 25px; }.cr-left   { left: -50px; }.cr-right  { right: -50px; }
/* Rotations */
.cr-top.cr-left,.cr-bottom.cr-right {transform: rotate(-45deg);}
.cr-top.cr-right,.cr-bottom.cr-left {transform: rotate(45deg);}
/* Colors */
.cr-white     { background-color: #f0f0f0; color: #444; }
.cr-black     { background-color: #333; }
.cr-grey      { background-color: #999; }
.cr-blue      { background-color: #39d; }
.bg-green,.bg-paid     { background-color: #2c7; }
.cr-turquoise { background-color: #1b9; }
.cr-purple    { background-color: #95b; }
.bg-red,.bg-overdue       { background-color: #e43; }
.cr-orange    { background-color: #e82; }
.cr-yellow    { background-color: #ec0; }
/* Div Table */
.tblcontainer {display: table;border-collapse: collapse;}
.tblcol {float: left;overflow: hidden;width: 120px;}
.cell {display: table-cell;border: 1px solid red;width: 120px;height: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

#myalert{ z-index:999999; font-size:1.2rem; padding:15px; width: calc(100% - 50px); letter-spacing:0.07rem;}
#myalert strong{font-size:1.3rem;}
#myalert .close{ font-size:1.8rem}
.myalert-top{position: fixed;top: 5px; left:250px;}
.myalert-bottom{position: fixed;bottom: 10px;left:50px;}
/* MenuBar */
.menubar {overflow: hidden; width:100%; background: linear-gradient(to top, #EBF5FB 0%, #EAF2F8 100%);}
.menubar a {float: left;font-size: 1.3rem;color: #34495E;text-align: center;padding: 12px 15px;
text-decoration: none;font-weight:500;}
.menu_dropdown {float: left;overflow: hidden;}
.menu_dropdown .dropbtn {font-size: 1.3rem;  border: none;outline: none;padding: 10px;background-color: inherit;font-family: inherit;margin: 0;}
.menubar a:hover, .menu_dropdown:hover .dropbtn {color: #06038D; }
.menu_dropdown_content {display: none;position: absolute;background-color: #f9f9f9;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
.menu_dropdown_content a {float: none;color: black;padding: 12px 16px;text-decoration: none;display: block;text-align: left;}
.menu_dropdown_content a:hover {background-color: #fafafa;}
.menu_dropdown:hover .menu_dropdown_content {display: block;}
.menubar a.active{ color:#000; background-color:var(--rgba-green-1);font-weight:600;}

/* Progress Container */
.progresscontainer {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99999; 
border:0;background:rgba(0,0,0,0.7); display:none;}
.progress {width:400px; height:100px; top:0; left:0; bottom:0; right:0;position: fixed; margin:auto; 
font-size:12px; color:#fff; display: flex; flex-direction: column; align-items: center; justify-content: center;}
#bartext{width: 100%; text-align: center; margin: 10px 0; display: block; color: #000;}
.barbox {width: 60%;  height:23px; border: 1px solid #1E8449;  border-radius: 3px; display: block;}
.bar {   background-color: #1E8449;   width:0%; height:23px;}
.percent {   position:absolute;   display:inline-block;   top:13px;   left:48%; color:#fff; }
/*# sourceMappingURL=style.css.map */