@font-face {font-family: 'Proxima Nova'; src: url('../fonts/ProximaNovaA-RegularIt.eot'); src: url('../fonts/ProximaNovaA-RegularIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNovaA-RegularIt.woff2') format('woff2'), url('../fonts/ProximaNovaA-RegularIt.woff') format('woff'), url('../fonts/ProximaNovaA-RegularIt.ttf') format('truetype'), url('../fonts/ProximaNovaA-RegularIt.svg#ProximaNovaA-RegularIt') format('svg'); font-weight: normal; font-style: italic; font-display: swap;}
@font-face {font-family: 'Proxima Nova'; src: url('../fonts/ProximaNovaS-Light.eot'); src: url('../fonts/ProximaNovaS-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNovaS-Light.woff2') format('woff2'), url('../fonts/ProximaNovaS-Light.woff') format('woff'), url('../fonts/ProximaNovaS-Light.ttf') format('truetype'),        url('../fonts/ProximaNovaS-Light.svg#ProximaNovaS-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap;}
@font-face {font-family: 'Proxima Nova'; src: url('../fonts/ProximaNova-Regular.eot');  src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Regular.woff2') format('woff2'), url('../fonts/ProximaNova-Regular.woff') format('woff'), url('../fonts/ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg'); font-weight: 400; font-style: normal; font-display: swap;}
@font-face {font-family: 'Proxima Nova'; src: url('../fonts/ProximaNova-Bold.eot'); src: url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Bold.woff2') format('woff2'), url('../fonts/ProximaNova-Bold.woff') format('woff'), url('../fonts/ProximaNova-Bold.ttf') format('truetype'), url('../fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg'); font-weight: 700; font-style: normal; font-display: swap;}
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
body {margin: 0px; background: #fff; font-weight: 400; font-size: 16px; line-height: 1; font-family: 'Proxima Nova'; color: #222222; overflow-x: hidden; padding-top: 67px;}
.guest-mode-on { padding-top: 119px;}
a, a:hover, a:focus, button:hover, button {outline: none; text-decoration: none;transition: all 500ms ease-in-out;}
button:focus, input:focus {outline: none !important;  transition: all 500ms ease-in-out;box-shadow: inherit !important;}
ul {padding: 0; margin: 0;}
li {list-style: none;}
section {display: block; width: 100%;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { border:0; -webkit-text-fill-color:#000000; -webkit-box-shadow: 0 0 0 1000px #ffffff inset; transition: background-color 5000s ease-in-out 0s;}
input-moz-autofill, input-moz-autofill-preview {filter: grayscale(21%) brightness(88%) contrast(161%) invert(10%) sepia(40%) saturate(206%);}
input:-webkit-autofill {-webkit-box-shadow: inset 0 0 0 9999px white;}
.form-group.required label::after {content: '*'; color: #e02b27; font-size: 16px; margin: 0 0 0 5px; position: relative; top: 2px;}

.container{max-width: 1330px; padding: 0 15px; width:100%; margin: 0 auto;}
.wrapper{padding-bottom: 30px;}
.main {padding-top: 70px;}
/* ================================* Loader CSS START* ================================ */
.page-loader-wrapper {z-index: 99999999; position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2); overflow: hidden; text-align: center; color: #6d737d;}
.page-loader-wrapper p {font-size:0; margin-top: 10px; font-weight: bold; color: #444; }
.page-loader-wrapper .loader {width: 55px; height: 55px; top: 45%; position: absolute; display: inline-block; left: 49%;}
.page-loader-wrapper .loader .preloader {-webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite; border: 3px solid; border-right-color: currentcolor; border-right-style: solid; border-right-width: 3px; border-radius: 50%; border-right: 3px solid transparent; display: inline-block; width: 100%; height: 100%;}
.form-control.validating + .input-loader {position: absolute; animation: around 5.4s infinite; right: 0; bottom:0; top:25px; height: 20px; width: 20px; border-radius: 50%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite; border: 2px solid; border-right-color: currentcolor; border-right-style: solid; border-right-width: 2px; border-radius: 50%; border-right: 2px solid transparent; display: inline-block; color: #222;}


/* ================================* Loader CSS END* ================================ */
/* ================================* Popup CSS START* ================================ */
.mfp-content .mfp-form-popup {background-color: #fff; max-width: 440px; margin: 0 auto; border-radius: 4px; position: relative;}
.mfp-content .become-customer {max-width: 410px;}
.mfp-content .mfp-form-popup .popup-header {background: #fff; padding: 15px 20px; align-items: center; justify-content: space-between; display: flex; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px); font-size: 16px; color: #222222; font-weight: 600; line-height: 19px;}
.mfp-content .mfp-form-popup .organisation-form {width: 100%;  display: flex; margin: 0; padding:20px; flex-wrap: wrap;}
.mfp-content .mfp-form-popup .organisation-form form {width: 100%; padding: 0;}
.select2-container--krajee-bs4 { display: block; width: 100% !important;}
.select2-container--krajee-bs4 .select2-selection {box-shadow: none !important; background-color: #fff !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; transition: none !important; font-size: 15px !important;  color: #000 !important; font-weight: 700 !important; line-height: 30px !important; display: flex !important; align-items: center; height: 30px !important; padding: 0 !important; border-bottom: 1px solid #707070 !important;}
/* .select2-selection--single .select2-selection__clear{display: none;} */
.select2-container--krajee-bs4 .select2-selection--single .select2-selection__arrow {border: none !important;}
.select2-container--krajee-bs4 .select2-selection--single .select2-selection__arrow b {border-color: transparent !important; border-style: solid !important; border-width: 0 !important; height: 8px !important;  left: 3px !important; margin-left: 0 !important; margin-top: 0 !important; position: absolute !important; top: 50%; width: 14px !important; background: url(../images/down-arrow-black.svg) center no-repeat;}
.select2-container--krajee-bs4:not(.select2-container--disabled) .select2-dropdown {overflow-x: hidden; margin-top: -1px; border: 1px solid #eaeaea !important;  background-color: white; -webkit-box-shadow: 0 1px 4px -2px rgba(0,0,0,.4) !important; -moz-box-shadow: 0 1px 4px -2px rgba(0,0,0,.4) !important;  box-shadow: 0 1px 4px -2px rgba(0,0,0,.4) !important;}
.select2-container--krajee-bs4 .select2-results__option[aria-selected] {background-color: #fff; border-radius: 0; font-size: 15px; color: #222222;  font-weight: 400; line-height: 19px; list-style: none; cursor: pointer; padding: 10px; margin: 0 0;}
.select2-container--krajee-bs4 .select2-search--dropdown .select2-search__field {box-shadow: none !important; border: 0 !important; border-radius: 0 !important; border-bottom: 1px solid #707070 !important; padding: 10px 0; height: 30px; font-size: 16px; font-weight: 700; color: #000000;}
.select2-container--krajee-bs4 .select2-results__option.select2-results__option--selected, .select2-container--krajee-bs4 .select2-results__option[aria-selected="true"] { color: #222 !important; background-color: #f1fbff !important;}
.select2-container--krajee-bs4 .select2-results__option--highlighted[aria-selected] {color: #222 !important; background-color: #f1fbff !important;}
.select2-container--krajee-bs4 .select2-selection--single .select2-selection__clear { top: 9px; opacity: 1; font-size: 23px; float: none; position: absolute; right: 24px;}
.mfp-content .mfp-form-popup .organisation-form form .form-group:last-child {position: relative; margin-bottom: 0; padding: 20px 0 0 0; margin-top: 32px;}
.mfp-content .mfp-form-popup .organisation-form form .form-group:last-child::after {content: ''; border-top: 1px solid #eaeaea; width: 112%; position: absolute; left: -20px; right: 0; top:0;}
.mfp-content .mfp-form-popup .organisation-form form .form-group:last-child .btn { width: 46.8%; max-width: 46.8%; flex: 0 0 46.8%; margin: 0 5px;}
.mfp-close-btn-in .mfp-close {background: url("../images/close.svg") no-repeat center; font-size: 0; opacity: 1; text-align: center;}
.mfp-content .domain-form form {padding: 20px;}
.mfp-content.domain .field-domain-name {margin-bottom: 45px !important;}
.mfp-content .mfp-form-popup form .form-group:last-child {margin: 0; padding: 20px 0 0 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; position: relative; width: 100%;}
.mfp-content .mfp-form-popup form .form-group:last-child::before { content: ""; width: 110%; height: 1px; position: absolute; top: 0; border-top: 1px solid #dee2e6; left: -5%; right: 0;}
.mfp-content .become-customer .invite-user-form .form-group::before {width: 110% !important; left: -5% !important;}
.mfp-content .mfp-form-popup form .form-group:last-child .btn{width: 46.8%; max-width: 46.8%; flex: 0 0 46.8%; margin: 0 5px;}
.mfp-content .mfp-form-popup form { padding: 20px;}
.mfp-content .mfp-form-popup .form-group { margin-bottom: 18px;}
.mfp-content .mfp-form-popup form .form-group:last-child {margin: 25px 0 0 0; padding: 20px 0 0 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; position: relative; width: 100%;}
.mfp-content .mfp-form-popup form p {font-size: 13px; line-height: 17px; font-weight: 400; color: #656565;}
.bootstrap-dialog .modal-dialog { max-width: 320px; padding: 0; border-radius: 4px; border: 0; box-shadow: none; margin: 0 auto; top: 50%; transform: translate(0,-50%) !important;}
.bootstrap-dialog .modal-dialog .modal-content .modal-header {background: #fff; padding: 15px 20px; align-items: center; justify-content: space-between; display: flex; font-size: 16px; color: #222222; font-weight: 600; line-height: 19px; border-radius: 4px; border-bottom: 1px solid #dee2e6;}
.bootstrap-dialog .modal-dialog .modal-content { border: 0;}
.bootstrap-dialog .modal-dialog .modal-content .modal-body { padding: 25px 20px;}
.bootstrap-dialog .modal-dialog .modal-content .bootstrap-dialog-body .bootstrap-dialog-message {font-size: 15px; line-height: 18px; font-weight: 500; color: #222;}
.bootstrap-dialog .modal-dialog .modal-content .modal-footer .bootstrap-dialog-footer {margin: 0; padding: 0; width: 100%;}
.bootstrap-dialog .modal-dialog .modal-content .modal-footer .bootstrap-dialog-footer .bootstrap-dialog-footer-buttons {width: 100%; display: flex; align-items: center; justify-content: center; margin: 0; padding: 0;}
.bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-outline-secondary {background: #fff; color: #222222; border: 1px solid #222222; padding: 11px; font-size: 13px; font-weight: 700; text-transform: uppercase;  border-radius: 4px; text-align: center;  width: 46.8%; max-width: 46.8%; flex: 0 0 46.8%; margin: 0 5px;  box-shadow: none;}
.bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn-warning {width: 46.8%; max-width: 46.8%; flex: 0 0 46.8%; margin: 0 5px; background: #222222; color: #fff; border: 1px solid #222222; padding: 11px; font-size: 13px; font-weight: 700; text-transform: uppercase; border-radius: 4px; text-align: center; box-shadow: none;}
.bootstrap-dialog .modal-dialog .modal-content .modal-footer .btn span.fas {display: none;}

.mfp-content .mfp-form-popup .invite-limit-content {width: 100%; display: inline-block; margin: 0; padding: 20px;}
.mfp-content .mfp-form-popup .invite-limit-content .icon-user-limit {margin: 0 0 15px 0; display: inline-block; padding: 0; width: 100%;}
.mfp-content .mfp-form-popup .invite-limit-content h2 {font-size: 16px;  color: #222222; font-weight: 700;  margin: 0 0 6px 0; padding: 0; line-height: 21px;}
.mfp-content .mfp-form-popup .invite-limit-content p { font-size: 16px;  color: #222222; line-height: 21px;  font-weight: 400;  margin: 0 0 4px 0;}
.mfp-content .mfp-form-popup .modal-footer { width: 100%; padding: 20px;}
.mfp-content .mfp-form-popup .modal-footer .btn-primary {width: 100%; margin: 0;}
.popup-main { max-width: 360px; margin: 0 auto; position: relative;}
.popup-main > .container {padding: 0;}


/* ================================* Popup CSS END* ================================ */
/* ================================* Button CSS START* ================================ */

.btn-primary {background: #222222 !important; color: #fff !important; border: 1px solid #222222 !important; padding: 0 20px; font-size: 13px; font-weight: 700; text-transform: uppercase; border-radius: 4px; text-align: center; line-height: 42px; box-shadow: none !important;}
.btn-primary:hover, .btn-success:hover{background: #fff !important; color: #222222 !important; border: 1px solid #222222 !important;}
.btn-default{background: #fff !important; color: #222222 !important; border: 1px solid #222222 !important;  padding: 0 20px; font-size: 13px; font-weight: 700; text-transform: uppercase; border-radius: 4px; text-align: center; line-height: 42px; box-shadow: none !important;}
.btn-default:hover{background: #222 !important; color: #fff !important; border: 1px solid #222222 !important;}
.btn-primary:focus, .btn-primary.focus,.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle{background: #222 !important; color: #fff !important; border: 1px solid #222222 !important; box-shadow: none !important; }
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus{box-shadow: none !important;}
/* ================================* Button CSS END* ================================ *

/* ================================* form CSS START* ================================ */
.form-group { margin-bottom: 25px;width: 100%; display: flex; flex-wrap: wrap;  padding: 0; position: relative;}
.form-group label { font-size: 12px; color: #656565; font-weight: 700;margin: 0 0 5px 0; padding: 0; text-transform: uppercase;}
.form-group input {border: none; border-bottom: 1px solid #707070 !important; border-radius: 0; padding: 0 0 !important; height: 30px; font-size: 16px; font-weight: 700; color: #555; background-color: #fff; background-image: none !important; line-height: 30px;}
.form-group textarea {border: 1px solid #707070; resize: none; color: #555; padding: 10px; height: 150px; box-shadow: none !important; border-radius: 0; font-size: 16px; font-weight: 700;}
.form-control:focus {border-color: #707070;}
.form-group .custom-checkbox input {display: none;}
.custom-control-label::before {content: ''; background: url("../images/checkbox_off.svg") no-repeat center; border: 0; width: 15px; height: 15px; box-shadow: none; margin: 0 9px 0 0; padding: 0; border-radius: 0 !important; transition: none; display: inline-block; border-color: transparent !important; background-color: transparent !important; transform: none; position: relative; left: 0; right: 0; top: 0;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before{ background-image: url("../images/checkbox_on.svg");}
.form-group .custom-control {padding: 0; min-height: auto; vertical-align: middle; display: inline-block;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {display:none;}
.custom-control-label::after {display: none}
.form-group .custom-checkbox label { font-size: 14px; color: #222222 !important; font-weight: 400; line-height: 17px; display: flex; align-items: center; margin: 0;  justify-content: flex-start; text-transform: inherit;}
.form-group .custom-checkbox {margin:8px 0 0 0;}
.form-group .form-actions {width: 100%; display: flex; margin:20px 0 0 0; padding: 0;}
.form-group .form-actions .btn-primary { width: 100%;}
.form-group .forgot {color: #222222; font-size: 14px; font-weight: 400; line-height: 17px;}
.form-group .forgot:hover{color:#31B9FF}
.form-control::placeholder {color: #222; opacity: 0.3; font-weight: 400;}
.mfp-content .mfp-form-popup .field-message-sent_to_user .select2-selection.select2-selection--multiple { height: auto !important;}
.mfp-content .mfp-form-popup .field-message-sent_to_user .select2-selection.select2-selection--multiple .select2-search__field { height: 100%; border: 0 !important; margin: 0; font-family: 'Proxima Nova'; min-width:150px;}
.mfp-content .mfp-form-popup .field-message-sent_to_user .select2-selection.select2-selection--multiple .select2-selection__rendered li.select2-selection__choice { background: transparent;  border: 1px solid #EBEBEB;  margin: 0 5px 5px 0; padding: 5px 10px;  font-size: 16px; color: #555; line-height: 21px; font-weight: 600; float: left;}
.mfp-content .mfp-form-popup .field-message-sent_to_user .select2-selection.select2-selection--multiple .select2-selection__rendered li.select2-selection__choice .select2-selection__choice__remove {margin: 4px 0 0 6px; padding: 0;}
.s2-togall-button span.s2-select-label {color: #222; background-color: transparent;}

/* ================================* form CSS END* ================================ *

/* ================================* login CSS START* ================================ */
.authentication {height: 100%; background-image: url(../images/bg-images.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 60px;}
.authentication-main {max-width: 440px; background: #fff; padding: 38px 44px 30px 44px; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto;}
.authentication-main .logo {width: 100%; float: left; margin:0 0 30px 0; padding: 0; text-align: center;}
.authentication-main .logo a { display: inline-block; margin: 0; padding: 0; font-size: 20px; font-weight: 700; border: 0; color: #222222;}
.authentication-main .content {width: 100%;float: left;margin: 0;padding: 0;}
/*.authentication .invalid-feedback {position: absolute; bottom: -17px;}*/
/* ================================* Forgot Password CSS START* ================================ */
.authentication-main .content .instruction-text {width: 100%; display: flex;  flex-wrap: wrap; margin: 0; padding: 0;}
.authentication-main .content .instruction-text h3 { font-size: 16px; color: #222222; font-weight: 700; line-height: 19px; margin: 0 0 13px 0; padding: 0; width: 100%; display: flex;}
.authentication-main .content .instruction-text p {font-size: 14px; color: #222222; font-weight: 400; line-height: 17px; margin: 0 0 18px 0;}
.forgot-password .authentication-main{padding-bottom:18px;}
.forgot-password-success .form-group .form-actions {margin-top: 18px;}
.forgot-password-success .authentication-main {padding-bottom:16px;}
.reset-password .authentication-main .content .instruction-text{margin-bottom: 5px;}
.reset-password .form-group .form-actions{margin-top:10px;}
.reset-password-success .form-group .form-actions { margin: 15px 0 0 0;}
.reset-password-success .authentication-main{padding-bottom:23px;}
.reset-password-success .form-group .form-actions a.btn.btn-primary {width: auto; padding: 0 50px; }

/* ================================* Forgot Password CSS END* ================================ */

/* ================================* Alert CSS START* ================================ */
.alert-success .glyphicon-ok-sign:after { content: "\f058"; font-family: 'Font Awesome 5 Pro'; display: inline-block; padding: 0; font-size: 15px; line-height: normal; font-weight: 400; margin: 0 5px 0 0; background: #d4edda;}
.alert-success span[data-notify="title"] { font-size: 16px; font-weight: 700; line-height: 19px; margin: 0; padding: 0;}
.alert-success .kv-alert-separator {display: none;}
.alert-success span { font-size: 16px; line-height: 19px;font-weight: 400;}
.alert-success .close { line-height: normal;  height: auto; padding: 0; margin: 0; opacity: 1;}
.alert-success .close span {font-size: 30px; display: inherit; color: #155724;}
/* ================================* Alert Password CSS END* ================================ */

/* ================================* Header CSS START* ================================ */
.header {width: 100%; background: #fff; border-bottom: 1px solid #ebeced; padding: 0; position: fixed; top: 0; z-index:999;}
.header .header-inner{display: flex; align-items: center;}
.header .header-inner .logo {margin-right: auto; display: flex; align-items: center;}
.header .header-inner .logo span {border-left: 1px solid #e3e3e3; padding-left: 30px; margin-left: 35px;}
.header .header-inner .navbar {display: flex; justify-content: flex-end; background: transparent !important; padding: 0;}
.header .header-inner .navbar .container {padding: 0;}
.header .header-inner .navbar .navbar-nav {margin: 0;  display: flex; align-items: center;}
.header .header-inner .navbar .navbar-nav li {list-style: outside none none; margin: 0; padding: 0 16px; display: block;}
.header .header-inner .navbar .navbar-nav li:last-child{padding-right:0;}
.header .header-inner .navbar .navbar-nav li a {padding: 21px 0;  color: #222222; position: relative; font-weight: 700; font-size: 16px; line-height: 18px; text-decoration: none; display: block;}
.header .header-inner .navbar .navbar-nav li a img {width: 32px; height: 32px; border-radius: 50%; object-fit: cover; object-position: top center;}
.header .header-inner .navbar .navbar-nav li:last-child a{padding:14px 0;}
.header .header-inner .navbar .navbar-nav li a:before, .header-inner .navbar .navbar-nav li a:after {position: absolute; -webkit-transition: all 0.35s ease; transition: all 0.35s ease;}
.header .header-inner .navbar .navbar-nav li a:before {bottom: 0; display: block; height: 3px; width: 0%; content: ""; background-color:#222222;}
.header .header-inner .navbar .navbar-nav .nav-item a:hover:before, .header-inner .navbar .navbar-nav .nav-item a.active:before {opacity: 1; width: 100%;}
.header-effects {display: block; width: 100%; height: 8px; background-size: cover; background: rgb(125 125 125); background: linear-gradient(90deg, rgb(34 34 34) 0%, rgb(128 128 128) 100%);}
.header-effects.guest-user-header{height:60px;}
.header .header-inner .logo a { display: inline-block; margin: 0; padding: 0; width: auto;}
.header .header-inner .logo a span { margin: 0; padding: 0; font-size: 26px; font-weight: 700; border: 0; color: #222222;}
.org-logo{height: 45px;}
.guest-mode-on .guest-user-header {background: rgb(121,75,170); background: linear-gradient(90deg, rgba(121,75,170,1) 0%, rgba(49,185,255,1) 100%); width: 100%; margin: 0; padding:18px 0; height: auto; display: flex; align-items: center; justify-content: center;}
.guest-mode-on .guest-user-header .header_left_panel { padding: 0; margin: 0 0 0 0; display: inline-block;}
.guest-mode-on .guest-user-header .header_left_panel a {color: #FFFFFF; font-size: 17px; line-height: 22px; font-weight: 600; display: flex; align-items: center; }
.guest-mode-on .guest-user-header .header_left_panel a img {margin: 0 10px 0 0; padding: 0; display: inline-block;}
.guest-mode-on .guest-user-header .org-name {margin: 0 auto; padding: 0; text-align: center; display: inline-block; width: calc(100% - 180px);}
.guest-mode-on .guest-user-header .org-name { margin: 0 auto; padding: 0; text-align: center;  display: inline-block;width: calc(100% - 180px);  font-size: 17px; color: #FFFFFF; font-weight: 900; line-height: 22px;}
.guest-mode-on .subheader-top {top: 121px;}
/* ================================* Header CSS END* ================================ */
/* ================================* Customer Page CSS START* ================================ */
.subheader {width: 100%; display: flex; margin: 0; padding: 26px 0 20px 0; align-items: center;}
.subheader .header-inner { width: 100%; display: flex; margin: 0; padding: 0; align-items: center;}
.subheader .header-inner .search_icon {margin: 0 0 0 auto; width: 44px; height: 44px; border-radius: 50%; border: 1px solid #222; text-align: center;}
.subheader .header-inner .search_icon i {text-align: center; line-height: 44px;}
.subheader .header-inner .search_icon:hover { cursor: pointer }
.iu-table {width: 100%; margin: 0; padding: 0; }
.iu-table .summary {display: none;}
.iu-table table {border: 0; margin: 0; padding: 0; position: relative;}
.iu-table table thead tr {border: 0; margin: 0; padding: 0;}
.hide{display: none;}
.iu-table table thead tr .hide {display: none;}
.iu-table table thead tr.filters {display: none;}
.iu-table table thead tr th {border: 0; border-bottom: 1px solid #EBEBEB; font-size: 16px; color: #222222; font-weight: 700; padding:0;}
.iu-table table thead tr th a {color: #222222; padding: 30px 16px 15px 15px; display: block; font-size: 16px; font-weight: 700; position: relative;}
.iu-table table thead tr th a.asc::after {background: url(../images/angle-up.svg) no-repeat; content: ''; width: 18px; height: 18px; display: inline-block; position: absolute; margin-left: 10px;}
.iu-table table thead tr th a.desc:after{background: url(../images/angle-down.svg) no-repeat; content: ''; width: 18px; height: 18px; display: inline-block; position:absolute; margin-left: 10px;}
.iu-table table thead tr td {padding: 15px 15px 15px 15px; margin: 0; border: 0; border-bottom: 1px solid #EBEBEB;}
.iu-table table thead tr td.filtered::after {content: 'FILTERED';  background: #222222; border-radius: 3px; font-size: 11px; line-height: 15px; padding: 2px 4px; color: #ffffff; position: absolute; top: 0;}
.iu-table table thead tr td .input-daterange input { width:86px;}
.iu-table table thead tr td .input-daterange input:first-child {border-right: 1px solid #ececec;}
.iu-table table thead tr td .input-daterange .input-group-append {background:#ffffff; border: 0; margin: 0; padding: 0;}
.iu-table table thead tr td .input-daterange .input-group-append .input-group-text {border: 0; background: transparent; margin: 0; padding: 0; width:24px; text-align: center; display: inline-block; vertical-align: middle; line-height: 30px; color:#222222; opacity: 0.3;}
.input-daterange .input-group-append .kv-field-separator {line-height: 35px !important;}
.iu-table table tbody tr { background-color: transparent !important;}
.iu-table table tbody tr td {padding: 12px 17px; border: 0; font-size: 16px; color: #222222; font-weight: 400; line-height: 19px; border-bottom: 1px solid #EBEBEB; vertical-align: middle;}
.iu-table table tbody tr td.hide { display: none;}
.iu-table table tbody tr td a i {font-size: 20px; font-weight: 400; color: #222222;}
.iu-table table tbody tr td a {color: #222222; opacity: 1 !important; font-weight: 700;}
.iu-table table tbody tr td > a { position: relative;}
/*.iu-table table tbody tr td a > .glyphicon {position: absolute; top: -9px; right: 14px;}*/
.iu-table.clickable-row table tr td:last-child{text-align: right;}
.iu-table table thead tr td .help-block {margin: 6px 0 0 0;}
.clickable-row table tr {cursor: pointer;}
.clickable-row table.table thead tr.filters td:first-child {display: none;}
.iu-table .grid-view table tr.filters{background: #ECECEC;}
.iu-table .grid-view table tr td input {border: 0; padding: 10px; height: 35px; color: #222; font-size: 16px; font-weight: 400; max-width: 100%; width: 100%; border-radius: 6px;}
table .empty{text-align:left;}
.subheader .header-inner .header_right_panel a.btn {margin: 0 0 0 7px;}
.subheader .header-inner .header_right_panel a.btn:first-child{margin-left: 0;}

.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active {color: #fff; background-color: #222222; border-color:#222222;}
.datepicker table tr td.selected, .datepicker table tr td.selected.highlighted {background-color: #222222; border-color: #222222; text-shadow:none;}
.datepicker table tr td.active:active:hover, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.active.focus, .datepicker table tr td.active.highlighted.active.focus {color: #fff; background-color: #222222; border-color: #222222;}
.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active { background-color: #222222; border-color: #222222;}
.datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover:active:hover, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled:hover.active:focus, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.active.focus, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled:hover.active.focus{ background-color: #222222; border-color: #222222;}
.datepicker table tr td.selected:hover, .datepicker table tr td.selected.highlighted:hover{ color: #fff; background-color: #222222; border-color: #222222;}
.datepicker table tr td.day:hover, .datepicker table tr td.focused{color: #fff; background-color: #222222; border-color: #222222;}
.datepicker table tr td.range:active:hover, .datepicker table tr td.range.active:hover, .datepicker table tr td.range:active:focus, .datepicker table tr td.range.active:focus, .datepicker table tr td.range:active.focus, .datepicker table tr td.range.active.focus{color: #fff; background-color: #222222; border-color: #222222;}
.datepicker table tr td.range {color: #000; background-color: transparent;border-color: transparent; border-radius: 0;}
.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover {color: #fff; background-color: #222222; border-color: #222222;}


/* ================================* Customer Page CSS END* ================================ */

/* ================================* Customer Page CSS START* ================================ */
.subheader-top {width: 100%; margin: 0; padding: 13px 0 12px; position: fixed; background: #fff; z-index:999; top: 69px; left: 0; right: 0;}
.subheader-top .header_left_panel {display: flex; align-items: center; max-width: 1330px; padding: 0 15px; width: 100%; margin: 0 auto; justify-content: flex-start;}
.subheader-top .header_left_panel a {font-size: 17px; color: #222222; line-height: 21px; font-weight: 600;}
.subheader-top .header_left_panel a i {font-weight: 400; font-size: 20px; line-height: 25px; position: relative; top: 2px; margin-right:11px;}
.subheader-top + .subheader {margin-top: 50px;}
.subheader .header-inner h2 {font-size: 42px; color: #222222; font-weight: 700; line-height: 52px; margin: 0; padding: 0; text-transform: capitalize;}
.subheader .header-inner .header_right_panel { margin: 0 0 0 auto;}
.subheader .header-inner .header_right_panel .btn-default {line-height: 33px;}
.customers-details-wrap {width: 100%; margin:20px 0 0 0; padding: 0; display: flex; flex-wrap: wrap;}
.customers-details-wrap .container {padding: 0 0;}
.customers-details-wrap .customers-details-row {display: flex; align-items: flex-start; flex-wrap: wrap;}
.customers-details-wrap .customers-details-left-wrap { width: 280px;}
.customers-details-wrap .customers-details-right-wrap { width: calc(100% - 280px); padding-left: 90px;}
.customers-details-right-wrap .content-list {display: flex; flex-direction: column; margin-bottom: 25px; align-items: flex-start;}
.customers-details-right-wrap .content-list:last-child{margin-bottom: 0;}
.content-list label {font-size: 12px; color: #656565; font-weight: 700; text-transform: uppercase;}
.content-list strong {color: #000000; font-size: 16px; font-weight: 700;}
.organisation-details-group {width: 100%; display: flex; margin: 0; padding: 0; flex-wrap: wrap;}
.drop-zone {width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
.drop-zone .form-group {margin-bottom: 0;}
.drop-zone .form-group .file-input {width: 100%; display: flex; flex-wrap: wrap; margin: 0; padding: 0; z-index: 99; min-height: 213px;}
.form-group.field-user-profile_picture {min-height: 220px;}
.drop-zone .form-group .file-input .file-preview {border: 0; margin: 0; padding: 0; border-radius: 0;}
.drop-zone .form-group .file-input .file-preview .file-drop-zone {width: 100%; margin: 0; padding:15px; border: 1px solid #dcdcdc; border-radius: 8px; display: flex; align-items: center; justify-content: center; min-height: 205px;}
.drop-zone .form-group .file-input .file-preview .file-drop-zone .file-drop-zone-title { display: none;}
.drop-zone .form-group .file-input .file-caption {display: none;}
.drop-zone .krajee-default.file-preview-frame {margin: 0; border: 0; box-shadow: none; padding: 0; float: none; text-align: center;}
.drop-zone .krajee-default.file-preview-frame .file-thumbnail-footer{display: none;}
.drop-zone .krajee-default.file-preview-frame .kv-file-content{width: auto; height: auto;}
.user-details-profile .drop-zone .form-group .file-input .file-drop-zone .kv-file-content img {border: 0;  padding: 0; border-radius: 50%; width: 213px !important; height: 213px !important; overflow: hidden; object-fit: cover; object-position: top center;}
.drop-zone .krajee-default.file-preview-frame:not(.file-preview-error):hover { border: 0; box-shadow: none;}
.drop-zone .form-group .file-input .file-preview .file-drop-zone .text-center {font-size: 0;}
.drop-zone .file-preview .fileinput-remove {top: 15px; right: 15px; line-height: 10px;}
.file-thumb-loading{background: none !important;}
.file-drop-zone .file-preview-thumbnails {cursor: default; position: relative; z-index: -9;}
.drop-zone .upload-label { display: block; text-align: center; color: #222222;  font-size: 16px; font-weight: 400;  line-height: 19px; margin: 7px 0 12px 0; width: 100%;}
.drop-zone .invalid-feedback {display: block;}
.customers-details-left-wrap .innovation-details-group {margin: 0 0 29px 0;  width: 100%; display: flex; padding: 10px 0 0 0;flex-wrap: wrap; }
.innovation-details-group p {font-size: 12px; color: #656565; font-weight: 700; text-transform: uppercase; line-height: normal;}
.innovation-levels-wrap {border: 1px solid #d3d3d3; padding: 6px 12px 20px 12px; border-radius: 8px;}
.innovation-levels-table th {font-size: 12px; color: #656565; font-weight: 700; padding: 8px;}
.innovation-levels-table td {font-size: 12px;  color: #707070; font-weight: 400; padding: 0 8px;}
.innovation-levels-table td > span { display: flex; align-items: center; justify-content: center; background: #bebebe; height: 24px; width: 24px; color: #fff; font-size: 16px; font-weight: 700; border-radius: 50%;}
.innovation-levels-table td span.active{background: #222222;}
.innovation-levels-table .levels-col {display: flex;align-items: center;}
.innovation-levels-table td .levels-col .form-group {margin: 0; position: relative;}
.innovation-levels-table .levels-col input {width: 70px; padding: 0;}
.innovation-levels-table .levels-col input.is-invalid {border-bottom: 1px solid red !important; color: red;}
.innovation-levels-table .levels-col strong {font-size: 16px; color: #707070; font-weight: 700;}
.innovation-levels-table .levels-col .invalid-feedback {font-size: 0; display: none !important;}

.customers-details-left-wrap .form-group .btn-primary {width: 100%;}
/* ================================* Customer Page CSS END* ================================ */

/* ================================* Domain Page CSS START* ================================ */
.iu-table ul.pagination {   align-items: center; margin: 70px 0 50px auto; padding: 0; -webkit-justify-content: end; justify-content: end;}
.iu-table ul.pagination li { margin: 0 10px; padding: 0; position: relative}
.iu-table ul.pagination li .pager-details {font-size: 16px; font-weight: 400; line-height: 19px;  padding: 0; margin: 0; display: inline-block;}
.iu-table ul.pagination li .pager-details .pagination-input {margin: 0 5px 0 5px; border: 1px solid #AFAFAF; width: 58px; max-width: inherit; min-width: 58px; height: 32px; text-align: center; border-radius: 6px; font-size: 16px; font-weight: 400; font-family: 'Proxima Nova'; color: #222222;}
.iu-table ul.pagination li .pager-details input::-webkit-outer-spin-button, .iu-table ul.pagination li .pager-details input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.iu-table ul.pagination li .pager-details input[type=number] {-moz-appearance: textfield;}
.iu-table ul.pagination li a {font-size: 16px;  line-height: 19px; color: #222222; font-weight: 400;  margin: 0; padding: 0;}
.iu-table ul.pagination li.prev a, .iu-table ul.pagination li.prev span{font-size: 0;}
.iu-table ul.pagination li.prev a::after, .iu-table ul.pagination li.prev span::after {font-size: 20px; line-height: 19px; color: #31B9FF; font-weight: 400; margin: 0; top: 50%; padding: 0; content: "\f104"; font-family: 'Font Awesome 5 Pro'; position: absolute; transform: translate(0,-50%);}
.iu-table ul.pagination li.next a, .iu-table ul.pagination li.next span{font-size:0;}
.iu-table ul.pagination li.next a:after, .iu-table ul.pagination li.next span:after {font-size: 20px; line-height: 19px; color: #31B9FF; font-weight: 400; margin: 0; top:50%; padding: 0; content: "\f105"; font-family: 'Font Awesome 5 Pro'; position: absolute; transform: translate(0,-50%);}
.iu-table ul.pagination li.disabled span:after {color: #31B9FF; opacity: 50%;}

.domain-view .tabs-above .nav-tabs {border-bottom: 1px solid #E3E3E3; position: relative; padding: 0 0 1px 0;}
/*.domain-view .tabs-above .nav-tabs::after {content: ""; height: 1px; width: 100%; border-bottom: 1px solid #E3E3E3; left: -50%; bottom: -1px; position: absolute;}*/
/*.domain-view .tabs-above .nav-tabs::before {content: ""; height: 1px; width: 50%; border-bottom: 1px solid #E3E3E3; right: -50%; bottom: -1px; position: absolute; left: auto;}*/
.domain-view .tabs-above .nav-tabs li a {font-size: 16px; color: #222222; font-weight: 700; border: none; padding: 8px 0; display: inline-block; border-bottom: 3px solid transparent; margin: 0;}
.domain-view .tabs-above .nav-tabs li {padding-right: 70px; margin-bottom: -1px;}
.domain-view .tabs-above .nav-tabs li a.active, .domain-view .tabs-above .nav-tabs li a:hover {border-bottom: 3px solid #31b9ff;}
.domain-view .tabs-above .tabs-above .printable {padding: 28px 0; margin: 0; width: 100%; float: left;}
.domain-view .tabs-above .tab-content {padding: 28px 0; margin: 0; width: 100%; float: left;}
.domain-view .tabs-above .tab-content .tab-pane .iu-table .header_title {width: 100%; display: flex; margin: 0;  padding: 0; align-items: center; justify-content: flex-end;}
.domain-category-index table tbody tr td { position: relative;}
.domain-category-index table tbody tr td a[title="Delete"] {position: absolute; right: 15px; top: 50%; transform: translate(0,-50%);}
.domain-category-index table tbody tr td a[title="Delete"] i{color: #b4b4b4; background: url("../images/fa-times.svg") no-repeat center; width: 12px; height: 12px;}
.domain-category-index table tbody tr td a[title="Delete"] i:before{display: none}
.tab-pane p {font-size: 14px; color: #222222; font-weight: 400; margin: 0 0 19px 0; padding: 0; line-height: 17px;}
.tab-pane ul.sortable {display: flex; align-items: center; margin: 0 -10px; flex-wrap: wrap; border: 0; padding: 0; border-radius: 0;}
.tab-pane ul.sortable li {padding: 0 10px; width: 20%; max-width: 20%; flex: 0 0 20%; margin: 0 0 20px 0; border: 0; text-align: left; min-width: auto; min-height: 100%; background: transparent; height: 100%; float: none; display: flex;}
.tab-pane ul.sortable li.sortable-placeholder {border: 0; min-height: 83px; margin: 0 0 20px 0; text-align: center; width: 20%; max-width: 20%; flex: 0 0 20%; position: relative; top:0; border-radius: 4px; left: 0;}
.tab-pane ul.sortable li.sortable-placeholder::after {content: ""; border: 2px dotted #222222; width: 100%;}
.tab-pane ul.sortable li .field-control { background: #E3E3E3; border-radius: 4px; padding: 0; cursor: pointer; width: 100%; height: 100%; position: relative;}
.tab-pane ul.sortable li .field-control .delete {position: absolute; color: #222222; font-weight: 400; right: 15px; top: 16px;}
.tab-pane ul.sortable li .field-control .delete i {font-weight: lighter;}
.tab-pane ul.sortable li .field-control .popup {padding: 16px 35px 16px 20px; width: 100%; display: inline-block; margin: 0;}
.tab-pane ul.sortable li .field-control .field-details {order: 0; margin: 0; padding: 0;}
.tab-pane ul.sortable li .field-control .field-details span {width: 100%; float: left; margin: 0 0 3px 0; padding: 0; font-size: 14px; color: #222222; font-weight: 400; line-height: 17px;}
.tab-pane ul.sortable li .field-control .field-details span.field-name {font-size: 16px; font-weight: 700; line-height: 19px;}
.tab-pane ul.sortable li .field-control .field-details span.field-type {text-transform: uppercase;}

.grid-view.iu-value-table-form .table { border: 0;}
.grid-view.iu-value-table-form .table tr { background: transparent;}
.grid-view.iu-value-table-form .table tr th {border: 0;  padding:15px; font-size: 16px; color: #222222 !important; font-weight: 700; line-height: 19px; vertical-align: middle; border-bottom: 1px solid #f3f3f3;}
.grid-view.iu-value-table-form .table tr td {border: 0; padding:15px; font-size: 16px; line-height: 19px; color: #222222; font-weight: 400; background: transparent; border-bottom: 1px solid #f3f3f3; vertical-align: middle;}
.grid-view.iu-value-table-form .table tr td .help-block {color: red; font-size: 12px; line-height: 17px; height: 17px;}
.grid-view.iu-value-table-form .table tr td .form-group { display: inline-block; margin: 0;}
/* ================================* Domain Page CSS END* ================================ */

/* ================================* Task Page CSS START* ================================ */
.iu-table .grid-view table tr td .task-d,.iu-table .grid-view table tr td .task-e,.iu-table .grid-view table tr td .task-eo, .iu-table .grid-view table tr td .task-c,.iu-table .grid-view table tr td .task-p,.iu-table .grid-view table tr td .task-ee,.iu-table .grid-view table tr td .task-r {font-size: 13px; font-weight: 700; line-height: 16px; padding: 3px 9px; background: #FFA514; border-radius: 3px; color: #FFFFFF; text-transform: uppercase;}
.iu-table .grid-view table tr td .task-c{background:#16CB7E}
.iu-table .grid-view table tr td .task-r{background:#cb1616}
.iu-table .grid-view table tr td .task-d,.iu-table .grid-view table tr td .task-eo {background: #DD4E7A;}
.iu-table .grid-view table tr td .task-d{width: 106px; display: inline-block;}

.task-detail-wrapper .container { padding: 0;}
.task-detail-wrapper .task-row {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.task-detail-wrapper .task-title {width: 100%; display: flex; margin: 0 -15px; padding: 0; align-items: center; justify-content: flex-start;}
.task-detail-wrapper .task-title .task-right-row,.task-detail-wrapper .task-title .task-left-row {max-width: 50%; flex: 0 0 50%; width: 50%; padding: 0 15px;}
.task-detail-wrapper .task-title .task-left-row h2 {font-size: 42px; font-weight: 700; line-height: 52px; color: #222222; margin: 0 0 15px 0;}

.task-detail-wrapper .task-title .task-left-row .task-e, .task-detail-wrapper .task-title .task-left-row .task-eo, .task-detail-wrapper .task-title .task-left-row .task-c, .task-detail-wrapper .task-title .task-left-row .task-p, .task-detail-wrapper .task-title .task-left-row .task-d,.task-detail-wrapper .task-title .task-left-row .task-ee,.task-detail-wrapper .task-title .task-left-row .task-r {font-size: 14px; font-weight: 700; line-height: 17px; padding: 3px 9px; background: #FFA514; border-radius: 3px; color: #FFFFFF; text-transform: uppercase;}
.task-detail-wrapper .task-title .task-left-row .task-c{background:#16CB7E}
.task-detail-wrapper .task-title .task-left-row .task-r{background:#cb1616}
.task-detail-wrapper .task-title .task-left-row .task-d, .task-detail-wrapper .task-title .task-left-row .task-eo {background: #DD4E7A;}


.task-detail-wrapper .task-title .task-right-row .profile {margin: 0 0 0 0; display: flex; align-items: center; justify-content: flex-end;}
.task-detail-wrapper .task-title .task-right-row .profile .profile-img { width: 65px; height: 65px;}
.task-detail-wrapper .task-title .task-right-row .profile .profile-img img {max-width: 100%; width: 64px; height: 64px; border-radius: 50%; object-fit: cover; object-position: top center;}
.task-detail-wrapper .task-title .task-right-row .profile .profile-details { padding-left: 27px;}
.task-detail-wrapper .task-title .task-right-row .profile .profile-details p {font-size: 17px; color: #222222; font-weight: 400; line-height: 21px; margin: 0;}
.task-detail-wrapper .task-title .task-right-row .profile .profile-details span {font-size: 17px; color: #222222; line-height: 21px; font-weight: 700; display: inline-block;}
.task-detail-wrapper .task-row .task-details {width: 100%; display: flex; margin: 33px 0 0 0; padding: 0; flex-wrap: wrap;}
.task-detail-wrapper .task-row .task-details .task-col {border: 1px solid #f5f5f5; margin: 0 0 -1px; padding: 20px; align-items: center; width: 50%; max-width: 50%; flex: 0 0 50%; flex-wrap: wrap;}
.task-detail-wrapper .task-row .task-details .task-col span {display: flex; align-items: center; font-size: 14px; color: #222222; font-weight: 700; margin-bottom: 10px; line-height: 17px;}
.task-detail-wrapper .task-row .task-details .task-col span img { margin: 0 13px 0 0;}
.task-detail-wrapper .task-row .task-details .task-col p {display: flex; align-items: center; margin: 0; font-size: 18px; color: #222222; font-weight: 400; line-height: 23px; width: 100%;}
.iu-table table td .select2 .selection .select2-selection {border: 0 !important; padding: 10px !important; height: 35px !important; color: #222 !important; font-size: 16px !important; font-weight: 400 !important; max-width: 100%; width: 100%; border-radius: 6px !important;}
.iu-table table td .select2 .selection .select2-selection .select2-selection__placeholder { padding: 0;}
.iu-table table td .select2 .selection .select2-selection b {top: 41%; background-size: 10px auto; left: 0px !important}
.iu-table table tbody tr td .small-profile-pic {width: 32px; height: 32px; border-radius: 50%; object-fit: cover; object-position: top center;}

.task-detail-wrapper .task-row .task-extra-details {width: 100%;  display: flex; margin: 0; padding: 0; flex-wrap: wrap;}
.task-detail-wrapper .task-row .task-extra-details .custom-data {border: 1px solid #f5f5f5; margin: 0 0 -1px; padding: 20px;  display: flex; align-items: center; width: 100%; max-width: 100%; flex: 0 0 100%; flex-wrap: wrap;}
.task-detail-wrapper .task-row .task-extra-details .custom-data .details {width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
.task-detail-wrapper .task-row .task-extra-details .custom-data .details span {font-size: 14px; line-height: 17px; color: #222222; font-weight: 700; margin: 0 0 10px 0; width: 100%;}
.task-detail-wrapper .task-row .task-extra-details .custom-data .details p { margin: 0; padding: 0;  font-size: 18px; line-height: 23px; color: #222222; font-weight: 400;}
/*.task-detail-wrapper .task-row .task-extra-details .task-activities { border: 0;}*/
.task-detail-wrapper .task-row .task-extra-details .task-activities .activity-header {width: 100%; margin: 0 0 15px 0;}
.task-detail-wrapper .task-row .task-extra-details .task-activities .activity-header span { font-size: 14px;  font-weight: 700; color: #222;  line-height: 17px; display: inline-block; vertical-align: middle;}
.task-detail-wrapper .task-row .task-extra-details .task-activities .activity-header img {display: inline-block; margin: 0 7px 0 0; padding: 0;}
.task-detail-wrapper .task-row .task-extra-details .task-activities .activities { width: 100%; float: left; margin: 0; padding: 0;}
.task-detail-wrapper .task-row .task-extra-details .task-activities .activities li {display: flex;  align-items: center; margin:0 0 12px 0; padding: 0;}
.task-detail-wrapper .task-row .task-extra-details .task-activities .activities li .small-profile-pic {width: 32px; height: 32px; border-radius: 50%; overflow: hidden; object-fit: cover; object-position: top center;}
.task-detail-wrapper .task-row .task-extra-details .task-activities .activities li p {margin: 0 0 0 12px; font-size: 17px; color: #222222; font-weight: 400; line-height: 21px; width: calc(100% - 44px);}
/* ================================* Rask Page CSS END* ================================ */

/* ================================* User Details Page CSS START* ================================ */
.subheader.user-details .header-inner .user-filter { margin: 0 auto;}
.subheader.user-details .header-inner .search_icon{margin-left: 0;}
.subheader.user-details .header-inner .user-filter .filter-panel {display: flex; align-items: center; flex-wrap: wrap; margin: 0 -10px;}
.subheader.user-details .header-inner .user-filter .filter-panel li {padding: 0 10px; margin: 0;}
.subheader.user-details .header-inner .user-filter .filter-panel li a {font-size: 16px; color: #fff; font-weight: 700; border-radius: 6px; background: transparent; padding: 11px 11px 12px 21px; display: flex; align-items: center;}
.subheader.user-details .header-inner .user-filter .filter-panel li a span {font-size: 13px; color: #222222; font-weight: 700; border-radius: 3px; background: #fff; padding: 3px 7px 3px 7px; display: inline-block; margin-left: 11px;}
.subheader.user-details .header-inner .user-filter .filter-panel li.active a, .subheader.user-details .header-inner .user-filter .filter-panel li a:hover {background: #222222;}
.user-details-wrap {padding: 30px 0;}
.user-details-inner {display: flex;align-items: flex-start;flex-wrap: wrap;margin: 0 -15px;}
.user-details-profile {width: 333px;padding: 0 15px;}
.user-details-profile-content {width: calc(100% - 333px);padding: 0 15px;}
.min-title h1 {font-size: 56px; line-height: 69px;  font-weight: bold; color: #222222;margin-bottom: 29px;}
.profile-content-list-row {border-bottom: 1px solid #ddd;padding-bottom: 0;margin-bottom: 20px;}
.profile-content-list-row:last-child {border-bottom: none;}
.content-list {display: flex;flex-direction: column;margin-bottom: 25px;align-items: flex-start;}
.content-list label {font-size: 12px; color: #656565; font-weight: 700; text-transform: uppercase; margin: 0 0 10px 0;}
.content-list strong {color: #000000; font-size: 16px; font-weight: 700;}
.content-list-table {margin-top: 20px;width: 100%;display: block;}
.content-list-table ul {display: flex; align-items: center; flex-wrap: wrap; margin: 0 -10px;}
.content-list-table ul li {padding: 0 10px;width: 20%;}
.content-list p {font-size: 16px; font-weight: 400; color: #222222; line-height: 19px;}
.content-list-table ul li strong {font-size: 38px; font-weight: 700; color: #222222; line-height: 46px;}
.content-list-table.content-list-text ul {margin: 0 -20px;}
.content-list-table.content-list-text li {width: auto;padding: 0 20px;}
.subheader-top.user-details-top .header_left_panel .btn-default {margin: 0 0 0 auto; line-height: 40px; font-size: 13px;}
.profile-content-list-row .content-list .btn-success, .profile-content-list-row .content-list .whait-btn {background: #fff; color: #222222; border: 1px solid #222222; padding: 0 20px; font-size: 13px; font-weight: 700; text-transform: uppercase; border-radius: 4px; text-align: center; line-height: 30px;}
.profile-content-list-row .content-list .btn-success:hover, .profile-content-list-row .content-list .whait-btn:hover{background:#222222; color: #ffffff; border: 1px solid #222222;}
.user-details-profile .drop-zone .form-group label { display: none;}
.user-details-profile .drop-zone .form-group .file-input .close {display: none;}
.user-details-profile .drop-zone .form-group .file-input .file-drop-zone {border: 0; padding: 0; border-radius: 50%; width: 213px; height: 213px; overflow: hidden; object-fit: cover; object-position: top center;}
.task-index.iu-table table thead tr td .select2-container--krajee-bs4 .select2-selection--single .select2-selection__rendered {padding-right: 20px;}
.task-index.iu-table table thead tr td .select2-container--krajee-bs4 .select2-selection--single .select2-selection__clear {top: 10px; opacity: 1; font-size: 20px;  right: 20px;}
.select2-container--krajee-bs4 .select2-selection--single .select2-selection__rendered {padding: 0 30px 0 0;}


.content-list .alert.alert-danger {background: transparent; border: 0; width: 100%; display: flex; margin:10px 0 0 0; padding: 0; align-items: center;}
.content-list .alert.alert-danger p {margin: 0; padding: 6px 30px 6px 10px;  background: #fcebf0; border-radius: 5px 0 0 5px; font-size: 14px; color: #DD4E7A; line-height: 17px;}
.content-list .alert.alert-danger a {margin: 0 0 0 2px; padding: 6px 10px 6px 10px; background: #fcebf0; border-radius: 0 0; font-size: 14px; color: #DD4E7A; line-height: 17px; font-weight: 700;}
.content-list .alert.alert-danger a.cancel-verification {border-radius: 0 5px 5px 0;}
.content-list .alert.alert-danger a .resend { background: url("../images/resend.svg") no-repeat center;    width: 12px; height: 11px; display: inline-block; margin: 0 10px 0 0;}
.content-list .alert.alert-danger a .cancel {background: url("../images/cancel.svg") no-repeat center; width: 10px; height: 10px; display: inline-block; margin: 0 7px 0 0; padding: 0;}
.alert-danger span[data-notify="title"] { font-size: 16px; font-weight: 700; line-height: 19px; margin: 0; padding: 0;}
.alert-danger .kv-alert-separator { display: none;}
.alert-danger span[data-notify="message"] {font-size: 16px;line-height: 19px; font-weight: 400;}
.alert-danger .glyphicon.glyphicon-ok-sign:after{content: "\f06a"; font-family: 'Font Awesome 5 Pro';display: inline-block;padding: 0; font-size: 15px; line-height: normal; font-weight: 400; margin: 0 5px 0 0;}
.invite-user .select2-container--krajee-bs4 .select2-selection--single .select2-selection__clear{top:8px;}
/* ================================* User Details Page CSS END* ================================ */




.signin-wrap {height:100%; background-image: url(../images/bg-images.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 60px; margin-top: -77px; height: 101vh;}
.signinInner {width: 100%;max-width: 326px;}
.signinBox {background: #fff;padding: 30px;}
.subheader-logo {margin-bottom: 30px;}
.signButton {margin-top: 40px;}

.signin-step-row {display: flex; align-items: flex-start; flex-wrap: wrap; margin: 0 -15px; justify-content: space-between;}
.signin-step-logo {width: 30%; max-width: 30%;  flex: 0 0 30%; padding: 0 15px;}
.signin-step-panel {width: 70%; max-width: 70%; flex: 0 0 70%; padding: 0 15px;}
.signin-step-form-box { max-width: 473px; width: 100%; margin-left: auto; background: #fff; padding: 37px;}
.subheader-logo { margin-bottom: 30px;}
.signin-step-form-box .subheader-logo a { display: block; margin-bottom: 30px;}
.signin-step-form-box .subheader-logo h2 {font-size: 40px; color: #656565; font-weight: 900;  line-height: 49px;  margin-bottom: 30px;}
.signin-step-form-box .subheader-logo p {font-size: 16px;  color: #656565; font-weight: 400; line-height: normal;}
.signin-step-form-box .box-logo.verification {margin-bottom: 30px;}
.signin-step-form-box .box-logo h2 {font-size: 40px; color: #656565; font-weight: 900; line-height: 49px; margin-bottom: 10px;}
.signin-step-form-box .box-logo p {font-size: 16px; color: #656565; font-weight: 400; line-height: 21px; margin: 0;}


.boxFormContent {margin: 0 0 20px;}
.boxFormContent h3 {font-size: 16px; color:#222222; font-weight: 700; line-height: 19px;}
.boxFormContent p {font-size: 14px; color:#222222; font-weight:400; line-height: 17px; margin: 0;}
.boxFormContent p a {font-weight: 700; color: #31B9FF;}
.boxFormContent p a:hover {text-decoration: underline;}



.signin-step-form form .form-row { margin: 0 -10px;}
.signin-step-form form .form-row .form-group {width: 50%; max-width: 50%; flex: 0 0 50%; padding: 0 10px;}
.signin-step-form form .form-group .text-muted { margin: 20px 0 0 0;  font-weight: 400;  font-size: 16px; line-height: 17px; font-family: 'Proxima Nova';color: #222222 !important;}
.signin-step-form form .form-group .signButton {margin: 0;}
.signin-step-form form .form-group .signButton { margin: 0; width: 100%;}
.signin-step-form form .form-group .signButton button {background: #222222; color: #fff; border: 1px solid #222222; padding: 14px; font-size: 13px; font-weight: 700; text-transform: uppercase; border-radius: 4px; text-align: center; width: 100%;}
.verification_form form .form-group .signButton {margin-top: 20px;}
.download_success_section .download_logos {width: 100%; display: flex; align-items: center; justify-content: center; margin: 0 -10px;}
.download_success_section .download_logos a { margin: 0; padding: 0 10px; width: 50%; max-width: 50%; flex: 0 0 50%;}
.download_success_section .download_logos a img { max-width: 100%;}
.download_success_section .web_console {width: 100%; display: flex; margin: 30px 0 0 0; padding: 0; align-items: center;}
.download_success_section .web_console a { margin: 0 !important; padding: 0; font-size: 16px; font-family: 'Proxima Nova'; font-weight: 700; color: #222222;}
.download_success_section .web_console a i { margin: 0 0 0 5px;}
.signin-step-form-box .sign-button { width: 100%;}
.signin-step-form-box .verification-form .sign-button {margin-top: 35px;}
.verification-form form .form-group:last-child{margin-bottom:10px;}
.signin-step-form-box .sign-button button {width: 100%;}
.domain-index thead tr th:nth-child(2) {width: 25% !important;}
.domain-index thead tr th:nth-child(3) {width: 45% !important;}
.domain-index thead tr th:nth-child(4) {width: 20% !important;}
.input-group.input-daterange{max-width:225px; flex-wrap: inherit;}
.download_success_section h2 {line-height: 42px; margin-bottom: 45px !important;}


.kv-drp-dropdown .range-value {
    background: none;
    padding-left: 2rem !important;
    opacity: 0.9;
    width: 100%;
}
.new-line-text{white-space: break-spaces;}

/* ================================
* SETTZINGS STYLE START
* ================================ */

.setting-wrap {padding-top:18px;padding-bottom: 30px;}
.setting-inner {display: flex;align-items: flex-start;flex-wrap: wrap;}
.setting-leftSideBar {width: 230px; height: calc(100vh - 120px); border-right: 1px solid #ddd;}
.setting-rightInner {width: calc(100% - 230px); padding-left: 36px;}
.settingLeftMenu .nav-tabs {border:none;}
.settingLeftMenu .nav-tabs .nav-item {margin: 0 0 10px;width: 90%;}
.settingLeftMenu .nav-tabs .nav-item a {font-size: 16px;font-weight: 700;line-height: 19px;color: #222222;padding: 10px 10px;border:none;border-radius: 0;border-left: 5px solid transparent;}
.settingLeftMenu .nav-tabs .nav-item a.active {background: #fff;border-left: 5px solid #31b9ff;}
.organisation-details-title {padding-top: 10px;}
.organisation-details-title p {font-size: 12px; color:#656565; font-weight: 700; text-transform: uppercase; line-height: normal;}
.organisationEditImages {width: 100%;max-width: 279px;border: 1px solid #e9e9e9;text-align: center;padding: 30px 20px;border-radius: 5px;}
.organisationEditRow {position: relative;width: 279px;}
.organisationEditRow input[type="file"] {position: absolute;top: 0;left: 0;right: 0;text-align: center;margin: 0 auto;opacity: 0;z-index: 1;cursor: pointer;width: 100%;}
.organisationEditRow p {margin: 15px 0 0;font-size: 16px;color: #959595;font-weight: 400;line-height: 19px;width: 100%;text-align: center;}
.tab-content .tab-pane .bodySearch {padding-top: 0;}
.noDeta {text-align: center;height: calc(100vh - 200px);display: flex;flex-direction: column;align-items: center;justify-content: center;}
.noDeta span {margin-bottom: 25px;display: block;}
.noDeta h4 {font-size: 18px; font-weight: 700; color: #a0a0a0; line-height: normal;margin: 0;}
.noDeta p {font-size: 18px; font-weight: 400; color: #a0a0a0; line-height: 23px;margin: 0 auto;max-width: 490px;}
.setting-rightInner .organisation-details-wrap .drop-zone .form-group label { margin-bottom: 19px;}
.setting-rightInner .drop-zone .file-input .file-preview .file-drop-zone { width: 280px;}

/* ================================
* SETTZINGS STYLE END
* ================================ */

/* ================================* SETTZINGS STYLE START * ================================ */
.dashboard-class .wrapper > .container { width: 100%; max-width: 100%; padding: 0; margin: 0;}
.dashboard-wrap .dashboard-top-section {background: #F0FAFF; margin:0 0 30px 0; padding: 0 0 20px 0; width: 100%; display: inline-block;}
.dashboard-top-section .subheader {width: 100%; justify-content: center;}
.dashboard-top-section .subheader .header-inner {justify-content: center; margin: 0; padding: 0;}
.dashboard-top-section .subheader .header-inner .form-group { margin: 0;padding: 0;}
.dashboard-top-section .subheader .header-inner .form-group .kv-drp-dropdown { min-width:247px; background: #222222; border-radius: 4px; margin: 0; display: flex; align-items: center; color: #fff; justify-content: center;}
.dashboard-top-section .subheader .header-inner .form-group .kv-drp-dropdown input {line-height: 40px; height: 40px; color: #fff; font-size: 16px; opacity: 1; border: 0 !important; margin: 0; padding: 0 0 0 42px !important;}
.dashboard-top-section .subheader .header-inner .form-group .kv-drp-dropdown span.left-ind {top: 9px;}
.dashboard-top-section .subheader .header-inner .form-group .kv-drp-dropdown span.left-ind .fa-calendar-alt { background: url(../images/calendar.svg) no-repeat center; width: 16px; height: 18px; vertical-align: middle;}
.dashboard-top-section .subheader .header-inner .form-group .kv-drp-dropdown span.left-ind .fa-calendar-alt:before{display: none}
.dashboard-top-section .subheader .header-inner .form-group .kv-drp-dropdown .right-ind {top: 0px; line-height: 38px; font-size: 20px;}
.dashboard-top-section .subheader .header-inner .form-group .kv-drp-dropdown .right-ind b.caret {border: 0; background: url(../images/arrow-down.svg) no-repeat; width: 14px; height: 8px; vertical-align: inherit;}
.dashboard-top-section .subheader .header-inner .form-group .kv-drp-dropdown .kv-clear {margin: 0; padding: 0 2px 0 2px; line-height: 40px; top: 0; font-size: 24px;}
.daterangepicker{z-index: 99;}
.daterangepicker .ranges ul li {font-size: 14px; font-weight: 400; color: #222222; font-family: 'Proxima Nova';}
.daterangepicker .ranges ul li.active, .daterangepicker .ranges ul li:hover{background: #F0FAFF; color: #222222;}
.daterangepicker .drp-buttons span { font-size: 16px; color: #222222; font-weight: 700; padding: 0; line-height: 32px;}
.daterangepicker .drp-buttons button {background: #fff; color: #222222; border: 1px solid #222222; padding:0 20px !important; font-size: 13px; font-weight: 700; text-transform: uppercase; border-radius: 4px; text-align: center; line-height: 30px;}
.daterangepicker .drp-buttons button:hover{background: #222222; color: #ffffff; border: 1px solid #222222;}
.dashboard-top-section .subheader .grafdownload { display: flex; width: 42px; height: 42px; border-radius: 4px; align-items: center; justify-content: center; background: #fff;}
.dashboard-top-section .nav-nav-tabs{width:100%; margin:12px 0 0 0; padding: 0;}
.dashboard-top-section .nav-nav-tabs ul {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 0 -6px; border: none;}
.dashboard-top-section .nav-nav-tabs ul li {padding: 0 6px; width: 14.2%; text-align: center; position: relative; z-index: 2; margin-bottom: 44px;}
.dashboard-top-section .nav-nav-tabs.ui-admin-tiles ul li {width: 20%;}
.dashboard-top-section .nav-nav-tabs ul li:after{content: ""; position: absolute; bottom: -13px; left: 0; right: 0; background: transparent; height: 25px; width: 25px; transform: rotate(45deg); margin: 0 auto; z-index: -1;}
.dashboard-top-section .nav-nav-tabs ul li.active:after{background: #31B9FF;}
.dashboard-top-section .nav-nav-tabs ul li .card {background: #fff; border-radius: 4px; padding: 10px 5px; border: none !important; outline: none; box-shadow: 1px 4px 16px -1px rgba(93,183,249,0.22); -webkit-box-shadow: 1px 4px 16px -1px rgba(93,183,249,0.22); -moz-box-shadow: 1px 4px 16px -1px rgba(93,183,249,0.22);}
.dashboard-top-section .nav-nav-tabs ul li .card-body { margin: 0; padding: 0; text-align: center; width: 100%; display: inline-block;}
.dashboard-top-section .nav-nav-tabs ul li a {width: 100%; display: flex; flex-wrap: wrap; margin: 0; padding: 0; justify-content: center;}
.dashboard-top-section .nav-nav-tabs ul li a .card-title {font-size: 13px; text-transform: uppercase; font-weight: 700; color: #222; line-height: 16px; width: 100%; text-align: center !important; margin: 0;}
.dashboard-top-section .nav-nav-tabs ul li a .d-flex {width: 100%;}
.dashboard-top-section .nav-nav-tabs ul li a h3 {font-size: 48px; font-weight: 700; color: #222222; line-height: 64px; width: 100%; display: inline-block; text-align: center; margin: 0;}
.dashboard-top-section  .highcharts-container {width: 100% !important; height: auto;}
.dashboard-top-section .highcharts-root {background: transparent; margin: 0; padding: 0; width:100%; height: auto !important;}
.dashboard-top-section .highcharts-root .highcharts-background {background: transparent; fill: transparent;}
.dashboard-top-section .highcharts-root .highcharts-area { fill: #31B9FF;  opacity: 0.4;}
.dashboard-top-section .highcharts-root .highcharts-graph {stroke: #31B9FF; stroke-width: 5;}
.dashboard-top-section .highcharts-root .highcharts-axis-labels text {font-size: 13px !important; font-weight: 700 !important; color: #31B9FF !important; fill: #31B9FF !important;}
.dashboard-top-section .highcharts-root .highcharts-axis-line {stroke: #31B9FF; stroke-width:0.5; opacity: 0.6;}
.dashboard-top-section .highcharts-root .highcharts-grid-line {stroke: #31B9FF; stroke-width: 0.5; opacity: 0.6;}
.dashboard-top-section .highcharts-root .highcharts-tick {display: none;}
.dashboard-top-section .highcharts-root .highcharts-point { fill: #31B9FF; stroke: #31B9FF; stroke-width: 2;}
.user-status-wrap { width: 100%; display: inline-block; margin:0 0 60px 0; padding: 0;}
.user-status-wrap .grid-margin {height: 100%;}
.user-status-wrap .grid-margin .user-status-box {width: 100%; margin: 0; background: #fff; box-shadow: 1px 4px 16px -1px rgb(93 183 249 / 22%); -webkit-box-shadow: 1px 4px 16px -1px rgb(93 183 249 / 22%); -moz-box-shadow: 1px 4px 16px -1px rgba(93,183,249,0.22); border: 0; border-radius:4px; height: 324px;}
.user-status-wrap .grid-margin .user-status-box .user-status-title {border-bottom: 1px solid #f5f6f6; padding: 12px 24px; margin-bottom: 6px; border-radius: 4px 4px 0 0;}
.user-status-wrap .grid-margin .user-status-box .user-status-title strong {font-size: 16px; text-transform: uppercase; font-weight: 700; line-height: 20px; color: #707070; margin: 0;}
.user-status-wrap .grid-margin .user-status-box .content-list-table { width: 100%; margin: 0; padding: 0; height: 100%;}
.user-status-wrap .grid-margin .user-status-box .content-list-table .items {width: 100%; margin: 0; display: inline-block; padding: 0; height: 220px; overflow: auto; -ms-overflow-style: none; scrollbar-width: none;}
.user-status-wrap .grid-margin .user-status-box .content-list-table .items::-webkit-scrollbar {width: 5px;}
.user-status-wrap .grid-margin .user-status-box .content-list-table .items::-webkit-scrollbar-track {background:#F3FBFF;}
.user-status-wrap .grid-margin .user-status-box .content-list-table .items::-webkit-scrollbar-thumb {background-color: blue; border-radius: 10px;  border: 5px solid #31B9FF;}
.user-status-wrap .grid-margin .user-status-box .content-list-table .items ul { width: 100%; margin:0 0 8px 0; padding: 0;}
.user-status-wrap .grid-margin .user-status-box .content-list-table .items ul li .user-name { display: flex; align-items: center;}
.user-status-wrap .grid-margin .user-status-box .content-list-table .items ul li { display: flex; align-items: center; flex-wrap: wrap; width: 100%; padding:2px 24px 2px; justify-content: space-between;}
.user-status-wrap .grid-margin .user-status-box .content-list-table .items > div:nth-child(even) ul li{background:rgba(240, 250, 255, 0.5);}
.user-status-wrap .grid-margin .user-status-box .content-list-table .items ul li .user-name .small-profile-pic { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; object-position: top center; display: inline-block; background: #ddd; line-height: 32px; font-size: 12px;text-align: center;}
.user-status-wrap .grid-margin .user-status-box .content-list-table .items ul li .user-name p {font-size: 16px; font-weight: 700; color: #222; line-height: 19px; padding-left: 10px; display: block; margin-bottom: 0;}
.user-status-wrap .grid-margin .user-status-box .content-list-table .items ul li p {font-size: 14px; font-weight: 700; color: #31B9FF; line-height: 18px; display: block; margin: 0;}
.user-status-wrap .grid-margin .user-status-box .content-list-table .pagination { padding: 15px 20px; text-align: center; background: #f3fbff; display: flex; align-items: center;  justify-content: center; font-size: 16px; color: #31B9FF; font-weight: 700; margin: 0; line-height: 20px;     border-radius: 0 0 4px 4px;}
.user-status-wrap .grid-margin .user-status-box .content-list-table .pagination li { margin: 0; padding: 0;}
.user-status-wrap .grid-margin .user-status-box .content-list-table .pagination li a {color: #31B9FF; background: url(../images/down-arrow.svg) no-repeat right; padding: 0 20px 0 0;}
.user-status-wrap .grid-margin .user-status-box .content-list-table .items #infscr-loading {width: 100%; text-align: center; padding: 0 0 10px; font-size: 16px; font-weight: 700; line-height: 21px;}
.user-status-wrap .grid-margin .user-status-box .content-list-table .items #infscr-loading img {max-width: 30px; margin: 0 auto 8px;}
.user-status-wrap .grid-margin .user-status-box .empty {font-size: 16px; font-weight: 700; line-height: 21px; text-align: left; padding: 10px 24px 10px; width: 100%; color: #707070;}
.user-status-bottom {width: 100%; display: inline-block; margin: 0; padding: 0;}
.user-status-bottom .user-status-tital {width: 100%; display: inline-block; margin: 0; padding: 0; text-align: center;}
.user-status-bottom .user-status-tital h3 {font-size: 16px; font-weight: 700; color: #222222; margin: 0; line-height: 21px;}
.user-status-bottom .user-status-inner {width: 100%; display: inline-block; margin: 0; padding: 0;}
/*.user-status-bottom .user-status-inner .highcharts-container {width: 100% !important; margin: 0; padding: 0;}*/
.user-status-bottom .user-status-inner .highcharts-container .highcharts-root {font-size: 16px !important; line-height: 21px; color: #222222; font-family: 'Proxima Nova' !important; font-weight: 600;}
.user-status-bottom .user-status-inner .highcharts-container .highcharts-root .highcharts-legend-item text {font-size: 16px !important; line-height: 21px; color: #222222 !important; font-weight: 600 !important;}
.dashboard-wrap .dashboard-top-section .highcharts-container {width: 100% !important; height: auto !important;}


/* ================================* SETTZINGS STYLE END * ================================ */
.subheader .header-inner .header-inner-date {margin: 10px auto 0;}
.subheader .header-inner .header-inner-date form { margin: 0;  padding: 0;}
.subheader .header-inner .header-inner-date .form-group {margin: 0; background: #222222; padding: 0; height: 42px; min-width: 257px; border-radius: 6px;}
.subheader .header-inner .header-inner-date .form-group span {width: 40px; height: 100%; cursor:pointer;}
.subheader .header-inner .header-inner-date .form-group input { width: calc(100% - 80px); background: transparent url('../images/calendar.svg') no-repeat !important; border: 0 !important; color: #fff; text-align: center; height: 100%; background-position: 27% !important; padding: 0 0 0 30px !important;}
.subheader .header-inner .header-inner-date .form-group span.previous_date{background:url("../images/left-arrow.svg") no-repeat center; border-right: 1px solid #FFF;}
.subheader .header-inner .header-inner-date .form-group span.next_date {background: url("../images/right-arrow.svg") no-repeat center; border-left: 1px solid #FFF;}
.select2-container--krajee-bs4 li.select2-results__option {color: #222; background-color: transparent;}
.content-list .content-list-table .items ul li {width: 100%; display: flex; align-items: center; margin: 0 0 12px 0;}
.content-list .content-list-table .items ul li label {font-size: 16px; line-height: 21px; font-weight: 400; color: #222222; text-transform: none; min-width: 150px; margin: 0; padding: 0;}
.content-list .content-list-table .items ul li p {font-size: 16px; line-height: 21px; font-weight: 400; color: #222222; text-transform: none; margin: 0; padding: 0;}
.content-list .content-list-table ul.pagination li a {display: inline-block; margin-top: 12px;}
.message-view table { border: 0; margin: 0; padding: 0; position: relative;}
.message-view table tr { padding: 0; margin: 0; background: transparent !important;}
.message-view table tr th {padding: 12px 17px 12px 0; border: 0; font-size: 16px; color: #222222; font-weight:700; line-height: 19px; border-bottom: 1px solid #EBEBEB; vertical-align: middle; background: transparent;}
.message-view table tr td {padding: 12px 17px; border: 0; font-size: 16px; color: #222222; font-weight: 400; line-height: 19px; border-bottom: 1px solid #EBEBEB; vertical-align: middle;}
.message-view table tr td a {color: #31B9FF; opacity: 1 !important; font-weight: 700; line-height: 21px; margin: 0 0 6px 0; clear: both; display: inline-block;}
.content-list-table .items div#infscr-loading {width: 100%; max-width: 180px; text-align: center;}
.content-list-table .items div#infscr-loading img {max-width: 50px; margin: 10px auto 20px; text-align: center;}
.content-list-table .items div#infscr-loading em {font-size: 16px; line-height: 21px; font-weight: 400; color: #222222; text-transform: none; margin: 0; padding: 0; }
/*.user-status-bottom .user-status-inner .grid-margin {width: 50%; margin: 0; padding: 0 15px;}*/
body.error .site-error {max-width: 1330px; padding: 50px 15px 0; width: 100%; margin: 0 auto;}
body.error .site-error h1 {font-size: 30px; color: #222222; font-weight: 700; margin: 0 0 15px 0; padding: 0;}
body.error .site-error .alert.alert-danger:before{content: "\f06a"; font-family: 'Font Awesome 5 Pro';display: inline-block;padding: 0; font-size: 15px; line-height: normal; font-weight: 400; margin: 0 5px 0 0;}
body.error .site-error p {font-size: 18px; color: #222222; font-weight: 400; margin: 0 0 10px 0; padding: 0; line-height: 24px;}


.organisation-index thead tr th:nth-child(2) {width: 25% !important;}
.organisation-index thead tr th:nth-child(3) {width: 18% !important;}
.organisation-index thead tr th:nth-child(4) {width: 25% !important;}
.organisation-index thead tr th:nth-child(5) {width: 10% !important;}
.organisation-index thead tr th:nth-child(6) {width: 15% !important;}
.organisation-index thead tr th:nth-child(7) {width: 5% !important;}

.task-index thead tr th:nth-child(2) {width: 17% !important;}
.task-index thead tr th:nth-child(3) {width: 15% !important;}
.task-index thead tr th:nth-child(4) {width: 13% !important;}
.task-index thead tr th:nth-child(5) {width: 11% !important;}
.task-index thead tr th:nth-child(6) {width: 15% !important;}
.task-index thead tr th:nth-child(7) {width: 24% !important;}
.task-index thead tr th:nth-child(8) {width: 5% !important;}

.user-index thead tr th:nth-child(2) {width: 17% !important;}
.user-index thead tr th:nth-child(3) {width: 11% !important;}
.user-index thead tr th:nth-child(4) {width: 15% !important;}
.user-index thead tr th:nth-child(5) {width: 12% !important;}
.user-index thead tr th:nth-child(6) {width: 21% !important;}
.user-index thead tr th:nth-child(7) {width: 10% !important;}
.user-index thead tr th:nth-child(8) {width: 18% !important;}
.user-index thead tr th:nth-child(9) {width: 5% !important;}
.user-index thead tr th:nth-child(10) {width: 10% !important;}
.user-index thead tr th:nth-child(11) {width: 4% !important;}

/*.user-index thead tr.filters td:nth-child(10) {min-width: 110px;}*/
.user-index .select2-container--krajee-bs4 .select2-selection--single .select2-selection__arrow {border: none !important; background: #ffffff;}
.user-index .select2-container--krajee-bs4.select2-container--open .select2-selection--single .select2-selection__arrow {background: #fff; border: none;}


.activity-index table thead tr th:nth-child(1) {width: 15% !important;}
.activity-index table thead tr th:nth-child(2){width: 11% !important;}
.activity-index table thead tr th:nth-child(3){width: 15% !important;}


.hidden{display: none;}
.organisation-details-wrap .drop-zone .form-group .file-input .close {display: none;}
body.error .header .header-inner {min-height: 60px;}
/* For Avtar Image */
span.avtar-image-icon {width: 32px; height: 32px; border-radius: 50%; object-fit: cover; object-position: top center; display: flex; background: #e9e9e9; line-height: 21px; font-size: 14px; color: #9a9a9a; text-align: center; font-weight: 700; align-items: center; justify-content: center;}
.task-row span.avtar-image-icon { width: 65px; height: 65px; border-radius: 50%; object-fit: cover; object-position: top center; display: inline-block; background: #e9e9e9; color: #bfbfbf; line-height: 65px; font-size: 32px; text-align: center;}
.default-avtar-image {position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: #e9e9e9; border-radius: 50%; color: #bfbfbf; text-align: center; padding-top: 0; font-weight: 400; font-size: 100px; line-height: 233px;}
/* For Avtar Image */
span.kv-field-separator{ display: none !important;}
.select2-container--krajee-bs4 li.select2-results__option { color: #222 !important; background-color: transparent !important;}
.task-row span.avtar-image-icon-small { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; object-position: top center; display: flex; background: #e9e9e9; line-height: 21px; font-size: 14px; color: #9a9a9a; text-align: center; font-weight: 700; align-items: center; justify-content: center;}
.kv-clear{ display: none;}

.subheader .header-inner form#task-search-form {width: calc(100% - 44px); margin: 0; padding: 0; text-align: center;}
.subheader .header-inner form#task-search-form .form-group {align-items: center; justify-content: center; margin-bottom: 0;}
.subheader .header-inner form#task-search-form .form-group .kv-drp-dropdown { min-width:247px; background: #222222; border-radius: 4px; margin: 0; display: flex; align-items: center; color: #fff; justify-content: center;}
.subheader .header-inner form#task-search-form .form-group .kv-drp-dropdown input {line-height: 40px; height: 40px; color: #fff; font-size: 16px; opacity: 1; border: 0 !important; margin: 0; padding: 0 0 0 42px !important;}
.subheader .header-inner form#task-search-form .form-group .kv-drp-dropdown span.left-ind {top: 9px;}
.subheader .header-inner form#task-search-form .form-group .kv-drp-dropdown span.left-ind .fa-calendar-alt { background: url(../images/calendar.svg) no-repeat center; width: 16px; height: 18px; vertical-align: middle;}
.subheader .header-inner form#task-search-form .form-group .kv-drp-dropdown span.left-ind .fa-calendar-alt:before{display: none}
.subheader .header-inner form#task-search-form .form-group .kv-drp-dropdown .right-ind {top: 0px; line-height: 38px; font-size: 20px;}
.subheader .header-inner form#task-search-form .form-group .kv-drp-dropdown .right-ind b.caret {border: 0; background: url(../images/arrow-down.svg) no-repeat; width: 14px; height: 8px; vertical-align: inherit;}
.subheader .header-inner form#task-search-form .form-group .kv-drp-dropdown .kv-clear {margin: 0; padding: 0 2px 0 2px; line-height: 40px; top: 0; font-size: 24px;}
/*CSS S 20-06-2023*/
.payment .image-box img{max-width: 100%;}
body{padding: 0;}
/*.payment{min-height: calc(100vh - 50px);}*/
.payment .image-box{padding: 100px 0 0 0;}
.payment img{max-width: 100%;}
.payment .logo { height: auto; max-width: 250px; display: inline-flex; align-items: center; justify-content: center; margin: 0 0 20px 0;}
.payment .panel .form-group{margin-bottom: 0.75rem;}
.payment .panel{padding: 80px;max-width: 450px;margin: 0 auto;text-align: center;}
.checkout .panel{padding: 20px 60px; }
.payment .panel .panel-heading{margin: 0 0 30px 0;}
.payment .panel .panel-heading .panel-title{font-weight: 600;}
.payment .panel .form-group label{font-weight: bold;text-transform: uppercase;font-size: 0.93rem;margin-bottom:0.25rem;color: #30313d;}
.p-FieldLabel{font-weight: bold;text-transform: capitalize;font-size: 14px;margin: 0 0 10px 0;color: #30313d;}
.payment .panel .form-group input{border: 1px solid #e6e6e6 !important;border-radius: 5px;height: 45px;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02);padding: 0.75rem!important;color: #30313d;font-size: 16px;font-weight: 500;}
.payment .panel .p-LTR .p-Select-select{margin: 0 0 20px 0px;}
#paymentFrm #submitBtn{margin: 20px 0 0 0;background-color: #30313d;border-color: #30313d;}
.payment .panel .form-group input:focus{box-shadow: 0 0 0 3px hsla(210, 96%, 45%, 25%), 0 1px 1px 0 rgba(0, 0, 0, 0.08)!important;border-color: hsla(210, 96%, 45%, 50%)!important;}
.payment .panel .form-control.validating + .input-loader{right: 10px;top: 33px;}
/*CSS E 20-06-2023*/

.content-list.whaitbtn { display: flex; align-items: flex-start; flex-direction: inherit;}
.content-list.whaitbtn .whait-btn {margin: 0 15px 0 0;}
.form-group .help-block {color: red !important; font-size: 14px !important; margin: 5px 0 0 0 !important;}


.payment .thank-you-panel {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 100%;}
.thank-you-panel .panel-body img { max-width: 40px; padding: 0;  display: block; margin: 0 auto 10px;}
.thank-you-panel .panel-body h1 {font-size: 30px; color: #222222; font-weight: 700; line-height: 52px; margin: 0 0 15px 0; padding: 0; text-transform: capitalize;}
.bank-statement-preview { width: 100%; text-align: left; margin: 0; padding: 0; display: block;}
.bank-statement-preview label { font-size: 16px; color: #222222; font-weight: 700; text-transform: capitalize; margin: 0 0 15px 0;}
.bank-statement-preview span { font-size: 16px; color: #222222; font-weight: 500; text-transform: capitalize; margin: 0 0 10px 0; padding-left: 5px;}
.authentication-main .logo .logo-img { max-width: 100%; margin: 0 auto; text-align: center; display: block; padding: 50px 0; }





.field-paymentrequest-send_notification #paymentrequest-send_notification { width: 100%; display: flex; align-items: center; padding: 0; flex-wrap: wrap;}
.field-paymentrequest-send_notification #paymentrequest-send_notification label { margin: 10px 15px 0 0; padding: 0; display: inline-block; vertical-align: middle; cursor: pointer;}
.field-paymentrequest-send_notification #paymentrequest-send_notification input[type="radio"] { width: auto; height: auto; margin: -4px 5px 0 0; padding: 0; vertical-align: middle;}
.bank-statement-preview span.email { text-transform: lowercase; }
.payment .panel .form-control:disabled, .form-control[readonly] { background-color: #F1F1F1; opacity: 1; }
.payment .panel .form-control { border-radius: 12px !important; }
.payment .panel .form-group label { margin-bottom: 0.25rem !important; font-size: 0.93rem !important; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important; text-transform: unset !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-weight: 400 !important; }
.payment .panel .form-group input, .payment .panel .form-group textarea { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-weight: 400 !important; color: #212121 }
.payment .panel .form-group textarea { border: none !important;}



/*.panel-body-title {*/
/*    text-align: left !important;*/
/*}*/
.panel-body-checkout {
    /*max-width: 500px;*/
    margin: 0 0 0 auto;
    width: 100%;
}
.checkout .panel.panel-body-checkout {
    padding: 0;
    max-width: 100%;
    width: 100%;

}
.panel-body-checkout .form-content-inner {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    display: inline-block;
    padding: 40px 40px;
    margin: 0 0 50px 0;
    border-radius: 10px;
    /*min-height: 500px;*/
    min-width: 500px;
    width: 100%;
}
.form-content-inner.from-content-layout {
    box-shadow: none !important;
    padding: 0 !important;
    padding-top: 20px !important;
}

.form-content-inner .StripeElement, .form-content-inner .payment-request-button {
    min-height: 0px;
    padding-bottom: 20px;
}
.form-content-inner.from-content-layout .field-paymentrequest-id {
    margin: 0 !important;
    display: none;
}
.payment .panel.panel-body-checkout .form-group label {
    font-weight: bold !important;
}
.payment .panel.panel-body-checkout .form-control:disabled,
.payment .panel.panel-body-checkout .form-control[readonly] {
    background: transparent;
    box-shadow: none;
    border: none !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    border-radius:0px !important;
    padding-top: 0 !important;
    max-height: 90px !important;
}

.payment .panel.panel-body-checkout textarea.form-control {
    height: auto !important;
}

.payment .panel.from-content-layout .form-group input {
    line-height: 26px !important;
}
.panel-body-title {
    font-size: 24px;
    font-weight: 600;
    color: #000;
}
.field-paymentrequest-client_name .form-control,
.field-paymentrequest-amount .form-control {max-height: 40px;padding-top: 0 !important;}
/*.panel-body-left {*/
/*    max-width: 554px;*/
/*    margin: 0 0 0 auto;*/
/*}*/
/*.panel-body-right {*/
/*    padding-left: 40px;*/
/*}*/
.panel-body-left .from-content-layout {
    min-width: 100%;
    max-width: 100%;
}
.panel-body-checkout .form-content-inner.from-content-layout { margin: 0 0 20px 0; }
footer.dark-mode-texts {
    background: rgb(0, 0, 0);
    position: relative;
}
.font-size-4 {
    font-size: 1rem;
    line-height: 1.625;
    letter-spacing: -.08px;
}
.text-gray {
    color: #6b6e6f !important;
}
.jTgDPj p {
    font-size: 12px;
    color: rgb(255, 255, 255) !important;
}
.pt-12, .py-12 {
    padding-top: 2.8125rem !important;
}
.mb-14, .my-14 {
    margin-bottom: 3.4375rem !important;
}
/*.panel-body {max-width: 554px;margin: 0 auto}*/
@media screen and (max-width: 991px) {
    .form-content-inner.from-content-layout {
        padding-top: 22px !important;
        margin: 0;
    }
}
@media screen and (max-width: 600px) {
    .panel-body-checkout .form-content-inner {
        min-width: auto;
    }
}
@media (min-width: 992px) {
    .pb-lg-19, .py-lg-19 {
        padding-bottom: 5rem !important;
    }
}
@media (min-width: 992px) {
    .pt-lg-19, .py-lg-19 {
        padding-top: 5rem !important;
    }
}