@charset "UTF-8";

/*
	===============================
			@Import	Function
	===============================
*/
/*
	===============================
			@Import	Mixins
	===============================
*/
html {
    min-height: 100%;
}

body {
    color: #888ea8;
    height: 100%;
    font-size: 0.875rem;
    /* background: #f1f2f3;*/
    overflow-x: hidden;
    overflow-y: auto;
    letter-spacing: 0.0312rem;
    font-family: "Arial", sans-serif !important;
}
.helptext.error {
    font-size: 10px;
    color: #ff0000;
    letter-spacing: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #3b3f5c;
}
.hide{display:none;}
:focus {
    outline: none;
}

::-moz-selection {
    /* Code for Firefox */
    color: #ff9800;
    background: transparent;
}

::selection {
    color: #ff9800;
    background: transparent;
}

p {
    margin-top: 0;
    margin-bottom: 0.625rem;
    color: #515365;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #f1f2f3;
}

.strong, strong {
    font-weight: 600;
}

code {
    color: #e7515a;
}

select.form-custom::-ms-expand {
    display: none;
}

.custom-file-input:focus ~ .custom-file-label {
    border: 1px solid #ced4da;
    box-shadow: none;
}

.custom-file-input:focus ~ .custom-file-label::after {
    border: none;
    border-left: 1px solid #ced4da;
}

.lead a.btn.btn-primary.btn-lg {
    margin-top: 15px;
    border-radius: 4px;
}

.jumbotron {
    background-color: #f1f2f3;
}

.mark,
mark {
    background-color: #ffeccb;
}

.code-section-container {
    margin-top: 20px;
    text-align: left;
}

.toggle-code-snippet {
    border: none;
    background-color: transparent !important;
    padding: 0px !important;
    box-shadow: none !important;
    color: #888ea8 !important;
    margin-bottom: -24px;
    border-bottom: 1px dashed #bfc9d4;
    border-radius: 0;
}

.toggle-code-snippet svg {
    color: #ff9800;
}

.code-section {
    padding: 0;
    height: 0;
}

.code-section-container.show-code .code-section {
    margin-top: 20px;
    height: auto;
}

.code-section pre {
    margin-bottom: 0;
    height: 0;
    padding: 0;
    border-radius: 6px;
}

.code-section-container.show-code .code-section pre {
    height: auto;
    padding: 22px;
}

.code-section code {
    color: #fff;
}

/*blockquote*/
blockquote.blockquote {
    color: #0e1726;
    padding: 20px 20px 20px 14px;
    font-size: 0.875rem;
    background-color: #ffffff;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border: 1px solid #e0e6ed;
    border-left: 2px solid #ff9800;
    box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
}

blockquote.blockquote > p {
    margin-bottom: 0;
}

blockquote .small:before,
blockquote footer:before,
blockquote small:before {
    content: "\2014\A0";
}

blockquote .small,
blockquote footer,
blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777;
}

blockquote.media-object.m-o-border-right {
    border-right: 4px solid #ff9800;
    border-left: none;
}

blockquote.media-object .media .usr-img img {
    width: 55px;
}

/* Icon List */
.list-icon {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.list-icon li:not(:last-child) {
    margin-bottom: 15px;
}

.list-icon svg {
    width: 18px;
    height: 18px;
    color: #ff9800;
    margin-right: 2px;
    vertical-align: sub;
}

.list-icon .list-text {
    font-size: 14px;
    font-weight: 600;
    color: #515365;
    letter-spacing: 1px;
}

a {
    color: #515365;
    outline: none;
}

.multichkbxx > label:hover,
a:hover,
.options li:hover,
.options li.active {
    color: #555555;
    text-decoration: none;
}

a:focus {
    outline: none;
    text-decoration: none;
}

button:focus {
    outline: none;
}

textarea {
    outline: none;
}

textarea:focus {
    outline: none;
}

.btn-link:hover {
    text-decoration: none;
}

span.blue {
    color: #ff9800;
}

span.green {
    color: #8dbf42;
}

span.red {
    color: #e7515a;
}

/*      Form Group Label       */
.form-group label,
label {
    font-size: 15px;
    text-transform: uppercase;
    color: #646568;
    letter-spacing: 1px;
}

/*  Disable forms     */
.custom-control-input:disabled ~ .custom-control-label {
    color: #d3d3d3;
}
.capitalize{text-transform: capitalize;}

/*      Form Control       */
.form-control {
    height: auto;
    border: 1px solid #bfc9d4;
    color: #3b3f5c;
    font-size: 15px;
    padding: 8px 10px;
    letter-spacing: 1px;
    height: calc(1.4em + 1.4rem + 2px);
    padding: 0.75rem 1.25rem;
    border-radius: 6px;
}

.form-control.range {
    height: 30px;
    padding: 5px 10px;
}

.form-control[type=range] {
    padding: 0;
}

.form-control:focus {
    box-shadow: 0 0 5px 2px rgba(194, 213, 255, 0.6196078431);
    border-color: #ff9800;
    color: #3b3f5c;
}

.form-control::-webkit-input-placeholder,
.form-control::-ms-input-placeholder,
.form-control::-moz-placeholder {
    color: #acb0c3;
    font-size: 15px;
}

.form-control:focus::-webkit-input-placeholder,
.form-control:focus::-ms-input-placeholder,
.form-control:focus::-moz-placeholder {
    color: #d3d3d3;
    font-size: 15px;
}

.form-control.form-control-lg {
    font-size: 19px;
    padding: 11px 20px;
}

.form-control.form-control-sm {
    padding: 7px 16px;
    font-size: 13px;
}

/*      Custom Select       */
.custom-select {
    height: auto;
    border: 1px solid #f1f2f3;
    color: #3b3f5c;
    font-size: 15px;
    padding: 8px 10px;
    letter-spacing: 1px;
    background-color: #f1f2f3;
}

.custom-select.custom-select-lg {
    font-size: 18px;
    padding: 16px 20px;
}

.custom-select.custom-select-sm {
    font-size: 13px;
    padding: 7px 16px;
}

.custom-select:focus {
    box-shadow: none;
    border-color: #ff9800;
    color: #3b3f5c;
}

/*      Form Control File       */
.form-control-file {
    width: 100%;
    color: #5c1ac3;
}
.alert > ul > li {text-transform: capitalize;}
.form-control-file::-webkit-file-upload-button {
    letter-spacing: 1px;
    padding: 9px 20px;
    text-shadow: none;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    white-space: normal;
    word-wrap: break-word;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    touch-action: manipulation;
    cursor: pointer;
    background-color: #5c1ac3;
    box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.2);
    will-change: opacity, transform;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    border-radius: 4px;
    border: transparent;
    outline: none;
}

.form-control-file::-ms-file-upload-button {
    letter-spacing: 1px;
    padding: 9px 20px;
    text-shadow: none;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    white-space: normal;
    word-wrap: break-word;
    -ms-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    touch-action: manipulation;
    cursor: pointer;
    background-color: #5c1ac3;
    box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.2);
    will-change: opacity, transform;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    border-radius: 4px;
    border: transparent;
    outline: none;
}

.form-control-file.form-control-file-rounded::-webkit-file-upload-button {
    border-radius: 1.875rem !important;
}

select.form-control.form-custom {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    vertical-align: middle;
    background: #fff url(../img/arrow-down.png) no-repeat right 0.75rem center;
    background-size: 13px 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*      Form Control Custom File       */
.custom-file {
    height: auto;
}

.custom-file input {
    height: auto;
}

.custom-file-label {
    height: auto;
    border: 1px solid #f1f2f3;
    color: #3b3f5c;
    font-size: 15px;
    padding: 8px 10px;
    letter-spacing: 1px;
    background-color: #f1f2f3;
}

.custom-file-label::after {
    height: auto;
    padding: 8px 12px;
    color: #515365;
}

/*      Input Group      */
.input-group button:hover,
.input-group .btn:hover,
.input-group button:focus,
.input-group .btn:focus {
    transform: none;
}

.input-group .input-group-prepend .input-group-text {
    border: 1px solid #bfc9d4;
    background-color: #f1f2f3;
}

.input-group .input-group-prepend .input-group-text svg {
    color: #888ea8;
}

.input-group:hover .input-group-prepend .input-group-text svg {
    color: #ff9800;
    fill: rgba(27, 85, 226, 0.2392156863);
}

.input-group .input-group-append .input-group-text {
    border: 1px solid #bfc9d4;
    background-color: #f1f2f3;
}

.input-group .input-group-append .input-group-text svg {
    color: #888ea8;
}

.input-group:hover .input-group-append .input-group-text svg {
    color: #ff9800;
    fill: rgba(27, 85, 226, 0.2392156863);
}

/*      Input Group append       */
/*      Input Group Append       */
/*      Validation Customization      */
.invalid-feedback {
    color: #e7515a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
}

.valid-feedback {
    color: #8dbf42;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
}

.valid-tooltip {
    background-color: #8dbf42;
}
.quotationtbl tbody > tr > td {
    color: #3d3535;
    font-size: 16px;
}
.invalid-tooltip {
    background-color: #e7515a;
}
input#password { text-transform: none;}
.custom-select.is-valid,
.form-control.is-valid {
    border-color: #8dbf42;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238dbf42' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
}

.was-validated .custom-select:valid,
.was-validated .form-control:valid {
    border-color: #8dbf42;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238dbf42' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
}

.custom-control-input.is-valid ~ .custom-control-label,
.was-validated .custom-control-input:valid ~ .custom-control-label {
    color: #8dbf42;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e7515a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
}

.custom-control-input.is-invalid ~ .custom-control-label,
.was-validated .custom-control-input:invalid ~ .custom-control-label {
    color: #e7515a;
}

.dropdown-toggle:after,
.dropup .dropdown-toggle::after,
.dropright .dropdown-toggle::after,
.dropleft .dropdown-toggle::before {
    display: none;
}

.dropdown-toggle svg.feather[class*=feather-chevron-] {
    width: 15px;
    height: 15px;
    vertical-align: middle;
}

.btn,
.alinrgtd a {
    padding: 5px 10px;
    text-shadow: none;
    font-size: 12px;
    color: #3b3f5c;
    font-weight: normal;
    white-space: normal;
    word-wrap: break-word;
    transition: 0.2s ease-out;
    touch-action: manipulation;
    cursor: pointer;
    background-color: #f1f2f3;
    /* box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.1); */
    will-change: opacity, transform;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    width: 100%;
}

.col-sm-12.col-md-6.alinrgtd {
    padding-top: 25px;
    padding-right: 40px;
}

a.alinrt {
    border-radius: 4px;
    padding: 5px 10px;
}

.btn svg {
    width: 20px;
    height: 20px;
    vertical-align: bottom;
}

.btn.rounded-circle {
    height: 40px;
    width: 40px;
    padding: 8px 8px;
}

.btn:hover,
.btn:focus,
.alinrgtd a:hover {
    color: #3b3f5c;
    /* background-color: #f1f2f3; */
    background-color: #90bcd9;
    border-color: #d3d3d3;
    /* box-shadow: 0 2px 5px 0 #e0e6ed, 0 2px 10px 0 #e0e6ed;
    transform: translateY(-3px); */
}

.btn-group .btn:hover,
.btn-group .btn:focus {
    transform: none;
}

.btn.disabled,
.btn.btn[disabled] {
    background-color: #f1f2f3;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.13);
}

.btn.disabled:hover,
.btn.btn[disabled]:hover {
    cursor: not-allowed;
}

.btn .caret {
    border-top-color: #0e1726;
    margin-top: 0;
    margin-left: 3px;
    vertical-align: middle;
}

.btn + .caret,
.btn + .dropdown-toggle .caret {
    margin-left: 0;
}

.btn-group > .btn,
.btn-group .btn {
    padding: 8px 14px;
}

.btn-group-lg > .btn,
.btn-group-lg .btn {
    font-size: 1.125rem;
}

.btn-group-lg > .btn {
    padding: 0.625rem 1.5rem;
    font-size: 16px;
}

.btn-lg {
    padding: 0.625rem 1.5rem;
    font-size: 16px;
}

.btn-group > .btn.btn-lg,
.btn-group .btn.btn-lg {
    padding: 0.625rem 1.5rem;
    font-size: 16px;
}

.btn-group-lg > .btn,
.btn-group-lg .btn {
    font-size: 1.125rem;
}

.btn-group-sm > .btn,
.btn-sm {
    font-size: 0.6875rem;
}

.btn-group > .btn.btn-sm,
.btn-group .btn.btn-sm {
    font-size: 0.6875rem;
}

.btn-group .dropdown-menu {
    border: 1px solid #e0e6ed;
    box-shadow: rgba(113, 106, 202, 0.2) 0px 0px 15px 1px;
    padding: 10px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    -o-border-image: initial;
    border-image: initial;
}

.btn-group .dropdown-menu a.dropdown-item {
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    color: #888ea8;
    padding: 11px 8px;
}

.btn-group .dropdown-menu a.dropdown-item:hover {
    background-color: #f1f2f3;
}

.btn-group .dropdown-menu a.dropdown-item svg {
    cursor: pointer;
    color: #888ea8;
    margin-right: 6px;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    fill: rgba(0, 23, 55, 0.08);
}

.btn-group .dropdown-menu a.dropdown-item:hover svg {
    color: #ff9800;
}

.dropdown:not(.custom-dropdown-icon) .dropdown-menu {
    border: none;
    border: 1px solid #e0e6ed;
    z-index: 899;
    box-shadow: rgba(113, 106, 202, 0.2) 0px 0px 15px 1px;
    padding: 10px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    -o-border-image: initial;
    border-image: initial;
}

.dropdown:not(.custom-dropdown-icon) .dropdown-menu a.dropdown-item {
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    color: #888ea8;
    padding: 11px 8px;
}

.dropdown:not(.custom-dropdown-icon) .dropdown-menu a.dropdown-item.active,
.dropdown:not(.custom-dropdown-icon) .dropdown-menu a.dropdown-item:active {
    background-color: transparent;
    color: #3b3f5c;
    font-weight: 700;
}

.dropdown:not(.custom-dropdown-icon) .dropdown-menu a.dropdown-item:hover {
    color: #888ea8;
    background-color: #f1f2f3;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}

.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}

.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}

.show > .btn-success.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}

.show > .btn-info.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}

.show > .btn-danger.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}

.show > .btn-warning.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}

.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}

.show > .btn-dark.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}

.show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}

.show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}

.show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}

.show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}

.show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}

.show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}

.show > .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: none;
}

.btn.focus,
.btn:focus {
    box-shadow: none;
}

.btn-success:focus,
.btn-info:focus,
.btn-danger:focus,
.btn-warning:focus,
.btn-secondary:focus,
.btn-dark:focus,
.btn-outline-success:focus,
.btn-outline-info:focus,
.btn-outline-danger:focus,
.btn-outline-warning:focus,
.btn-outline-secondary:focus,
.btn-outline-dark:focus .btn-light-default:focus,
.btn-light-primary:focus,
.btn-light-success:focus,
.btn-light-info:focus,
.btn-light-danger:focus,
.btn-light-warning:focus,
.btn-light-secondary:focus,
.btn-light-dark:focus {
    box-shadow: none;
}

/*      Default Buttons       */
.btn-primary,
.alinrgtd a {
    color: #000000 !important;
    background-color: #e7e8e9 !important;
    border-color: #63c5da;
}

.btn-primary:hover,
.btn-primary:focus {
    color: #000 !important;
    background-color: #2d81b8 !important;
    border-color: #8bc34a;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #ff9800;
    border-top: 1px solid #ff9800;
}

.btn-primary.disabled,
.btn-primary.btn[disabled],
.btn-primary:disabled {
    background-color: #ff9800;
    border-color: #ff9800;
    box-shadow: none;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover {
    color: #fff !important;
    background-color: #2aebcb;
    border-color: #2aebcb;
}

.btn-primary.focus:active {
    color: #000 !important;
    background-color: #2d81b8 !important;
    border-color: #8bc34a;
}

.btn-primary:active:focus,
.btn-primary:active:hover {
    color: #000 !important;
    background-color: #2d81b8 !important;
    border-color: #2d81b8;
}

.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
    color: #fff !important;
    background-color: #2aebcb;
    border-color: #2aebcb;
}
input.btn.btn-primary {
    margin-right: 10px;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.alinrgtd a:hover {
    color: #000 !important;
    /* background-color: #2d81b8 !important; */
    background-color: #c1c1c1cc !important;
    border-color: #2d81b8;
}

.show > .btn-primary.dropdown-toggle {
    color: #fff !important;
    background-color: #ff9800;
    border-color: #ff9800;
}

.btn-primary .caret {
    border-top-color: #fff;
}

.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #c2d5ff;
}

.btn-secondary {
    color: #fff !important;
    background-color: #5c1ac3;
    border-color: #5c1ac3;
}

.btn-secondary:hover,
.btn-secondary:focus {
    color: #fff !important;
    background-color: #5c1ac3;
    box-shadow: none;
    border-color: #5c1ac3;
}

.btn-secondary:active,
.btn-secondary.active {
    background-color: #5c1ac3;
    border-top: 1px solid #5c1ac3;
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active {
    color: #fff !important;
    background-color: #5c1ac3;
    border-color: #5c1ac3;
}

.show > .btn-secondary.dropdown-toggle {
    color: #fff !important;
    background-color: #5c1ac3;
    border-color: #5c1ac3;
}

.btn-secondary.disabled,
.btn-secondary.btn[disabled],
.btn-secondary:disabled {
    background-color: #5c1ac3;
    border-color: #5c1ac3;
    box-shadow: none;
}

.btn-secondary .caret {
    border-top-color: #fff;
}

.btn-info {
    color: #fff !important;
    background-color: #2196f3;
    border-color: #2196f3;
}

.btn-info:hover,
.btn-info:focus {
    color: #fff !important;
    background-color: #2196f3;
    box-shadow: none;
    border-color: #2196f3;
}

.btn-info:active,
.btn-info.active {
    background-color: #2196f3;
    border-top: 1px solid #2196f3;
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active {
    color: #fff !important;
    background-color: #2196f3;
    border-color: #2196f3;
}

.show > .btn-info.dropdown-toggle {
    color: #fff !important;
    background-color: #2196f3;
    border-color: #2196f3;
}

.btn-info.disabled,
.btn-info.btn[disabled],
.btn-info:disabled {
    background-color: #2196f3;
    border-color: #2196f3;
    box-shadow: none;
}

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover {
    color: #fff !important;
    background-color: #2196f3;
    border-color: #2196f3;
}

.btn-info.focus:active {
    color: #fff !important;
    background-color: #2196f3;
    border-color: #2196f3;
}

.btn-info:active:focus,
.btn-info:active:hover {
    color: #fff !important;
    background-color: #2196f3;
    border-color: #2196f3;
}

.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:hover {
    color: #fff !important;
    background-color: #2196f3;
    border-color: #2196f3;
}

.btn-info .caret {
    border-top-color: #fff;
}

.btn-group.open .btn-info.dropdown-toggle {
    background-color: #bae7ff;
}

.btn-warning {
    color: #fff !important;
    background-color: #e2a03f;
    border-color: #e2a03f;
}

.btn-warning:hover,
.btn-warning:focus {
    color: #fff !important;
    background-color: #e2a03f;
    box-shadow: none;
    border-color: #e2a03f;
}

.btn-warning:active,
.btn-warning.active {
    background-color: #e2a03f;
    border-top: 1px solid #e2a03f;
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active {
    color: #0e1726;
    background-color: #e2a03f;
    border-color: #e2a03f;
}

.show > .btn-warning.dropdown-toggle {
    color: #0e1726;
    background-color: #e2a03f;
    border-color: #e2a03f;
}

.btn-warning.disabled,
.btn-warning.btn[disabled],
.btn-warning:disabled {
    background-color: #e2a03f;
    border-color: #e2a03f;
    box-shadow: none;
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover {
    color: #fff !important;
    background-color: #e2a03f;
    border-color: #e2a03f;
}

.btn-warning.focus:active {
    color: #fff !important;
    background-color: #e2a03f;
    border-color: #e2a03f;
}

.btn-warning:active:focus,
.btn-warning:active:hover {
    color: #fff !important;
    background-color: #e2a03f;
    border-color: #e2a03f;
}

.open > .dropdown-toggle.btn-warning.focus,
.open > .dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning:hover {
    color: #fff !important;
    background-color: #e2a03f;
    border-color: #e2a03f;
}

.btn-warning .caret {
    border-top-color: #fff;
}

.btn-group.open .btn-warning.dropdown-toggle {
    background-color: #df8505;
}

.btn-danger {
    color: #fff !important;
    background-color: #e7515a;
    border-color: #e7515a;
}

.btn-danger:hover,
.btn-danger:focus {
    color: #fff !important;
    background-color: #e7515a;
    box-shadow: none;
    border-color: #e7515a;
}

.btn-danger:active,
.btn-danger.active {
    background-color: #e7515a;
    border-top: 1px solid #e7515a;
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active {
    color: #fff !important;
    background-color: #e7515a;
    border-color: #e7515a;
}

.show > .btn-danger.dropdown-toggle {
    color: #fff !important;
    background-color: #e7515a;
    border-color: #e7515a;
}

.btn-danger.disabled,
.btn-danger.btn[disabled],
.btn-danger:disabled {
    background-color: #e7515a;
    border-color: #e7515a;
    box-shadow: none;
}

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover {
    color: #fff !important;
    background-color: #c00;
    border-color: #c00;
}

.btn-danger.focus:active {
    color: #fff !important;
    background-color: #c00;
    border-color: #c00;
}

.btn-danger:active:focus,
.btn-danger:active:hover {
    color: #fff !important;
    background-color: #c00;
    border-color: #c00;
}

.open > .dropdown-toggle.btn-danger.focus,
.open > .dropdown-toggle.btn-danger:focus,
.open > .dropdown-toggle.btn-danger:hover {
    color: #fff !important;
    background-color: #c00;
    border-color: #c00;
}

.btn-danger .caret {
    border-top-color: #fff;
}

.btn-group.open .btn-danger.dropdown-toggle {
    background-color: #a9302a;
}

.btn-dark {
    color: #fff !important;
    background-color: #3b3f5c;
    border-color: #3b3f5c;
}

.btn-dark:hover,
.btn-dark:focus {
    color: #fff !important;
    background-color: #3b3f5c;
    box-shadow: none;
    border-color: #3b3f5c;
}

.btn-dark:active,
.btn-dark.active {
    background-color: #3b3f5c;
    border-top: 1px solid #3b3f5c;
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active {
    color: #fff !important;
    background-color: #3b3f5c;
    border-color: #3b3f5c;
}

.show > .btn-dark.dropdown-toggle {
    color: #fff !important;
    background-color: #3b3f5c;
    border-color: #3b3f5c;
}

.btn-dark.disabled,
.btn-dark.btn[disabled],
.btn-dark:disabled {
    background-color: #3b3f5c;
    border-color: #3b3f5c;
    box-shadow: none;
}

.btn-dark .caret {
    border-top-color: #fff;
}

.btn-group.open .btn-dark.dropdown-toggle {
    background-color: #484848;
}

.btn-success {
    color: #fff !important;
    background-color: #8dbf42;
    border-color: #8dbf42;
}

.btn-success:hover,
.btn-success:focus {
    color: #fff !important;
    background-color: #8dbf42;
    box-shadow: none;
    border-color: #8dbf42;
}

.btn-success:active,
.btn-success.active {
    background-color: #8dbf42;
    border-top: 1px solid #8dbf42;
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active {
    color: #fff !important;
    background-color: #8dbf42;
    border-color: #8dbf42;
}

.show > .btn-success.dropdown-toggle {
    color: #fff !important;
    background-color: #8dbf42;
    border-color: #8dbf42;
}

.btn-success.disabled,
.btn-success.btn[disabled],
.btn-success:disabled {
    background-color: #8dbf42;
    border-color: #8dbf42;
    box-shadow: none;
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover {
    color: #fff !important;
    background-color: #17c678;
    border-color: #17c678;
}

.btn-success.focus:active {
    color: #fff !important;
    background-color: #17c678;
    border-color: #17c678;
}

.btn-success:active:focus,
.btn-success:active:hover {
    color: #fff !important;
    background-color: #17c678;
    border-color: #17c678;
}

.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover {
    color: #fff !important;
    background-color: #17c678;
    border-color: #17c678;
}

.btn-success .caret {
    border-top-color: #fff;
}

/*-----/Button Light Colors------*/
.btn.box-shadow-none {
    border: none;
}

.btn.box-shadow-none:hover,
.btn.box-shadow-none:focus {
    border: none;
    box-shadow: none;
    background-color: transparent;
}

.box-shadow-none {
    box-shadow: none !important;
}

.btn.box-shadow-none:not(:disabled):not(.disabled).active,
.btn.box-shadow-none:not(:disabled):not(.disabled):active {
    border: none;
    box-shadow: none;
    background-color: transparent;
}

.show > .btn.box-shadow-none.dropdown-toggle {
    border: none;
    box-shadow: none;
    background-color: transparent;
}

.btn-group.open .btn-success.dropdown-toggle {
    background-color: #499249;
}

.btn-dismiss {
    color: #0e1726;
    background-color: #fff !important;
    border-color: #fff;
    padding: 3px 7px;
}

.btn-dismiss:hover,
.btn-dismiss:focus {
    color: #0e1726;
    background-color: #fff;
}

.btn-dismiss:active,
.btn-dismiss.active {
    background-color: #fff;
    border-top: 1px solid #fff;
}

.btn-group > .btn i {
    margin-right: 3px;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.16), 0 0px 0px 0 rgba(0, 0, 0, 0.12);
}

.btn-group > .btn + .dropdown-toggle {
    box-shadow: none;
}

.btn-group > .btn + .dropdown-toggle.btn-primary {
    border-left: 1px solid #4468fd;
}

.btn-group > .btn + .dropdown-toggle.btn-success {
    border-left: 1px solid #a3c66f;
}

.btn-group > .btn + .dropdown-toggle.btn-info {
    border-left: 1px solid #49acfb;
}

.btn-group > .btn + .dropdown-toggle.btn-warning {
    border-left: 1px solid #f5b455;
}

.btn-group > .btn + .dropdown-toggle.btn-danger {
    border-left: 1px solid #f1848b;
}

.btn-group > .btn + .dropdown-toggle.btn-dark {
    border-left: 1px solid #70767a;
}

.btn-group > .btn + .dropdown-toggle.btn-secondary {
    border-left: 1px solid #8353dc;
}

.btn-group.dropleft .dropdown-toggle-split {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group.dropleft .btn-primary:not(.dropdown-toggle-split) {
    border-left: 1px solid #4468fd;
}

.btn-group.dropleft .btn-success:not(.dropdown-toggle-split) {
    border-left: 1px solid #a3c66f;
}

.btn-group.dropleft .btn-info:not(.dropdown-toggle-split) {
    border-left: 1px solid #49acfb;
}

.btn-group.dropleft .btn-warning:not(.dropdown-toggle-split) {
    border-left: 1px solid #f5b455;
}

.btn-group.dropleft .btn-danger:not(.dropdown-toggle-split) {
    border-left: 1px solid #f1848b;
}

.btn-group.dropleft .btn-dark:not(.dropdown-toggle-split) {
    border-left: 1px solid #70767a;
}

.btn-group.dropleft .btn-secondary:not(.dropdown-toggle-split) {
    border-left: 1px solid #8353dc;
}

/*
    Btn group dropdown-toggle
*/
.btn .badge.badge-align-right {
    position: absolute;
    top: -1px;
    right: 8px;
}

.dropup .btn .caret {
    border-bottom-color: #0e1726;
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active {
    background-color: #ff9800;
    color: #fff !important;
}

.show > .btn-outline-primary.dropdown-toggle {
    background-color: #ff9800;
    color: #fff !important;
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active {
    background-color: #8dbf42;
    color: #fff !important;
}

.show > .btn-outline-success.dropdown-toggle {
    background-color: #8dbf42;
    color: #fff !important;
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active {
    background-color: #2196f3;
    color: #fff !important;
}

.show > .btn-outline-info.dropdown-toggle {
    background-color: #2196f3;
    color: #fff !important;
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active {
    background-color: #e7515a;
    color: #fff !important;
}

.show > .btn-outline-danger.dropdown-toggle {
    background-color: #e7515a;
    color: #fff !important;
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active {
    background-color: #e2a03f;
    color: #fff !important;
}

.show > .btn-outline-warning.dropdown-toggle {
    background-color: #e2a03f;
    color: #fff !important;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active {
    background-color: #5c1ac3;
    color: #fff !important;
}

.show > .btn-outline-secondary.dropdown-toggle {
    background-color: #5c1ac3;
    color: #fff !important;
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active {
    background-color: #3b3f5c;
    color: #fff !important;
}

.show > .btn-outline-dark.dropdown-toggle {
    background-color: #3b3f5c;
    color: #fff !important;
}

.show > .btn-outline-primary.dropdown-toggle:after,
.show > .btn-outline-success.dropdown-toggle:after,
.show > .btn-outline-info.dropdown-toggle:after,
.show > .btn-outline-danger.dropdown-toggle:after,
.show > .btn-outline-warning.dropdown-toggle:after,
.show > .btn-outline-secondary.dropdown-toggle:after,
.show > .btn-outline-dark.dropdown-toggle:after,
.show > .btn-outline-primary.dropdown-toggle:before,
.show > .btn-outline-success.dropdown-toggle:before,
.show > .btn-outline-info.dropdown-toggle:before,
.show > .btn-outline-danger.dropdown-toggle:before,
.show > .btn-outline-warning.dropdown-toggle:before,
.show > .btn-outline-secondary.dropdown-toggle:before,
.show > .btn-outline-dark.dropdown-toggle:before {
    color: #fff !important;
}

.btn-outline-primary {
    border: 1px solid #ff9800 !important;
    color: #ff9800 !important;
    background-color: transparent;
    box-shadow: none;
}

.btn-outline-info {
    border: 1px solid #2196f3 !important;
    color: #2196f3 !important;
    background-color: transparent;
    box-shadow: none;
}

.btn-outline-warning {
    border: 1px solid #e2a03f !important;
    color: #e2a03f !important;
    background-color: transparent;
    box-shadow: none;
}

.btn-outline-success {
    border: 1px solid #8dbf42 !important;
    color: #8dbf42 !important;
    background-color: transparent;
    box-shadow: none;
}

.btn-outline-danger {
    border: 1px solid #e7515a !important;
    color: #e7515a !important;
    background-color: transparent;
    box-shadow: none;
}

.btn-outline-secondary {
    border: 1px solid #5c1ac3 !important;
    color: #5c1ac3 !important;
    background-color: transparent;
    box-shadow: none;
}

.btn-outline-dark {
    border: 1px solid #3b3f5c !important;
    color: #3b3f5c !important;
    background-color: transparent;
    box-shadow: none;
}

.btn-outline-primary:hover,
.btn-outline-info:hover,
.btn-outline-warning:hover,
.btn-outline-success:hover,
.btn-outline-danger:hover,
.btn-outline-secondary:hover,
.btn-outline-dark:hover {
    box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.1);
}

.btn-outline-primary:hover {
    color: #fff !important;
    background-color: #ff9800;
}

.btn-outline-info:hover {
    color: #fff !important;
    background-color: #2196f3;
}

.btn-outline-warning:hover {
    color: #fff !important;
    background-color: #e2a03f;
}

.btn-outline-success:hover {
    color: #fff !important;
    background-color: #8dbf42;
}

.btn-outline-danger:hover {
    color: #fff !important;
    background-color: #e7515a;
}

.btn-outline-secondary:hover {
    color: #fff !important;
    background-color: #5c1ac3;
}

.btn-outline-dark:hover {
    color: #fff !important;
    background-color: #3b3f5c;
}

/*      Dropdown Toggle       */
.btn-rounded {
    border-radius: 1.875rem !important;
}

/*
    ===========================
        Data Marker ( dot )
    ===========================
*/
.data-marker {
    padding: 2px;
    border-radius: 50%;
    font-size: 18px;
    display: inline-flex;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.data-marker-success {
    background-color: #8dbf42;
}

.data-marker-warning {
    background-color: #e2a03f;
}

.data-marker-danger,
.data-marker-info,
.data-marker-dark {
    background-color: #e7515a;
}

.badge {
    font-weight: 600;
    line-height: 1.4;
    padding: 3px 6px;
    font-size: 12px;
    font-weight: 600;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.badge:hover {
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    /*transform: translateY(-3px);*/
}

.badge.badge-enabled {
    background-color: #8dbf42;
    color: #fff;
}

.badge.badge-disable {
    background-color: #e7515a;
    color: #fff;
}

.badge-pills {
    border-radius: 30px;
}

.badge-classic {
    border-radius: 0;
}

.badge-collapsed-img img {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: 2px solid #ffffff;
    box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.3);
    margin-left: -21px;
}

.badge-collapsed-img.badge-tooltip img {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: 2px solid #ffffff;
    box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.3);
    margin-left: -21px;
    transition: all 0.35s ease;
}

.badge-collapsed-img.badge-tooltip img:hover {
    transform: translateY(-5px) scale(1.02);
}

.badge-collapsed-img.translateY-axis img {
    transition: all 0.35s ease;
}

.badge-collapsed-img.translateY-axis img:hover {
    transform: translateY(-5px) scale(1.02);
}

.badge-collapsed-img.rectangle-collapsed img {
    width: 45px;
    height: 32px;
}

.badge-collapsed-img.translateX-axis img {
    transition: all 0.35s ease;
}

.badge-collapsed-img.translateX-axis img:hover {
    transform: translateX(5px) scale(1.02);
}

.badge-primary {
    color: #fff;
    background-color: #ff9800;
}

.badge-info {
    color: #fff;
    background-color: #2196f3;
}

.badge-success {
    color: #fff;
    background-color: #8dbf42;
}

.badge-danger {
    color: #fff;
    background-color: #e7515a;
}

.badge-warning {
    color: #fff;
    background-color: #e2a03f;
}

.badge-dark {
    color: #fff;
    background-color: #3b3f5c;
}

.badge-secondary {
    background-color: #5c1ac3;
}

.outline-badge-primary {
    color: #ff9800;
    background-color: transparent;
    border: 1px solid #ff9800;
}

.outline-badge-info {
    color: #2196f3;
    background-color: transparent;
    border: 1px solid #2196f3;
}

.outline-badge-success {
    color: #8dbf42;
    background-color: transparent;
    border: 1px solid #8dbf42;
}

.outline-badge-danger {
    color: #e7515a;
    background-color: transparent;
    border: 1px solid #e7515a;
}

.outline-badge-warning {
    color: #e2a03f;
    background-color: transparent;
    border: 1px solid #e2a03f;
}

.outline-badge-dark {
    color: #3b3f5c;
    background-color: transparent;
    border: 1px solid #3b3f5c;
}

.outline-badge-secondary {
    color: #5c1ac3;
    background-color: transparent;
    border: 1px solid #5c1ac3;
}

.outline-badge-primary:focus,
.outline-badge-primary:hover {
    background-color: #c2d5ff;
    color: #ff9800;
}

.outline-badge-secondary:focus,
.outline-badge-secondary:hover {
    color: #5c1ac3;
    background-color: #dccff7;
}

.outline-badge-success:focus,
.outline-badge-success:hover {
    color: #8dbf42;
    background-color: #e6ffbf;
}

.outline-badge-danger:focus,
.outline-badge-danger:hover {
    color: #e7515a;
    background-color: #ffe1e2;
}

.outline-badge-warning:focus,
.outline-badge-warning:hover {
    color: #e2a03f;
    background-color: #ffeccb;
}

.outline-badge-info:focus,
.outline-badge-info:hover {
    color: #2196f3;
    background-color: #bae7ff;
}

.outline-badge-dark:focus,
.outline-badge-dark:hover {
    color: #3b3f5c;
    background-color: #acb0c3;
}

/*      Link     */
.badge[class*=link-badge-] {
    cursor: pointer;
}

.link-badge-primary {
    color: #ff9800;
    background-color: transparent;
    border: 1px solid transparent;
}

.link-badge-info {
    color: #2196f3;
    background-color: transparent;
    border: 1px solid transparent;
}

.link-badge-success {
    color: #8dbf42;
    background-color: transparent;
    border: 1px solid transparent;
}

.link-badge-danger {
    color: #e7515a;
    background-color: transparent;
    border: 1px solid transparent;
}

.link-badge-warning {
    color: #e2a03f;
    background-color: transparent;
    border: 1px solid transparent;
}

.link-badge-dark {
    color: #3b3f5c;
    background-color: transparent;
    border: 1px solid transparent;
}

.link-badge-secondary {
    color: #5c1ac3;
    background-color: transparent;
    border: 1px solid transparent;
}

.link-badge-primary:focus,
.link-badge-primary:hover {
    color: #ff9800;
    background-color: transparent;
}

.link-badge-secondary:focus,
.link-badge-secondary:hover {
    color: #6f51ea;
    background-color: transparent;
}

.link-badge-success:focus,
.link-badge-success:hover {
    color: #2ea37d;
    background-color: transparent;
}

.link-badge-danger:focus,
.link-badge-danger:hover {
    color: #e7515a;
    background-color: transparent;
}

.link-badge-warning:focus,
.link-badge-warning:hover {
    color: #dea82a;
    background-color: transparent;
}

.link-badge-info:focus,
.link-badge-info:hover {
    color: #009eda;
    background-color: transparent;
}

.link-badge-dark:focus,
.link-badge-dark:hover {
    color: #454656;
    background-color: transparent;
}

/* Custom Dropdown*/
.custom-dropdown .dropdown-toggle::after,
.custom-dropdown-icon .dropdown-toggle::after,
.custom-dropdown .dropdown-toggle::before,
.custom-dropdown-icon .dropdown-toggle::before {
    display: none;
}

.custom-dropdown .dropdown-menu,
.custom-dropdown-icon .dropdown-menu {
    min-width: 11rem;
    border-radius: 4px;
    border: none;
    border: 1px solid #e0e6ed;
    z-index: 899;
    box-shadow: rgba(113, 106, 202, 0.2) 0px 0px 15px 1px;
    top: 15px !important;
    padding: 10px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    -o-border-image: initial;
    border-image: initial;
}

.custom-dropdown .dropdown-item.active,
.custom-dropdown .dropdown-item:active,
.custom-dropdown .dropdown-item:hover {
    color: #888ea8;
    background-color: #f1f2f3;
}

.custom-dropdown-icon .dropdown-item.active,
.custom-dropdown-icon .dropdown-item:active,
.custom-dropdown-icon .dropdown-item:hover {
    color: #888ea8;
    background-color: #f1f2f3;
}

.custom-dropdown .dropdown-item {
    font-size: 13px;
    color: #888ea8;
    display: block;
    font-weight: 700;
    padding: 11px 8px;
    font-size: 12px;
}

.custom-dropdown-icon .dropdown-item {
    font-size: 13px;
    color: #888ea8;
    display: block;
    font-weight: 700;
    padding: 11px 8px;
    font-size: 12px;
}

.custom-dropdown-icon .dropdown-menu .dropdown-item svg {
    width: 20px;
    height: 20px;
    margin-right: 3px;
    color: #888ea8;
}

.custom-dropdown .dropdown-item.active svg,
.custom-dropdown .dropdown-item:active svg,
.custom-dropdown .dropdown-item:hover svg {
    color: #ff9800;
}

.custom-dropdown-icon .dropdown-item.active svg,
.custom-dropdown-icon .dropdown-item:active svg,
.custom-dropdown-icon .dropdown-item:hover svg {
    color: #ff9800;
}

.status.rounded-tooltip .tooltip-inner {
    border-radius: 20px;
    padding: 8px 20px;
}

.tooltip-inner {
    border-radius: 0;
}

.popover {
    z-index: 999;
    border-radius: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    border-bottom-color: #b3b3b3;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    cursor: not-allowed;
    background-color: #f1f2f3 !important;
    color: #000;
}

.help-block,
.help-inline {
    color: #555555;
}

.controls {
    position: relative;
}

.search-form-control {
    border-radius: 0.25rem;
}

/*  Table   */
.table-bordered {
    border: 1px solid #f1f2f3;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f1f2f3 !important;
}

.table > tbody > tr > td {
    vertical-align: middle;
    color: #515365;
    font-size: 13px;
    letter-spacing: 1px;
}

.table {
    background-color: #63c5da;
    background-size: cover;
    background-repeat: no-repeat;
}

.table > tbody {
    background-color: #fff;
}

.table > thead > tr {
    color: #0a1172 !important;
    height: 50px;
}

.table > thead > tr > th {
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.table > tbody > tr > td .usr-img-frame {
    background-color: #ebedf2;
    padding: 2px;
    width: 35px;
    height: 35px;
}

.table > tbody > tr > td .usr-img-frame img {
    width: 35px;
    margin: 0;
}

.table > tbody > tr > td .admin-name {
    font-weight: 700;
    color: #515365;
}

.table > tbody > tr > td .progress {
    width: 135px;
    height: 6px;
    margin: auto 0;
}

.table > tbody > tr > td svg.icon {
    width: 21px;
}

.table > tbody > tr > td .t-dot {
    background-color: #000;
    height: 11px;
    width: 11px;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 auto;
}

.table > tbody > tr > td svg.t-icon {
    padding: 5px;
    border-radius: 50%;
    font-size: 11px;
    vertical-align: sub;
    cursor: pointer;
}

.table > tbody > tr > td svg.t-icon.t-hover-icon:hover {
    background-color: #e7515a;
    color: #fff;
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #ebedf2;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: none;
}

/*.table-hover:not(.table-dark) tbody tr:hover {
  background-color: #f1f2f3 !important;
}*/

.table-controls > li > a svg {
    color: #25d5e4;
}

.table tr td .custom-dropdown.t-custom-dropdown a.dropdown-toggle,
.table tr td .custom-dropdown-icon.t-custom-dropdown a.dropdown-toggle {
    border-radius: 5px;
    border: 1px solid #d3d3d3;
}

.table-controls > li > a svg {
    color: #888ea8;
    width: 21px;
}

/*  Table Dark      */
.table.table-dark > thead > tr > th {
    color: #d3d3d3;
}

.table.table-dark > tbody > tr > td {
    color: #ffffff;
}

.table-dark {
    background-color: #060818;
}

.table-dark.table-hover tbody tr {
    background-color: #060818;
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #191e3a !important;
}

.table-dark.table-hover tbody tr:hover {
    background-color: rgba(25, 30, 58, 0.631372549);
}

.table.table-dark > tbody > tr > td i.t-icon {
    padding: 5px;
    border-radius: 50%;
    font-size: 14px;
    vertical-align: sub;
    cursor: pointer;
    color: #0e1726 !important;
}

table .badge-success,
table .badge-primary,
table .badge-warning,
table .badge-danger,
table .badge-info,
table .badge-secondary,
table .badge-dark {
    box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.2);
    will-change: opacity, transform;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.table > tfoot > tr > th {
    color: #3b3f5c;
}

.table-vertical-align tr,
.table-vertical-align th,
.table-vertical-align td {
    vertical-align: middle !important;
}

.statbox .widget-content:before,
.statbox .widget-content:after {
    display: table;
    content: "";
    line-height: 0;
    clear: both;
}

.nav-tabs > li > a {
    border-radius: 0 !important;
}

.btn-toolbar {
    margin-left: 0px;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .input-group > .form-control {
        flex: 1 1 auto;
        width: 1%;
    }
}

.spin {
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

.toast-primary {
    background: #ff9800;
}

.toast-header {
    background: #ff9800;
    color: #fff;
    border-bottom: 1px solid rgba(33, 150, 243, 0.3411764706);
}

.toast-header .meta-time {
    color: #f1f2f3;
}

.toast-header .close {
    color: #f1f2f3;
    opacity: 1;
    text-shadow: none;
}

.toast-body {
    padding: 16px 12px;
    color: #fff;
}

/*  
    ==========================
        Background Colors  
    ==========================
*/
/*  
    Default  
*/
.bg-primary {
    background-color: #ff9800 !important;
    border-color: #ff9800;
    color: #fff;
}

.bg-success {
    background-color: #8dbf42 !important;
    border-color: #8dbf42;
    color: #fff;
}

.bg-info {
    background-color: #2196f3 !important;
    border-color: #2196f3;
    color: #fff;
}

.bg-warning {
    background-color: #e2a03f !important;
    border-color: #e2a03f;
    color: #fff;
}

.bg-danger {
    background-color: #e7515a !important;
    border-color: #e7515a;
    color: #fff;
}

.bg-secondary {
    background-color: #5c1ac3 !important;
    border-color: #5c1ac3;
    color: #fff;
}

.bg-dark {
    background-color: #fff;
    border-color: #3b3f5c;
    color: #fff;
}

/*  
    Light Background  
*/
.bg-light-primary {
    background-color: #c2d5ff !important;
    border-color: #c2d5ff;
    color: #2196f3;
}

.bg-light-success {
    background-color: #e6ffbf !important;
    border-color: #e6ffbf;
    color: #8dbf42;
}

.bg-light-info {
    background-color: #bae7ff !important;
    border-color: #bae7ff;
    color: #2196f3;
}

.bg-light-warning {
    background-color: #ffeccb !important;
    border-color: #ffeccb;
    color: #e2a03f;
}

.bg-light-danger {
    background-color: #ffe1e2 !important;
    border-color: #ffe1e2;
    color: #e7515a;
}

.bg-light-secondary {
    background-color: #dccff7 !important;
    border-color: #dccff7;
    color: #5c1ac3;
}

.bg-light-dark {
    background-color: #acb0c3;
    border-color: #acb0c3;
    color: #fff;
}

/*  
    Progress Bar
*/
.progress {
    border-radius: 0;
    background-color: #ebedf2;
    margin-bottom: 1.25rem;
    height: 16px;
    box-shadow: 1px 3px 20px 3px #f1f2f3;
}

.progress.progress-bar-stack .progress-bar:last-child {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}

.progress .progress-bar {
    font-size: 10px;
    font-weight: 700;
    box-shadow: 0 2px 4px rgba(0, 69, 255, 0.15), 0 8px 16px rgba(0, 69, 255, 0.2);
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 100;
}

.progress:not(.progress-bar-stack) .progress-bar {
    border-radius: 16px;
}

.progress-sm {
    height: 4px;
}

.progress-md {
    height: 10px;
}

.progress-lg {
    height: 20px;
}

.progress-xl {
    height: 25px;
}

.progress-striped .progress-bar {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress .progress-title {
    display: flex;
    justify-content: space-between;
    padding: 15px;
}

.progress .progress-title span {
    align-self: center;
}

.progress .progress-bar.bg-gradient-primary {
    background-color: #ff9800;
    background: linear-gradient(to right, #0081ff 0%, #0045ff 100%);
}

.progress .progress-bar.bg-gradient-info {
    background-color: #ff9800;
    background-image: linear-gradient(to right, #04befe 0%, #4481eb 100%);
}

.progress .progress-bar.bg-gradient-success {
    background-color: #ff9800;
    background-image: linear-gradient(to right, #3cba92 0%, #0ba360 100%);
}

.progress .progress-bar.bg-gradient-orange {
    background-color: #cddc39;
    background-image: linear-gradient(to right, #cddc39 0%, #ffeb3b 100%);
}

.progress .progress-bar.bg-gradient-warning {
    background-color: #2196f3;
    background-image: linear-gradient(to right, #2196f3 0%, #00bcd4 100%);
}

/*'#28ae63', '#2a80b9', '#d25a55', '#f1c40f', '#3598db', '#86e036'*/
.progress .progress-bar.bg-gradient-secondary {
    background-color: #28ae63;
    background-image: linear-gradient(to right, #28ae63 0%, #cddc39 100%);
}

.progress .progress-bar.bg-gradient-danger {
    background-color: #ff9800;
    background-image: linear-gradient(to right, #d09693 0%, #c71d6f 100%);
}

.progress .progress-bar.bg-gradient-dark {
    background-color: #ff9800;
    background-image: linear-gradient(to right, #2b5876 0%, #4e4376 100%);
}

.br-0 {
    border-radius: 0 !important;
}

.br-4 {
    border-radius: 4px !important;
}

.br-6 {
    border-radius: 6px !important;
}

.br-30 {
    border-radius: 30px !important;
}

.br-50 {
    border-radius: 50px !important;
}

.br-left-30 {
    border-top-left-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
}

.br-right-30 {
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
}

.bx-top-6 {
    border-top-right-radius: 6px !important;
    border-top-left-radius: 6px !important;
}

.bx-bottom-6 {
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}

/*      Badge Custom      */
.badge.counter {
    position: absolute;
    z-index: 2;
    right: 0;
    top: -10px;
    font-weight: 600;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    padding: 2px 0px;
    font-size: 12px;
}

.badge-chip {
    display: inline-block;
    padding: 0 25px;
    font-size: 16px;
    line-height: 42px;
    border-radius: 25px;
}

.badge-chip img {
    float: left;
    margin: 0px 10px 0px -26px;
    height: 44px;
    width: 44px;
    border-radius: 50%;
}

.badge-chip .closebtn {
    color: #f1f2f3;
    font-weight: bold;
    float: right;
    font-size: 20px;
    cursor: pointer;
}

.badge-chip .closebtn:hover {
    color: #fff;
}

/*-------text-colors------*/
.text-primary {
    color: #ff9800 !important;
}

.text-success {
    color: #8dbf42 !important;
}

.text-info {
    color: #2196f3 !important;
}

.text-danger {
    color: #e7515a !important;
}

.text-danger {
    color: #ff0000 !important;
}

.text-warning {
    color: #e2a03f !important;
}

.text-secondary {
    color: #5c1ac3 !important;
}

.text-dark {
    color: #3b3f5c !important;
}

.text-muted {
    color: #888ea8 !important;
}

.text-white {
    color: #fff !important;
}

.text-black {
    color: #000 !important;
}

/*-----border main------*/
.border {
    border: 1px solid !important;
}

.border-bottom {
    border-bottom: 1px solid !important;
}

.border-top {
    border-top: 1px solid !important;
}

.border-right {
    border-right: 1px solid !important;
}

.border-left {
    border-left: 1px solid !important;
}

.border-primary {
    border-color: #ff9800 !important;
}

.border-info {
    border-color: #2196f3 !important;
}

.border-warning {
    border-color: #e2a03f !important;
}

.border-success {
    border-color: #8dbf42 !important;
}

.border-danger {
    border-color: #e7515a !important;
}

.border-secondary {
    border-color: #5c1ac3 !important;
}

.border-dark {
    border-color: #3b3f5c !important;
}

/*-----border style------*/
.border-dotted {
    border-style: dotted !important;
}

.border-dashed {
    border-style: dashed !important;
}

.border-solid {
    border-style: solid !important;
}

.border-double {
    border-style: double !important;
}

/*-----border width------*/
.border-width-1px {
    border-width: 1px !important;
}

.border-width-2px {
    border-width: 2px !important;
}

.border-width-3px {
    border-width: 3px !important;
}

.border-width-4px {
    border-width: 4px !important;
}

.border-width-5px {
    border-width: 5px !important;
}

.border-width-6px {
    border-width: 6px !important;
}

/*-----transform-position------*/
.position-absolute {
    position: absolute;
}

.position-static {
    position: static;
}

.position-fixed {
    position: fixed;
}

.position-inherit {
    position: inherit;
}

.position-initial {
    position: initial;
}

.position-relative {
    position: relative;
}

/*===============================================================
            pagination change
================================================================*/
.infils {
    width: 64%;
}

table.display thead tr th {
    border-right: 1px solid #fff;
    border-bottom: 2px solid #fff;
    padding: 5px 15px;
}

table.display thead tr th #selectall {
    width: 13px;
    margin-left: 9px;
}

table.display tbody tr:nth-child(odd) td:first-child {
    background-color: #f1f1f1;
}

table.display tbody tr td {
    padding: 8px 10px;
    border-top: 1px solid #ddd;
}

table.display tbody tr:first-child td {
    border-top: none;
}

table.display tbody tr:nth-child(even) td {
    background: #f2f2f2;
}

table.display tbody tr:nth-child(even) td:first-child {
    background: #f5f5f5;
}

.varss tr {
    border-bottom: none;
}

.varss tr th p {
    padding: 0;
}

.hidden.sm\:flex-1.sm\:flex.sm\:items-center.sm\:justify-between {
    display: block !important;
    padding: 15px 0;width: 100%;
}

svg.w-5.h-5 {
    width: 20px;
}

.flex.justify-between.flex-1.sm\:hidden {
    display: none;
}

.hidden.sm\:flex-1.sm\:flex.sm\:items-center.sm\:justify-between > div {
    display: inline-block;
}

.hidden.sm\:flex-1.sm\:flex.sm\:items-center.sm\:justify-between > div:last-child {
    float: right;
}

.relative.inline-flex.items-center {
    background-color: #90bcd9 !important;
    padding: 8px 7px 8px 12px !important;
    margin: 0 4px;
    font-size: 0.9em;
    text-align: center;
    border-radius: 50%;
    color: #fff;
}

.relative.inline-flex.items-center.px-4.text-gray-500.cursor-default {
    color: #fff;
    background-color: #2d81b8 !important;
    padding: 9px 14px !important;
}

.relative.inline-flex.items-center.px-2.text-gray-500 {
    position: relative;
    padding: 7px 2px 9px 5px !important;
}

.colspans {
    text-align: center;
}

.fil1:first-child {
    margin-left: 0;
}

.fil1:last-child {
    margin-right: 0;
}

.rmdat {
    width: 100%;
}

.infils.rmdat.rmfil > div {
    width: 50%;
}

.infils.rmdat.rmfil2 > div {
    width: 48%;
}

.infils.indat > div {
    width: 49%;
}

.infils.extrfills > div {
    width: 24%;
}

.shadow-sm {
    box-shadow: none !important;
}

/*---------------------------------------------------------------------------------
                                filter for campaign
---------------------------------------------------------------------------------*/
.serbas {
    width: 100%;
}

.forsert {
    width: 30%;
}

.inhidva {
    position: relative;
}

.infils > div {
    display: inline-block;
    vertical-align: top;
    width: 32.5%;
    font-size: 16px;
}

.infils.hldss > div {
    display: inline-block;
    vertical-align: top;
    width: 24%;
    font-size: 16px;
}

.forsert table td {
    padding: 7px 6px !important;
}

.inhidva .forsert table td {
    padding: 0 !important;
}

.fordat:first-child {
    margin-left: 0;
}

.infils {
    font-size: 0;
    width: 65%;
}

.inhidva > div {
    display: inline-block;
    vertical-align: top;
}

.ui-datepicker-calendar tr th span {
    color: #fff;
}

.fil1 {
    margin: 0 3px;
}

.rsch1 {
    padding: 15px;
}

select,
.multichkbxx > label {
    font-family: "Arial", sans-serif;
}

.fil1 select,
.bxxchkx,
.entrbdgt {
    font-family: "Arial", sans-serif;
    width: 100%;
    color: #888ea8;
    padding: 5px 10px;
    border: 1px solid #bfc9d4;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 400;
    margin: 0 0;
    background-color: #fff;
    background-image: url("../img/chevron-down.png");
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: 96% 7px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

b.carpet {
    position: relative;
    display: inline-block;
    top: -25px;
    left: -18px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #9EA3B8;
    border-right: 2px solid #9EA3B8;
    transform: rotate(135deg);
}

/*---------------------------------------------------------------------------------
                                23-03-2022
---------------------------------------------------------------------------------*/
.mebu > button.blue > a.askDelete .badge-primary {
    background: #27ae61;
    color: #fff;
}

.mebu > button > a.askDelete .badge-primary {
    background: #e2a03f;
    color: #fff;
    border: none;
}

button.butwid,
.table-hover tr:hover button.butwid {
    border: none;
    background-color: transparent;
}

.colrgt {
    text-align: right;
}

label.error {
    color: #ff0000;text-transform: lowercase;
    font-size: 10px;
}

.rsrch {
    margin: 0;
    background-color: #fff;
    text-align: right;
    padding: 0 25px;
}

.rsrch > div {
    display: inline-block;
    vertical-align: top;
}

.rsrch .whifilter {
    width: 78%;
}

.rsrch .whisearch {
    width: 21%;
}

.whisearch > div {
    display: inline-block;
}

.resetfil {
    padding-left: 8px;
}

#example1_filter {
    width: 85%;
}

#example1_filter > label {
    display: block;
}

.rsrch .whisearch .dataTables_filter label {
    position: relative;
}

.rsrch .whisearch .dataTables_filter label svg {
    position: absolute;
    top: 4px;
    right: 10px;
    width: 15px;
    color: #d3d3d3;
}

.inbaot {
    margin: 20px 0;
}

.bordta > div {
    display: inline-block;
}

.tet > p {
    color: #3b3f5c;
    font-size: 17px;
    font-weight: 600;
    margin: 0;
}

.asivve {
    margin-right: 20px;
}

.alinrgtd {
    text-align: right;
}

.impdwn {
    padding: 16px 15px;
    list-style: none;
    display: inline-block;
}

.impdwn > li {
    display: inline-block;
    padding-left: 10px;
}

.leacon {
    text-align: center;
    list-style: none;
    padding: 0;
}

.leacon > li > a {
    font-weight: 600;
}

.qckstats {
    list-style: none;
}

.qckstats > li {
    display: inline-block;
    padding-right: 40px;
}

.suprt {
    padding: 30px 0;
    border: 1px solid #bfc9d4;
    color: #acb0c3;
    text-align: center;
    border-radius: 6px;
    font-weight: 600;
}

.suprt > p {
    margin-bottom: 0;
}

.exvimg {
    display: inline-block;
    padding: 20px;
    text-align: center;
}

.sepodert {
    padding: 16px 15px;
    text-align: right;
}

.defaulttxt {
    padding: 30px 0;
    text-align: center;
    font-size: 16px;
}

/*.slctprj{padding: 8px 10px;border: 1px solid #bfc9d4;border-radius: 6px;}*/
.mt-4.mb-4.btn.btn-primary.bcka {
    margin-left: 30px;
}

.col.stchks {
    max-width: max-content;
}

.imgsds > img {
    text-align: center;
    margin: 20px;
    width: 20%;
}

.serchl {
    display: inline-block;
    padding-left: 20px;
    width: 18%;vertical-align: top;
}

.propics > div {
    display: inline-block;
    vertical-align: top;
    margin-left: 1.9%;
    width: 32%;
    position: relative;
    font-size: 16px;
    margin-bottom: 20px;
}

.propics > div:nth-child(3n+1) {
    margin-left: 0;
}

.propic,
.pics {
    border-radius: 6px;
    overflow: hidden;
}

.propic > img,
.pics > img {
    width: 100%;
}

.adproim {
    margin: 30px 10px 0;
    font-size: 0;
}

.propics {
    width: 74.6%;
    display: inline-block;
    vertical-align: top;
}

.pinam {
    padding-top: 6px;
}

.pinam h2 {
    font-weight: 700;
    padding: 10px 12px;
    text-align: center;
    text-transform: capitalize;
    font-size: 1.1em;
}

.adprj7 {
    display: inline-block;
    vertical-align: top;
    width: 23.8%;
    margin-left: 1.5%;
}

.pichol {
    position: relative;
}

.adprj {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: inline-grid;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
}

.adprj > a {
    display: table-cell;
    vertical-align: middle;
    padding: 40px 0 0 0;
    font-size: 0.8rem;
    position: relative;
}

/* .adprj > a::before {content: "";position: absolute;top: 50%;left: 50%;width: 30px;height: 30px;background-image: url("../img/plus.png");background-repeat: no-repeat;background-size: 19px auto;background-position: 0px 0px;} */
.adprj > a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    background-image: url("../img/adp.png");
    background-repeat: no-repeat;
    background-size: 30px auto;
    background-position: 0px -5px;
}

.adprj {
    background: #e5e5e5;
}

.hidid {
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}

.pics {
    overflow: hidden;
    position: relative;
}

.hopicid {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: table;
    width: 100%;
    height: 100%;
    z-index: 300;
}

.inpics5 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.inpics5 a {
    display: inline-block;
    vertical-align: top;
    background: #3b3f5c;
    color: #fff;
    padding: 3px 10px;
    margin: 3px 15px;
    font-size: 0.9em;
    text-transform: uppercase;
    border: 1px solid #3b3f5c;
}

.inpics5 a {
    opacity: 0;
}

.pics:hover .inpics5 a:last-child,
.pics:hover .inpics5 a:first-child {
    opacity: 1;
}

.pics::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
    top: -100%;
}

.pics:hover::after {
    top: 0;
}

.pics:hover .inpics5 a,
.pics::after {
    -webkit-transition: all 800ms ease-in-out 800ms;
    -moz-transition: all 800ms ease-in-out 800ms;
    -ms-transition: all 800ms ease-in-out 800ms;
    -o-transition: all 800ms ease-in-out 800ms;
    transition: all 800ms ease-in-out 800ms;
}

.pics > img:hover,
.pics > img,
.pics,
.pics:hover::after,
.inpics5 a,
.succsesmes,
.hidid {
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out
}

#locads {
    font-size: 0;
}

.tpes > input.intp,
.tpe p,
#list > li > p,
.locst > li > p {
    border: 1px solid #ccc;
    padding: 3px 8px 4px 8px;
    border-radius: 6px;
    background-color: #f1f2f3;
}

.tpes,
.schtos,
.tpe,
.schto,
.upfuc {
    float: left;
    font-size: 16px;
}

.tpes {
    width: 18%;
    padding-bottom: 10px;
}

.invachild:last-child #locads {
    padding-bottom: 0;
}

.upfuc {
    margin-left: 2%;
}

#list > li,
.schto > div,
.schtos > div,
.adflo > input {
    display: inline-block;
    vertical-align: top;
}

#list,
.locst,
.ui-menu {
    list-style: none;
    padding: 0;
}

.detewindo {
    margin: 0 3.9% 0 2.7%;
    box-sizing: border-box;
    padding: 38px 0 13px 0;
    text-align: center;
    position: relative;
    background: #e5e5e5;
    display: none;
}

.schto,
.schtos {
    margin-left: 2%;
}

.schtos {
    width: 60%;
}

.schtos {
    position: relative;
}

.shwhs {
    position: absolute;
    right: 10px;
    top: 8px;
}

.adflo {
    border: 1px solid #ccc;
    border-radius: 6px;
    width: 50%;
}

.schtos > .tpco {
    width: 100%;
}

.adfl {
    padding: 5px 0 0 10px;
}

.tpco > input {
    width: 100%;
}

.adfl {
    border: none;
    width: 94%;
}

.shwhs > a,
.shss,
.adflors {
    display: block;
    width: 30px;
    height: 31px;
    background: url(../img/plus-circle.png) no-repeat 0 4px / 20px auto;
    border: none;
    text-indent: -1000em;
}

.locst {
    margin-left: 20%;
}

.locst li.vlues1,
#list > li.vlues {
    display: inline-block;
    vertical-align: top;
    margin: 16px 17px 5px 0;
    position: relative;
    cursor: pointer;
}

.card {
    margin-bottom: 1.5em !important;
}

.locst li > span,
#list li > span {
    display: inline-block;
    position: absolute;
    top: -11px;
    right: -11px;
    background: url(../img/x-circle.png) no-repeat 0 0 / 15px auto;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#ui-id-1.ui-autocomplete {
    position: absolute;
    top: 0;
    background-color: #fff;
    color:#3b3f5c !important;
    padding: 11px 0;
    font-size: 0.7rem;
}

.ui-menu {
    border: 1px solid #191e3a;
    z-index: 9999;
    border-radius: 6px;
}

.ui-menu > li {
    padding: 10px;
}

.ui-menu > li:hover {
    background-color: #e5e5e5;
}

#upflorpln {
    display: none;
}

#remove_item {
    display: inline-block;
    width: 25px;
    height: 25px;
    text-indent: -1000em;
    background: url(../img/trash.png) no-repeat 0 0 / 25px auto;
    position: absolute;
    top: 0px;
    left: 0;
}

.upflorpln {
    position: relative;
    padding-left: 36px;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #bfc9d4 !important;
}

.select2-container .select2-selection--multiple {
    min-height: calc(1.4em + 1.4rem + 2px) !important;
}

.pip > img {
    width: 100%;
    height: auto;
}

.pip {
    display: inline-block;
    width: 15%;
    vertical-align: top;
    position: relative;
    margin-right: 20px;
    margin-bottom: 25px;
}

.remove,.remvs {
    display: block;
    background: url(../img/x-circle.png) no-repeat 0 0 / 17px auto;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: -11px;
    right: -16px;
    width: 25px;
    height: 25px;
    text-indent: -1000em;
}

.tabs > li input#rangeCalendarFlatpickr {
    width: 212px;
}

input#inputsearchsa {
    padding-right: 35px;
}

.shopaswd {
    display: none;
}

.clitlgs {
    width: 30%;
    padding: 20px;
}

.clitlgs img {
    width: 100%;
}

div.table-responsive.notabke > div.dataTables_wrapper > div.row:last-child {
    display: none;
}

div#comp > div {
    display: inline-block;
    width: 49.5%;
    border: 1px solid #bfc9d4;
    border-radius: 6px;
    vertical-align: top;
    font-size: 16px;
    padding: 20px;
    margin-top: 20px;
    margin-left: -2px;
}

#comp {
    font-size: 0;
}

.etbles {
    position: relative;
    z-index: 5;
    background: #fff;
}

.flodigrm {
    padding: 29px 0 0 0;
}

.etbles > a {
    display: block;
    padding: 6px 15px;
    border: 1px solid #8bc34a;
    border-radius: 12px;
    background: #cddc39;
    color: #000;
}

.subchil a {
    display: block;
    padding: 6px 15px;
    border: 1px solid #8bc34a;
    border-radius: 12px;
    position: relative;
    z-index: 2;
    background: #cddc39;
    color: #000;
}

.subchil {
    padding-top: 82px;
    position: relative;
    z-index: 2;
    background: #fff;
}

.subchil::before {
    content: "";
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    background: #000;
}

.flodigrm > h1 {
    font-size: 1.2em;
    font-weight: 600;
}

.digpars {
    font-size: 0;
    padding-top: 39px;
    text-align: center;
}

.digpars > div {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    padding: 0 33px 0 0;
    position: relative;
    width: 20%;
    text-align: center;
}

.digchild:last-child::after {
    width: 0;
    height: 0;
}

.digchild::after {
    content: "";
    position: absolute;
    right: 0;
    width: 100%;
    height: 1px;
    background: #000;
    top: 17px;
}

/*.digpars > div:last-child{padding-right: 0;}*/
.floditble {
    padding-top: 35px;
}

.floditble .insats {
    width: 100%;
}

.floditble h2 {
    font-size: 1.2em;
    font-weight: 600;
    padding-bottom: 25px;
}

.vataib {
    margin: 0px 0.8% 0 0.8%;
}

.insats {
    display: none;
}

.insats {
    margin: 0 auto;
    width: 93%;
}

.insats:first-child {
    display: block;
}

.pds,
.hidiv {
    -webkit-transition: all 800ms ease-in-out 300ms;
    -moz-transition: all 800ms ease-in-out 300ms;
    -ms-transition: all 800ms ease-in-out 300ms;
    -o-transition: all 800ms ease-in-out 300ms;
    transition: all 800ms ease-in-out 300ms;
}

.pds {
    width: 100%;
    position: relative;
}

.pds table tr th p {
    padding-top: 0;
}

.repdi {
    font-size: 0;
    margin: 0 0 20px auto;
    width: 25%;
    position: relative;
    z-index: 666;
}

.topbar-nav.header nav#topbar ul.menu-categories li.menu:not(:last-child) > a {
    border-right: 1px solid #fff !important;
}

.topbar-nav.header nav#topbar ul.menu-categories li.menu > .dropdown-toggle svg.feather-chevron-down {
    display: block !important;
    color: #fff;
    margin-left: 10px;
    margin-top: 3px;
}

.schto.invv {
    float: none;
}

.btn-primary::placeholder {
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.btn-primary:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

.btn-primary::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
}

.alert.alert-danger > ul,
.alert.alert-success > ul {
    margin: 0;
}

#messageid {
    color: #ff0000;
    padding-top: 10px;
}

.fbdsas {
    color: #2f6705;
}

.table > thead > tr > th {
    padding: 5px 10px;
    text-align: left;
    border: 1px solid #e0e6ed;
    vertical-align: middle;
}

/*table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting:before, table.dataTable thead .sorting:after {color: #fff !important;}*/
.table > tbody > tr > td {

    text-transform: capitalize;

    color: #000 !important;
    border: 1px solid #e0e6ed;
    padding: 5px 10px;
    min-width: 110px;
    height: 35px;
    box-sizing: content-box;
}

.impdwn > li.idcon > a,
.impdwn > li.idcon1 #leaddwnid {
    padding-left: 40px;
}

.impdwn > li.idcon1,
.impdwn > li.idcon {
    position: relative;
}

.impdwn > li.idcon::before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    background: url(../img/file-plus-2.png) no-repeat 0 0 / 100% auto;
    left: 20px;
    top: 8px;
    z-index: 1;
}

.impdwn > li.idcon1::before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    background: url(../img/download.png) no-repeat 0 0 / 100% auto;
    left: 20px;
    top: 8px;
    z-index: 1;
}

.topbar-nav.header nav#topbar ul.menu-categories li.menu .submenu {
    width: auto !important;
}

.topbar-nav.header nav#topbar ul.menu-categories li.menu .submenu.Masters {
    width: 400px !important;
    right: 0;top: 51px;
    /* left: auto !important; */border-radius: 0;
}

/* .topbar-nav.header nav#topbar ul.menu-categories li.menu:last-child #forms > li {*/
.topbar-nav.header nav#topbar ul.menu-categories li.menu #forms.Masters > li {
    display: inline-block !important;
    width: 49%;
}

.dwnsamleds {
    margin-top: 20px;
}

/*-----------------------------------------------------------------------------------------------------------------------
                                               Dashboard
------------------------------------------------------------------------------------------------------------------------*/
ul.tabs.tab-pills,
.docs7 {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

ul.tabs.tab-pills {
    text-align: right;
}

ul.tabs.tab-pills > li input {
    width: 210px;
}

.tabs.tab-pills > li {
    display: inline-block;
    padding: 0px 20px 20px 0;
}

.tabs.tab-pills > li button {
    margin: 0;
}

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

.widget.widget-chart-one .widget-heading > h5,
.widget.widget-chart-two .widget-heading > h5,
.widget.widget-table-two .widget-heading > h5,
.widget.widget-table-three .widget-heading > h5 {
    padding: 20px 20px 20px 0;
    margin: 0;
}

.signup {
    text-align: center;
    padding-top: 20px;
}

button.sinup {
    background-color: #ff9800;
    color: #fff;
    padding: 8px 20px;
    letter-spacing: 1px;
    border-radius: 6px;
    border: none;
}

button.btn.btn-primary.mb-2.fltrrang,
.tabs > li input#rangeCalendarFlatpickr {
    background: #505eaa !important;
}

.widget-table-two .table .td-content.product-brand,
.widget-table-three .table .td-content.product-brand {
    text-align: center !important;
    padding: 10px !important;
}

.widget-table-two .table tbody tr td:first-child .td-content.product-brand,
.widget-table-three .table tbody tr td:first-child .td-content.product-brand {
    text-align: left;
}

.widget-table-two .table > thead > tr > th:first-child .th-content,
.widget-table-three .table > thead > tr > th:first-child .th-content {
    margin-left: 0 !important;
}

.widget-table-two .table tbody tr td,
.widget-table-two .table > thead > tr > th,
.widget-table-three .table tbody tr td,
.widget-table-three .table > thead > tr > th {
    border: 1px solid #ebedf2 !important;
}

.widget-table-two .table tbody tr td:last-child,
.widget-table-two .table > thead > tr > th:last-child,
.widget-table-three .table tbody tr td:last-child,
.widget-table-three .table > thead > tr > th:last-child {
    border-right: none !important;
}

.widget-table-two .table,
.widget-table-three .table {
    border-collapse: collapse !important;
}

.alinrgt {
    text-align: right;
}

.alinrgt > a {
    color: #000;
    font-weight: 600;
}

.widget-chart-two.two .widget-heading {
    display: flex;
    justify-content: space-between;
}

.widget-table-two .table > thead > tr > th:first-child,
.widget-table-two .table > thead > tr > th:first-child,
.widget-table-two .table > thead > tr > th:last-child,
.widget-table-two .table > thead > tr > th:last-child,
.widget-table-three .table > thead > tr > th:first-child,
.widget-table-three .table > thead > tr > th:first-child,
.widget-table-three .table > thead > tr > th:last-child,
.widget-table-three .table > thead > tr > th:last-child {
    border-radius: 0px !important;
    text-align: center !important;
}

.widget-table-two .table > thead > tr > th,
.widget-table-three .table > thead > tr > th {
    padding: 5px 5px !important;
    text-align: center;
    vertical-align: middle;
}

.widget-table-two .table > thead > tr > th .th-content,
.widget-table-three .table > thead > tr > th .th-content {
    color: #000 !important;
}

.widget-table-three .table > thead > tr > th:last-child .th-content,
.widget-table-two .table > thead > tr > th:last-child .th-content {
    margin-right: 0 !important;
}

.widget-table-two .table > tbody > tr > td:first-child,
.widget-table-two .table > tbody > tr > td:last-child,
.widget-table-three .table > tbody > tr > td:first-child {
    padding: 0 !important;
}

/*-----------------------------------------------------------------------------------------------------------------------
                                               Connect to Fb
------------------------------------------------------------------------------------------------------------------------*/
.loginfbc {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 63vh;
    position: relative;
}

.loginfbc > h2 {
    text-transform: capitalize;
    padding-bottom: 110px;
}

button.fbbutton {
    display: block;
    background-color: #333;
    border: #333;
    color: #fff;
    font-size: 1.4em;
    padding: 7px 15px;
    border-radius: 10px;
    cursor: pointer;
    margin: 0 auto;
}

.listclnt {
    padding-top: 5px;
    text-align: center;
}

.listclnt #list {
    list-style: disc;
}

.listclnt > #list > li {
    display: block;
}

.listclnt > #list > li > a {
    display: inline-block;
    margin: 10px 0 10px 10px;
    text-decoration: none;
    color: #000;
    position: relative;
}

.listclnt > #list > li > a::before {
    position: absolute;
    content: '';
    left: -12px;
    top: 7px;
    background-color: #000;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

#exuser {
    font-size: 1.2em;
    padding-bottom: 16px;
}

a.fbbuton {
    background-color: #333;
    border: #333;
    color: #fff;
    font-size: 1.4em;
    padding: 7px 15px;
    border-radius: 10px;
    cursor: pointer;
    margin: 0 auto;
    display: block;
    width: 260px;
}

.synfbrp a {
    background-color: #333;
    border: #333;
    color: #fff;
    font-size: 1.4em;
    padding: 5px 10px;
    border-radius: 10px;
    cursor: pointer;
    margin: 28px 31px 0 0;
    float: right;
}

.sucpopms {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 999;
}

.sucssmgs {
    font-size: 1.5em;
    margin: 0;
    background-color: #fff;
    padding: 20px;
    border-radius: 6px;
}

/*-----------------------------------------------------------------------------------------------------------------------
                                               campaign performance
------------------------------------------------------------------------------------------------------------------------*/
.adscompre,
.adscompre1,
.adsdfltdte {
    width: 100%;
}

.adscompre > thead > tr > th,
.adscompre > thead > tr > th > .resultcompre > .resultile > p {
    color: #000 !important;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
}

.adscompre > thead > tr > th,
.adscompre > tbody > tr > td {
    min-width: 210px;
}

.resultile > p {
    margin-bottom: 0;
}

.adscmprdt {
    display: none;
}

.adscompre > thead > tr > th,
.adscompre > tbody > tr > td {
    border: 1px solid #ebedf2;
    padding: 0;
    height: 53px;
}

/*.adscompre1 > thead > tr > th,.adscompre1 > tbody > tr > td{border-right: 1px solid #ebedf2;}*/
.resultile {
    position: relative;
}

.adscompre > tbody > tr > td > p,
.resultile > p {
    padding: 0 10px 0 10px;
    margin-bottom: 0;
}

.adscompre > thead > tr > th .resultile > a::before {
    position: absolute;
    content: '';
    right: 30px;
    top: 8px;
    background: url(../img/table-column-opening.png) no-repeat 0 0 / 100% auto;
    width: 15px;
    height: 15px;
}

.adscompre > thead > tr > th .resultile > a::after {
    position: absolute;
    content: '';
    right: 30px;
    top: 8px;
    background: url(../img/table-column-closing.png) no-repeat 0 0 / 100% auto;
    width: 15px;
    height: 15px;
    display: none;
}

.adscompre > thead > tr > th .resultile > a.showicn::after {
    display: block;
}

.adscompre > thead > tr > th .resultile > a.showicn::before,
.adscompre > tbody > tr > td .resultile.cpmprds {
    display: none;
}

.adsdfltdte > thead > tr > th {
    border-top: 1px solid #ebedf2;
    border-right: 1px solid #ebedf2;
    padding: 5px;
}

.adsdfltdte > tbody > tr > td {
    border-right: 1px solid #ebedf2;
    padding: 5px;
}

.avdpad {
    padding: 0;
}

.avdpad {
    padding-right: 20px;
}

.adsdfltdte > thead > tr > th,
.adsdfltdte > tbody > tr > td {
    min-width: 100px;
    height: 53px;
    text-align: center;
}

.resultile > p {
    padding: 5px !important;
    text-align: center;
}

.adsdfltdte > thead > tr > th:last-child,
.adsdfltdte > tbody > tr > td:last-child {
    border-right: none;
}

.avdpad .resetfil {
    padding-top: 17px;
}

.serda.drange {
    position: relative;
}

.comparecc {
    position: absolute;
    z-index: 3005;
    top: 340px;
    right: -44px;
    display: none;
}

.formcontrolc {
    padding: 5px;
    font-size: 12px;
    color: #888ea8;
    border-radius: 5px;
    border: 1px solid #ddd;
    width: 160px;
}

.statbox.widget.box.box-shadow.adscomprenn {
    background-color: #fff;
}

.statbox.widget.box.box-shadow.adscomprenn .widget-content.widget-content-area {
    margin: 0 20px;
    padding: 0;
}

.statbox.widget.box.box-shadow.adscomprenn .widget-content.widget-content-area .row:nth-child(2) .col-sm-12 {
    overflow-x: scroll;
}

.avdpad > .forsert {
    width: 22%;
}

.adsdfltdte > tbody > tr > td {
    border-top: none;
    vertical-align: middle;
    color: #515365;
}

.adsdfltdte > tbody > tr {
    border-bottom: none;
}

table.dataTable.cmpgnrpt thead > tr > th.sorting_asc,
table.dataTable.cmpgnrpt thead > tr > th.sorting_desc,
table.dataTable.cmpgnrpt thead > tr > th.sorting {
    padding-right: 0px;
}

table.dataTable.cmpgnrpt thead .sorting:before,
table.dataTable.cmpgnrpt thead .sorting:after,
table.dataTable.cmpgnrpt thead .sorting_asc:before,
table.dataTable.cmpgnrpt thead .sorting_asc:after,
table.dataTable.cmpgnrpt thead .sorting_desc:before,
table.dataTable.cmpgnrpt thead .sorting_desc:after {
    top: 1.4em;
    bottom: unset;
    z-index: 1;
}

.fltyacv .rsrch {
    position: absolute;
    z-index: 1;
    left: 16%;
    width: 65%;
    padding: 5px 0;
}

.fltyacv .rsrch.mtop {
    margin-top: 7px;
}

.fltyacv.rmispc .rsrch {
    left: 20%;
}

.fltyacv .rsrch.avdpad {
    width: 64.5%;
    padding: 5px 0;
}

.fltyacv .rsrch.avdpad .forsert {
    width: 32%;
}

.fltyacv .rsrch .whifilter {
    width: 100%;
}

.fltyacv .resetfil {
    position: absolute;
    top: 77px;
    z-index: 1;
    right: 40px;
}

.fltyacv #style-2_filter {
    padding-right: 50px;
}

.fltyacv.rmispc #style-2_filter {
    padding-right: 0px;
}

.statbox.widget.box.box-shadow.fltyacv {
    position: relative;
}

/*.fltyacv .fil1 select {
    padding: 0.7em 1.7em 0.7em 0.75em;
}*/

.allesd .rsrch .whisearch {
    width: 15.5%;
}

.allesd .rsrch .whifilter {
    width: 84%;
}

.allesd .rsrch .forsert {
    width: 24%;
}

.allesd .rsrch .infils {
    width: 75.5%;
}

.allesd .rsrch .infils > div {
    width: 24.3%;
}

.allesd #example1_filter {
    width: 79%;
}

.allesd .form-control, .fltyacv .form-control {
       padding: 5px 10px;
    font-size: 13px;
    height: auto;
}

tr.totalrow {
    font-weight: 800;
    border-bottom: 1px solid #ebedf2;
}

/*-----------------------------------------------------------------------------------------------------------------------
                                               campaign performance hourly performance
------------------------------------------------------------------------------------------------------------------------*/
.gropcls {
    position: absolute;
    top: 84px;
    left: 37px;
}

.gropcls > div {
    display: inline-block;
    vertical-align: top;
    padding-right: 20px;
}

.grpdy2 > a,
.grpdy3 > a {
    display: block;
}

.grpdy3 > a > svg:hover,
.grpdy2 > a > svg:hover {
    stroke: #505eaa;
}

.inhidva.withcampdet > .forsert {
    width: 26.5%;
}

.inhidva.withcampdet > .infils {
    width: 73%;
}

.inhidva.withcampdet > .infils > div {
    width: 24.2%;
}

a.dnmloog {
    position: relative;
    padding-right: 80px;
}

a.dnmloog::after {
    position: absolute;
    content: '';
    width: 70px;
    height: 31px;
    display: block;
    background: url(../img/dnm_logo.png) no-repeat 7px 0 / 55px auto;
    top: -7px;
    right: 0;
}

.infils.hldss {
    width: 63%;
}

/*-----------------------------------------------------------------------------------------------------------------------
                                               checkbox
------------------------------------------------------------------------------------------------------------------------*/
.multichkbx {
    display: none;
}

.bxxchkx {
    display: block;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
   /* line-height: 26px;
    height: 45px;*/
}

.fil1 {
    position: relative;
}

.multichkbx {
    position: absolute;
    z-index: 1;
}

.multichkbx1 {
    border: 1px solid #ddd;
    cursor: pointer;
    border-radius: 5px;
    width: 200px;
    background-color: #fff;
    text-align: left;
    padding: 10px 0;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.multichkbxx {
    padding-top: 5px;
    padding-left: 11px;
    border-bottom: 1px solid #cccccc4d;
    padding-bottom: 5px;
}

.multichkbxx > label {
    margin-bottom: 0;
    color: #888ea8;
    cursor: pointer;
}

.multichkbx.shwhde {
    display: block;
    height: 220px;
}

.prjwisprm input.form-control {
    width: 235px !important;
}

.dateprojet .sepodert,
.dateprojet .resetfil {
    display: inline-block;
    vertical-align: top;
}

.dateprojet .sepodert:first-child {
    width: 275px;
}

.dateprojet .resetfil {
    padding-top: 27px;
}

.table-responsive {
    overflow-x: unset;
}

div.table-responsive > div.dataTables_wrapper > div.row {
    margin: 0;
    overflow-x: auto;
}

.table-responsive.notabke {
    overflow-x: auto;
}

.notabke .table > thead > tr > th {
    height: 50px;
}

.table.boupdt > tbody > tr > td {
    min-width: 105px;
}

/*-----------------------------------------------------------------------------------------------------------------------
                                               Budget Optimizer
------------------------------------------------------------------------------------------------------------------------*/
.boupdti .rsrch .whifilter {
    width: 100%;
}

.boupdti .infils {
    width: 69.2%
}

.boupdti .forsert {
    width: 21%;
}

.boupdti .spndunf2 {
    width: 9%;
}

.boupdti .infils > div {
    width: 24.4%;
}

input#budget {
    border: none;
    padding: 0;
    width: 100%;
}

.wekdaly > div {
    display: inline-block;
    vertical-align: top;
}

.wekdaly-21,
.wekdaly-31 {
    display: inline-block;
    padding: 5px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 5px;
}

.wekdaly-22,
.wekdaly-23 {
    padding-top: 10px;
}

table.table.boupdt {
    width: auto;
}

.table.boupdt > thead > tr > th,
.table.boupdt > tbody > tr > td {
    border-left: 1px solid #ebedf2;
}

.table.boupdt > thead > tr > th:last-child,
.table.boupdt > tbody > tr > td:last-child {
    border-right: 1px solid #ebedf2;
}

.table.boupdt > tbody > tr:last-child > td {
    border-bottom: 1px solid #ebedf2;
}

.wekdaly1 {
    padding-right: 20px;
}

a.wekdaly-21:hover,
a.wekdaly-31:hover {
    color: #fff;
}

.wekdaly-22.shwhdebd,
.wekdaly-23.shwhdebd1 {
    display: block;
}

a.wekdaly-222 {
    background-color: #cddc39;
    text-transform: uppercase;
    color: #000;
    border-radius: 5px;
    padding: 15px 30px;
    display: block;
    line-height: 15px;
}

.histrcp,
.histrcs {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

/*.histrcs {width: 170px;}*/
table.table.boupdt {
    width: 40%;
    float: left;
    margin-right: 4%;
}

.fil1.fullwidths {
    width: 100%;
    float: left;
}

.curbudspn {
    float: left;
    width: 36%;
}

.curbudspn2 {
    float: left;
    width: 100%;
}

div#weekwiserert > table {
    width: 100%;
    float: left;
}

a.showspnd {
    text-transform: capitalize;
    background-color: #333;
    border-radius: 6px;
    padding: 8px;
    color: #fff;
    margin-bottom: 10px;
    display: inline-block;
}

.histrcp > p {
    margin-bottom: 0
}

table.table.boupdt.chkxb {
    width: 100%;
    margin-right: 0;
}

.norestpgs .dataTables_length,
.norestpgs .row:last-child,
.norestpgs .row:first-child {
    display: none;
}

.newclsd .rsrch {
    left: auto;
    right: 7%;
    width: 65%;
    top: 10px;
}

.newclsd .resetfil {
    top: 25px;
}

.wekdaly1 {
    width: 100%;
}

.updtedt {
    float: right;
}

.updtedt > a {
    display: block;
    background-color: #333;
    color: #fff;
    padding: 7px;
    text-transform: uppercase;
    border-radius: 5px;
}

.serfitop.bbgtaltr .fil1 {
    display: block;
    text-align: left;
    width: auto;
    margin-bottom: 20px;
}

.serfitop.bbgtaltr .infils {
    width: 78.5%;
}

.serfitop.bbgtaltr .fil1 > label,
.serfitop.bbgtaltr .fil1 > input,
.serfitop.bbgtaltr .fil1 > .entrbdgt {
    display: inline-block;
    vertical-align: top;
    width: 250px;
    overflow: hidden;
    border: none;
    background-color: transparent !important;
    padding: 0;
    height: auto;
}

.serfitop.bbgtaltr .fil1 > label {
    width: 130px;
}

input#budget {
    background-color: #fff !important;
    font-size: 14px;
}

#weekwiserert .row:first-child,
#weekwiserert .row:last-child {}

.serfitop.bbgtaltr.bghtss .fil1 {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    border-top: 1px solid #ebedf2;
    border-left: 1px solid #ebedf2;
    border-bottom: 1px solid #ebedf2;
    width: 16.5%;
}

.serfitop.bbgtaltr.bghtss .fil1:last-child {
    border-right: 1px solid #ebedf2;
}

.serfitop.bbgtaltr.bghtss .fil1 label,
.serfitop.bbgtaltr.bghtss .fil1 input {
    display: block;
    width: auto;
    padding: 4px;
}

.serfitop.bbgtaltr.bghtss .fil1 label {
    border-bottom: 1px solid #ebedf2;
    margin-bottom: 0;
}

.serfitop.bbgtaltr.bghtss .infils,
.serfitop.bbgtaltr.bghtss .fil1 input {
    width: 100%;
}

.serfitop.bbgtaltr.bghtss .fil1 input {
    font-size: 14px;
}

.fcntnr {
    background-color: #F4F4F4;
    margin: 0 auto;
}

.foot {
    width: 95%;
    margin: 0 auto;
    padding-top: 2%;
}

.cmpnats {
    float: left;
    width: 100%;
}

.cyprtss {
    display: inline-block;
    text-transform: uppercase;
    color: #1e2f51;
    font-weight: 700;
    font-size: 1em;
    padding-left: 25px;
}

.enclus {
    display: inline-block;
    text-transform: uppercase;
    color: #27ae61;
    font-size: 1.7em;
    font-weight: 700;
    padding-left: 7%;

}

.solcinss {
    float: right;
    padding-top: 6px;
}

.solcinss,
.solcinss > ul > li {
    display: inline-block;
}

.solcinss > ul > li .fbicns {
    background-position: 0 -641px;
    margin-right: 14px;
}

.fbicns,
.insticns,
.twiticns {
    display: block;
    width: 33px;
    height: 33px;
    background-image: url(../img/img.png);
    background-repeat: no-repeat;
    background-size: 79px auto;
    top: 21px;
    right: 0;
}

.insticns {
    background-position: 0 -743px;
    margin-right: 15px;
}

.twiticns {
    background-position: -1px -852px;
}

.ltd {
    padding-top: 17px;
}

.ltds {
    float: right;
}

.ltds > li {
    display: inline-block;
}

.ltds > li > a {
    text-transform: uppercase;
    color: #1e2f51;
    font-weight: 700;
    font-size: 0.7em;
    position: relative;
    padding-left: 10px;
}

.ltds > li > a::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 10px;
    background-color: #1e2f51;
    right: -5px;
    bottom: 2px;
}

.ltds > li:last-child > a::after {
    width: 0;
}

.widget-header > div > div > h4,
h2.heds,
.hedsl > h4 {
    color: #6267a5;
    margin: 0;
    padding: 23px;
    font-size: 1.9em;
    text-transform: uppercase;
}

.dashtitle h2 {
    width: 20%;
    color: #82DE33;
    float: left;
    font-size: 2.5em;
    text-transform: uppercase;
    padding-left: 20px;
}

li.menu.single-menu.active {
   /* font-size: 1rem;*/
}

.dt-buttons .dt-button {
    background-color: #cddc39;
    margin-top: 10px;
    width: 40%;
}

.pstas p {
    font-size: 0.68em;
    float: right;
    font-weight: 700;
    padding-right: 9px;
    padding-top: 1px;
    text-transform: uppercase;
}

.clogo {
    width: 250px;
    padding: 15px 0 0px 0px;
}

.clogo img {
    width: 75%;
}

.hedleft {
    float: left;
}

.widget-header > div > div > h4 {
    padding-left: 20px;
}

.firstmnl {
    padding-left: 18px;
}

header.navbar {
    padding: 0
}

td,
input {
    font-family: "Arial", sans-serif;
    font-size: 10px;
}

th,
th > div,
.btn,
.dropdown-item a {
    text-transform: uppercase;
}

.loginuser {
    color: #515365;
    width: auto;
    float: left;padding-right: 20px;
}

.logoutuser {
    width: auto;
    float: left;
}

.logoutuserbtn {
    background: none;
    text-transform: uppercase;
    border: none;
    color: #515365;
}

.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    padding: 0;
}

.statbox.widget.box.box-shadow.adscomprenn.fltyacv {
    padding: 0 10px;
}

.statbox.widget.box.box-shadow.adscomprenn.fltyacv .widget-header {
    padding-left: 0px;
}

.table-responsive > div.dataTables_wrapper > div.row::-webkit-scrollbar,
.widget-content-area > .dataTables_wrapper > .row > .col-sm-12::-webkit-scrollbar,
.widget-content-area .table-responsive::-webkit-scrollbar {
    width: 10px;
}

.table-responsive > div.dataTables_wrapper > div.row::-webkit-scrollbar:horizontal,
.widget-content-area > .dataTables_wrapper > .row > .col-sm-12::-webkit-scrollbar:horizontal,
.widget-content-area .table-responsive::-webkit-scrollbar:horizontal {
    height: 5px;
}

.table-responsive > div.dataTables_wrapper > div.row::-webkit-scrollbar-track,
.widget-content-area > .dataTables_wrapper > .row > .col-sm-12::-webkit-scrollbar-track,
.widget-content-area .table-responsive::-webkit-scrollbar-track {
    background-color: #ccc;
    border-radius: 10px;
}

.table-responsive > div.dataTables_wrapper > div.row::-webkit-scrollbar-thumb,
.widget-content-area > .dataTables_wrapper > .row > .col-sm-12::-webkit-scrollbar-thumb,
.widget-content-area .table-responsive::-webkit-scrollbar-thumb {
    background: #2d81b8;
    /*box-shadow: inset 0 0 6px rgba(195, 241, 103, 0.8);*/
    border-radius: 10px;
}

.s-hidden {
    visibility: hidden;
    padding-right: 10px;
}

.select {
    cursor: pointer;
    position: relative;
    font-family: "Arial", sans-serif;
}

.styledSelect {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: white;
    padding: 5px 10px 5px;
    color: #888ea8;
    border: 1px solid #bfc9d4;
    font-size: 13px;
    background-image: url(../img/chevron-down.png);
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: 96% 7px;
    border-radius: 5px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
}

.prjsrch {
    font-size: 13px;
    height: auto;
    padding: 5px 10px;
}

.options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0 0;
    padding: 0 0;
    list-style: none;
    background-color: white;
    border: 1px solid #bfc9d4;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: #63c5da;
}

.options li {
    margin: 0 0;
    padding: 7px 10px;
    text-align: left;
    border-bottom: 1px solid #cccccc2e;    font-size: 13px;
    text-transform: capitalize;
}
.multichkbxx > label{font-size: 13px;padding-left: 10px;}

.fil1.cmpgniid .options {
    min-width: 350px;
}

select#Resultid {
    height: 35px;
    border-radius: 5px;
    width: 69px;
    padding: 8px;
    cursor: pointer;
}

span.tenpixel {
    font-size: 10px;
    color: #6fda1f;
}

span.tenpixels {
    font-size: 10px;
    color: #fff;
}

.brpdbm.allesd .rsrch {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 70%;
}

.brpdbm.allesd .rsrch .whifilter {
    width: 100%;
}

.brpdbm.allesd .rsrch .infils {
    width: 100%;
}

.brpdbm .widget-content.widget-content-area {
    padding-top: 30px;
}

a.voiewtline {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background: url(../img/timeline.png) no-repeat 0 0 / 100% auto;
}

.hedsl,
.hedsli,
.hedsl1 {
    display: inline-block;
    vertical-align: text-bottom;
}

.hedsli {
    padding: 20px 0 0 30px;
}

.hedsl1 {
    padding-right: 10px;
    position: relative;
    padding-left: 15px;
}

.hedsl1 > .chkbxx {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.hedsl1 > .chklbl {
    position: relative;
    cursor: pointer;
    padding-left: 5px;font-size: 13px;color: #162772;
}
.hedsl1 > .chkbox {
    position: absolute;
    opacity: 1;
    z-index: 0;
    left: 1px;
    top: 6px;
}
.chktxt {
    position: relative;
    cursor: pointer;
    padding-left: 5px;
    font-size: 13px;
    color: #162772;
}

.hedsl1 > .chklbl::before {
    position: absolute;
    left: -16px;
    display: block;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border: 1px solid #646568;
    border-radius: 50%;
    height: 13px;
    top: 3px;
    width: 13px;
}

.hedsl1 > .chklbl::after {
    background-size: 10px 10px;
    height: 11px;
    top: 4px;
    width: 11px;
    position: absolute;
    left: -15px;
    display: block;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
}

.hedsl1 > .chkbxx:checked ~ .chklbl::before {
    background-color: #63c5da;
}

.hedsl1 > .chkbxx:checked ~ .chklbl::after {
    border-top: 1px solid #0b466c;
    border-right: 1px solid #0b466c;
    transform: rotate(135deg);
    height: 4px;
    top: 7px;
    width: 7px;
    position: absolute;
    left: -13px;
    display: block;
    content: "";
}
.duplicatelead {
    background: #90bcd978 !important;
}
.statbox.widget.box.box-shadow.brpdbm.allesd .table td input {
    font-size: 12px;
}

h4.budrpis {
    text-align: right;
    font-size: 1.7em !important;
}

h4.budrpis > a {
    padding-left: 30px;
    position: relative;
}

h4.budrpis > a::before {
    position: absolute;
    content: '';
    top: 8px;
    left: 7px;
    border-top: 2px solid #515365;
    border-left: 2px solid #515365;
    transform: rotate(-45deg);
    width: 12px;
    height: 12px;
}

h4.budrpis > a:hover::before {
    border-color: #e84d3e;
}

.histrcs {
    width: 220px;
}

.histrcs b.carpet {
    left: 201px !important;
}

.logoutuser > form {
    margin-bottom: 0;
}

#subnt,
a.mt-4.mb-4.btn.btn-primary.bcka {
    width: auto;
}

.widget.box .widget-header.cpeagn {
    padding: 0;
}

.widget-header.cpeagn > div > div > h4 {
    padding-left: 0;
}

/* Silambu */
.chck {
    position: absolute;
    opacity: 0;
    z-index: 999;
    width: 22px;
    height: 25px;
    cursor: pointer;
}

.chck + label::before {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    /* background: #63c5da; 
    background: #0a1172;*/
    border:1px solid #2d81b8;
    border-radius: 3px;
    margin-right: 5%;
}

.chck:checked + label::before {
    content: '';
    left: 5px;
    top: 9px;
    background: #2d81b8;
}

.chck:checked + label::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 9px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
}

label.chkbx.bx {
    position: relative;
    margin-right: 15px;
}
.alinflt.alinrgtd {
    position: relative;    text-align: left;
}
.popup {
    display: none;
    position: absolute;
    top: 30px;
    right: 0%;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    z-index: 999;
    width: 325px;
}

.btnpop,
.alinrgtd a {
    text-transform: uppercase;
    text-shadow: none;
    font-size: 12px;
    color: #3b3f5c;
    font-weight: normal;
    white-space: normal;
    word-wrap: break-word;
    transition: 0.2s ease-out;
    touch-action: manipulation;
    cursor: pointer;
    background-color: #f1f2f3;
    /* box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.1); */
    will-change: opacity, transform;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    display: inline-block;
    width: auto;
}

.row.pb-3.alinrgtdn .alinrgtd {
    padding-top: 0;
}

.btnpop {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.pop {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

button#submitBtn {
    margin-left: 0px;
}

#closepop {
    margin-left: 200px;
}

/* Rolls */
.chckr {
    margin-top: 0px;
    position: absolute;
    opacity: 0;
    z-index: 999;
    width: 22px;
    height: 21px;
    cursor: pointer;
}

.chckr + label::before {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background: #9bceef;
    margin-right: 5%;
}

.chckr:checked + label::before {
    content: '';
    left: 5px;
    top: 9px;
    background: #2d81b8;
}

.chckr:checked + label::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 9px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
}

.chckrr {
    margin-top: 0px;
    position: absolute;
    opacity: 0;
    z-index: 999;
    width: 22px;
    height: 21px;
    cursor: pointer;
}

.chckrr + label::before {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background: #fff;
    margin-right: 5%;
}

.chckrr:checked + label::before {
    content: '';
    left: 5px;
    top: 9px;
    background: #2d81b8;
}

.chckrr:checked + label::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 9px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
}

.table-responsive.nosrchpag {
    overflow-x: auto;
}

.btn-app {
    color: #fff !important;
    background-color: #2d81b8 !important;
    display: inline-block;
}

form#myForm {
    margin-left: 10px;
}

.sweet-alert {
    background-color: white;
    font-family: "Arial", sans-serif;
    width: 478px;
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -256px;
    margin-top: -200px;
    overflow: hidden;
    display: block;
    z-index: 99999;
    border: 1px solid #ced4da;
    /*box-shadow: #ced4da;
    box-shadow: 0 0 40px 0 #8dbf42;*/
}

fieldset {
    display: none;
}

.sa-error-container {
    display: none;
}

button.confirm {
    color: black;
    background-color: #63c5da !important;
    border-color: #63c5da;
    padding: 0px 10px 0px 10px;
    font-size: small;
}

.sweet-alert,
h2 {
    font-size: 1.5rem;
}


/* NEW */
img.ad {
    width: 30px;
    margin-left: 48px;
}

.btn-reg {
    color: #000000 !important;
    background-color: #f12d0f !important;
    border-color: #63c5da;
    display: inline-block;
}

.btn,
.btn-app,
.remove-field {
    width: auto;
}

a.alink, span.alink, td.alink {
    color: #2d81b8;letter-spacing: normal;
    font-weight: 600;text-transform: capitalize;padding-right: 18px;position: relative;display: inline-block;
}
a.alink::after{position: absolute;content: '';top: 5px;right: 0;width: 10px;height: 10px;background: url(../img/linki.png) no-repeat 0 0 / 100% auto;}
/* Check Boxes */
.chcks {
    margin-top: 31px;
    position: absolute;
    opacity: 0;
    z-index: 999;
    width: 22px;
    height: 21px;
    cursor: pointer;
}

.chcks + label::before {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background: #2d81b8;
    margin-right: 5%;
}

.chcks:checked + label::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 9px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
}

.chckc {
    margin-top: 0px;
    position: absolute;
    opacity: 0;
    z-index: 999;
    width: 22px;
    height: 21px;
    cursor: pointer;
}

.chckc + label::before {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background: #2d81b8;
    margin-right: 5%;
}

.chckc:checked + label::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 9px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
}

label.chkb.bx {
    position: relative;
    margin-right: -7px;
}

.chckp {
    position: absolute;
    opacity: 0;
    z-index: 999;
    width: 22px;
    height: 21px;
    cursor: pointer;
}

.chckp + label::before {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background: #2d81b8;
    margin-right: 5%;
}

.chckp:checked + label::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 9px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
}

.coolvilla {
    padding-left: 480px;
    margin-right: 45px;
}

span.prjname {
    color: #3b3f5c;
    margin-left: 15px;
    padding-top: 22px;
    font-weight: 600;
    font-size: 16px;
    top: 10px;
    text-transform: uppercase;
}

.select-control {
    float: right;
    width: 20%;
    height: auto;
    border: 1px solid #bfc9d4;
    color: #3b3f5c;
    font-size: 13px;
    padding: 8px 10px;
    letter-spacing: 1px;
    height: calc(1.4em + 1.4rem + 2px);
    padding: 0.75rem 1.25rem;
    border-radius: 6px;
}

span.emt {
    color: #ffff;
    font-weight: 900;
}

h4.splt {
    color: #82DE33;
    margin: 0;
    padding: 20px 5px;
    font-size: 2em;
    text-transform: uppercase;
}
h2.splt {
    color: #82DE33;
    margin: 0;
    padding: 20px 5px;
    font-size: 2em;
    text-transform: uppercase;
}
/* Lead TimeLine */
.drodvs {
    padding-left: 30px;
    width: 98%;
}

.ndi {
   padding: 25px 25px 0px 25px;
}

.leedrprt > div {
    font-size: 16px;
    vertical-align: bottom;
    position: relative;
}

.leadtimings5 {
    width: 100%;
}

.inbasi {
    font-size: 0;
    display: table;
    width: 100%;
    padding-bottom: 54px;
    padding: 0px 80px 0px 80px;
}

.inrundflow.ksdf {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.inrundflow {
    background-image: url(../img/aboutbg.jpg);
    background-size: cover;
    display: inline-block;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    vertical-align: middle;
    border: 2px solid #000;
    padding: 6px;
}

.inrundflow.ksdf > p {
    padding: 0;
    margin: 0;
}

.inrundflow p {
    padding: 17px 0 0 0;
    color: #000;
}
.credetl {
    width: 40%;
}

.crtedflow {
    background-image: url(../img/aboutbg.jpg);
    background-size: cover;
    padding: 10px 0;
    border-radius: 6px;
}

.ligicn > h3 {
    background-image: url(../img/direc.png);
    background-repeat: no-repeat;
    background-size: 27px auto;
    background-position: 8px 17px;
    padding: 12px 0 10px 45px;
    line-height: 1.4em;
    font-size: 1.1em;
    margin: 0;
}

.ligicn p {
    padding: 0 0 0 47px;
}

span.imptnt {
    color: red;
}

.coll {
    display: flex;
}

.colab {
    color: #82DE33;
}

.cool {
    padding-left: 280px;
}

.cool1 {
    padding-left: 35px;
}

/* postsale */
.popup-page {
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.75);
    width: 100%;
    height: 100%;
    padding: 30px 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
    z-index: 9999;
}

.popup-page-content {
    text-align: center;
    width: 52%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 40px;
    margin-top: 100px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 1);
    border-radius: 3px;
    background: #fff;
    position: relative;
}

h2.hclor,
h3.hclor,
h4.hclor,
h5.hclor {
    color: #2d81b8;text-transform: uppercase;
}

.popup-close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    border: none;
    background-color: #ddd;
    border-radius: 50%;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}

label.box {
    padding-right: 24.2px;
    font-size: 10.5px;
    color: #646568;
    letter-spacing: 2px;
}

.box1 {
    font-size: 11px;
    color: #2a42c5;
    letter-spacing: 2px;
}

.input-row {
    display: flex;
}

.input-row .form-control {
    margin-right: 10px;
}

input.form-control-popup {
    margin: 2px;
    width: 28%;
    border: 1px solid #bfc9d4;
    color: #3b3f5c;
    font-size: 12px;
    padding: 9px 9px;
    letter-spacing: 1px;
    height: calc(1.4em + 1.4rem + 1px);
    /* padding: 0.75rem 1.25rem; */
    border-radius: 4px;
}

.impdwn > li.idcon.top::before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    background: url(../img/file-plus-2.png) no-repeat 0 0 / 100% auto;
    left: 20px;
    top: 28px;
    z-index: 1;
}

input.form-control-popup.wit {
    width: 50%;
}

select.form-control-popup.wit {
    width: 22%;
}

select.form-control-popup {
    margin: 2px;
    width: 28%;
    border: 1px solid #bfc9d4;
    color: #28a745;
    font-size: 12px;
    padding: 9px 9px;
    letter-spacing: 1px;
    height: calc(1.4em + 1.4rem + 1px);
    /* padding: 0.75rem 1.25rem; */
    border-radius: 4px;
}

img.sectimg {
    width: 100px;
}

.image-container {
    position: relative;
    display: inline-block;
}

.image-text {
    color: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #e5e5e5;
    border-radius: 4px;
    cursor: pointer;font-size: 10px;
    padding: 2px 5px 1px;border: 1px solid #000;
}

.circle-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #abbbab;
    color: #101010;
    text-align: center;
    line-height: 30px;
}

.edtfld2 {
    width: 100%;
}

#iframe_uploader {
    height: 96px;
    border-radius: 5px;
    border: 2px solid #bfc9d4;
    border: 0px;
    width: 100%;
    background-color: #63c5da;
}

.docs {
    border-radius: 6px;
}

.popup-page {
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.75);
    width: 100%;
    height: 100%;
    padding: 30px 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
    z-index: 9999;
}

.popup-page-content1 {
    width: 65%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 40px;
    margin-top: 100px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 1);
    border-radius: 3px;
    background: #fff;
    position: relative;
}

.center-content {
    text-align: center;
    position: relative;
    display: inline-block;
}

.centered-image {
    display: block;
    width: 50%;
}

.left-content {
    left: 52%;
    font-size: 15px;
    top: 23px;
    position: absolute;
    display: inline-grid;
}

.left-content {
    display: flex;
    flex-wrap: wrap;
}

.left-content > div {
    border: 1px solid #2d81b8;
    width: 50%;
    box-sizing: border-box;
    padding: 13px;
}

.left-content h5 {
    font-size: 1.22rem;
    margin-bottom: 0;
}

.left-content p {
    color: red;
    margin-top: 0;
    margin-left: 0px;
}


.sectimg:hover + .image-text {
    display: block;
}

.popup-page-content2 {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 40px;
    margin-top: 100px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 1);
    border-radius: 3px;
    background: #fff;
    position: relative;
}

img.tick {
    width: 20px;
}

span#errorTotal {
    margin-left: 340px;
    font-size: 14px;
    font-family: "Arial", sans-serif;
}

.infils.extrfils > div {
    width: 24%;
    top: -7px;
}

div#alin {
    width: 50%;
}

span.typ {
    font-size: 8px;
    font-family: "Arial", sans-serif;
    color: #020a45;
}

.ledtls td > a > img {
    width: 45px;
    padding-left: 10px;
}

/*---------------------------- connect ----------------------------------*/
.enquires {
    position: fixed;
    right: 10px;
    bottom: 50px;
    width: 80px;
    height: 80px;
}

img {
    max-width: 100%;
    height: auto;
}

.enquirecals {
    position: fixed;
    bottom: 117px;
    margin: 0 auto;
    width: 23%;
    z-index: 999;
    right: 16px;
    padding: 9px 17px;
    background: #fff;
    display: none;
    height: 367px;
    overflow: hidden;
}

.enquirecals {
    -webkit-box-shadow: -1px 1px 11px -1px #000;
    box-shadow: -1px 1px 11px -1px #000;
}

.inwnqu {
    position: relative;
}

#lives {
    position: absolute;
    left: -7px;
    right: 0;
    bottom: 0;
    top: 0;
    height: 373px;
}

.inclsoq {
    position: absolute;
    top: -10px;
    right: -17px;
    width: 20px;
    height: 20px;
}
.inclsoq > a{display: block;}
.lecode {
    box-sizing: border-box;
    position: relative;
    border-radius: 10px;
}

/*.lecode::before {content: "";position: absolute;left: -46px;top: 51px;width: 91px;height: 94px;border-radius: 50%;background: #fff;z-index: 1;}
.lecode::after {content: "";position: absolute;right: -45px;top: 52px;width: 91px;height: 90px;border-radius: 50%;background:#fff;z-index: 1;}*/
.lecode > h1 {
    text-align: center;
    font-weight: 600;
    font-size: 1.1em;
    margin-bottom: 0;
    padding: 10px;
}

.extab {
    padding: 50px 50px 0 50px;
}

.mals {
    position: absolute;
    top: 57px;
    left: -41px;
    width: 81px;
    z-index: 10;
}

.cals {
    position: absolute;
    top: 57px;
    right: -40px;
    width: 80px;
    z-index: 10
}

.deinof {
    box-sizing: border-box;
    padding: 20px 60px 20px 20px;
   /* background-color: #90BCD9;*/
    background-color: #e1f3ff26;
    border-radius: 10px;
}

/*.detconts {margin: 0 10%;}*/
.cuttype > p {
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 600;
    padding-bottom: 27px;
    padding-top: 7px;
}

.table-responsive.extab {
    overflow-x: hidden;
}

.clsts {
    font-size: 1.1em;
    font-weight: 600;
}
.spa {
    margin-left: 5px;
}

.inva5,
.invin,
.inpri {
    font-size: 0;
}

.inva5 > div {
    font-size: 14px;
    display: inline-block;
}

/*.inva5 {padding-bottom: 31px;}*/
.prtil,
.cuinfo {
    vertical-align: top;
}

.prtil p {
    font-weight: 600;
    font-size: 1.2em;
    text-transform: uppercase;    color: #0b466c;
}

.prtil {
    width: 14%;
}

.inva5 > ul > li > a {
    display: inline-block;
    font-size: 0.9rem;
    width: 150px;color: #0b466c;
}
.inva5 > ul > li > a.hyplnk{width: auto;padding-right: 20px;position: relative;}
.inva5 > ul > li > a.hyplnk::after{position: absolute;content: '';top: 4px;right: 0;width: 15px;height: 15px;background: url(../img/linki.png) no-repeat 0 0 /100% auto;}
.inva5 ul {
    display: inline-block;
    vertical-align: top;
    width: 84%;
    margin-top: 4px;
    padding-left: 0;
}

.inva5 ul li {
    display: inline-block;
    padding-bottom: 15px;
}

.inva5 > ul > li > p {
    font-size: 0.8rem;
    display: inline-block;
    vertical-align: top;
    padding: 0 16px;
    font-weight: 600;
    text-transform: uppercase;    color: #0b466c;
}

.navgtin {
    text-align: right;
}

.navgtin > a {
    display: inline-block;
    vertical-align: top;
    padding: 12px 14px 0 12px;
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: 400;
    position: relative;
}

.pre::before {
    content: "";
    position: absolute;
    top: 18px;
    left: 0;
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    -moz-transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    transform: rotate(-50deg);
}

.nxt::after {
    content: "";
    position: absolute;
    top: 16px;
    right: 4px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    width: 8px;
    height: 8px;
    -moz-transform: rotate(44deg);
    -webkit-transform: rotate(44deg);
    -o-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    transform: rotate(44deg);
}

td.dataTables_empty {
    text-align: center;
}

.rsrch .whifilter {
    width: 78%;
}

.rsrch .whisearch {
    width: 21%;
}

.whisearch > div {
    display: inline-block;
}

.resetfil {
    padding-left: 8px;
}

.custom-control.custom-radio.custom-control-inline {
    width: 23%;
    box-sizing: border-box;
}

.succsesmes {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    position: fixed;
    bottom: -20px;
    left: 0;
    right: 0;
    text-transform: uppercase;
    -moz-transform: translateY(42px);
    -webkit-transform: translateY(42px);
    -o-transform: translateY(42px);
    -ms-transform: translateY(42px);
    transform: translateY(42px);
}

.succsesmes > p {
    display: inline-block;
    padding: 9px 22px;
    background: #000;
    color: #fff;
    -webkit-box-shadow: 0px 0px 8px 0px #000;
    box-shadow: 0px 0px 8px 0px #000;
}

.succsesmes.upds {
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    bottom: 8px;
}

#succsesmes {
    font-size: 1rem;
    color: #515365;
    border-radius: 8px;
}

.succsesmes {
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out
}

.case table {
    max-width: 400px;
}

.case {
    max-width: 292px;
    overflow-x: auto;
}

.rmmd h1 {
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 500;
    padding: 0 0 11px 0;
}

.inupd {
    margin-bottom: 12px;
    width: 100%;padding: 10px;
    box-sizing: border-box;background-color: #f1f2f3;
}

.inupd > div p > a {
    text-decoration: none;
}
.nannum > p a span {
    vertical-align: top;
    display: inline-block;
    padding-top: 3px;
}
.nannum {
    display: flex;
    justify-content: space-between;    align-items: center;
}
.tim > p:first-child {
    color: #0a1172;
    padding: 10px 5px;
}
.tim > p:last-child {
    font-size: 11px;
    text-align: right;
}
/*.inupd > div:first-child p::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    left: 5px;
    top: 7px;
}*/


.id {
    width: 16%;
}


.sttes > li {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.sttes > li > input {
    position: absolute;
    left: 0;
    top: 1px;
    width: auto;
}

.sttes > li > label,.schde .mul label {
    padding-left: 10px;
    text-transform: uppercase;
    cursor: pointer
}

.sttes {
    padding-left: 15px;
    padding-top: 6px;
}

.insats5:first-child {
    display: block;
}

.insats5 {
    display: none;
}

.mtchm {
    font-size: 0;
    margin-top: 5px;
    padding: 0 0 2px 0;
}

/*.invasa5 {padding: 16px 0 9px 16px;margin-top: 12px;}*/
.mtchm > div {
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
}

#savests {
    margin-left: 15px;
}

.sttes {
    width: 100% !important;
}

.deacor.leahme,
.detab {
    position: relative;
    z-index: 0;
}

.indetab > li {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.indetab > li > a {
    text-transform: uppercase;
    display: block;
    position: relative;
    font-size: 1em;
    padding: 4px 10px 5px 10px;
    background: #2d81b8;
    color: #fff;
}
{{--
.indetab > li::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #fff;
}--}}
.indetab > li:first-child::after{display:none;}

.sel a {
    background: #fff !important;
    color: #000 !important;
}

.sel::after {
    border-top: 9px solid #fff !important;
}

.drodvsn,
.deacor.leahme .drodvsn,
.inacrd5.ledrprt .drodvsn {
    display: none;
}

.deacor.leahme .drodvsn:first-child,
.inacrd5 > li:first-child .drodvsn {
    display: block;
}

.leedrprt {
    font-size: 0;
    padding-top: 18px;
}

.leedrprt > div {
    font-size: 16px;
    vertical-align: bottom;
    position: relative;
}

/*.inled {width: 48%;margin-left: 4%;margin-bottom: 25px;}*/
.inled:nth-child(2n+1) {
    margin-left: 0;
}

.inled label {
    font-size: 0.9em;
    position: absolute;
    bottom: 5px;
    z-index: 0;
}

.inled.is-filled label {
    bottom: 26px;
}

/*.sats {padding: 2px 13px 2px 0;border-bottom: 1px solid #000 !important;position: relative;z-index: 3;}*/
.inled.sldb label {
    position: relative;
    bottom: 2px;
}

.inacrd5.ledrprt .leedrprt .inled {
    margin-bottom: 22px;
    margin-top: 21px;
}

.inled.sldb label {
    position: relative;
    bottom: 2px;
}

.leadtimings5 {
    width: 100%;
}

.inbasi {
    font-size: 0;
    display: table;
    width: 100%;
    padding-bottom: 54px;
}

.inbasi:last-child .starund::after {
    width: 0;
    height: 0;
}

.inbasi > div {
    font-size: 15px;
    display: table-cell;
    vertical-align: middle;
}

.inbasi:last-child {
    padding-bottom: 0;
}

.frdated {
    width: 25%
}

.starund {
    width: 25%;
    text-align: center;
    position: relative;
    z-index: 10
}

.frdated p span {
    display: inline-block;
    padding: 0 5px;
}

.starund::after {
    content: "";
    position: absolute;
    top: 70%;
    background-color: #0b466c;
    width: 2px;
    height: 100%;
    left: 50%;
    transform:translateX(-50%);
    z-index: -1;
}

.inrund {
    background: #DFECF4;
    display: inline-block;
    border-radius: 50%;
    width: 105px;
    height: 105px;
    vertical-align: middle;
    border: 2px solid #0b466c;
    padding: 6px;
}

.inrund p {
    padding: 17px 0 0 0;
    color: #000;
}

.pinc {
    margin: 15px auto 0;
    width: 38px;
}

.credetl {
    width: 40%;
}

.crtedetlss {
    background-color: #90bcd94a;
    padding: 10px 0;
    border-radius: 6px;
}

.ligicn > h3 > span {
    display: inline-block;
}

.ligicn > h3 > span {
    display: block;
    padding: 0 18px 0 0px;
    position: relative;
    
}
.ligicn > h3{
    font-size: 15px !important;
}

/*.ligicn > h3 > span::after {content: "";position: absolute;border-right: 8px solid transparent;border-left: 8px solid #000;border-top: 8px solid transparent;border-bottom: 8px solid transparent; right: -4px;top: 11px;}*/
.ligicn p {
    padding: 0 0 0 47px;color: #0b466c;
}

.ligicn > h3 {
    background-image: url("../img/direc.png");
    background-repeat: no-repeat;
    background-size: 27px auto;
    background-position: 8px 17px;
    padding: 12px 0 10px 45px;
    line-height: 1.4em;
    font-size: 1.1em;
    margin: 0;color: #0b466c;
}

.tblvie {
    width: 100%;
    margin-top: 25px;
}

.tblvie tr th {
    background: #6cd91c;
    border: 1px solid #e5e5e5
}

.tblvie tr td {
    background: #fff;
    border: 1px solid #e5e5e5
}

.tblvie tr th p {
    padding: 8px 0;
    ;
    color: #fff;
    text-align: center;
}

.tblvie tr td p {
    text-align: center;
    padding: 8px 0;
    text-transform: uppercase;
}

.txare textarea {
    height: 196px;
    border: 1px solid rgba(0, 0, 0, 0.6);
    padding: 9px 0 0 108px;
}

#comments-container .navigation,
.upload,
.jquery-comments .tag,
.enabled.upload.inline-button,
.action.upvote,
.action.edit,
#comment-list > li:nth-last-child(1),
#comment-list > li:nth-last-child(2),
#comment-list > li:nth-last-child(3),
.jquery-comments .spinner {
    display: none !important;
}

#comments-container {
    margin-top: 35px;
}

#comments-container .textarea {
    height: 10em !important;
}

.hidiv {
    position: fixed;
    right: 0;
    top: 20%;
    z-index: 666;
    background: #fff;
    box-sizing: border-box;
    padding: 33px 21px 20px 21px;
    width: 20%;
    -webkit-box-shadow: -7px -2px 12px -4px #000;
    box-shadow: -7px -2px 12px -4px #000;
    -moz-transform: translateX(405px);
    -webkit-transform: translateX(405px);
    -o-transform: translateX(405px);
    -ms-transform: translateX(405px);
    transform: translateX(405px);
}

.hidiv.shdivs {
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.inhids5 {
    position: relative;
}

.srpi5 {
    padding: 4px 7px 4px 34px;
    border: 1px solid #000 !important;
    background-image: url("../img/search.png");
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: 6px 5px;
}

.inprjsel {
    padding-top: 12px;
}

.inprjsel a {
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    font-size: 0.9em;
    padding: 4px 10px;
    background: #000;
    margin-bottom: 12px;
    color: #fff;
}

.vasub5 {
    text-align: center;
    margin-top: 25px;
}

.vasub5 input {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    padding: 5px 0;
    color: #000;
    border: 1px solid #000 !important;
}

.forcl {
    position: absolute;
    top: -35px;
    right: -13px;
    width: 18px;
}

.inrund.ksdf {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.inrund.ksdf > p {
    padding: 0;
    margin: 0;color: #0b466c;
}

ul.executldls {
    padding: 0;
    font-size: 0;
    border: 1px solid #0b466c;
    margin-bottom: 0;
    border-radius: 10px;
}

.executldls > li {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    width: 24.9%;
}

.executldls > li > h5 {
    border-top: 1px solid #ebedf2;
    padding: 5px;
    margin: 0;
    font-size: 15px;
    color: #000;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    height: 40px;
}

.executldls > li {
    border-right: 1px solid #ebedf2;
    padding: 5px;
    margin: 0;
    font-family: "Arial", sans-serif;
    min-height: 51px;
}

.executldls > li > p:first-child,
.executldls > li > h5:first-child {
    border-top: none;
}

.ledtls td .flex > a > img {
    width: 45px;
    padding-left: 10px;
}

.executldls > li > a > p,
.executldls > li > a > p {
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle;
    margin-bottom: 0;
    padding-bottom: 0;
    font-family: "Arial", sans-serif;
}

.malss,
.calss {
    padding: 10px;
}

.indetab {
    padding-left: 0;
    font-size: 0;
}

.indetab > li {
    font-size: 14px;
}

.custom-control-input:focus ~ .custom-control-label::after {
    background-color: #8bc34a;
    top: 0.39rem;
    left: -1.35rem;
    display: block;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
}

.executldls {
    background: url(../img/aboutbg.jpg) no-repeat center / cover;
}

.lecode {
    border-radius: 10px;
    overflow: hidden;
}

.sttes > li > label,.schde  label  {
    font-size: 13px;color: #0b466c;
}

/* .cllop {
    padding: 0px 0px 30px 0px;
    margin: 30px 70px 0 0;
    border: 1px solid #ccc;
} */

.cllop {
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0 0;
    border: 1px solid #ccc;
}

.detab {
    background-color: #e1f3ff38;
}

.lecode > h1 {
    font-size: 1.7em;
    text-transform: uppercase;
    float: left;
}

.table.ledtls > thead > tr,
.table.ledtls > tbody > tr {
    height: 50px;
}

.deacor.leahme {
    padding: 0 10px;
}

input.form-control.amnt.secstsat3.comments {
    height: 75px;
}

tr.aligncenrter td {
    text-align: center;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #2d81b8;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none;
}

/* --------------------- */
.custom-control-label::before,
.custom-control-label::after {
    top: 0;
}

.custom-control.selts .custom-control-label::after{
    background-color: #2d81b8;
    top: 0.16rem;
    left: -1.36rem;
    display: block;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
}
.sttes .custom-control-input:checked~.custom-control-label::before{background-color: #fff !important;border-color: #adb5bd !important;}
.sttes  .custom-radio .custom-control-input:checked~.custom-control-label::after{background-image: none;}
/* OTP */
.row.mb-4.otp {
    margin-top: 20px;
}

.row.mb-4.otps {
    margin-top: 20px;
    margin-left: 15px;
}

span#otpSuccessMessage,
div#otpSuccessMessage,
div#otpMatched,
div#otpResendMessage {
    color: #2fa100 !important;
    font-size: 15px;
}

span#otpSuccessMessage,
span#otpMatched,
span#otpResendMessage {
    margin-left: 1px;
    color: #2fa100 !important;
    font-size: 11px;
}

span#otpMessage {
    font-size: 11px;
}

h4.splt {
    color: #6267a5;
    margin: 0;
    padding: 20px 5px;
    font-size: 1.2em;
    text-transform: uppercase;
}
h2.dassplt {
    color: #6267a5;
    margin: 0;
    /* padding: 20px 5px;
    font-size: 1.2em; */
    text-transform: uppercase;
}
span.imptnt {
    color: red;
}

#otp {
    margin-bottom: 6px;
}

a#resendotp {
    font-size: 11px;
    margin-left: 0px;
    color: #3b3f5c;
    text-transform: uppercase;
    cursor: pointer;
}

/* Rateings */
#reviewarate .legend {
    font-weight: 700;
    padding-bottom: 15px;
    text-transform: uppercase;
    color: #1c3c87;
}

.fcntnts p,
.fcntnts ul > li {
    font-size: 0.85em;
    letter-spacing: 0;
    line-height: 1.4em;
    padding-bottom: 8px;
}

#stars > li {
    display: inline-block;
    vertical-align: top;
    padding-left: 3px;
}

#stars > li::before {
    display: none;
}

#stars > li > a {
    display: block;
    text-indent: -1000em;
    width: 30px;
    height: 30px;
    margin-right: 3px;
    background: url(../img/ostar.png) no-repeat scroll 0 0px / 30px auto;
    transition: 0s;
}

#stars > li:hover > a,
#stars > li.selected > a {
    background-position: 0 -58px;
}

.reviewarate .field.comment {
    padding-top: 20px;
}

.reviewarate .control textarea {
    padding: 10px 15px;
    font-size: 0.85em;
    border: 1px solid rgba(0, 0, 0, 0.6);
}

.reviewarate > .actions-toolbar {
    margin-top: 20px;
}

.sndrev {
    background-color: #1c3c87;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.85em;
    padding: 0;
}

.sndrev span::after {
    position: absolute;
    content: '';
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: url(../img/img.png) no-repeat 0 -599px / 55px auto;
}

.sndrev span {
    padding: 10px 40px 10px 10px;
    display: block;
    position: relative;
}

.pddtlcrslig.sinimgsal:hover .pddtlcrslimg {
    opacity: 1;
    visibility: visible;
}

#selectstar > li {
    display: inline-block;
    vertical-align: top;
    padding-left: 3px;
}

#selectstar > li::before {
    display: none;
}

#selectstar > li > a {
    display: block;
    text-indent: -1000em;
    width: 30px;
    height: 30px;
    margin-right: 3px;
    background: url(../img/ostar.png) no-repeat scroll 0 0px / 30px auto;
    transition: 0s;
}

#selectstar > li:hover > a,
#selectstar > li.selected > a {
    background-position: 0 -58px;
}

a.mt-4.btn.btn-primary.show5.bac {
    margin-left: 7px;
}

span.nog {
    font-size: 13px;
    font-family: "Arial", sans-serif;
    color: #202385;
    font-weight: 500;
    margin-left: 20px;
}

img.tib {
    width: 4%;
    margin-right: 0px;
}

img.tiu {
    width: 20%;
}

img.pri {
    width: 30px;
    margin-left: 5px;
}

.infils.extrfils > div {
    width: 19%;
    top: -7px;
}

.pd {
    margin-left: 20px;
}

.dow {
    width: 25px;
}

em.error {
    font-family: "Arial", sans-serif;
    font-size: 10px;
    text-transform: lowercase;
    color: #ff0000;
}

em#exampleFormControlSelect3-error,
em#exampleFormControlSelect1\ cityss-error {
    position: absolute;
    top: 80px;
    left: 15px;
}

.bkgnclr {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    z-index: 2000;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}
.bkgnclr1{padding: 20px;
    background-color: #fff;
    border: 1px solid #ccc;border-radius: 6px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);width: 90%;overflow-y: scroll;    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}

.pripop {
    text-align: center;
    font-weight: bold;
    font-family: "Arial", sans-serif;
}

.pribtn {
    float: right;
    margin-right: 10px;
}

.upovr {
    font-size: 0;
}

.upovr > div {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
}

#upco > div {
    display: flex;
    vertical-align: top;
    font-size: 16px;
}

.uprow {
    width: 23%;
    margin-left: 2%;
    margin-bottom: 15px;
}

.uprow:nth-child(4n+1) {
    margin-left: 0;
}

.uprow label {
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
}

.uprow1 {
    width: 48%;
    margin-left: 2%;
}

.uprow1 .uprow {
    width: 48%;
}

.uprow1 .uprow:last-child {
    margin-left: 3.9%;
}
.circle-iconz {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url(../img/upload.png) no-repeat 0 0 / 100% auto;
    margin-left: 5px;
}

.circle-iconi {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url(../img/import.png) no-repeat 0 0 / 100% auto;
    margin-right: 5px;
}
.notc { padding-top: 10px; }
a.hclor1:hover{color: #000 !important;}
a.hclor1 {
    position: relative;color: #000;
    padding-left: 20px;
}
.hclor1::before{position: absolute;content: '';left: 0;top: 0;width: 17px;height:17px;background: url(../img/downloadf.png) no-repeat 0 0 / 100% auto;margin-right: 5px;}
h2.hclor.pripop {
    text-transform: uppercase;
    color: #2d81b8;
    padding: 10px 0px;
    border-radius: 6px;margin-bottom: 10px;
    font-size: 1rem;
}

.bredcrumb {
    font-size: 0;
    list-style: none;
    margin: 0px 0 0px 0px;
    border-radius: 6px;
    padding: 0 0 0 0px;
}

.bredcrumb > li {
    padding-right: 22px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
}

.bredcrumb > li:last-child {
    padding-right: 0;
}

.bredcrumb > li::after {
    position: absolute;
    content: '';
    right: 10px;
    top: 6px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
}

.bredcrumb > li:last-child::after {
    display: none;
}

.bredcrumb > li > a {
    color: #000;
    font-size: 12px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0;
}

.bredcrumb > li:last-child > a {
    pointer-events: none;
}

.bredcrumb > li:last-child > a {
    color: #63c5da
}

.wider {
    margin: 0 30px 30px;
}

.wider {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#content .topbar-nav.header nav#topbar ul.menu-categories li.menu:not(:last-child) > a {
    border-right: 1px solid #6267a5 !important;
}

.colhud {
    margin: 0 30px;
    position: relative;
    padding: 1px 1px 10px 1px;
}

.colhud::before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 10px;
    bottom: 0;
    border: 1px dashed rgba(0, 0, 0, 0.5);
}

.colhud > h5 {    padding: 0 5px;
    color: #6267a5;
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
    margin-left: 30px;
    display: inline-block;
    background-color: #fff;
    position: relative;
    z-index: 10;
    margin-bottom: 0;
}

span.bkxk {
    width: 7px;
    height: 7px;
    display: inline-block;
    border-top: 1.5px solid #000;
    border-right: 1.5px solid #000;
    transform: rotate(-135deg);
    margin-right: 5px;
    vertical-align: top;
    margin-top: 6.1px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.form-control::-webkit-input-placeholder {
    /* WebKit browsers */
    text-transform: uppercase;
    letter-spacing: 0;
}

.form-control::-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    text-transform: uppercase;
    letter-spacing: 0;
}

.form-control::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    text-transform: uppercase;
    letter-spacing: 0;
}

.form-control::-ms-input-placeholder {
    /* Internet Explorer 10+ */
    text-transform: uppercase;
    letter-spacing: 0;
}

.form-control::placeholder {
    /* Recent browsers */
    text-transform: uppercase;
    letter-spacing: 0;
}

input[type="date"]::-webkit-datetime-edit-text,
input[type="date"]::-webkit-datetime-edit-month-field,
input[type="date"]::-webkit-datetime-edit-day-field,
input[type="date"]::-webkit-datetime-edit-year-field {
    text-transform: uppercase;color: #000;
}

.wrap-custom-file {
    padding-top: 20px;
}

.pdfreme.remove {
    position: static;
    margin-left: 20px;
    width: 17px;
    height: 17px;
}

.dctxt {
    display: flex;
    align-items: center;
}

.pd {
    display: block;
}

.dctxt > p {
    margin-bottom: 0 !important;
}

.alert.alert-success > ul {
    list-style-type: none;
    padding: 0;
    text-align: center;
}

#maid_rooms-error,
#premium_unit-error,
#corner_flat-error {
    position: absolute;
    top: 20px;
    width: 200px;
}

/*-----------------------pdf---------------------------------*/
body {
    font-family: 'Roboto', sans-serif;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

table {
    width: 100%;
    border-collapse: collapse;
}

table tr > th,
table tr > td {
    border: 1px solid #ddd;
    padding: 10px;
}

.main {
    padding: 30px 50px;
}

.bkform > h1 {
    color: #2d81b8;
    text-transform: uppercase;
    font-size: 2em;
    text-align: center;
}

.bkform > h3 {
    text-transform: uppercase;
    font-size: 1.2em;
    text-align: center;
}

.bkno {
    margin: 15px 0;
}


.bkno tr td {border: none;
    text-transform: capitalize;
    font-size: 1em;color: #000;
}
.bkno tr td:last-child{text-align: right;}

.bkform > p {
    text-align: center;
    font-size: 1em;
    font-weight: 500;
}

table.purchsr > thead,
table.ofce > thead {
    background-color: #8b8c8d;
}

table.purchsr {
    margin-top: 20px;
}

table.purchsr tr > th {
    width: 50%;
    text-align: center;
    color: #fff;
}

.paswrt {
    margin: 20px 0;
}
.paswrt tr td {
    border: none;
    text-align: center;
}
.paswrt1 {
    width: 50px;margin: 0 auto;float: right;
}

.subject {
    display: flex;
    padding-top: 13px;
}

.subject > h5,
.srmdn > h5 {
    font-size: 1em;
    line-height: 1.5em;
    padding-right: 10px;
    font-weight: 600;color: #000;
}

.srmdn {
    padding-top: 30px;
}

.srmdn > p {
    padding-left: 45px;
    padding-top: 10px;
    font-size: 1em;
    line-height: 1.4em;
}

table.ofce {
    margin-top: 30px;
}

.ofce tr > td,
.loan table tr > td {
    width: 25%;
    font-size: 1em;
    color: #000;
}

.loan {
    padding-top: 30px;
}

.loan > h5 {
    font-size: 1em;
    padding-bottom: 5px;
    font-weight: 600;
}

.cmnts ul li > h5 {
    font-size: 1em;
    padding-bottom: 15px;
    font-weight: 600;
}

.cmnts {
    padding: 30px;
}

.cmnts > ul {
    list-style: auto;
    padding-left: 20px;
    margin: 0;
}

.cmnts > ul > li::marker {
    font-weight: 600;
    color: #000;
}

.cmnts > ul > li > ul {
    list-style: upper-alpha;
    padding-left: 20px;
}

.cmnts > ul > li > ul > li,
.cmnts > ul > li > p {
    font-size: 1em;
    line-height: 1.4em;
    padding-bottom: 15px;
    color: #000;
    margin-bottom: 0;
}

.cmnts > ul > li table {
    margin-bottom: 15px;
}

.sigtre {
    margin: 0 0 0 auto;
    padding-top: 30px;
    width: 320px;
}

.sigtre > p,
.plcea > p {
    padding-bottom: 10px;
}

.plcea {
    padding-top: 30px;
}

.confirmt > h3 {
    text-align: center;
    font-size: 1.4em;
    padding-bottom: 50px;
    font-weight: 600;
}

.anext {
    margin-top: 30px;
}

.anext thead {
    background-color: transparent;
}

/*.anext tr:last-child td {
    border: 2px solid #ddd;
    font-weight: 600;
}*/

.anext tr td:first-child {
    text-align: center;
}

.sigtre.sinant > p,
.sigtre.sinant {
    padding-top: 40px;
}

.ofce tr th {
    text-align: center;
    color: #fff;
}

.cmnts > ul > li table tr td,
.anext tr td {
    color: #000;
    font-size: 1em;
}

table.purchsr tr td h5 {
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    vertical-align: top;
}

table.purchsr tr td p {
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    margin-bottom: 0;
    line-height: 1.2em;
}

.anext tr th {
    color: #fff;
    /* font-size: 15px; */
    text-align: center;
}
.inhidva .forsert table td{border: none;}
span.note {
    color: #ff0000;
}
/*label.switch.s-icons.s-outline.s-outline-success.mb-4.mr-2 {margin-left: 100px;margin-top: -35px;}*/
.toggle-code-snippet { margin-bottom: 0px; }
a.alinrt input {
    background-color: transparent;
    border: none;
    text-transform: uppercase;
    font-size: 12px;
}
.slctcl {
    display: flex;
    flex-wrap: wrap;
}
.slctcl1 {
    display: flex;
    width: 49%;
}
.colx > label{font-size: 13px;letter-spacing: 0;}
/*.colx {
    padding-bottom: 10px;
}*/
label.chkbx.bx{margin-bottom: 0;}
.chck:checked + label::before{background: #2d81b8;}
.colhud > h5 > span { color: #63c5da;}
.aimg{width:10%;} 
.medbox{
    /* display: flex; */
    margin-top: 10px;margin-left: 20px;}
/*input.file-input.reqidss {opacity: 0;position: absolute;}*/
.upload-btn-wrapper input#files { width: 100%;}
table.table.table-hover.tabpop {margin-top: 10px;}
.calimg {width: 25px;}
.clkcla {display: flex;align-items: center;margin-right: 10px;}
/*.table > tbody > tr > td:nth-child(4) {min-width: 120px;}*/
a input.btn.btn-primary {width: 80px;}
#hidereptid {display: none;}
#hidereptid.dsdss{display: block;}
#hidestart {display: none;}
#hidestart.dsdss{display: block;}
#hideend {display: none;}
#hideend.dsdss{display: block;}
#hideweek {display: none;}
#hideweek.dsdss{display: block;}
/*.custdocumnts .table > thead > tr > th, .custdocumnts .table > tbody > tr > td {text-align: center;}*/
.widget-content.widget-content-area.custdocumnts {width: 35%;margin: 0 auto;}
#upco .row.mb-4 {margin-bottom: 15px !important;}
img.rupee {width: 19px;}
span.cname {color: #3b3f5c;font-weight: 600;    text-transform: capitalize;padding-top: 10px;display: block;font-size: 1.4em;}
.paymdetcuts{display: block;background: url(../img/paydetails.png) no-repeat 0 0 / 17px auto;padding-left: 25px }
#upco > .row {
    flex-wrap: wrap;margin: 0 15px 0 0;
}
#upco > .row > .colds{padding-left: 30px;margin-bottom: 20px;}
#upco > .row > .colds:nth-child(4n+1){padding-left: 0;}
div#upco > .row > div {
    width: 25%;
}
input.filsddsl {
    display: block;
    color: #3b3f5c;
    font-size: 15px;
}
.table-responsive.nosrchpag .table tr td{
    position: relative;
}
.table-responsive.nosrchpag .table tr td > a.dwondocts {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    background: url(../img/downloadf.png) no-repeat 0 0 / 100% auto;
    right: 20px;
    top: 10px;
    z-index: 1;
}
.inviepaydetcuts{padding-right: 30px;position: relative;}
.inviepaydetcuts::after {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    background: url(../img/downloadf.png) no-repeat 0 0 / 100% auto;
    right: 0px;
    top: -3px;
    z-index: 1;
}
#upco .datimes{position: relative;}
#upco .datimes::after{position: absolute;content: '';top: 15px;right: 20px;width: 20px;height: 20px;background: url(../img/calendar.png) no-repeat 0 0 / 100% auto;}
.serchl.totpdpedn {width: 50%;}
.serchl.totpdpedn p {text-align: right;padding-right: 6px;}
.form-control[type=file] {border: none;padding-left: 0;}
table#style-2 {margin-top: 10px !important;}
.uprow.mobilnuber .col1, .uprow.mobilnuber .col2 {padding-left: 15px;}
#myPopup {max-height: 98%;overflow-y: scroll;}
@font-face {font-family:"ITFRupee";src:url("ITFRupee.ttf");}
.page{page-break-before: always;}
.anext tr td:last-child,.ofce tr:nth-child(4) td{vertical-align: middle;}
.mt-6 {margin-top: 2.4rem;}
.options > li:first-child {display: none;}
img.sol {width: 30px;}
table.purchsr.paysdls tr > th {width: auto;}
.serchl.postdate {width: 18%;text-align: right;}
.serchl.postdate .serbas tr td {border: none;padding: 0;}
.serchl.postdate input#reportrange {font-size: 13px;padding: 5px 10px;height: auto;}
.plnchds.docmbbs .dockdds > a.dwondocts {background: url(../img/downloadf.png) no-repeat 0 0 / 20px auto;padding-left: 30px;padding-bottom: 15px;}
a.dwondocts {display: inline-block;}
h2.lstdcup {color: #6267a5;text-align: center;padding: 17px;text-transform: uppercase;}
.nodata {text-align: center;padding: 30px;}
.table-responsive.custmdls .table > tbody > tr > td:nth-child(4) {min-width: 100px;}
#myPopup.popup.colpop {max-height: max-content;}
div#ver {display: block;}
.col.quo > table > tbody > tr > td {color: #3b3f5c;font-size: 0.9rem;}
.col.rfs{display: flex;padding-top: 25px;}
span#custdetexists {font-size: 12px;color: #0b970b;padding-top: 5px;}
.select2-container .select2-selection--single .select2-selection__rendered {padding: 8px 20px !important;height: calc(1.4em + 1.4rem + 2px);}
.select2-container--default .select2-selection--single .select2-selection__arrow {top: 10px !important;}
label#visited_on-error, label#date_of_purchase-error {width: 100%;}
#locaterror, #desigerror, #amenitierror, #costerror {color: #ff0000;font-size: 12px;}
#customprfupdeid {display: none;}
tr.parm {background: aliceblue;}
#unit_select-error {position: absolute;padding-top: 80px;left: 15px;}
.widget-content.widget-content-area.readony input, .widget-content.widget-content-area.readony select, .widget-content.widget-content-area.readony span.select2-selection.select2-selection--single {pointer-events: none;background: #f0f8ff;}
.infils.extrfills > div { width: 32.5% !important;}
.leedrprt.ndi > p {font-size: 15px;text-align: center;}
.custinvie {color: #6267a5;margin: 20px 0 15px 29px;text-transform: uppercase;
    font-size: 15px;}
.cusinverror label.error {color: #ff0000;font-size: 12px;text-transform: lowercase;}
.tdspdfshow{background: url(../img/pdf.png) no-repeat 0 0 / 20px auto;padding-left: 25px;padding-bottom: 8px;margin-left: 10px; }
.custreceipt {display: block;background: url(../img/paydetails.png) no-repeat 0 0 / 17px auto;padding-left: 25px;position: absolute;margin-top: -20px;margin-left: 80px;}
.credduetds > p {display: inline-block;float: right;margin: -40px 30px;}
.credduetds > p > span {font-weight: bold;}
h4.splt.in {margin-left: 25px;}
span.alink.ins {font-size: 1.08rem;}
.bkgnclr1 {height: auto;}
.table > tbody > tr.penal > td {
    color: #ff2300 !important;
}
.cotp{width: 35%;}
img.inimg {
    width: 20px;
    margin-right: 0px;
}
td.text-center.bo {
    font-weight: bold;
}
.qotp {
    width: 90%;
}
/*.eotp {width: 10%;}*/

.parm >td span.alink {
    text-transform: uppercase;
}
div#addcarparkg {
    font-size: 10px;
    color: #2196f3;
}
.penal .alink { color: #ff2300;}
.table-responsive.nosrchpag.custmdls .table > tbody > tr > td:last-child {font-weight: bold;}

.row.rels {
    padding: 0px 15px;
}
a.dow {
    padding-left: 10px;
    text-decoration: underline;
}
span.error {
    font-size: 10px;
    color: #ff0000;
    letter-spacing: 0.2px;
    display: block;
}
.cuscredits {
    float: right;
    margin-right: 2%;display: flex;
}

img.nexpa {
    width: 11px;
    padding-bottom: 5px;
}
.nannum img.nexpa {width: 20px;padding-bottom: 0;} 
label.custom-control-label.feed {
    padding-left: 10px;
    font-size: 13px;
    color: #0b466c;cursor: pointer;
}
.vie{
margin-bottom: 5px;}

.trans{padding: 20px 20px;}

a.imgicon {
    background-color: transparent !important;
    padding: 1px 1px;
    border-radius: 5px;
}

a.imgicon:hover{
    background-color: transparent !important;
    border-radius: 5px;
}
img.hicon {
    width: 25px;
}
img.viimg {
    width: 18px;
    float: left;
}

/* Unit Import */
.imp, .imp2{
    width: 50%;
    text-align: center;background-color: #bfe2f926;padding-top: 5px;border-radius: 5px;
}
.imp2{
    margin-left: 5px;
}
.isp{
    text-transform: uppercase;
}
a.dow {
    text-decoration: underline;
    font-size: 12px;
}
.impbox {
    display: flex;margin-top: 20px;margin-bottom: 10px;
}
span.imno {
    font-size: 11px;color: #515365;
}
.custom-file-upload {
    display: inline-block;
    padding: 0px 10px;
    cursor: pointer;
    border: 2px solid #2d81b830;
    border-radius: 5px;
    background-color: #f9f9f9;
}
.custom-file-upload:hover {
    background-color: #e9e9e9;color: #fff;
}
.file-input {
    display: none;
}
span.bro {
    font-size: 10px;
    text-transform: capitalize;color: #515365;
}
.upload-button::hover {
        background-color: #2d81b8 !important;
    color: #fff;
}
.upload-button {
    color: #000000 !important;
    background-color: #f1c40f !important;
    border-color: #63c5da;
    border-radius: 4px;
    padding: 10px 20px;
    font-size: 14px;
    cursor: pointer;
    text-transform: none;
}
a#scrollToTop {
    position: fixed;
    right: 30px;
    bottom: 150px;
}
.cap {
    text-transform: capitalize;
}
.lev{
    width: 20%;text-align: center; border-right: hidden;
}

.levnam{
    display: flex;
}
span.note.levno {
    font-size: 0.8em;
}
.uot{
    margin-left: 15px;
}
.popup-page-content1 .center-content {
    width: 100%;
}

.col.pricebreak {
    display: flex;
}
.colu {
    margin-right: 20px;width: 75%;
}
.flex {
    display: flex;
}

.tabcard {
    padding: 15px 0px 5px 10px;
    
}
.tabhead {
    cursor: pointer;
    display: flex;
    font-size: 14px;
    letter-spacing: 1px;
    color: #0b466c;font-weight: 600;width: 100%;
}
.tabhead:hover {
    color: #0b466c !important;
}
.tabshow {
    display: none;
    background: #fff;
    padding-top: 5px;

}
.tabname {
    width: 100%;
}
.rotate {
    transform: rotate(180deg);
 }
 text.highcharts-credits {
    display: none;
}

/* new */
.radio-group {display: flex;flex-direction: row;align-items: center;}
.radio-group label {margin-top: 8px;margin-left: 18px;margin-right: 16px;}

.spa1 {margin: 2px 2px 20px 3px;}
.stsbtnsmt input {margin: 20px;}


.costch{
    display: flex;
}
.costcheck {
    display: flex;padding-right: 10px;
}

.thcheck{
    display: flex;
    padding: 14px 5px 33px 11px !important;
}
a.alinrt.sky {
    background: #2d81b8 !important;
    color: #ffff !important;
    font-weight: bold;
}

.serchl.but {
    float: right;
    /*margin-right: -38px;*/
    width: 31%;
}
/* 11-04-24 */
.radio-group {display: flex;flex-direction: row;align-items: center;}
.radio-group label {margin-top: 8px;margin-left: 18px;margin-right: 16px;}
.spa1 {margin: 2px 2px 20px 3px;}
.stsbtnsmt input {margin: 20px;}

.slpa {padding: 9px;width: 49%;}
.stsbtnsmt {margin-right: 8px;text-align: end;width: 100%;}
.stslayot{flex-wrap: wrap;display: flex;}
.bugets { padding-left: 20px; padding-top: 2px; width: 50%;}

.flwt.steponecontainer {float: none;width: unset;}

.imgUploadsize{width: 25%;}


a.bxxchkx.multi {
    height: calc(1.4em + 1.4rem + 2px);
    padding: 0.75rem 1.25rem;
    border: 1px solid #bfc9d4;
    color: #3b3f5c;
    font-size: 15px;
    letter-spacing: 1px;
    border-radius: 6px;
}
.wid{
    width: 100%;
}
.widthodd {
    width: 49%;
}
.popupodd {
    width: 32%;
}
input#submit-button-add {
    margin-right: 10px;
}
.addla {
    height: 0px !important;margin-left: 15px;
}
.flex{
    display: flex;
}
.len{
    height: 10px !important;
}
.steponecontainer.extra {
    width: 100% !important;
}

.dob {
    float: right;
}
.icb {
    width: 100%;
}
.icn{
    width: 20%;
    text-align: center;
}
#content .topbar-nav.header nav#topbar ul.none li.menu:not(:last-child) > a {
    border-right: none !important;
}

#hideweek span.select2.select2-container.select2-container--default {
    width: 100% !important;
}

.ser{
    width: 40% !important;
}
.whser{
    width: 60.5% !important;text-align: left;
}
.rsrch.srh {
    display: flex;
}
.ticdate{
    width: 35% !important;
}
.serchl.but.buttic {
    margin-right: 0px !important;width: 20%;
}
.fil1.tic {
    width: 20%;
}
.ticup {
    display: flex !important;
    width: 100%;
}
.ticcen1 {
    width: 40%;
    color: #005389;
    font-weight: 600;
}
.ticcen2 {
    width: 40%;color: #005389;
    font-weight: 600;
}
.ticcen3 {
    padding-left: 10%;width: 35%;
    font-weight: 600;
}
.ticbox{
    box-sizing: border-box;
    padding: 20px 60px 20px 20px;
    background-color: #e9e4e41c;
    border: 1px solid #0000001c;
    border-radius: 5px;
    margin-top: 15px;
}
img.ticcall {
    width: 40px;
    padding: 0px 5px 0px 5px;
}
span.query {
    color: #000;
}
.ticbod {
    margin-top: 5px;
    /* border-bottom: 2px solid #0000001c; */
}
p.bod {
    width: 100%;
}
.det {
    display: flex !important;margin-top: 10px;border-top:2px solid #0000001c;
}
.uid {
    width: 50%;margin-top: 10px;color: #005389;
}
.openbut {
    width: 50%;
    text-align: right;margin-top: 10px;
}
.openbut a{
    color: #9d27e7;
    font-size: 0.8rem;
    border-bottom: 1px solid #9d27e7;
}
.ticvi {
    margin-top: 20px;
}
.ticno {
    text-align: center;
    width: 100%;
    color: #005389;
    font-weight: 600;text-transform: capitalize;
}
.detrep {
    width: 100%;
}
.openbut span{
    color: #888eab;
}
span.high ,span.medium ,span.low{
    margin-left: 10px;
    color: red;
    /* border: 1px solid red; */
    padding: 5px;
    font-size: 0.7rem;
    border-radius: 3px;
    background-color: #ff00002b;
}
span.medium {
    color: #ff9800;
    background-color: #ff98004d;
}
span.low {
    color: #28a745;
    background-color: #28a7452e;
}
span.text-danger.tsm {
    font-size: 9px;
}
/*-----------29-04-2024---------------*/
.input-group.clndr {
    display: block;
}
.input-group.clndr > input {
    width: calc(100% - 43px);
}
.input-group.clndr .input-group-append {
    position: absolute;
    top: 0;
    height: 45.4px;
    right: 0;
}
ul#stars {
    padding: 0;
}
label.error{text-transform: none;}
.card-header section > div,.flex.tabname {text-transform: uppercase;}
.iconarr {padding-right: 10px;}
input.mnth {
    font-size: 13px;
    width: 35px;
    padding: 0 5px;
    text-align: center;
}
.ipAddressEntry {
    padding-bottom: 7px;
}
input.mth {
    font-size: 13px;
    padding: 0 5px;
}
button.removeIpAddress {
    border: 0;border-radius: 2px;
    font-size: 10px;
}
button.addIpAddress {
    background-color: #8dbf42;
    border-radius: 3px;
    border: 0;
    /* padding: 5px 10px; */
    margin-right: -4%;
    font-size: 10px;
    color: #fff;
}
#style-2_wrapper {
    padding-top: 20px;
}
div#style-2_length > label {
    font-size: 13px;
}
div#style-2_length > label select.form-control {
    padding: 5px 10px;
    height: auto;
    display: inline-block;
    width: 69px;
}
#style-2_filter {
    text-align: right;
}
#style-2_filter > label {
    position: relative;
}
div#style-2_filter > label svg {
    position: absolute;
    top: 4px;
    right: 10px;
    width: 18px;
}
div#style-2_filter > label input.form-control {
    font-size: 13px;
    padding: 5px 10px;
    height: auto;
}
.page-item {
    padding: 0 5px;
}
.page-item.previous .page-link,.page-item.next .page-link {
    padding: 0.5rem;
}
a.page-link {
    background-color: #63c5da !important;
    border-color: #63c5da !important;
    border-radius: 50% !important;color: #fff;
}
.page-item.active .page-link {background-color: #0a1172 !important;} 
a.page-link svg {
    width: 16px;
    height: 15px;
    color: #fff;
}
.pagination {
    justify-content: right;
}
.page-link:hover{color: #fff !important;background-color: #0a1172 !important;}
.page-link:focus{box-shadow: none;}
.edgend {left: 35%;}
label.chklbl1 {font-size: 0.87em;}
.col.levas.wit .select2-container { width: 100% !important;}
.ledsft {margin: 10px 0px 10px 34px;}
.abtn {  float: right; }
@media only screen and (max-width:64em){
    .navbar .toggle-sidebar, .navbar .sidebarCollapse,ul.navbar-item.flex-row.mr-auto {display: none !important;}
    header.header.navbar.navbar-expand-sm {justify-content: space-between;}
    .navbar .navbar-item .nav-item.user-profile-dropdown{padding: 0;}
    .navbar{margin:  0 20px 0 30px !important;}
    .wider {margin: 20px 30px 30px;}
    .colhud {margin: 0 14px;}
    .widget-content-area {padding: 0 10px !important;}
    .col {padding: 0 10px;}
    .form-group label, label{font-size: 12px;letter-spacing: 0.2px;}
    .input-group.clndr > input {border-bottom-left-radius: 6px !important;border-top-left-radius: 6px !important;}
    .form-control{padding: 0.75em 0.85em;}
    .radio-group label{margin-left: 8px;}
    .srlbro {overflow: auto;}
    .srlbro::-webkit-scrollbar{height: 10px;width: 100%;}
    .srlbro::-webkit-scrollbar-thumb:horizontal{background: #63c5da;}
}
@media only screen and (max-width:39em){
    .header-container {height: auto !important;}
    header.header.navbar.navbar-expand-sm{display: block;}
    .hedleft {float: none;}
    .clogo {margin: 0 auto;}
    .navbar {margin: 0 20px 0 20px !important;}
    .navbar .navbar-item .nav-item.user-profile-dropdown {padding: 10px 0 !important;}
    .main-content {padding-top: 97px !important;}
     .wider {margin: 20px 20px 30px;}
    .alinflt.alinrgtd {width: 95px;}
    .colhud {margin: 0 4px;}
    .colhud > h5{margin-left: 15px;}
    .row.mb-4 {display: block;}
    .col {padding: 0 11px 15px;}
    .col:last-child{padding-bottom: 0;}
    h4.splt{padding: 12px 2px;}
    .row.mb-4.thrediv {margin-bottom: 0 !important;}
    .row.mb-4.otp {margin-top: 0px;}
    .row.mb-4.otp .col {padding-bottom: 0;}
    a#sendotp,.col.nomgin > a, .col.nomgin > input {margin: 0px 0 !important;}
    .ltds {float: none;padding-left: 0;}
    .cyprtss{padding-left: 10px;padding-top: 7px;}
    .srlbro {overflow: auto;margin: 0 -5px;}
}
img.whatimg {
    width: 37px !important;padding-top: 4px;
}
.whisearch.less {
    width: 3% !important;
    position: relative;
    z-index: 1;
}

.form-control.date {height: calc(1.4em + 1.4rem + -10px);}

.whifilter.filt {width: 95%;}

span.select2.select2-container.select2-container--default {
    width: 100% !important;
}
.multichkbx1 {
    border: 1px solid #ddd;
    cursor: pointer;
    border-radius: 5px;
    width: 300px;
    background-color: #fff;
    text-align: left;
    padding: 10px 0;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    max-height: 200px;
    overflow: scroll;
}
.adscomprenn.fltyacv.noflter .rsrch.avdpad.camprpts {
    padding-top: 20px;left: auto;right: 270px;
}
.adscomprenn.fltyacv.noflter .rsrch.avdpad.camprpts .serda.drange {
    height: 30px;}
.adscomprenn.fltyacv.noflter .resetfil{padding-top: 24px;top: auto;}
.adscomprenn.fltyacv.noflter #style-2_filter .form-control{width: 180px;}
.recimg {
    width: 35px;
}
.topbar-nav.header nav#topbar ul.menu-categories li.menu:last-child .submenu.paygen{    width: 210px !important;}
#forms.paygen > li{display: block !important;width: 100%;}
.hed .title {
    padding-right: 5%;
    color: #0a1172;
    font-weight: bold;
    font-size: 1.2rem;
    width: auto;display: inline-block;
}
span.descrip {
    padding-bottom: 20px;
    display: inline-block;
    font-size: 0.8em;
    text-transform: capitalize;
}
.mhed {
    padding-right: 16%;
    color: #0a1172;
    font-weight: bold;
    font-size: 1.2rem;
    width: 100%;
}
span.we {
    margin-right: 34%;
}
span.fa {
    margin-right: 32%;
}
text.highcharts-title {
    display: none;
}
.multichkbx.shwhde {
    display: block;
    height: auto;
}
.adin {
    width: 81.5% !important;
}
.ri {
    margin-right: 2px !important;
}

#custom_1,#custom_2,#custom_3,#custom_4,#custom_5,#custom_6 {box-shadow: 1px -1px 15px 0px #63c5da36;padding-top: 30px;
    margin-bottom: 30px;
}
#custom_1 .hed,#custom_2 .hed,#custom_3 .hed,#custom_4 .hed,#custom_5 .hed{text-transform: uppercase;}
.srmdn > p {color:#000;}

.imgs {
    display: flex;
}
.fms {
    height: 60px !important;
}
.ims {
    width: 7%;
    margin-left: 50px;
}
.cdarwc .comp5.dmwarw::after {
    top: 15px;
    transform: rotate(-45deg);
}
.calrdetl {display: none;}
.calrdetl1 {font-size: 0;background-color: #90bcd978;}
.calrdetl1 > div {font-size: 16px;vertical-align: middle;display: inline-block;}
.clldir > h5 {text-transform: uppercase;font-size: 0.85em;padding-left: 20px;color: #000;font-weight:700;  }
.clldir > p {padding: 10px 0 0 19px;}
.clldir > h5.pidi1 {background: url(../img/alert.png) no-repeat 0 0 / 20px auto;}
.clldir > h5.pidi3 {background: url(../img/waitapp.png) no-repeat 0 0 / 19px auto;}
.recdr {padding-left: 20px;background: url(../img/jp.png) no-repeat 0 0 / 15px auto;font-size: 0.83em;}

a.tdnld{width: 20px;height: 20px;display: inline-block;vertical-align: middle;background: url(../img/downloads.png) no-repeat 0 0 / 25px auto;}
.tdnld > span{width: 20px;height: 20px;display: block;}
.clldir {width: 19%;}
.adio{display: none;}
.clldir.vewrcd {width: 380px;}
.cont.dspi > div{display: inline-block;vertical-align: middle;}
.reals {font-size: 0.8em;}
table.main-table.bounc.cutsr .look {cursor: pointer;}
.clldir.vewrcd audio.adio {display: block;}
.table > thead > tr > th.sorting::before{
    position: absolute;
    top: 50%;
    right: 3px;
    content: '';
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    background: url(../img/icons8-down.png) no-repeat 0 0 / 100% auto;
}
.table > thead > tr > th.sorting_asc::before,.table > thead > tr > th.sorting_desc::before{position: absolute;
    top: 50%;
    right: 3px;
    content: '';
    transform: translateY(-50%);
    width: 15px;
    height: 15px;background: url(../img/icons7-down.png) no-repeat 0 0 / 100% auto;}
.table > thead > tr > th.sorting,.table > thead > tr > th.sorting_asc,.table > thead > tr > th.sorting_desc {
    position: relative;cursor: pointer;
}
.table > tbody > tr > td.alink9 {color: #2d81b8 !important;letter-spacing: normal;font-weight: 600;text-transform: capitalize; background-color: #f0f8ff;}
span#blockedMessage.tsm {
    font-size: 7px;
}
input[type="text"] {
    text-transform: capitalize;}
.table > tbody > tr > td.minmobwith {
    min-width: 120px;
}
.prunits .serchl {
    padding-left: 5px;
    width: 11.3%;
}
.prunits .serchl .select {
    width: auto;
}
.prunits .serchl:last-child {
    width: auto;
}
.col-sm-12.col-md-12.prunits {
    padding-left: 33px;
}
span.reldat {
    letter-spacing: 0.2px;
    font-size: 9px;
    font-weight: bold;
}
.relative.inline-flex.items-center:hover{color: #fff !important;}
.alink1 {color: #2d81b8 !important;letter-spacing: normal;font-weight: 600;}
.allesd .rsrch .infils.hldss9 {
    width: 95%;
}
.allesd .rsrch .infils.hldss9 > div {
    width: 19.5%;
}
.wht {
    width: 90% !important;
}
.srt {
    width: 20% !important;
}

.comp5.dmwarw {
    position: relative;
    display: inline-block;
    padding-right: 30px;
}
.comp5.dmwarw::after {
   transition: all 500ms ease-in-out;
    position: absolute;
    content: '';
    top: 2px;
    right: 3px;
    width: 10px;
    height: 10px;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    transform: rotate(135deg);
}
.look.noshow .comp5.dmwarw::after{
   display: none;

}
.look{
   cursor: pointer;
}
.look.noshow{
   cursor:default;
}
.cdarwc .comp5.dmwarw::after {
   
    top: 9px;
    transform: rotate(-45deg);
}
a.alink.qbefr::before,span.alink.qbefr::before {
    rotate: 205deg;
    position: absolute;
    content: '';
    top: 2px;
    left: 0;
    width: 12px;
    height: 14px;
    border-right: 1.5px solid #000;
   
}
a.alink.qbefr,span.alink.qbefr{
    padding-left: 7px;
}
.lef {
    float: right;
    bottom: 25px;
    right: 10px;
}
.serchl.amlab {width: auto;}
.inamo {
    display: flex;
}
.alef {
    padding-right: 31px;
    position: relative;
}
.alef > span {
    font-size: 13px;
    font-weight: 700;
    color: #000;
    display: block;
}
.alef::after {
    position: absolute;
    content: '';
    top: 0px;
    right: 15px;
    width: 1px;
    height: 100%;
    background-color: #000;
}
.alef:last-child {
    padding-right: 0;
}
.alef:last-child::after{display:none;}

span.solab {
    margin-left: 35px;font-size: 10px;color: #162772;
}
.statbox.widget.box.box-shadow.mitop {
    margin-top: -14px;
}
input[type="text"]::-webkit-input-placeholder {text-transform: capitalize;}
input[type="text"]:-moz-placeholder {text-transform: capitalize;}
input[type="text"]::-moz-placeholder {text-transform: capitalize;}
input[type="text"]:-ms-input-placeholder {text-transform: capitalize;}

input[type="number"]::-webkit-input-placeholder {text-transform: capitalize;}
input[type="number"]:-moz-placeholder {text-transform: capitalize;}
input[type="number"]::-moz-placeholder {text-transform: capitalize;}
input[type="number"]:-ms-input-placeholder {text-transform: capitalize;}

img.quo {
    width: 20px;
}
.res {
    width: auto !important;
}
   .calpiehis {
    display: flex;
    width: 100%;
}
.calpiehis .widget-content.widget-content-area {
    width: 70%;
}
.calpiehis table tr th {
    min-width: 200px;
}
.calpie {
    /*width: 30%;*/
}
.edgend {
    left: 40%;
}
/*----30-05-2024--------------------*/
.mchart {display: flex;overflow-x: auto;margin: 0 30px;}
.mchart::-webkit-scrollbar{height: 7px;width: 100%;}
.mchart::-webkit-scrollbar-thumb:horizontal{background: #63c5da;}
.medium_class {width: 500px !important;padding-right: 50px;}
.medium_class figure.highcharts-figure{width: 450px;}
.allesd8 .rsrch .whifilter {width: 100%;}
.allesd8 .rsrch .whifilter .hed .title {padding-right: 5%;}
.allesd8 .rsrch .whifilter .hed{text-align: left;}
.upload-button.sambut label.custom-file-upload{border: none;background-color: transparent;padding: 0;margin-bottom: 0;}
.upload-button.sambut label.custom-file-upload span.bro{font-size: 14px;color: #000;}

.bto {
    margin-top: 30px;
}
.styledSelect {
    text-transform: capitalize;
}
.allesd8 .form-control {
    padding: 5px 10px;
    font-size: 13px;
    height: auto;
}
.em7 {
font-size: 0.7em;
}
span#otpTimer {
    font-size: 0.8em;
}
.serchl.but1 {
    float: right;
    margin-right: 15px;width: auto;
}
.duplicatepopup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    z-index: 2000;
    width: 90%;
    border-radius: 6px;
    height: auto;overflow-y: scroll;
}
.clogo1 img {
    width: 70%;
}
.cpreg{
    font-size: 0.8em;
}
.forsert.dasdate {
    width: 20%;
}
.dasfil > div {
    width: 26%;
}

.header-container.logback {
    background: #e1f3ff66;
}
.fltyacv #style-3_filter {
    padding-right: 50px;
}
.fltyacv.rmispc #style-3_filter {
    padding-right: 0px;
}
table#style-3 {margin-top: 10px !important;}
#style-3_wrapper {
    padding-top: 20px;
}
div#style-3_length > label {
    font-size: 13px;
}
div#style-3_length > label select.form-control {
    padding: 5px 10px;
    height: auto;
    display: inline-block;
    width: 69px;
}
#style-3_filter {
    text-align: right;
}
#style-3_filter > label {
    position: relative;
}
div#style-3_filter > label svg {
    position: absolute;
    top: 4px;
    right: 10px;
    width: 18px;
}
div#style-3_filter > label input.form-control {
    font-size: 13px;
    padding: 5px 10px;
    height: auto;
}
.adscomprenn.fltyacv.noflter #style-3_filter .form-control{width: 180px;}


.pophig {
    height: 500px !important;
}
.grouping {
    left: 40%;
}
.group_popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    z-index: 2000;
    width: 90%;
    border-radius: 6px;
    height: 95%;overflow-y: scroll;
}
.rig{
    text-align: left;
}

h2.hclor.pophed {
    width: 30%;
    color: #0a1172;
    background: #e1f3ff66;
    padding: 10px 0px;
    border-radius: 6px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
    font-family: "Arial", sans-serif;
    margin-left: 30%;
}
.dups {
    font-size: 0.7em;
}
.col.er1 em.error {
    top: 73px;
    left: -45px;
    position: relative;
}
.pln >div {
    margin-left: 5px;
    display: inline-flex;
}
.plan > p {
   position: relative;
    border-radius: 4px;
    padding: 5px 10px;
    text-transform: uppercase;
    text-shadow: none;
    color: #3b3f5c;
    background-color: bisque;
    display: inline-block;
    width: auto;
    font-size: 13px;
}
a#cancel_add {
    margin-left: 5px;
}

.denied {
    width: 30%;
    max-width: 400px;
    margin: 5% auto;
}
.den_bac {
    width: 30%;
    max-width: 400px;
    margin: 4% 36%;
    padding: 5px 5px;
}
.dba {
    border: 2px solid #d20202;
    border-radius: 6px;
    max-width: 400px;
    margin: 5% 42%;
    color: #d20202;
    font-weight: bold;
    font-size: large;
    padding: 5px 25px 5px 25px;
}
.dba:hover {
    color: #d20202 !important;
    background-color: #f8bf7d;
}
.detex {
    margin: 1% 26%;
    text-align: center;
    
}
.detex > h5 {
    color: #d20202;
}

img.proim {
    width: 44px;
    margin: -6px
}
.loginpro {
    width: auto;
    float: left;padding-right: 5px;
}
/* PEOPLE */
.sumbt {
    padding-left: 21px;
}
.appwi {
    max-width: 100% !important;
}
.col.nri {
    text-align: center;
    margin-top: 15px;
}
p.vtext {
    font-size: 0.9rem;
    text-transform: capitalize;color: #0b466c;
}
.voice_text {
    border: 1px solid #2d81b8;
    width: auto;
    padding: 10px;
    background: #90bcd91a;
    margin-bottom: 5px;
}
.noted {
    background: #90bcd978 !important;
    color: #0A1172 !important;
    font-weight: bold;
    text-transform: uppercase;text-align: center;
}
.margin-top-75 {
    margin-top: 75px !important;
}
img.helpimg {
    width: 19px;
    margin: 0px;
}
.help {
    width: auto;
    float: left;
    margin-left: 10px;
}
tr.bold.odd {
    font-weight: bold;
}
img.plaim {
    width: 20px;
}

/* Campaign */
.caremove {
    margin-top: 38px;
}
.adcam {
    float: right;
    margin-right: 8%;
    margin-top: -63px;
}
.caminp {
    height: 46px !important;
}
.colri {
    text-align: center;
    padding: 17px 80px 0px 1px;
}
.camtab {
    margin-top: -6px !important;background-color: #63c5da54 !important;margin-bottom: -3px !important;
}
.camtab > thead > tr {
    color: #0a1172 !important;
    height: 30px;
}
.camtab > thead > tr > th {
    height: 35px !important;
    font-size: 0.7rem;
    font-weight: 600;
}
.camtab > tbody > tr > td {
    /* color: #fff !important; */
    height: 25px !important;
}
tr#campaign-table-1 {
    /* background-color: #90bcd978 !important; */
}
td.catab {
    padding: 5px 6% 2px !important;
}
.adcaba {
    /* background: #90bcd978 !important; */
}
td.cabud {
    display: flex;
}
.cabudic {
    margin-left: 20px;
}
.caspli {
    color: #e0e6ed;
}
img.canexpa {
    width: 19%;
}

b.carpets {
    position: relative;
    display: inline-block;
    top: -36px;
    left: 95%;
    width: 7px;
    height: 7px;
    border-top: 2px solid #9EA3B8;
    border-right: 2px solid #9EA3B8;
    transform: rotate(135deg);
}

.daterangepicker.rept.ltr.show-ranges.show-calendar.opensright {
    left: 70px !important;width: 47%;
}

/* PDF */

table.campdta > thead,table.campsta > thead,table.anext > thead,
table.ofce > thead {
    background-color: #8b8c8d;
}

table.campdta {
    margin-top: 20px;
}

table.campdta tr td h5,table.campsta tr td h5 {
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    vertical-align: top;
}

table.campdta tr td p,table.campsta tr td p {
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    margin-bottom: 0;
    line-height: 1.2em;
}

table.campdta tr > th,table.campsta tr > th {
    text-align: center;
    color: #fff;
}
.green {
    border: 1px solid #02ff02 !important;
}
.orange {
    border: 1px solid #ffc107 !important;
}
.reds {
    border: 1px solid #e7515a !important;
}

.select_field {
    padding-left: 20px;
    width: 18%;
    vertical-align: top;margin-top: -15px;
}
.selran {
    height: 30px;
    padding: 5px 10px;
}
.bulco {
    display: flex;
    width: 25% !important;margin-top: -15px;
}
input.price {
    margin-right: 15%;width: 55%;
}
.bulksum {
    margin-top: 10px;
}

.pagdiv{
    width: 62px !important;
}
.pagsel{
    width: 60px !important;
}
.pagdiv > .select {
    width: 60px !important;
}
.taskdate{
    background-color: #fff !important;
}
figure.table {
    background-color: #fff;
}

.cmnts > p {
    padding-left: 25px;padding-bottom: 10px;color: #000;
}
.cmnts > p > strong:first-of-type {
    margin-left: -18px;
}

.cmnts > h4 {
    font-size: 1em;
    padding-bottom: 15px;
    font-weight: 600;
}
.cmnts > figure.table {
    padding-left: 20px;
}

.cmnts > figure.table > table > tbody > tr > td {
    font-size: 0.8rem;color: #000
}
.cmnts > h4 {
    color: #2d81b8;
}
span.leftex {
    float: right;
}
.lesp {
    padding-right: 90px;
}
.lespm {
    padding-right: 245px;
}
.black {
    color: #000 !important;
}

.divred {
    box-shadow: 0 0 8px #ff0000;
    margin-bottom: 15px !important;
}
.greentext {
    color: green;
    /*height: 55px;*/
}
.table > tbody > tr.greentext > td {
    color: green !important;
}
.alink.ins {
    padding: 0 5px;
    }
span.tasper {
    margin-left: 80%;margin-top: -20px;
    position: fixed;
    border: 1px solid #6267a5;
    border-radius: 2px;
    padding: 5px;
    color: #6267a5;
    font-weight: 600;
}
.cuscreditstds {
    margin-left: 10px;
}
.divider {
    font-size: 1rem;
    color: #2c80b7;
}
.sprig {
    margin-right: 5px;
}
.splef {
    margin-left: 5px;
}
.bold {
    font-weight: bold;
}
/* .blue_print {
    display: grid;
}
span.blueright {
    margin-left: 70%;
}
span.blueleft {
    margin-left: 30%;
} */
 
/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline ul {
    padding: 50px 0;
}

.timeline ul li {
    list-style-type: none;
    position: relative;
    width: 6px;
    margin: 0 auto;
    padding-top: 50px;
    background: #2c80b7;
}

.timeline ul li::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: inherit;
    z-index: 1;
}

.timeline ul li div {
    position: relative;
    bottom: 0;
    width: 400px;
    padding: 15px;
    background: #a6dae9;
}

.timeline ul li div::before {
    content: "";
    position: absolute;
    bottom: 7px;
    width: 0;
    height: 0;
    border-style: solid;
}

/* Right side */
.timeline ul li.right-side div {
    left: 45px;
}

.timeline ul li.right-side div::before {
    left: -15px;
    border-width: 8px 16px 8px 0;
    border-color: transparent #a6dae9 transparent transparent;
}

/* Left side */
.timeline ul li.left-side div {
    left: -439px;
}

.timeline ul li.left-side div::before {
    right: -15px;
    border-width: 8px 0 8px 16px;
    border-color: transparent transparent transparent #a6dae9;
}

time {
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 8px;
    color: #0a1172;
}

/* EFFECTS */
.timeline ul li::after {
    transition: background 0.5s ease-in-out;
}

.timeline ul li.in-view::after {
    background: #a6dae9;
}

.timeline ul li div {
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.timeline ul li.right-side div {
    transform: translate3d(200px, 0, 0);
}

.timeline ul li.left-side div {
    transform: translate3d(-200px, 0, 0);
}

.timeline ul li.in-view div {
    transform: none;
    visibility: visible;
    opacity: 1;
}

/* GENERAL MEDIA QUERIES */
@media screen and (max-width: 900px) {
    .timeline ul li div {
        width: 250px;
    }
    .timeline ul li.left-side div {
        left: -289px;
    }
}

@media screen and (max-width: 600px) {
    .timeline ul li {
        margin-left: 20px;
    }
    .timeline ul li div {
        width: calc(100vw - 91px);
    }
    .timeline ul li.left-side div {
        left: 45px;
    }
    .timeline ul li.left-side div::before {
        left: -15px;
        border-width: 8px 16px 8px 0;
        border-color: transparent #a6dae9 transparent transparent;
    }
}


/* HIGHLETEN */
.timeline ul li {
    list-style-type: none;
    position: relative;
    width: 6px;
    margin: 0 auto;
    padding-top: 50px;
    background: #2c80b7; /* Default color for the vertical line */
}

.timeline ul li::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 6px;
    height: 100%;
    background: inherit; /* Inherit the default color */
    z-index: 1;
    transition: background 0.5s ease-in-out;
}

.timeline ul li.highlight {
    background-color: #ffdddd; /* Highlight background color */
}

.timeline ul li.highlight div {
    /* background-color: red !important; Highlight div background color */
    border: 2px solid green;
    border-radius: 15px;
}

.timeline ul li.highlight::after {
    background: green; /* Highlight vertical line */
}

.timeline ul li.right-side div::before {
    left: -15px;
    border-width: 8px 16px 8px 0;
    border-color: transparent #a6dae9 transparent transparent;
    bottom: 25px;
}

.timeline ul li.left-side div::before {
    right: -15px;
    border-width: 8px 0 8px 16px;
    border-color: transparent transparent transparent #a6dae9;bottom: 25px;
}

/* Highlight arrow for right-side and left-side */
.timeline ul li.highlight.right-side div::before {
    border-color: transparent green transparent transparent;
}

.timeline ul li.highlight.left-side div::before {
    border-color: transparent transparent transparent green;
}

/* table.invodiv {
    margin-left: -11px;margin-bottom: -9px;
    width: 110%;
}
table.invodiv2 {
    margin-left: -11px;margin-bottom: -9px;
    width: 106%;
} */

.indiv.text-center {
    padding: 0;
}
table.invodiv thead tr th {
    width: 50%;
    border-left: none;
    border-right: none;
}
table.invodiv2 thead tr th {
    min-width: 100px;
    border-left: none;
    border-right: none;
}

table.invobod tr td {
    width: 50%;
    border: none;
    vertical-align: middle;
}



th.borrig, td.borrig {
    border-right: 1px solid #dee2e6 !important;
}
table.invobod2 tr td {
    min-width: 100px;
    border: none;
    vertical-align: middle;
}

.borbot {
    border-bottom: 1px solid #dee2e6 !important;
}
.totbac{
    background: #ecfbff;height: 40px;
}
td.botbor{
    border-bottom: 1px solid #b6b7b8 !important;
    /*border-right: 1px solid #65c3db !important; */
}
.invobod,.invobod2{
    height: 100%;
}
.credit-status {
    margin-top: 5px;
    height: 20px;
    border-radius: 5px;
}
.bkgnclr1{
    max-height: 95% !important;
}
.florig {
    float: right;
    margin-right: 5px;
}
.bluetext {
    color: #0a1172 !important;height: 55px;
}
.darkgrey{
    color: #515365;
}
.cuscreditsin {
    color: #000;
}
.cuscreditstds {
    color: #000;
}
.minfont{
font-size:10px;
}
.malef2{
margin-left:2%;
}
.heg{
/*height:41%;*/
}
.reheg{
height:41%;
}
.seheg{
/*height:0;*/
}
.mto1{
margin-top:1%
}
.bafff{
background-color: #fff !important;
}
table.invodiv.cdtab thead tr th:first-child, table.invobod.cdtab tbody tr td:first-child {
    min-width: 170px;
}
table.invodiv2.retab thead tr th:first-child, table.invobod2.retab tbody tr td:first-child {
    min-width: 125px;max-width: 125px;
}
table.invodiv2.retab thead tr th:nth-child(2), table.invobod2.retab tbody tr td:nth-child(2), table.invodiv2.retab thead tr th:nth-child(3), table.invobod2.retab tbody tr td:nth-child(3) {
    min-width: 110px;max-width: 110px;
}
table.invodiv2.btab thead tr th:first-child, table.invobod2.btab tbody tr td:first-child, table.invodiv2.btab thead tr th:nth-child(2), table.invobod2.btab tbody tr td:nth-child(2){
    min-width: 110px;max-width: 110px;
}

.table > tbody > tr.trbluetext > td {
    color: #0a1172 !important;
}
.date-range-filter.bawhi.flatpickr-input {
    background-color: #fff !important;
}
.custser{
padding-left: 0 !important;
}
.custfil {
    /*padding-left: 35px;*/
}

.rembox {
    border: none !important; 
    box-shadow: none !important;
    border-radius: 0 !important;
    background:none !important;
}
.greybac{
   background-color: #f1f2f3 !important;
}
.rembox .btn-primary:hover, .btn-primary:focus {
    color: #fff !important;
}

.bod{
    /*background: #354998 url("../img/contrast.jpg") fixed 0 0 no-repeat;)
    background-size: cover;*/
}

input.iniam {
    font-size: 13px;
    width: 60px;
    padding: 0 5px;
    /* margin-left: 6%; */
}

/* HELP */
.simenu{
    /* width: 15%; */margin: 5px;
}
.helppage {
    display: flex;
}
.sidecon {
    width: 85%;
}
.slctcl1.hsi {
    width: calc(100% - 5px);
    margin-left: 5px;display: block;    padding-left: 10px;
}
.slctcl1.hsii {
    width: 100%;
    margin-left: 60px;
}
.helhed{
    background-color: transparent !important;
    border-color: transparent !important;
}
.helhed .tabcard {
    padding: 8px 0px 8px 15px;
}
.card.helcar{
    border: transparent !important;margin-bottom: 0em !important;
    border-radius: 0;box-shadow: 0px 0px 10px -2px #e0e6ed;
}
.sidemenu {
    margin-right: -55px;
}
.helhed .tabshow {
    padding-top: 0;
}
.helul {
    padding-left: 20px;margin-bottom: 10px;    list-style: disc;display: none;
}
.helul > li::marker {
    color: #515365;
}
.slctcl1.hsi > li > a {
    position: relative;display: block;padding-right:20px; 
}
.slctcl1.hsi > li.ifarw > a::after {
    position: absolute;content: '';top: 5px;right: 5px;width: 9px;height: 9px;border-top: 2px solid #2d81b8;border-right: 2px solid #2d81b8;transform: rotate(135deg);transition: all 500ms ease-in-out;
}
.slctcl1.hsi > li.ifarw.active > a::after{transform: rotate(-45deg);}
.card-header.helhed .medbox{margin-right: 15px;}

.helcon1 {
    margin-left: 20px;
}
.helpag{
    /* height: 55% !important; */
}
.help-content,.help-content1{
    max-height: 900px;
    height: 900px;
    overflow-y: auto;position: relative;
}
.hellab{
    position: relative;padding: 5px;
}
.hellab svg{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    color: #d3d3d3;
}
a.tabhead.active {
    /* background-color: aliceblue; */
}
a.scroll-link.active {
    background-color: aliceblue;
}
a.hela.active {
    background-color: aliceblue;
    font-weight: bold;
}

.helcon1 h4.bold {
    color: #162772;text-transform: uppercase;width: 95%;
}
.helcon2 h5.bold {
    color:#5daee7;text-transform: capitalize;margin-bottom: 5px;
}
.highlight{
        box-shadow: 0px 0px 20px -2px #e0e6ed;
        padding: 7px;
        margin-bottom: 15px !important;
        margin-right: 10px;
        background-color: aliceblue;
}
.f150 {
    width: 52%;padding-left: 15px;color: #3b3f5c;font-size: 1.1rem;
}

input.hid.flatpickr-input {
    display: none;
}
.f250 {
    padding-top: 30px;
    font-size: 1.1rem;
}
.load{
    width: 30%;
}
#pageLoader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    }
.loader-container {
    margin-left: 8%;
}
.viewhis {
    font-size: 9px !important;
    text-decoration: underline;
    float: right;
    color: #2d81b8 !important;
}
.notro {
    max-height: 400px;
    height: 400px;
    overflow-y: auto;overflow-x: clip;
}

/* SETTINGS */
.settings {
    display: flex;
}
.settingcontatiner {
   
    padding: 1% 5px 2% 2%;
    background-color: aliceblue;
    margin: 2% 1% 0 0;
    width: 47%;
    float: left;
    border: 1px solid #162772;
    border-radius: 4px;
}
.settingcontatiner .col {
    /* margin-bottom: 25px; */
    padding-left: 0px;margin-bottom: 5px;
}
.settingcontatiner .col > label{
    font-size: 10px;
    font-weight: 600;width: 74%;
}
h4.sethed {
    color: #6267a5;
    text-transform: uppercase;
    font-weight: bolder;
    font-size: 1.2em;
    margin-bottom: 10px;
}
.col .lef{
    font-size: 10px;
    width: 26%;
    text-align: right;
    font-weight: bold;
}
.iplable{
    width: 39% !important;
}
.dablue{
    color: #162772;margin-left: 1px;
}
.lefs {
    width: 52%;
    text-align: end;
    margin-left: 30px;
}
.semon{
    margin-left: 2px;
    margin-right: -6px;
}

span.notle {
    margin-left: 30px;
}


.scrotabl .table thead {
    background-color: #63c5da;
}

.scrotabl table > thead {
    position: sticky;
    top: 0;
    z-index: 100;
}

.scrotabl.table-responsive.mb-4.notabke {
    height: 70vh;
    overflow-y: auto;
}
.scrotabl table > tbody > .lastr {
   position: sticky;
    bottom: 0;
    z-index: 100;
    background-color: aliceblue;
}

.scrotabl.table-responsive > div.dataTables_wrapper > div.row::-webkit-scrollbar,
.widget-content-area > .dataTables_wrapper > .row > .col-sm-12::-webkit-scrollbar,
.widget-content-area .table-responsive::-webkit-scrollbar {
    width: 4px;
}
.scrotabl.table-responsive > div.dataTables_wrapper > div.row::-webkit-scrollbar:horizontal,
.widget-content-area > .dataTables_wrapper > .row > .col-sm-12::-webkit-scrollbar:horizontal,
.widget-content-area .table-responsive::-webkit-scrollbar:horizontal {
    height: 5px;
}
.scrotabl.table-responsive > div.dataTables_wrapper > div.row::-webkit-scrollbar-track,
.widget-content-area > .dataTables_wrapper > .row > .col-sm-12::-webkit-scrollbar-track,
.widget-content-area .table-responsive::-webkit-scrollbar-track {
    background-color: #ccc;
    border-radius: 10px;
}
.scrotabl.table-responsive > div.dataTables_wrapper > div.row::-webkit-scrollbar-thumb,
.widget-content-area > .dataTables_wrapper > .row > .col-sm-12::-webkit-scrollbar-thumb,
.widget-content-area .table-responsive::-webkit-scrollbar-thumb {
    background: #2d81b8;
    /*box-shadow: inset 0 0 6px rgba(195, 241, 103, 0.8);*/
    border-radius: 10px;
}

.highlight img {
    width: 2%;
    margin-left: 16px;
}

.mabot{
    margin-bottom: 25px !important;
}

/* data table css */
table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after{
    content: "" !important;
  }
  table.dataTable thead .sorting_desc:after {
    opacity: 0;
  }
  .adw{
    width: 82px !important;
  }
  .ahw
  {
    width: 14% !important;
  }
  .amt{
    padding: 6px 0 0 0px !important;
  }
  .abmp{
    width: 15% !important;
    min-width: 0px !important;
    padding: 0 0 0 0 !important;
  }
  .fff{
  background:#fff !important;
  }
  td.tofon{
  font-size:6px;
    padding: 0;
  }
  
  
  .hellab svg {
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    color: #d3d3d3;
}
input.form-control.interval {
    width: 20%;
    float: right;
}
.mt10 {
    margin-top: 1%;
    margin-bottom: 0% !important;
}

.tabheadper {
    cursor: pointer;
    display: flex;
    font-size: 14px;
    letter-spacing: 1px;
    color: #0b466c;font-weight: 600;width: 100%;
}
.tabheadper:hover {
    color: #0b466c !important;
}

.d2 {
    width: 70% !important;margin-top: 5px;
}
.d1 {
    width: 10%;padding-top: 7px;
}
.d3 {
    width: 15%;
}
input.interval {
    width: 40px;    border: 1px solid #bfc9d4;height: calc(0.9rem + 0.9rem + 2px);color: #3b3f5c;
    font-size: 15px;border-radius: 6px;padding: 2px 2px 2px 8px;
}
span.htex {
    float: right;
    font-size: 0.6rem;
    margin-top: 3px;
}
.xsmall{
    font-size: x-small;
}
select.interval {
    border: 1px solid #bfc9d4;
    height: calc(1.0rem + 1.0rem + 2px);
    color: #3b3f5c;
    font-size: 15px;
    border-radius: 6px;
    padding: 2px 2px 2px 8px;
    background-color: #fff;
}
.allesd .rsrch .infils.redspa > div {
    /* width: 19.3%; */
    width: 17.3%;
}
.florig{
    float: right;
}
.mat18 {
    margin-top: 18px !important;
}
.marl20{
    margin-left: 20px !important;
}
img.imw5 {
    width: 5%;
}
.dat{
	width: 100%;
}
.lead_text{
border: 1px solid #2d81b8;
    width: auto;
    padding: 10px;
    background: #90bcd91a;
    margin-bottom: 5px;
    display: block !important;
    }
    .recimgw{
    width:25px;
    }

.exdef .bkgnclr1 {
    width: 80%;
}
.exdef {
    align-items: center;
    justify-content: center;
}
.exdef.addex{
    display: block;
}