ActiofAi
*/
@import url('https://fonts.googleapis.com/css?family=Comfortaa:300,400,500,600,700|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,600,700&display=swap');


body {margin: 0; padding: 0; font-family: 'Poppins', sans-serif; line-height: 1.7; color: gray; font-weight: 300; 
font-size: 0.875rem !important; letter-spacing: 0.05em;}
p {font-size: 0.875rem; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family: 'Quicksand', sans-serif; font-weight: 800; color: #000;}
a {color: #2e3192; font-size: 0.875rem;  -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; outline:0 none;}
a:hover, a:focus  {color: #ef3d46;text-decoration: none;transition: all 0.3s; -webkit-transition: all 0.3s;}
ul {list-style-type: none;padding: 0; margin-bottom: 0;}
ul, ol, dl, label { font-size: 0.875rem;}
img {max-width: 100%;border-style: none;height: auto;width: auto;}
button:focus {outline: 0 none;}

.btn{letter-spacing: .05em;box-shadow: unset; position: relative;  overflow: hidden;  border: unset; min-width: 100px;
    background: rgb(46,49,146); background: linear-gradient(90deg, rgba(46,49,146,1) 0%, rgba(238,58,70,1) 100%);
    color: #fff; padding: 15px 20px;font-size: 0.85rem; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;
    -o-transition: all .3s ease; border-radius: 4px; text-transform: uppercase; font-weight: 600;
-webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.btn::before {content: ""; position: absolute;right: -15px; top: 12px; width: 14px; height: 14px;background-size: 100%;background-repeat: no-repeat;
    background-image: url(../images/next_arrow.svg);transition: all .3s ease;}
.btn:hover, .btn:focus {color: #fff; outline: 0; opacity: 0.8}
.small-btn {padding: 10px 20px; }
.btn-white{background: transparent;color: #fff; box-shadow: 0 0 0 2px #fff; padding: 9px 20px;}
.btn-white:hover, .btn-white:focus {} 
.btn-blue{background: #2e3192;border: 1px solid #2e3192;color: #fff;  padding: 9px 20px;}
.btn-blue:hover, .btn-blue:focus {color: #2e3192; background-color: transparent; border: 1px solid #2e3192;} 
.btn-green {background: #a6ce39; color: #fff;border: 1px solid #a6ce39; padding: 9px 20px;}
.btn-green:hover,.btn-green:focus {background-color: transparent; color: #a6ce39;}
.btn-red {background: #ef3d46; color: #fff;border: 1px solid #ef3d46; padding: 9px 20px;}
.btn-red:hover,.btn-red:focus {background-color: transparent; color: #ef3d46;}
.btn-gray {background: #ebedf2; color: #2e3192;}
.btn-gray:hover,.btn-gray:focus {background-color: #2e3192; color: #fff;}
.border-green {border-color: #a6ce39;}
.btn-small {padding: 5px 10px; min-width: 60px;}

.form-control {border: 1px solid #e5e5e5;padding: 12px 15px;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px; 
height: auto;box-shadow: none; font-size: 16px; background-color: #fff; color: #1e295d;}
.form-control:focus {color: #1e295d; background-color: #fff; border-color: #1e295d; outline: 0; box-shadow: 0 0 0 0.1rem rgba(0,0,0,.15); 
	-webkit-box-shadow: 0 0 0 0.1rem rgba(0,0,0,.15); font-size: 16px;}
.form-control::placeholder {color: #aaa}
.form-control::focus {color: #1e295d}
.form-control-small {padding: 7px 15px;}

.required label:after { color: #e32; content: ' *'; display:inline;}
input[type=date]:invalid::-webkit-datetime-edit {color: #aaa;}
select:required:invalid {color: #aaa;}
option[value=""][disabled] {display: none;}
option {color: black;}

.custom-check {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}
.custom-check-label {position: relative;cursor: pointer; margin: 0;}
.custom-check-label:before {content:'';-webkit-appearance: none;background-color: transparent;
  border: 2px solid #2e3192; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  display: inline-block;position: relative; vertical-align: middle;cursor: pointer; width: 20px; height: 20px; border-radius: 2px; 
  -webkit-transition: all; transition: all; transition-duration: 0s;-webkit-transition-duration: 250ms; transition-duration: 250ms;}
.custom-check-label-gap:before {margin-right: 10px;}
.custom-check:checked + .custom-check-label:after {
  content: '';display: block; position: absolute;top: 4px;left: 8px;width: 6px;height: 12px; border: solid #fff;
   border-width: 0 2px 2px 0;transform: rotate(45deg);}
.custom-check:checked + .custom-check-label:before {
    background: rgb(46,49,146);background: linear-gradient(90deg, rgba(46,49,146,1) 0%, rgba(238,58,70,1) 100%); border-width: 0;}

.custom-radio {}
.custom-radio-label:before {border-radius: 10px;}





.mb-100{margin-bottom: 100px;}
.mb-80{margin-bottom: 80px;}
.mb-70{margin-bottom: 70px;}
.mb-60{margin-bottom: 60px;}
.mb-50{margin-bottom: 50px;}
.mb-40{margin-bottom: 40px;}
.mb-30{margin-bottom: 30px;}
.mb-20{margin-bottom: 20px;}
.mb-15{margin-bottom: 15px;}
.mb-10{margin-bottom: 10px;}
.mb-05{margin-bottom: 5px;}
.mb-0{margin-bottom: 0 !important;}

.ml-100{margin-left: 100px;}
.ml-80{margin-left: 80px;}
.ml-60{margin-left: 60px;}
.ml-50{margin-left: 50px;}
.ml-40{margin-left: 40px;}
.ml-30{margin-left: 30px;}
.ml-20{margin-left: 20px;}
.ml-15{margin-left: 15px;}
.ml-10{margin-left: 10px;}
.ml-05{margin-left: 5px;}
.ml-0{margin-left: 0 !important;}

.mr-100{margin-right: 100px;}
.mr-80{margin-right: 80px;}
.mr-60{margin-right: 60px;}
.mr-50{margin-right: 50px;}
.mr-40{margin-right: 40px;}
.mr-30{margin-right: 30px;}
.mr-20{margin-right: 20px;}
.mr-15{margin-right: 15px;}
.mr-10{margin-right: 10px;}
.mr-05{margin-right: 5px;}
.mr-0{margin-right: 0 !important;}

.mt-100{margin-top: 100px;}
.mt-80{margin-top: 80px;}
.mt-60{margin-top: 60px;}
.mt-50{margin-top: 50px;}
.ml-40{margin-top: 40px;}
.mt-30{margin-top: 30px;}
.mt-20{margin-top: 20px;}
.mt-15{margin-top: 15px;}
.mt-10{margin-top: 10px;}
.mt-05{margin-top: 5px;}
.mt-0{margin-top: 0 !important;}


.page-heading h1{margin: 0 0 20px;padding-top: 30px;font-size: 50px; position: relative;z-index: 2; text-transform: uppercase;}
.page-heading h1::before {width: 80px;height: 2px;background: #ef3d46;content: ""; position: absolute; top: 0; left: 50%;
-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.page-heading.text-left h1::before {left: 0; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%);}
.page-sub-heading h5{margin-bottom: 40px;}
.page-sub-heading h5{line-height: 40px;}


.border-bottom{border-bottom: 1px solid #eee;}
.border{border: 1px solid #eee;}

.box-shadow {box-shadow: 0 0 15px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.25);}
.b-s:hover {box-shadow: 0 10px 15px rgba(0,0,0,0.20); -webkit-box-shadow: 0 10px 15px rgba(0,0,0,0.20);}

.color-blue {color: #2e3192 !important;}
.color-green {color: #a6ce39 !important;}
.color-white {color: #fff !important;}
.color-red {color: #ef3d46 !important;}
.background-red {background-color: #ef3d46 !important;}
.background-green {background-color: #a6ce39 !important;}
.background-blue {background-color: #2e3192 !important;}
.background-gray {background-color: #ebedf2;}
.background-blue-gradient {background: rgb(46,49,146); background: linear-gradient(90deg, rgba(46,49,146,1) 0%, rgba(238,58,70,1) 100%);}

.band-container{background: rgb(46,49,146); background: linear-gradient(90deg, rgba(46,49,146,1) 0%, rgba(238,58,70,1) 100%); color: #fff;}

.light-bg {background-color: #f2edf3;}

.padding-panel {padding: 60px 0; }
.padding-top-panel {padding-top: 60px; }

.border-pad {padding: 1rem; border: 1px solid #ebedf2;}
.border-pad .head-title{margin-bottom: 0.75rem; padding: 0.5rem 0.75rem;background-color: #ebedf2;border-radius: 4px;}

.input-right-icon .form-control{padding-right: 50px;}
.input-right-icon .input-icon{position: absolute; width: 40px; height: 40px; border-left: 1px solid #ebedf2; 
  text-align: center; display: inline-block; line-height: 40px; font-size: 1.2rem; top: 0; right: 0;}

/* Animation Mixins */
@-webkit-keyframes dropdownAnimation {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0); } }
@keyframes dropdownAnimation {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0); } }

.dropdownAnimation, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu {
  -webkit-animation-name: dropdownAnimation;
  animation-name: dropdownAnimation;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

.infinite-spin {
  -webkit-animation-name: spin;
  animation-name: spin;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear; }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }



/************ back top start *******/
#back-top-button {display: inline-block;width: 50px;height: 50px; line-height: 50px; font-size: 2rem;text-align: center;position: fixed;bottom: 10px;
	right: 10px; color: #fff; background-color: #a6ce39; opacity: 0; visibility: hidden;z-index: 1000;border-radius: 2px;
    transition: background-color 0.3s ease 0s, opacity 0.5s ease 0s, visibility 0.5s ease 0s; border-radius: 25px;}
#back-top-button.show {opacity: 1;visibility: visible;}
/************ back top end *******/


/*********** navbar **********/
.navbar-custom { background: rgb(46,49,146);
 background: linear-gradient(90deg, rgba(46,49,146,1) 0%, rgba(238,58,70,1) 100%);}
.navbar-brand img {height: 32px;}
.navbar-space-cover {height: 60px;}
/*********** navbar **********/


/************ footer ************/
.footer {background: #f2edf3;border-top: 1px solid #e7dee9; padding: 30px 0; transition: all 0.25s ease; -moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease; font-size: calc(0.875rem - 0.05rem); color: #919191; text-align: center;}
/************ footer ************/


/************ index ************/
.box {padding: 15px; box-shadow: rgba(0, 0, 0, 0.14) 0px 1px 5px 0px; background-color: #fff; border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem; margin: 15px 0 30px;  -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.box-heading {margin-bottom: 20px;}
.icon-box{background: linear-gradient(60deg, rgb(166, 206, 57), rgb(156, 199, 36)); padding: 15px; margin-top: -30px; border-radius: 4px; 
    box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 20px 0px, rgba(255, 152, 0, 0.4) 0px 7px 10px -5px;color: #fff;  margin-right: 20px;  -webkit-transition: all .3s; 
    -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.icon-box img {height: 50px;}
.box-content {border-top: 1px solid #f2edf3; padding-top: 15px;}
.box:hover {box-shadow: rgba(0, 0, 0, 0.0) 0px 1px 4px 0px;}
.box:hover .icon-box{background: linear-gradient(60deg, rgb(239, 61, 70), rgb(243, 28, 39));}
.box h5{color: #2e3192; margin-bottom: 0;}
.box p{color: gray; height: 105px; overflow: hidden;}
.box:hover h5{color: #ef3d46}
.icon-box .fa-accessible-icon {width: 50px; height: 50px; line-height: 50px;}
/************ index ************/



/************* login page *************/
.container-scroller {overflow: hidden;}
.page-body-wrapper.full-page-wrapper {width: 100%; min-height: 100vh;}
.page-body-wrapper {min-height: calc(100vh - 70px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal;
    -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-left: 0; padding-right: 0;}
.content-wrapper {background: #f2edf3;padding: 2.75rem 2.25rem; width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;}
.flex-grow {-webkit-box-flex: 1;-ms-flex-positive: 1; flex-grow: 1;}
.login-container .form-container {background: #ffffff; padding: 50px;}
.login-container .brand-logo {margin-bottom: 2rem;}
.login-container .brand-logo img {width: 150px;}
.form-check {position: relative; display: block; padding-left: 0;}
.form-check .form-check-label { display: block; margin-left: 1.8rem; line-height: 1.6;}
.form-check .form-check-label input {
    position: absolute; top: 0; left: 0; margin-left: 0; margin-top: 0; z-index: 1; cursor: pointer; opacity: 0; filter: alpha(opacity=0);}
.form-check .form-check-label input[type="checkbox"] + .input-helper:before, .form-check .form-check-label input[type="checkbox"] + .input-helper:after {
    position: absolute; top: 0; left: 0;}
.form-check .form-check-label input[type="checkbox"] + .input-helper:before {
    content: ""; width: 20px; height: 20px; border-radius: 2px; border: solid #2e3192; border-width: 2px; -webkit-transition: all; transition: all;
    transition-duration: 0s; -webkit-transition-duration: 250ms; transition-duration: 250ms;}
.form-check .form-check-label input[type="checkbox"] + .input-helper:after {
    -webkit-transition: all; transition: all;transition-duration: 0s;-webkit-transition-duration: 250ms;transition-duration: 250ms;
     font-family: Material Design Icons; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); transform: scale(0); content: '\F12C';
    font-size: 1rem; font-weight: bold; color: #ffffff;}
.form-check .form-check-label input[type="checkbox"]:checked + .input-helper:before {
   background: rgb(46,49,146);background: linear-gradient(90deg, rgba(46,49,146,1) 0%, rgba(238,58,70,1) 100%); border-width: 0;}
.form-check .form-check-label input[type="checkbox"]:checked + .input-helper:after {
    width: 20px; opacity: 1; line-height: 20px; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1);}
/************* login page *************/




.navbar.default-layout-navbar {background: #fff; transition: background 0.25s ease; -webkit-transition: background 0.25s ease;
 -moz-transition: background 0.25s ease; -ms-transition: background 0.25s ease;}
.navbar .navbar-brand-wrapper {transition: width 0.25s ease, background 0.25s ease; -webkit-transition: width 0.25s ease, background 0.25s ease;
    -moz-transition: width 0.25s ease, background 0.25s ease; -ms-transition: width 0.25s ease, background 0.25s ease; background: #fff;
    width: 260px; height: 70px;}
.navbar .navbar-brand-wrapper .navbar-brand {margin-right: 0; padding: .25rem 0; width: 100%;}
.navbar .navbar-brand-wrapper .navbar-brand img {max-width: 100%; height: 32px; margin: auto; vertical-align: middle;}
.navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {display: none;}
.navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini img {width: calc(70px - 50px);max-width: 100%; height: 32px; margin: auto;}
.navbar .navbar-menu-wrapper {transition: width 0.25s ease; -webkit-transition: width 0.25s ease; -moz-transition: width 0.25s ease;
    -ms-transition: width 0.25s ease; color: #9c9fa6; padding-left: 24px; padding-right: 24px; width: calc(100% - 260px); height: 70px;}
.navbar .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) {font-size: 1.5rem;}
.navbar .navbar-menu-wrapper .navbar-toggler {border: 0; color: inherit; height: 70px; border-radius: 0px;padding-left: 5px;padding-right: 20px;}
.navbar .navbar-menu-wrapper .search-field .input-group input { padding: .5rem; font-size: 0.9rem;}
.navbar .navbar-menu-wrapper .search-field .input-group input:focus {box-shadow: unset;}
.navbar .navbar-menu-wrapper .search-field .input-group i { font-size: 17px; margin-right: 0;  color: #9c9fa6;}
.navbar .navbar-menu-wrapper .search-field .input-group .input-group-text {background: transparent;}
.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {border-top-left-radius: 0; border-bottom-left-radius: 0;}
.navbar .navbar-menu-wrapper .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;
    -webkit-box-align: center;-ms-flex-align: center; align-items: center;}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {color: inherit;font-size: 0.875rem;margin-left: 1.5rem;
    margin-right: 1.5rem;height: 70px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;
    -ms-flex-align: center;align-items: center;}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img {position: relative;width: 32px;
    height: 32px;}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img img {width: 32px;height: 32px;
    border-radius: 100%;}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status {
    position: absolute;width: 10px;height: 10px;border-radius: 100%;border: 2px solid #ffffff;bottom: 5px; right: -5px;}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status.online {
    background: #1bcfb4;}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text {margin-left: 1.25rem;}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-toggle:after {font-size: 1rem;}
.dropdown .dropdown-toggle:after {border-top: 0;border-right: 0; border-left: 0;border-bottom: 0;
    font: normal normal normal 24px/1 "Material Design Icons"; content: "\f140";width: auto;height: auto;
    vertical-align: baseline; font-size: .75rem;}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link i {font-size: 1.25rem;}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item {
    margin-bottom: 0;padding: 11px 13px; cursor: pointer; font-size: 1rem;}

.navbar .navbar-menu-wrapper .count-indicator {position: relative;}
.navbar .navbar-menu-wrapper .count-indicator:after {display: none;}
.navbar .navbar-menu-wrapper .count-indicator .count-symbol {top: 17px;right: -3px;width: 10px;height: 10px;}
.navbar .navbar-menu-wrapper .count-indicator .count-symbol, .navbar .navbar-menu-wrapper .count-indicator .count-number {
    position: absolute; border-radius: 100%; border: 2px solid #ffffff;}


.dropdownAnimation, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu {
    -webkit-animation-name: dropdownAnimation; animation-name: dropdownAnimation; -webkit-animation-duration: 0.25s;
    animation-duration: 0.25s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu {
    border: none; border-radius: 5px; -webkit-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown {
    position: absolute; font-size: 0.9rem; margin-top: 0; padding: 0;}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-divider {margin: 0;}
.preview-list .preview-item {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;
    -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start;
    -ms-flex-align: start; align-items: flex-start; padding: .75rem 1.5rem;font-size: .875rem; display: -webkit-box !important;
    display: -ms-flexbox !important; display: flex !important;-webkit-box-align: center !important;
    -ms-flex-align: center !important;align-items: center !important; }

.preview-list .preview-item .preview-thumbnail {color: #ffffff; position: relative;}
.preview-list .preview-item .preview-thumbnail img, .preview-list .preview-item .preview-thumbnail .preview-icon {
    width: 36px; height: 36px; border-radius: 100%; max-width: unset;}
.preview-list .preview-item .preview-item-content {line-height: 1;padding-left: 15px;}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item .ellipsis {
    max-width: 205px; overflow: hidden; text-overflow: ellipsis;}
.preview-list .preview-item .preview-thumbnail .preview-icon {padding: 6px;text-align: center;display: -webkit-box;
    display: -ms-flexbox; display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item i {font-size: 17px;}

.page-body-wrapper { min-height: calc(100vh - 70px); display: -webkit-box; display: -ms-flexbox;padding-left: 0; padding-right: 0;
    -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; display: flex;}
.navbar.fixed-top + .page-body-wrapper {padding-top: 70px;}
.sidebar {min-height: calc(100vh - 70px); background: #ffffff; padding: 0; width: 260px; z-index: 11;
    transition: width 0.25s ease, background 0.25s ease;-webkit-transition: width 0.25s ease, background 0.25s ease;
    -moz-transition: width 0.25s ease, background 0.25s ease;-ms-transition: width 0.25s ease, background 0.25s ease;}
.main-panel {-webkit-transition: width 0.25s ease, margin 0.25s ease; transition: width 0.25s ease, margin 0.25s ease;
    width: calc(100% - 260px);min-height: calc(100vh - 70px);display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; font-size: 0.875rem;}
.main-panel.project-panel, .main-panel-full {width: 100%;}
.content-wrapper {background: #f2edf3; padding: 1.75rem 1.75rem;width: 100%; -webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}

.sidebar .nav {overflow: hidden;-ms-flex-wrap: nowrap; flex-wrap: nowrap;-webkit-box-orient: vertical;-webkit-box-direction: normal;
    -ms-flex-direction: column; flex-direction: column; margin-bottom: 60px;}
.sidebar .nav .nav-item {padding: 0 1.75rem; -webkit-transition-duration: 0.25s; transition-duration: 0.25s;
    transition-property: background;-webkit-transition-property: background;}
.sidebar .nav .nav-item.active {background: #f2edf3;/*background: #ffffff;*/}
.sidebar .nav .nav-item:hover {background: #fcfcfc;}
.sidebar .nav .nav-item .nav-link .menu-title {color: inherit; display: inline-block; font-size: 0.875rem;line-height: 1;
  vertical-align: middle;}
.sidebar .nav .nav-item .nav-link i.menu-icon {font-size: 1.125rem;line-height: 1; /*margin-left: auto; */color: #bba8bff5; margin-right: 20px;}
.sidebar .nav .nav-item.active > .nav-link i {color: #2e3192;}
.sidebar .nav .nav-item.active > .nav-link .menu-title{color: #2e3192;}
.sidebar .nav .nav-item.nav-profile .nav-link {height: auto;line-height: 1;border-top: 0;padding: 1.25rem 0;}
.sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-image {width: 44px; height: 44px;}
.sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-image img { width: 44px; height: 44px; border-radius: 100%;}
.sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-text { margin-left: 1rem;}
.text-small {font-size: 12px;}
.sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-badge {font-size: 1.125rem; margin-left: auto;}
.sidebar .nav .nav-item .nav-link {display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center;
    -ms-flex-align: center; align-items: center; white-space: nowrap; padding: 1.125rem 0 1.125rem 0;color: #3e4b5b;
    -webkit-transition-duration: 0.45s;transition-duration: 0.45s; transition-property: color;-webkit-transition-property: color;}
.sidebar .nav:not(.sub-menu) > .nav-item:hover:not(.nav-category):not(.nav-profile) > .nav-link {color: #29323d;}
.sidebar .nav .nav-item .collapse {z-index: 999;}
.sidebar .nav.sub-menu {margin-bottom: 20px; margin-top: 0; list-style: none;}
.sidebar .nav.sub-menu .nav-item {padding: 0;}
.sidebar .nav.sub-menu .nav-item .nav-link {color: #888;padding: 0.75rem 2rem 0.75rem 2rem;position: relative;font-size: 0.8125rem;
    line-height: 1;height: auto; border-top: 0;}

.sidebar .nav.sub-menu .nav-item > .nav-link.active {color: #2e3192;}
.sidebar .nav .nav-item .nav-link i.menu-arrow {font: normal normal normal 24px/1 "Material Design Icons";
    line-height: 1;font-size: 1.125rem;margin-left: auto;color: #9e9da0; transform: rotate(0deg);
    transition: transform 0.2s; -webkit-transition: transform 0.2s;}
.sidebar .nav.sub-menu .nav-item .nav-link.active:before {color: #2e3192; }
.sidebar .nav .nav-item .nav-link.collapsed i.menu-arrow {transform: rotate(0deg); transition: transform 0.2s; -webkit-transition: transform 0.2s;}
.sidebar .nav .nav-item .nav-link i.menu-arrow {transform: rotate(-180deg); transition: transform 0.2s; -webkit-transition: transform 0.2s;}

.sidebar .nav .nav-item .nav-link i.menu-arrow + .menu-icon {margin-left: .25rem;}
.sidebar .nav .nav-item .nav-link i.menu-arrow:before {content: "\f140";font-size: inherit; color: inherit; }
.sidebar .nav.sub-menu .nav-item .nav-link:before {content: "\F054";font-family: "Material Design Icons";display: block;
    position: absolute;left: 0px;top: 50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);color: #a2a2a2;
    font-size: .75rem;}
.sidebar .nav .nav-item.sidebar-actions {margin-top: 1rem;}
.sidebar .nav .nav-item.logout-btn {padding-top: 30px; margin-top: 20px;} 

.sidebar .nav .nav-title {padding: 0.5rem 1.75rem; display: block;}

.grid-margin, .purchase-popup { margin-bottom: 1.75rem;}

.page-header {margin: 0 0 1.5rem 0;}
.page-title {color: #343a40;font-size: 1.125rem; margin-bottom: 0;}
.page-title .page-title-icon {display: inline-block; width: 36px; height: 36px; border-radius: 4px; text-align: center;
    -webkit-box-shadow: 0px 3px 8.3px 0.7px rgba(163, 93, 255, 0.35);box-shadow: 0px 3px 8.3px 0.7px rgba(163, 93, 255, 0.35);}
.bg-gradient-primary {background: -webkit-linear-gradient(90deg, rgba(46,49,146,1) 0%, rgba(238,58,70,1) 100%);
    background: linear-gradient(90deg, rgba(46,49,146,1) 0%, rgba(238,58,70,1) 100%);}
.page-title .page-title-icon i {font-size: 1rem;line-height: 36px;}
.page-header .breadcrumb {border: 0; margin-bottom: 0;}
.breadcrumb .breadcrumb-item { font-size: 0.875rem;}
.icon-sm {font-size: 1rem;}
.breadcrumb .breadcrumb-item.active {color: rgba(52, 58, 64, 0.8);}

.breadcrumb {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;flex-wrap: wrap;
    padding: 0.56rem 1.13rem; margin-bottom: 1rem; list-style: none; background-color: transparent; border-radius: 0.25rem;}

.stretch-card {display: -webkit-box;display: -ms-flexbox; display: flex;-webkit-box-align: stretch;-ms-flex-align: stretch;
    align-items: stretch;-webkit-box-pack: stretch;-ms-flex-pack: stretch;justify-content: stretch;}
.stretch-card > .card {width: 100%; min-width: 100%;}
.card.card-img-holder {position: relative; overflow: hidden;}
.card {border: 0;}
.card .card-body {padding: 1.75rem 1.75rem;}
.card.card-img-holder .card-img-absolute {position: absolute;top: 0;right: 0;height: 100%; max-width: unset;}
.bg-gradient-danger {
    background: -webkit-gradient(linear, left top, right top, from(#ffbf96), to(#fe7096)) !important;
    background: linear-gradient(to right, #ffbf96, #fe7096) !important;}
.bg-gradient-info {
    background: -webkit-gradient(linear, left top, right top, from(#90caf9), color-stop(99%, #047edf)) !important;
    background: linear-gradient(to right, #90caf9, #047edf 99%) !important;}
.bg-gradient-success {
    background: -webkit-gradient(linear, left top, right top, from(#84d9d2), to(#07cdae)) !important;
    background: linear-gradient(to right, #84d9d2, #07cdae) !important;}

.card-hover {-webkit-transition: all .25s ease; -o-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease;}
.card-hover:hover {
    -webkit-transform: translateY(-4px) scale(1.01); -moz-transform: translateY(-4px) scale(1.01);
    -ms-transform: translateY(-4px) scale(1.01); -o-transform: translateY(-4px) scale(1.01);
    transform: translateY(-4px) scale(1.01); -webkit-box-shadow: 0 14px 24px rgba(62,57,107,.1);
    box-shadow: 0 14px 24px rgba(62,57,107,.1);}

.card .card-description {color: #76838f;margin-bottom: 1.5rem;}
.table-bordered {border: 1px solid #ebedf2;}
.table thead th {border-bottom-width: 1px; font-weight: initial; font-weight: bold;}
.table-bordered th, .table-bordered td {border: 1px solid #ebedf2;}
.table th, .table td {vertical-align: middle; font-size: 0.875rem; line-height: 1; white-space: nowrap;}
.progress {border-radius: 2px;height: 8px;}
.image-col img {max-width: unset;width: 40px; height: 40px; border-radius: 4px;}
/*.custom-table td, .custom-table th{padding: 0.5rem;}*/
.image-col {width: 65px;}

.page-link {color: #2e3192;}
.page-link:hover {color: #ef3d46;}
.page-item.active .page-link {background: -webkit-linear-gradient(90deg, rgba(46,49,146,1) 0%, rgba(238,58,70,1) 100%);
    background: linear-gradient(90deg, rgba(46,49,146,1) 0%, rgba(238,58,70,1) 100%);border-color: #dee2e6;}
.page-link:focus {box-shadow: unset;}


div.dataTables_wrapper div.dataTables_filter input, div.dataTables_wrapper div.dataTables_length select {padding: 5px 15px;}


.icons-list li {margin-right: 5px;}
.icons-list li:last-child{margin-right: 0;}
.icons-list li a {display: block; height: 40px; width: 40px; text-align: center; line-height: 38px; border: 1px solid #ddd;
 border-radius: 4px; font-size: 1rem; color: #3e4b5b;} 
 .icons-list li a:hover,.icons-list li a:focus {background-color: #f2edf3; color: #2e3192}

.custom-form-group .form-control{padding: 5px 15px; }
.search-group .form-control{padding-right: 30px;}
.search-icon {position: absolute; right: 10px; top: 10px;} 
.custom-btn {background-color: #fff; color: red; padding: 5px 15px;}
.custom-form-group .custom-select {min-width: 125px;}


.profile-detail {border: 1px solid #ebedf2; padding: 1rem;}
.profile-img {}
.profile-img img{height: 150px; width: 150px; border-radius: 4px;}
.more-icon-b {position: absolute; top: 1rem; right: 1rem;}
.more-icon-b .more-icon{height: 36px; width: 36px; text-align: center; line-height: 35px; font-size: 1.5rem;
border: 1px solid #ebedf2; border-radius: 4px; color: #3e4b5b; display: block;}
.more-icon-b .more-icon:hover,.more-icon-b .more-icon:focus {background-color: #f2edf3; color: #2e3192}
.file-detail {padding: 0.5rem 1rem; background-color: #ebedf2;}
.custom-tabs {background-color:  #ebedf2; border-radius: 4px;}
.custom-tabs a{font-weight: 600; letter-spacing: .05em; text-transform: uppercase;}
.custom-tabs a.active{background: rgb(46,49,146);background: linear-gradient(90deg, rgba(46,49,146,1) 0%, rgba(238,58,70,1) 100%);
  color: #fff; border-radius: 4px;}
.more-icon-b .dropdown-menu {min-width: unset; margin: 0; padding: 0;-webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);}
.more-icon-b .dropdown-menu .dropdown-item{padding: .5rem 1rem; }

.custom-tabs-seperate {background: unset;}
.custom-tabs-seperate a{background: #ebedf2; border-radius: 4px; margin-bottom: 10px;}



.custom-modal .modal-header {background: rgb(46,49,146);background: linear-gradient(90deg, rgba(46,49,146,1) 0%, rgba(238,58,70,1) 100%);}
.custom-modal .modal-header h5 {color: #fff; font-size: 1rem;}
.custom-modal .modal-header .close {color: #fff; }
.custom-display td,.custom-display th {vertical-align: top;} 

.search-result-filter-b {border: 1px solid #ebedf2; padding: 1rem;}
/*.search-result-filter-b .filter-list li{margin-bottom: 1rem;}*/
.search-result-filter-b .filter-list li h6{margin-bottom: 0.75rem; padding: 0.5rem 0.75rem; background-color: #ebedf2; border-radius: 4px;}
.search-result-filter-b .filter-list li p{margin-bottom: 8px;}
.search-result-filter-b .filter-list li p:last-child{margin-bottom: 1rem;}
.filter-result-list > li {margin-bottom: 10px;}
.filter-result-list .profile-img img {height: 90px;width: 90px;}
.icons-list-small li {margin-right: 5px;}
.icons-list-small li:last-child {margin-right: 0;}
.icons-list-small li a {display: block;height: 24px;width: 24px; text-align: center; line-height: 24px; border-radius: 4px; 
  font-size: 1rem; background-color: rgba(0,0,0,.1);}
.icons-list-small li a:hover,.icons-list-small li a:focus {background-color: #ef3d46; color: #fff;}




/*.data-source-content {display: none;}
#flat-file:checked ~ #content-flat, #data-modal:checked ~ #content-modal, #connection:checked ~ #content-connection {display: block;}*/
.data-source-content, .data-import-method {display: none;}
#flat-file:checked ~ #content-flat, #data-modal:checked ~ #content-modal, #connection:checked ~ #content-connection,
#new-entry:checked ~ #content-new-entry, #third-party:checked ~ #content-third-party 
{display: block;}

.plus-icon a{height: 50px; width: 50px; line-height: 50px; border-radius: 4px; text-align: center; border: 1px solid #2e3192; 
  font-size: 1.5rem; display: block; }
.plus-icon a:hover,.plus-icon a:focus {border-color: #ef3d46;}


.map-schema-content {display: none;}
#map-manual:checked ~ #content-map-manual, #copy-catalog:checked ~ #content-copy-catalog {display: block;}

.map-schema-table .btn{min-width: unset; padding: 6px 15px;}
.custom-form-table .btn{min-width: unset; padding: 6px 15px;}
.map-schema-table .form-control{padding: 5px 15px;}
.custom-form-table .form-control{padding: 5px 15px;}



.switch {position: relative;display: inline-block;width: 100px;height: 40px;}
.switch input {display:none;}
.slider-switch {position: absolute;cursor: pointer;overflow: hidden;top: 0;left: 0;right: 0;bottom: 0;background-color: #ebedf2;
  -webkit-transition: .4s;transition: .4s;}
.slider-switch:before {position: absolute;z-index: 2;content: ""; height: 36px; width: 36px; left: 2px; bottom: 2px;
  background-color: #ef3d46;  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);-webkit-transition: .4s;transition: all 0.4s ease-in-out;}
.slider-switch:after {position: absolute;left: 0;z-index: 1;content: "YES";  font-size: 1rem; text-align: left !important; font-weight: 600;
    line-height: 39px;padding-left: 0; width: 100px; color: #fff; height: 40px; border-radius: 40px; background-color: #a6ce39;
    -webkit-transform: translateX(-60px); -ms-transform: translateX(-60px); transform: translateX(-60px);
     transition: all 0.4s ease-in-out;}
input:checked + .slider-switch:after {
  -webkit-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);/*width: 235px;*/padding-left: 20px;}
input:checked + .slider-switch:before {background-color: #fff;}
input:checked + .slider-switch:before {-webkit-transform: translateX(60px);-ms-transform: translateX(60px);transform: translateX(60px);}

/* Rounded sliders */
.slider-switch.round-switch {border-radius: 40px;}
.slider-switch.round-switch:before {border-radius: 50%;}
.absolute-no {position: absolute; left: 0; color: darkslategrey; text-align: right !important; font-size: 1rem; font-weight: 600; 
  width: calc(100% - 20px); height: 40px;line-height:39px;cursor: pointer;}

.small-switch .switch {height: 25px; width: 60px;}
.small-switch .slider-switch {background: #e0e0e0}
.small-switch .slider-switch:before {height: 21px; width: 21px;}
.small-switch .slider-switch:after {height: 25px;line-height: 24px; font-size: 0.75rem; width: 60px;-webkit-transform: translateX(-35px);
    -ms-transform: translateX(-35px); transform: translateX(-35px);}
.small-switch .absolute-no {height: 25px;line-height: 24px; font-size: 0.75rem; width: calc(100% - 10px);}
.small-switch input:checked + .slider-switch:after {padding-left: 10px;}
.small-switch input:checked + .slider-switch:before {-webkit-transform: translateX(35px); -ms-transform: translateX(35px);
  transform: translateX(35px);}


.icons-set-box {max-height: 200px; overflow: auto;}
.icons-set-list li {margin: 5px;}
.icons-set-list img {height: 32px;}


.modal.right .modal-dialog {position: fixed; margin: auto; max-width: 100%; width: 340px;height: 100%; 
    -webkit-transform: translate3d(0%, 0, 0);-ms-transform: translate3d(0%, 0, 0);
         -o-transform: translate3d(0%, 0, 0);transform: translate3d(0%, 0, 0);}
.modal.right .modal-content {height: 100%; overflow-y: auto; border-radius: 4px 0 0 4px;}
.modal.right .modal-body { padding: 1rem 1rem 80px;}
.modal.right.fade .modal-dialog { right: -340px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
         -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out;}  
.modal.right.fade.show .modal-dialog {right: 0; }
.btn-right-side {position: fixed; right: 0; transform: translate(0, -65px) rotate(-90deg); transform-origin: right bottom 0; top: 50%; }




.tags {background-color: #a6ce39; border-radius: 4px; padding: 2px 4px; display: inline-block; color: #fff;}


.import-entity-b {border: 1px solid #ebedf2; padding: 10px;}
.import-entity-b .head-title {border-bottom: 1px solid #ebedf2; padding: 10px; background-color: #f7f8f9; margin-bottom: 0}
.import-entity-list li {padding: 10px; border-bottom: 1px solid #ebedf2; display: flex; align-items: center;}
.import-entity-list li:last-child {border-bottom:unset; }
.import-entity-list li .mdi{font-size: 1.5rem; margin-right: 10px; line-height: 1rem;}
.import-entity-list li label{margin-bottom: 0;}

.round-check {color: #fff; background-color: #a6ce39; text-align: center; height: 20px; width: 20px; border-radius: 10px; line-height: 20px;
  display: inline-block; vertical-align: middle;}



.file {visibility: hidden; position: absolute;}



.wizard .nav-tabs {position: relative;margin-bottom: 0;border-bottom-color: transparent; }
.wizard .nav-tabs > li {text-align: center; /*margin-right: 20px; width: 20%*/ flex: 1 1 auto; padding: 0 5px; margin-bottom: 20px;}
span.round-tab {width: 50px; height: 50px; line-height: 50px; display: inline-block; border-radius: 4px; background: #fff;
    z-index: 2; text-align: center; border: 1px solid #ddd; font-size: 1.5rem;}
.wizard li.active span.round-tab, .wizard li:hover.active span.round-tab {background: #a6ce39; color: #fff;border-color: #a6ce39;}
.wizard li:hover span.round-tab {background: #ef3d46; color: #fff; border-color: #ef3d46;}
.wizard .nav-tabs > li.active .name {color: #a6ce39;}
.wizard-inner {margin-bottom: 10px;}


/*.wizard > div.wizard-inner { position: relative; margin-bottom: 50px; text-align: center;}
.connecting-line {height: 1px;background: #ebedf2;position: absolute; width: 66.66%; margin: 0 auto; left: 0; right: 0;top: 25px;
  }
.wizard .nav-tabs {position: relative;margin-bottom: 0;border-bottom-color: transparent; }
.wizard .nav-tabs > li {width: 33.33%;}
.wizard-tab {width: 50px; height: 50px;line-height: 50px;display: inline-block;border-radius: 4px;background: #fff;
    z-index: 2;text-align: center;border: 1px solid #ebedf2; margin-bottom: 10px;}
.wizard li.active a span.wizard-tab, .wizard li.active a:hover span.wizard-tab {background: #a6ce39; color: #fff; 
  border-color: #a6ce39;}
.wizard li.active span {color: #a6ce39;}
.wizard li a:hover span.wizard-tab {background: #ef3d46;color: #fff; border-color: #ef3d46;}
*/

/*.avatar-upload {
  position: relative;
  max-width: 205px;
  margin: 50px auto;
}*/
/*.avatar-upload .avatar-edit {
  position: absolute;
  right: 12px;
  z-index: 1;
  top: 10px;
}*/
.avatar-upload .avatar-edit input {display: none;}
.avatar-upload .avatar-edit input + label {display: inline-block;margin-bottom: 0;background: #a6ce39; letter-spacing: .05em;
/*box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12); */cursor: pointer;font-weight: normal;transition: all 0.2s ease-in-out; border-radius: 4px; 
padding: 9px 20px; color: #fff; font-size: 0.85rem; text-transform: uppercase; border: 1px solid #a6ce39; letter-spacing: .05em; 
font-weight: 600}
.avatar-upload .avatar-edit input + label:hover {background: #fff; border-color: #a6ce39; color: #a6ce39;}

.avatar-upload .avatar-preview {min-width: 250px; max-width: 100%; height: 250px;position: relative;border: 6px solid #F8F8F8;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); border-radius: 4px; margin-bottom: 1rem;}
.avatar-upload .avatar-preview > div {width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;
  background-position: center;}
.custom-image-upload-b {padding: 0 15px;}
.owl-carousel-container {margin-left: -15px; margin-right: -15px;}

.owl-theme .owl-controls .owl-page span {background: #2e3192;}

.collapse-dropdown-btn{display: block; padding: 10px 15px; background: #ebedf2; border-radius: 4px;margin-bottom: 1rem; 
  font-weight: 600;text-transform:uppercase; font-size: 0.85rem;letter-spacing: .05em; }
.collapse-content {margin-bottom: 1rem;}
.round-check {background-color: #ef3d46; color: #fff; height: 20px; width: 20px; line-height: 20px; border-radius: 10px;}




.slider {-webkit-appearance: none;width: 100%; height: 24px; background: rgb(46,49,146);background: linear-gradient(90deg, rgba(239,61,70,1) 0%, rgba(255,240,0,1) 50%, rgba(166,206,57,1) 100%);
  outline: none; border-radius: 12px;}
.slider::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;
  width: 30px;height: 30px; background: #2e3192;cursor: pointer;border-radius: 4px;}
.slider::-moz-range-thumb {width: 30px; height: 30px; background: #2e3192;  cursor: pointer;border-radius: 4px;}

.block-design {background-color: #f9f9f9; border: 1px solid #ebedf2; padding: 15px 0;border-radius: 4px;}
.block-design .block-content {-ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; position: relative; padding: 15px; }
.block-design .block-content:after {position: absolute; height: 100%; content: ""; width: 1px; right: 0; background-color: #ebedf2; top: 0; bottom: 0;}
.block-design .block-content:last-child:after {content: unset;}


.input-value {padding-bottom: 10px; margin-bottom: 0; border-bottom: 1px solid #ebedf2;}
.upload-image-value img{width: 250px;border: 6px solid #F8F8F8;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);border-radius: 4px; /*min-width: 100%;*/}

.custom-file-label {margin-bottom: 0; border: 1px solid #e5e5e5; padding: 12px 15px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
  -o-border-radius: 4px; height: auto; box-shadow: none; font-size: 16px; background-color: #fff; color: #aaa; }
.custom-file {height: calc(1.5em + 1.5rem + 2px);}
.custom-file-input:focus~.custom-file-label {color: #1e295d; background-color: #fff;border-color: #1e295d; outline: 0;box-shadow: 0 0 0 0.1rem rgba(0,0,0,.15);
    -webkit-box-shadow: 0 0 0 0.1rem rgba(0,0,0,.15); font-size: 16px;}
.custom-file-label::after {height: calc(1.5em + 1.5rem); padding: .75rem 1.5rem;}

.line-red {border-top: 4px solid #da000b; width: 40px;display: inline-block;}
.line-blue {border-top: 4px solid #2e3192; width: 40px;display: inline-block;}
.line-orange {border-top: 4px solid orange; width: 40px;display: inline-block;}
.line-green {border-top: 4px solid #a6ce39; width: 40px;display: inline-block;}

.collapse-dropdown-btn.collapsed i.mdi{transform: rotate(0deg); transition: transform 0.2s; -webkit-transition: transform 0.2s;}
.collapse-dropdown-btn i.mdi{transform: rotate(-180deg); transition: transform 0.2s; -webkit-transition: transform 0.2s;}


.timeline-centered {position: relative; margin: 0 auto;}
.timeline-centered:before, .timeline-centered:after {content: " "; display: table;}
.timeline-centered:after {clear: both;}
.timeline-centered:before {content: '';position: absolute;display: block;width: 4px;background: #ebedf2;left: 50%;top: 20px;bottom: 20px;margin-left: -4px;}
.timeline-centered .timeline-entry {position: relative; width: 50%; float: right; margin-bottom: 25px; clear: both;}

.timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {content: " "; display: table;}
.timeline-centered .timeline-entry:after {clear: both;}
.timeline-centered .timeline-entry.begin {margin-bottom: 0;}
.timeline-centered .timeline-entry.left-aligned {float: left;}

.timeline-centered .timeline-entry .timeline-entry-inner {position: relative; margin-left: -12px; }
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {margin-left: 0; margin-right: -8px;}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {left: auto;right: -100px;text-align: left;}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {float: right;}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {margin-left: 0; margin-right: 35px;}

/*.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {left: auto;right: 0; margin-left: 0;margin-right: -9px;
  -moz-transform: rotate(180deg);-o-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);transform: rotate(180deg);}*/

        

.timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
  content: " "; display: table;}
.timeline-centered .timeline-entry .timeline-entry-inner:after {clear: both;}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {position: absolute; left: -100px; text-align: right; min-width:90px; padding: 2px 10px;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span {display: block;}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child {font-size: 15px;font-weight: 600;}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {font-size: 12px;}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
background: #fff;color: #737881;display: block;width: 20px;height: 20px;-webkit-background-clip: padding-box;-moz-background-clip: padding;
background-clip: padding-box;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;text-align: center;-moz-box-shadow: 0 0 0 5px #f5f5f6;
-webkit-box-shadow: 0 0 0 5px #f5f5f6;box-shadow: 0 0 0 5px #f5f5f6;line-height: 40px;font-size: 15px;float: left;}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
position: relative;background: #f5f5f6;padding: 0.75em;margin-left: 35px;-webkit-background-clip: padding-box;-moz-background-clip: padding;
background-clip: padding-box;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

.timeline-container {height: 510px; overflow-y: auto;}

/*.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
content: '';display: block;position: absolute;width: 0;height: 0;border-style: solid;border-width: 9px 9px 9px 0;
border-color: transparent #f5f5f6 transparent transparent;left: 0;top: 4px;margin-left: -9px;}
*/


.progress-round {width: 120px;height: 120px;background: none;position: relative;}
.progress-round::after {content: "";width: 100%;height: 100%;border-radius: 50%;border: 8px solid #eee;position: absolute; top: 0;left: 0;}
.progress-round>span {width: 50%; height: 100%;overflow: hidden; position: absolute;  top: 0;  z-index: 1;}
.progress-round .progress-left {left: 0;}
.progress-round .progress-bar {width: 100%;height: 100%;  background: none;border-width: 8px;border-style: solid; position: absolute;  top: 0;}

.progress-round .progress-left .progress-bar {left: 100%; border-top-right-radius: 60px;border-bottom-right-radius: 60px;border-left: 0;
  -webkit-transform-origin: center left;transform-origin: center left;}
.progress-round .progress-right {right: 0;}
.progress-round .progress-right .progress-bar {left: -100%;border-top-left-radius: 60px;border-bottom-left-radius: 60px; border-right: 0;
  -webkit-transform-origin: center right; transform-origin: center right;}
.progress-round .progress-value {position: absolute; top: 0;  left: 0;}

.social-icons li a {width: 30px; height: 30px; line-height: 30px; text-align: center; background: blue; display: block; border-radius: 4px; color: #fff;}

.social-icons li a.facebook-btn {background:  #38539b;}
.social-icons li a.twitter-btn {background:  #4ea6ea;}
.social-icons li a:hover {background: #ebedf2;}
.social-icons li a:hover.facebook-btn {color:  #38539b;}
.social-icons li a:hover.twitter-btn {color:  #4ea6ea;}

.margin-left-right {margin-left: 15px; margin-right: 15px;}

.income-blocks {min-height: 220px;}
.icon-certificate {position: absolute;bottom: 0; right: 1rem; width: 28px; height: 28px;line-height: 28px; background: #2e3192; color: #fff; 
  text-align: center; font-size: 1.2rem; border-radius: 4px 4px 0 0;}



.progress-round-half{position: relative; text-align: center;}
.progress-round-half .barOverflow{position: relative;  overflow: hidden; width: 120px; height: 60px; margin-bottom: -30px; }
.progress-round-half .bar{position: absolute;top: 0; left: 0; width: 120px; height: 120px; border-radius: 50%; box-sizing: border-box; 
  border: 10px solid #eee; border-bottom-color: #a6ce39; border-right-color: #a6ce39;}

.start-end-percentage {width: 120px; margin: 0 auto;}




.csstransforms {width: 25em; height: 25em; margin: 0 auto; position: relative;}
.csstransforms .cn-wrapper.cn-wrapper-circle {position: absolute; z-index: 11}
.csstransforms .cn-wrapper.cn-wrapper-circle li {position: absolute; width: 25em; height: 25em; left: 50%; margin-left: -12.5em; top: 50%; margin-top: -12.5em;}
.csstransforms .cn-wrapper.cn-wrapper-circle li span {display: block; height: 5em; width: 5em; position: absolute; bottom: -2.5em; right: -2.5em; 
  border-radius: 50%; background: #ebedf2;}


.csstransforms .cn-wrapper.cn-wrapper-green {position: absolute; z-index: 10
  /*z-index: 10;border-radius: 50%; overflow: hidden; position: fixed;bottom: -13em; left: 50%; margin-left: -13em; -webkit-transform: scale(1);
  -ms-transform: scale(1); -moz-transform: scale(1);transform: scale(1); pointer-events: auto;-webkit-transition: all .3s ease;
  -moz-transition: all .3s ease; transition: all .3s ease;*/
  }

.csstransforms .cn-wrapper.cn-wrapper-green li {
    position: absolute; width: 25em; height: 25em;-webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; overflow: hidden;left: 50%; margin-left: -12.5em; top: 50%; margin-top: -12.5em;
}

.csstransforms .cn-wrapper.cn-wrapper-green li:first-child {
    -webkit-transform: rotate(-180deg) skew(-30deg); -ms-transform: rotate(-180deg) skew(-30deg);
    -moz-transform: rotate(-180deg) skew(-30deg);transform: rotate(-180deg) skew(-30deg);
  }

.csstransforms .cn-wrapper.cn-wrapper-green li:nth-child(2) {
    -webkit-transform: rotate(-60deg) skew(-30deg); -ms-transform: rotate(-60deg) skew(-30deg);
    -moz-transform: rotate(-60deg) skew(-30deg); transform: rotate(-60deg) skew(-30deg);
}

.csstransforms .cn-wrapper.cn-wrapper-green li:nth-child(3) {
    -webkit-transform: rotate(60deg) skew(-30deg);-ms-transform: rotate(60deg) skew(-30deg);
    -moz-transform: rotate(60deg) skew(-30deg); transform: rotate(60deg) skew(-30deg);
}

.csstransforms .cn-wrapper.cn-wrapper-green li a {
    display: block; font-size: 0.875rem; height: 10em; width: 10em; position: absolute; bottom: -5em; right: -5em; border-radius: 50%; 
    text-decoration: none; color: #fff; padding-top: 0.75em; text-align: center; -webkit-backface-visibility: hidden;
    -webkit-transform: skew(30deg) rotate(-30deg) scale(1); -ms-transform: skew(30deg) rotate(-30deg) scale(1);
    -moz-transform: skew(30deg) rotate(-30deg) scale(1);transform: skew(30deg) rotate(-30deg) scale(1);
}

.csstransforms .cn-wrapper.cn-wrapper-green li a { background-color: rgba(166, 206, 57, 1)}
.csstransforms .cn-wrapper.cn-wrapper-green li:nth-child(2) a { background-color: rgba(180, 220, 75, 1)}
.csstransforms .cn-wrapper.cn-wrapper-green li:nth-child(3) a {background-color: rgba(200, 240, 90, 1)}



.csstransforms .cn-wrapper.cn-wrapper-blue { position: absolute; z-index: 9;}

.csstransforms .cn-wrapper.cn-wrapper-blue li {
    position: absolute; width: 25em; height: 25em;-webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; overflow: hidden;left: 50%; margin-left: -12.5em; top: 50%; margin-top: -12.5em;
}

.csstransforms .cn-wrapper.cn-wrapper-blue li:first-child {
    -webkit-transform: rotate(-190deg) skew(0deg); -ms-transform: rotate(-190deg) skew(0deg);
    -moz-transform: rotate(-190deg) skew(0deg);transform: rotate(-190deg) skew(0deg);
}

.csstransforms .cn-wrapper.cn-wrapper-blue li:nth-child(2) {
    -webkit-transform: rotate(-100deg) skew(0deg); -ms-transform: rotate(-100deg) skew(0deg);
    -moz-transform: rotate(-100deg) skew(0deg); transform: rotate(-100deg) skew(0deg);
}

.csstransforms .cn-wrapper.cn-wrapper-blue li:nth-child(3) {
    -webkit-transform: rotate(-10deg) skew(0deg); -ms-transform: rotate(-10deg) skew(0deg);
    -moz-transform: rotate(-10deg) skew(0deg); transform: rotate(-10deg) skew(0deg);
}

.csstransforms .cn-wrapper.cn-wrapper-blue li:nth-child(4) {
    -webkit-transform: rotate(80deg) skew(0deg); -ms-transform: rotate(80deg) skew(0deg);
    -moz-transform: rotate(80deg) skew(0deg); transform: rotate(80deg) skew(0deg);
}

.csstransforms .cn-wrapper.cn-wrapper-blue li a {
    display: block; font-size: 0.875rem; height: 15em; width: 15em; position: absolute; bottom: -7.5em; right: -7.5em; border-radius: 50%; 
    text-decoration: none; color: #fff; padding-top: 0.75em; text-align: center; -webkit-backface-visibility: hidden;
    -webkit-transform: skew(0deg) rotate(-45deg) scale(1); -ms-transform: skew(0deg) rotate(-45deg) scale(1);
    -moz-transform: skew(0deg) rotate(-45deg) scale(1);transform: skew(0deg) rotate(-45deg) scale(1);
}

.csstransforms .cn-wrapper.cn-wrapper-blue li a { background-color: rgba(46, 49, 146, 1)}
.csstransforms .cn-wrapper.cn-wrapper-blue li:nth-child(2) a { background-color: rgba(60, 65, 160, 1)}
.csstransforms .cn-wrapper.cn-wrapper-blue li:nth-child(3) a {background-color: rgba(75, 80, 175, 1)}
.csstransforms .cn-wrapper.cn-wrapper-blue li:nth-child(4) a {background-color: rgba(90, 95, 190, 1)}


.csstransforms .cn-wrapper.cn-wrapper-red {position: absolute; z-index: 8}

.csstransforms .cn-wrapper.cn-wrapper-red li {
    position: absolute; width: 25em; height: 25em;-webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; overflow: hidden;left: 50%; margin-left: -12.5em; top: 50%; margin-top: -12.5em;
}

.csstransforms .cn-wrapper.cn-wrapper-red li:first-child {
    -webkit-transform: rotate(-134deg) skew(18deg); -ms-transform: rotate(-134deg) skew(18deg);
    -moz-transform: rotate(-134deg) skew(18deg);transform: rotate(-134deg) skew(18deg);
}

.csstransforms .cn-wrapper.cn-wrapper-red li:nth-child(2) {
    -webkit-transform: rotate(-62deg) skew(18deg); -ms-transform: rotate(-62deg) skew(18deg);
    -moz-transform: rotate(-62deg) skew(18deg); transform: rotate(-62deg) skew(18deg);
}

.csstransforms .cn-wrapper.cn-wrapper-red li:nth-child(3) {
    -webkit-transform: rotate(10deg) skew(18deg); -ms-transform: rotate(10deg) skew(18deg);
    -moz-transform: rotate(10deg) skew(18deg); transform: rotate(10deg) skew(18deg);
}

.csstransforms .cn-wrapper.cn-wrapper-red li:nth-child(4) {
    -webkit-transform: rotate(82deg) skew(18deg); -ms-transform: rotate(82deg) skew(18deg);
    -moz-transform: rotate(82deg) skew(18deg); transform: rotate(82deg) skew(18deg);
}

.csstransforms .cn-wrapper.cn-wrapper-red li:nth-child(5) {
    -webkit-transform: rotate(154deg) skew(18deg); -ms-transform: rotate(154deg) skew(18deg);
    -moz-transform: rotate(154deg) skew(18deg); transform: rotate(154deg) skew(18deg);
}

.csstransforms .cn-wrapper.cn-wrapper-red li a {
    display: block; font-size: 0.875rem; height: 20em; width: 20em; position: absolute; bottom: -10em; right: -10em; border-radius: 50%; 
    text-decoration: none; color: #fff; padding-top: 0.75em; text-align: center; -webkit-backface-visibility: hidden;
    -webkit-transform: skew(-18deg) rotate(-55deg) scale(1); -ms-transform: skew(-18deg) rotate(-55deg) scale(1);
    -moz-transform: skew(-18deg) rotate(-55deg) scale(1);transform: skew(-18deg) rotate(-55deg) scale(1);
}

.csstransforms .cn-wrapper.cn-wrapper-red li a { background-color: rgba(239, 61, 70, 1)}
.csstransforms .cn-wrapper.cn-wrapper-red li:nth-child(2) a { background-color: rgba(245, 75, 85, 1)}
.csstransforms .cn-wrapper.cn-wrapper-red li:nth-child(3) a {background-color: rgba(250, 90, 100, 1)}
.csstransforms .cn-wrapper.cn-wrapper-red li:nth-child(4) a {background-color: rgba(255, 105, 115, 1)}
.csstransforms .cn-wrapper.cn-wrapper-red li:nth-child(5) a { background-color: rgba(255, 120, 130, 1)}



.csstransforms .cn-wrapper.cn-wrapper-orange {position: absolute; z-index: 7}

.csstransforms .cn-wrapper.cn-wrapper-orange li {
    position: absolute; width: 25em; height: 25em;-webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; overflow: hidden;left: 50%; margin-left: -12.5em; top: 50%; margin-top: -12.5em;
}

.csstransforms .cn-wrapper.cn-wrapper-orange li:first-child {
    -webkit-transform: rotate(-180deg) skew(-30deg); -ms-transform: rotate(-180deg) skew(-30deg);
    -moz-transform: rotate(-180deg) skew(-30deg); transform: rotate(-180deg) skew(-30deg);
}

.csstransforms .cn-wrapper.cn-wrapper-orange li:nth-child(2) {
    -webkit-transform: rotate(-60deg) skew(-30deg); -ms-transform: rotate(-60deg) skew(-30deg);
    -moz-transform: rotate(-60deg) skew(-30deg); transform: rotate(-60deg) skew(-30deg);
}

.csstransforms .cn-wrapper.cn-wrapper-orange li:nth-child(3) {
    -webkit-transform: rotate(60deg) skew(-30deg); -ms-transform: rotate(60deg) skew(-30deg);
    -moz-transform: rotate(60deg) skew(-30deg); transform: rotate(60deg) skew(-30deg);
}
.csstransforms .cn-wrapper.cn-wrapper-orange li a {
    display: block; font-size: 0.875rem; height: 25em; width: 25em; position: absolute; bottom: -12.5em; right: -12.5em; border-radius: 50%; 
    text-decoration: none; color: #fff; padding-top: 0.75em; text-align: center; -webkit-backface-visibility: hidden;
    -webkit-transform: skew(30deg) rotate(-30deg) scale(1); -ms-transform: skew(30deg) rotate(-30deg) scale(1);
    -moz-transform: skew(30deg) rotate(-30deg) scale(1);transform: skew(30deg) rotate(-30deg) scale(1);
}

.csstransforms .cn-wrapper.cn-wrapper-orange li a { background-color: rgba(255, 165, 0, 1)}
.csstransforms .cn-wrapper.cn-wrapper-orange li:nth-child(2) a { background-color: rgba(255, 180, 15, 1)}
.csstransforms .cn-wrapper.cn-wrapper-orange li:nth-child(3) a {background-color: rgba(255, 200, 30, 1)}

.cn-wrapper-elements {position: absolute;right: 1.75rem; top: 1.75rem; }
.cn-wrapper-elements li{font-size: 0.75rem;}
.cn-wrapper-elements li span{height: 12px; width: 12px; display: inline-block; vertical-align: middle; border: 1px solid #000; margin-right: 5px;}
.cn-wrapper-elements li:first-child span{background: rgba(166, 206, 57, 1)}
.cn-wrapper-elements li:nth-child(2) span{background: rgba(46, 49, 146, 1)}
.cn-wrapper-elements li:nth-child(3) span{background: rgba(239, 61, 70, 1)}
.cn-wrapper-elements li:nth-child(4) span{background: rgba(255, 165, 0, 1)}


.bar-box li{height: 30px; width: 20px; border: 1px solid #fff;}
.bar-box.bar-box-green li{background: #a6ce39;}
.bar-box.bar-box-red li{background: #ef3d46;}
.bar-box.bar-box-red li.box-green,.bar-box.bar-box-gray-light li.box-green {background: #a6ce39;}
.bar-box.bar-box-red li.box-red,.bar-box.bar-box-gray-light li.box-red{background: #ef3d46;}
.bar-box.bar-box-gray-light li{background: #ebedf2;}
.bar-box.bar-box-gray li{background: #d8dce4;}





.table-scroll {position:relative;margin:auto;overflow:hidden;}
.table-wrap { width:100%;overflow:auto;}
.table-scroll table .fixed-side {background: #fff; padding: 5px 15px;}
.table-scroll th, .table-scroll td { white-space:nowrap;}
.clone {position:absolute; top:0; left:0; pointer-events:none;}
.clone th, .clone td {visibility:hidden}
/*.clone td, .clone th {border-color:transparent}*/
.clone tbody th {visibility:visible;}
.clone .fixed-side {visibility:visible;}

.progress-container {height: 24px; border-radius: 12px; background-color: #ebedf2;} 
.progress-container .progress-bar{background-color: #a6ce39;} 
.form-content {max-height: 600px; overflow-y: auto;}


.select-signature-style,.select-signature { display: none;}
#scribble:checked ~ #content-scribble, #type:checked ~ #content-type, #image:checked ~ #content-image, #fetch:checked ~ #content-fetch, 
#sign:checked ~ #content-sign{ display: block;}
.signature-box {width: 280px; height: 150px; position:relative; border: 1px solid #ebedf2; background: #f9f9f9;  margin-left: auto; margin-right: auto;}
.signature-box:before {width: 240px; height: 2px; position:absolute; content: ""; background: #e5e5e5; bottom: 20px; left: 20px;}

.card-border {border-top: 10px solid #2e3192; /*border-top-width: 15px;*/}


.chart--container {width: 100%;min-height: 450px;}
.zc-ref {display: none;}

#chartdiv {width: 100%;height: 500px;}

#custom-tooltip {background-color: #B0BEC5;border-radius: 4px;  color: #000;  font-size: 14px;  padding: 3px 0px;  
  position: absolute;text-align: center; width: 100px;  z-index: 1000;}