@import "components-constant.css";
html, body {
    font-family: var(--vs-font-family);
    font-size: var(--vs-font-size-16);
    background: var(--vs-body-background-color);
    font-weight: var(--vs-font-weight-400);
}
body {
    overflow-x: hidden;
}
/*Font Family*/

.vs-font-family {
    font-family: var(--vs-font-family);
}
.vs-font-family-arabic {
    font-family: var(--vs-font-family-arabic);
}
/* Font colors */

.vs-primary-font-color {
    color: var(--vs-primary-font-color)!important;
}
.vs-primary-second-font-color {
    color: var(--vs-primary-second-font-color)!important;
}
.vs-secondar-font-color {
    color: var(--vs-secondary-font-color)!important;
}
.vs-light-font-color {
    color: var(--vs-light-font-color)!important;
}
.vs-white-font-color {
    color: var(--vs-white-font-color)!important;
}
.vs-black-font-color {
    color: var(--vs-black-font-color)!important;
}
/*Font Sizes*/

.vs-font-size-10 {
    font-size: var(--vs-font-size-10);
}
.vs-font-size-12 {
    font-size: var(--vs-font-size-12);
}
.vs-font-size-14 {
    font-size: var(--vs-font-size-14);
}
.vs-font-size-16 {
    font-size: var(--vs-font-size-16);
}
.vs-font-size-18 {
    font-size: var(--vs-font-size-18);
}
.vs-font-size-20 {
    font-size: var(--vs-font-size-20);
}
.vs-font-size-22 {
    font-size: var(--vs-font-size-22);
}
.vs-font-size-24 {
    font-size: var(--vs-font-size-24);
}
.vs-font-size-26 {
    font-size: var(--vs-font-size-26);
}
.vs-font-size-28 {
    font-size: var(--vs-font-size-28);
}
.vs-font-size-30 {
    font-size: var(--vs-font-size-30);
}
/*Font Weightages*/

.vs-font-weight-100 {
    font-weight: var(--vs-font-weight-100)!important;
}
.vs-font-weight-300 {
    font-weight: var(--vs-font-weight-300)!important;
}
.vs-font-weight-400 {
    font-weight: var(--vs-font-weight-400)!important;
}
.vs-font-weight-500 {
    font-weight: var(--vs-font-weight-500)!important;
}
.vs-font-weight-600 {
    font-weight: var(--vs-font-weight-600)!important;
}
.vs-font-weight-700 {
    font-weight: var(--vs-font-weight-700)!important;
}
.vs-font-weight-800 {
    font-weight: var(--vs-font-weight-800)!important;
}
.vs-font-weight-900 {
    font-weight: var(--vs-font-weight-900)!important;
}
/* Common Border & HR Divider*/

.vs-border-0 {
    border: 0rem!important;
}
.vs-border-top {
    border-top: 0.063rem solid var(--vs-border-color)!important;
}
.vs-border-right {
    border-right: 0.063rem solid var(--vs-border-color)!important;
}
.vs-border-bottom {
    border-bottom: 0.063rem solid var(--vs-border-color)!important;
}
.vs-border-left {
    border-left: 0.063rem solid var(--vs-border-color)!important;
}
.vs-divider {
    display: block;
    flex: 1 1 100%;
    height: 0;
    max-height: 0;
    transition: inherit;
    border-color: #EBEBEB;
    border-style: solid;
    border-width: thin 0 0 0;
}
.vs-divider-vertical {
    align-self: stretch;
    border-width: 0 thin 0 0;
    display: inline-flex;
    height: inherit;
    margin-left: -0.063rem;
    max-height: 100%;
    max-width: 0;
    vertical-align: text-bottom;
    width: 0;
}
/*Display*/

.vs-display-block {
    display: var(--vs-display-block);
}
.vs-display-inline-block {
    display: var(--vs-display-inline-block);
}
.vs-display-none {
    display: var(--vs-display-none);
}
.vs-display-inherit {
    display: var(--vs-display-inherit);
}
.vs-display-flex {
    display: flex;
}
.vs-display-inline-flex {
    display: inline-flex;
}
.vs-display-grid {
    display: grid;
}
.vs-display-inline-grid {
    display: inline-grid;
}
/* Flex Wrap */

.flex-wrap-nowrap {
    flex-wrap: nowrap!important;
}
.flex-wrap {
    flex-wrap: wrap!important;
}
/* Flex Direction Row */

.flex-direction-row {
    flex-direction: row!important;
}
.flex-direction-column {
    flex-direction: column!important;
}
.flex-direction-row-reverse {
    flex-direction: row-reverse!important;
}
.flex-direction-column-reverse {
    flex-direction: column-reverse!important;
}
/* Align Content */

.align-content-normal {
    align-content: normal!important;
}
.align-content-center {
    align-content: center!important;
}
.align-content-flex-start {
    align-content: flex-start!important;
}
.align-content-flex-end {
    align-content: flex-end!important;
}
.align-content-space-around {
    align-content: space-around!important;
}
.align-content-space-between {
    align-content: space-between!important;
}
.align-content-stretch {
    align-content: stretch!important;
}
/* Justify Content*/

.justify-content-normal {
    justify-content: normal!important;
}
.justify-content-center {
    justify-content: center!important;
}
.justify-content-flex-start {
    justify-content: flex-start!important;
}
.justify-content-flex-end {
    justify-content: flex-end!important;
}
.justify-content-space-between {
    justify-content: space-between!important;
}
.justify-content-space-around {
    justify-content: space-around!important;
}
.justify-content-space-evenly {
    justify-content: space-evenly!important;
}
/* Align Items*/

.align-items-normal {
    align-items: normal!important;
}
.align-items-center {
    align-items: center!important;
}
.align-items-flex-start {
    align-items: flex-start!important;
}
.align-items-flex-end {
    align-items: flex-end!important;
}
.align-items-stretch {
    align-items: stretch!important;
}
.align-items-baseline {
    align-items: baseline!important;
}
/* Tooltip / Popover Components With Add Body Overlay Backgraound */

.popover {
    box-shadow: 0px 0px 1000px 1000px rgba(0, 0, 0, 0.3);
    z-index: 9999;
}
/*Buttons*/

/*Primary Button*/

.activeActionBtn {
    height: 2.5rem;
    padding: 0.8rem 2rem 0.8rem 2rem;
    margin: 0rem;
    font-size: var(--vs-font-size-16);
    line-height: var(--vs-font-line-height-16);
    font-weight: var(--vs-font-weight-400);
    color: var(--vs-primary-button-font-color);
    background-color: var(--vs-primary-color);
    border-radius: var(--vs-primary-button-border-radius);
    border: 0rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.activeActionBtn:hover {
    background-color: var(--vs-primary-dark-color);
    box-shadow: none!important;
    color: var(--vs-primary-button-hover-font-color);
    cursor: pointer;
}
.activeActionBtn:focus {
    box-shadow: none!important;
    background-color: var(--vs-primary-dark-color);
    color: var(--vs-primary-button-hover-font-color);
}
.activeActionBtn[disabled] {
    background-color: var(--vs-primary-button-disabled-background-color);
    color: var(--vs-primary-button-disabled-font-color);
    border: 0.063rem solid #A9D5BD;
    cursor: not-allowed!important;
}
.vs-primary-button {
    height: 2.5rem;
    padding: 0.8rem 2rem 0.8rem 2rem;
    margin: 0rem;
    font-size: var(--vs-font-size-16);
    line-height: var(--vs-font-line-height-16);
    font-weight: var(--vs-font-weight-400);
    color: var(--vs-primary-button-font-color);
    background-color: var(--vs-primary-color);
    border-radius: var(--vs-primary-button-border-radius);
    border: 0rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.vs-primary-button img.vs-botton-icon {
    float: var(--vs-float-left);
    width: 1.1rem;
    padding: 0rem;
    margin: 0rem;
}
.vs-primary-button img.vs-botton-icon-left {
    float: var(--vs-float-left);
    width: 1.1rem;
    padding: 0rem;
    margin: 0 0.5rem 0 0;
}
.vs-primary-button img.vs-botton-icon-right {
    float: var(--vs-float-right);
    width: 1.1rem;
    padding: 0rem;
    margin: 0 0 0 0.5rem;
}
.vs-primary-button img.vs-botton-icon-left.white-icon, img.vs-botton-icon-right.white-icon {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(183deg) brightness(110%) contrast(111%);
}
.vs-primary-button:hover {
    background-color: var(--vs-primary-light-color);
    box-shadow: none!important;
    color: var(--vs-primary-button-hover-font-color);
    cursor: pointer;
}
.vs-primary-button:focus {
    box-shadow: none!important;
    background-color: var(--vs-primary-light-color);
    color: var(--vs-primary-button-hover-font-color);
}
.vs-primary-button[disabled] {
    background-color: var(--vs-primary-button-disabled-background-color);
    color: var(--vs-primary-button-disabled-font-color);
    border: 0.063rem solid var(--vs-primary-light-color);
    cursor: not-allowed!important;
}
.vs-primary-button[disabled] img.vs-botton-icon-left {
    filter: brightness(0) saturate(100%) invert(87%) sepia(40%) saturate(2295%) hue-rotate(140deg) brightness(87%) contrast(88%);
    cursor: not-allowed!important;
}
.vs-primary-button[disabled] img.vs-botton-icon-right {
    filter: brightness(0) saturate(100%) invert(87%) sepia(40%) saturate(2295%) hue-rotate(140deg) brightness(87%) contrast(88%);
    cursor: not-allowed!important;
}
/*Primary Components Action Button*/

.vs-primary-components-action-button {
    padding: 0.25rem 0.625rem;
    margin: 0rem;
    font-size: var(--vs-font-size-16);
    font-weight: var(--vs-font-weight-500);
    color: var(--vs-primary-button-font-color);
    background-color: var(--vs-transparent-background-color);
    border-radius: 100%;
    border: 0rem;
}
.vs-primary-components-action-button img.vs-components-action-button-icon {
    width: 0.75rem;
    height: 0.125rem;
    padding: 0rem;
    margin: 0rem;
}
.vs-primary-components-action-button:hover {
    background-color: var(--vs-primary-color);
    cursor: pointer;
}
.vs-primary-components-action-button:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(238deg) brightness(105%) contrast(102%);
}
.vs-primary-components-action-button:focus {
    background-color: var(--vs-primary-dark-color);
}
.vs-primary-components-action-button:focus img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(238deg) brightness(105%) contrast(102%);
}
.vs-primary-components-action-button[disabled] {
    background-color: var(--vs-primary-button-disabled-background-color);
    color: var(--vs-primary-button-disabled-font-color);
    cursor: not-allowed!important;
}
/*Secondary Button*/

.vs-secondary-button {
    height: 2.5rem;
    padding: 0.625rem;
    margin: 0rem;
    font-size: var(--vs-font-size-16);
    line-height: var(--vs-font-line-height-16);
    font-weight: var(--vs-font-weight-500);
    color: var(--vs-white-font-color);
    background-color: var(--vs-primary-light-color);
    border-radius: var(--vs-secondary-button-border-radius);
    border: 0.063rem solid var(--vs-primary-light-color);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.vs-secondary-button img.vs-botton-icon {
    float: var(--vs-float-left);
    width: 1rem;
    padding: 0rem;
    margin: 0rem;
}
.vs-secondary-button img.vs-botton-icon-left {
    float: var(--vs-float-left);
    width: 1rem;
    padding: 0rem;
    margin: 0 0.5rem 0 0;
}
.vs-secondary-button img.vs-botton-icon-right {
    float: var(--vs-float-right);
    width: 1.2rem;
    padding: 0rem;
    margin: 0 0 0 0.5rem;
}
.vs-secondary-button:hover {
    background-color: var(--vs-primary-color);
    box-shadow: none!important;
    color: var(--vs-white-font-color);
    border: 0.063rem solid var(--vs-primary-color);
    cursor: pointer;
}
.vs-secondary-button:focus {
    box-shadow: none!important;
    background: var(--vs-primary-color);
    color: var(--vs-white-font-color);
    border: 0.063rem solid var(--vs-primary-color);
} 
.vs-secondary-button[disabled] {
    background-color: var(--vs-primary-button-disabled-background-color);
    color: var(--vs-primary-button-disabled-font-color);
    border: 0.063rem solid var(--vs-primary-light-color);
    cursor: not-allowed!important;
}
.vs-secondary-button[disabled] img.vs-botton-icon-left {
    filter: brightness(0) saturate(100%) invert(87%) sepia(40%) saturate(2295%) hue-rotate(140deg) brightness(87%) contrast(88%);
    cursor: not-allowed!important;
}
.vs-secondary-button[disabled] img.vs-botton-icon-right {
    filter: brightness(0) saturate(100%) invert(87%) sepia(40%) saturate(2295%) hue-rotate(140deg) brightness(87%) contrast(88%);
    cursor: not-allowed!important;
}
.vs-secondary-button[disabled]:hover img.vs-botton-icon-left {
    filter: brightness(0) saturate(100%) invert(87%) sepia(40%) saturate(2295%) hue-rotate(140deg) brightness(87%) contrast(88%);
    cursor: not-allowed!important;
}
.vs-secondary-button[disabled]:hover img.vs-botton-icon-right {
    filter: brightness(0) saturate(100%) invert(87%) sepia(40%) saturate(2295%) hue-rotate(140deg) brightness(87%) contrast(88%);
    cursor: not-allowed!important;
}
.vs-secondary-button img.vs-botton-icon-left {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7471%) hue-rotate(52deg) brightness(97%) contrast(96%);
    cursor: not-allowed!important;
}
.vs-secondary-button:hover img.vs-botton-icon-left {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7471%) hue-rotate(52deg) brightness(97%) contrast(96%);
}
.vs-secondary-button img.vs-botton-icon-right {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7471%) hue-rotate(52deg) brightness(97%) contrast(96%);
    cursor: not-allowed!important;
}
.vs-secondary-button:hover img.vs-botton-icon-right {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7471%) hue-rotate(52deg) brightness(97%) contrast(96%);
}
/*Tertiary Button*/

.vs-tertiary-button {
    height: 2.5rem;
    padding: 0.625rem;
    margin: 0rem;
    font-size: var(--vs-font-size-16);
    line-height: var(--vs-font-line-height-16);
    font-weight: var(--vs-font-weight-500);
    color: var(--vs-tertiary-button-font-color);
    background-color: var(--vs-transparent-background-color);
    border-radius: var(--vs-border-radius);
    border: 0.063rem solid var(--vs-tertiary-border-color);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.vs-tertiary-button img.vs-botton-icon {
    float: var(--vs-float-left);
    width: 1.2rem;
    padding: 0rem;
    margin: 0rem;
}
.vs-tertiary-button img.vs-botton-icon-left {
    float: var(--vs-float-left);
    width: 1.2rem;
    padding: 0rem;
    margin: 0 0.5rem 0 0;
}
.vs-tertiary-button img.vs-botton-icon-right {
    float: var(--vs-float-right);
    width: 1.2rem;
    padding: 0rem;
    margin: 0 0 0 0.5rem;
}
.vs-tertiary-button:hover {
    background-color: var(--vs-tertiary-button-hover-background-color);
    color: var(--vs-tertiary-button-hover-font-color);
    cursor: pointer;
}
.vs-tertiary-button:focus {
    background-color: var(--vs-tertiary-button-hover-background-color);
    box-shadow: none!important;
}
/* Forms Container */

.vs-form-element-container {
    float: var(--vs-float-left);
    width: 100%;
    padding: 0rem;
    margin: 0rem;
}
.form-group {
    margin: 0.5rem 0rem 2rem 0rem!important;
}

/* Forms Labels */
.set-lable-length {
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0rem!important;
    padding: 0rem!important;
}
label {
    font-weight: var(--vs-font-weight-400);
    font-size: var(--vs-font-size-14);
    line-height: var(--vs-font-line-height-14);
    color: var(--vs-light-font-color);
    margin: 0 0 0.25rem 0;
    padding: 0rem; 
}
.vs-form-element-label {
    /*float: var(--vs-float-left);
    width: 100%;*/
    font-weight: var(--vs-font-weight-400);
    font-size: var(--vs-font-size-14);
    line-height: var(--vs-font-line-height-14);
    color: var(--vs-light-font-color);
    margin: 0 0 0.25rem 0;
    padding: 0rem; 
}
.vs-label-help-text {
    font-weight: var(--vs-font-weight-400);
    font-size: var(--vs-font-size-12);
    line-height: var(--vs-font-line-height-12);
    color: var(--vs-regular-font-color);
    margin: 0;
    padding: 0rem;
}
.vs-label-help-icon {
    padding: 0rem;
    margin: 0rem;
    position: relative;
}
.vs-label-help-icon-img {
    width: 0.8rem;
    height: 0.8rem;
    padding: 0rem;
    margin: 0rem;
    position: relative;
}
.vs-label-help-icon-count {
    float: left;
    margin: 0rem;
    padding: 0.125rem 0.25rem;
    background: var(--vs-label-help-icon-count-background-color);
    position: absolute;
    top: -0.125rem;
    right: 0rem;
    font-size: var(--vs-font-size-12);
    line-height: var(--vs-font-line-height-12);
    font-weight: var(--vs-font-weight-300);
    color: var(--vs-white-font-color);
    border-radius: 0.125rem;
}
.vs-label-primary-help-count {
    margin: 0rem;
    padding: 0.313rem 0.625rem;
    background: var(--vs-label-help-count-light-color-background-color);
    font-size: var(--vs-font-size-12);
    line-height: var(--vs-font-line-height-12);
    font-weight: var(--vs-font-weight-500);
    color: var(--vs-primary-font-color);
    border-radius: 100%;
}

/* Forms Labels Required Asterisk*/
.vs-form-element-required-asterisk {
    color: #E46666;
    font-size: var(--vs-font-size-16);
    display: inline-block;
    line-height: var(--vs-font-line-height-10);
    font-weight: var(--vs-font-weight-400);
    margin: 0rem 0.125rem;
}

/* Forms Labels Required Asterisk*/
.vs-form-element-required-error-massage {
    color: #E46666;
    font-weight: var(--vs-font-weight-400);
    font-size: var(--vs-font-size-12);
    line-height: var(--vs-font-line-height-12);
}

/*Form Element Required*/
.vs-form-element-required {
    border-color: var(--vs-form-element-required-border-color);
    border-width: 0.063rem;
    border-style: solid;
    color: var(--vs-form-element-required-font-color);
    background: url(../images/icons/warning-red-icon.svg) no-repeat 98%!important;
}
.vs-form-element-required::placeholder {
    font-size: var(--vs-font-size-16);
    color: var(--vs-form-element-required-placeholder-font-color);
}
.vs-form-element-required:hover {
    border-color: var(--vs-form-element-required-hover-border-color);
}
.vs-form-element-required:focus {
    border-color: var(--vs-form-element-required-focus-border-color);
}
 

/* Forms Text Old Inputs  Components */
.form-control {
    width: 100%;
    height: 2.5rem;
    background: var(--vs-form-element-background-color);
    border: 0rem;
    border-bottom: 0.063rem solid var(--vs-form-element-border-color);
    padding: 0.375rem 0.938rem;
    font-size: var(--vs-font-size-16);
    font-weight: var(--vs-font-weight-400);
    color: var(--vs-secondary-font-color);
    box-shadow: none!important;
}
.form-control::placeholder {
    font-size: var(--vs-font-size-16);
    color: var(--vs-secondary-font-color);
}
.form-control:focus {
    color: var(--vs-form-element-focus-text-color);
    border: 0rem;
    border-bottom: 0.125rem solid var(--vs-form-element-focus-border-color);
    z-index: unset!important;
}
.form-control[readonly] {
    background: var(--vs-form-element-readonly-background-color)!important;
    color: var(--vs-secondary-font-color)!important;
    border-bottom: 0.063rem solid #92969A;
    border-radius: var(--vs-border-radius) var(--vs-border-radius) 0 0;
}
.form-control[disabled] {
    background: var(--vs-form-element-disabled-background-color)!important;
    color: var(--vs-secondary-font-color)!important;
    border-bottom: 0.063rem solid #92969A;
    cursor: not-allowed!important;
    border-radius: var(--vs-border-radius) var(--vs-border-radius) 0 0;
}
/* Forms Text New Inputs Components */
.vs-form-element-text-input-page-filter {
    width: 100%;
    height: 2.5rem;
    background: var(--vs-form-element-background-color);
    border: 0.063rem solid #DBDCDD!important; 
    border-radius: 0.375rem!important; 
}

.vs-form-element-text-input {
    width: 100%;
    height: 2.5rem;
    background: var(--vs-form-element-background-color);
    border: 0rem;
    border-bottom: 0.063rem solid var(--vs-form-element-border-color);
    padding: 0.375rem 0.938rem;
    font-size: var(--vs-font-size-16);
    font-weight: var(--vs-font-weight-400);
    color: var(--vs-secondary-font-color);
    box-shadow: none!important;
    border-radius: 0rem; 
}
.vs-form-element-text-input::placeholder {
    font-size: var(--vs-font-size-16);
    color: var(--vs-secondary-font-color);
}
/*.vs-form-element-text-input:hover {
    color: var(--vs-form-element-hover-text-color)!important;
    border:0rem;
    border-bottom:0.125rem solid var(--vs-form-element-focus-border-color); 
}*/

.vs-form-element-text-input:focus {
    color: var(--vs-form-element-focus-text-color);
    border: 0rem;
    border-bottom: 0.125rem solid var(--vs-form-element-focus-border-color);
    z-index: unset!important;
}
.vs-form-element-text-input[readonly] {
    background: var(--vs-form-element-readonly-background-color)!important;
    color: var(--vs-secondary-font-color)!important;
    border-bottom: 0.063rem solid #92969A;
    border-radius: var(--vs-border-radius) var(--vs-border-radius) 0 0;
}
.vs-form-element-text-input[disabled] {
    background: var(--vs-form-element-disabled-background-color)!important;
    color: var(--vs-secondary-font-color)!important;
    border-bottom: 0.063rem solid #92969A;
    cursor: not-allowed!important;
    border-radius: var(--vs-border-radius) var(--vs-border-radius) 0 0;
}
.vs-form-element-text-input-left-icon .vs-form-element-text-input {
    padding: 0.375rem 1.875rem 0.375rem 2rem;
    border-radius: var(--vs-border-radius)!important;
    background-color: transparent!important;
}
.vs-form-element-text-input-left-icon .vs-text-input-left-icon {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
}
.vs-form-element-text-input-right-icon .vs-form-element-text-input {
    padding: 0.375rem 1.875rem 0.375rem 0.75rem;
    border-radius: var(--vs-border-radius)!important;
    background-color: transparent!important;
}
.vs-form-element-text-input-right-icon .vs-text-input-right-icon {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    z-index: 1;
}
/*Date Picker*/

.daterangepicker .prev.available, .next.available {
    background: inherit!important;
    padding: 0.625rem 0!important;
}
.daterangepicker th.month {
    width: auto;
    padding: 0.625rem 0!important;
}
.daterangepicker select.monthselect {
    width: 56%;
    margin-right: 4%;
    border: 0.063rem solid var(--vs-form-element-border-color);
    line-height: var(--vs-font-line-height-18);
    font-size: var(--vs-font-size-16);
    font-weight: var(--vs-font-weight-400);
    color: var(--vs-secondary-font-color);
    padding: 0.313rem 0.625rem;
    border-radius: var(--vs-border-radius);
}
.daterangepicker select.yearselect {
    width: 40%;
    border: 0.063rem solid var(--vs-form-element-border-color);
    line-height: var(--vs-font-line-height-18);
    font-size: var(--vs-font-size-16);
    font-weight: var(--vs-font-weight-400);
    color: var(--vs-secondary-font-color);
    padding: 0.313rem 0.625rem;
    border-radius: var(--vs-border-radius);
}
.daterangepicker select.hourselect {
    border: 0.063rem solid var(--vs-form-element-border-color);
    line-height: var(--vs-font-line-height-18);
    font-size: var(--vs-font-size-16);
    font-weight: var(--vs-font-weight-400);
    color: var(--vs-secondary-font-color);
    padding: 0.313rem 0.625rem;
    border-radius: var(--vs-border-radius);
}
.daterangepicker select.minuteselect {
    border: 0.063rem solid var(--vs-form-element-border-color);
    line-height: var(--vs-font-line-height-18);
    font-size: var(--vs-font-size-16);
    font-weight: var(--vs-font-weight-400);
    color: var(--vs-secondary-font-color);
    padding: 0.313rem 0.625rem;
    border-radius: var(--vs-border-radius);
}
.daterangepicker select.ampmselect {
    border: 0.063rem solid var(--vs-form-element-border-color);
    line-height: var(--vs-font-line-height-18);
    font-size: var(--vs-font-size-16);
    font-weight: var(--vs-font-weight-400);
    color: var(--vs-secondary-font-color);
    padding: 0.313rem 0.625rem;
    border-radius: var(--vs-border-radius);
}
.daterangepicker .calendar-table th {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    font-size: var(--vs-font-size-16);
    line-height: var(--vs-font-line-height-16);
    font-weight: var(--vs-font-weight-600);
    color: var(--vs-primary-font-color);
    border-radius: var(--vs-border-radius);
    border: 0.063rem solid transparent;
    white-space: nowrap;
    cursor: pointer;
    padding: 0.625rem;
}
.daterangepicker .calendar-table td {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    font-size: var(--vs-font-size-16);
    line-height: var(--vs-font-line-height-16);
    font-weight: var(--vs-font-weight-400);
    color: var(--vs-secondary-font-color);
    white-space: nowrap;
    cursor: pointer;
    padding: 0.625rem;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: var(--vs-primary-color);
    color: var(--vs-primary-button-font-color);
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: var(--vs-transparent-background-color);
    color: var(--vs-primary-font-color);
    border-radius: var(--vs-border-radius);
}
.vs-form-element-text-input.vs-form-element-date-picker {
    background: var(--vs-form-element-background-color) url(../images/icons/calendar.svg) no-repeat 97%;
    background-size: 0.938rem;
}
.vs-form-element-text-input.vs-form-element-date-picker:hover {
    background: var(--vs-form-element-background-color) url(../images/icons/calendar.svg) no-repeat 97%;
    background-size: 0.938rem;
}
.vs-form-element-text-input.vs-form-element-date-picker[readonly] {
    background: var(--vs-form-element-readonly-background-color) url(../images/icons/calendar.svg) no-repeat 97%!important;
    background-size: 0.938rem;
}
.vs-form-element-text-input.vs-form-element-date-picker[disabled] {
    background: var(--vs-form-element-disabled-background-color) url(../images/icons/calendar.svg) no-repeat 97%!important;
    background-size: 0.938rem;
}
.daterangepicker .drp-buttons .btn {
    padding: 0.625rem 1.25rem!important;
    font-size: var(--vs-font-size-16)!important;
    font-weight: var(--vs-font-weight-400)!important;
    line-height: var(--vs-font-line-height-16)!important;
    text-shadow: inherit!important;
    border: 0rem!important;
    letter-spacing: inherit!important;
    box-shadow: inherit!important;
    text-transform: inherit!important;
    border-radius: var(--vs-border-radius)!important;
}
.daterangepicker .drp-buttons .applyBtn.btn-primary {
    background: var(--vs-primary-color);
    color: var(--vs-white-font-color);
    border: 0.063rem solid var(--vs-primary-color)!important;
    margin: 0 0 0 1.25rem!important;
}
.daterangepicker .drp-buttons .applyBtn.btn-primary:hover {
    background-color: var(--vs-primary-dark-color)!important;
    box-shadow: none!important;
}
.daterangepicker .drp-buttons .cancelBtn.btn-default {
    background: var(--vs-transparent-background-color)!important;
    border: 0.063rem solid var(--vs-primary-color)!important;
    color: var(--vs-primary-font-color)!important;
}
.daterangepicker .drp-buttons .cancelBtn.btn-default:hover {
    background-color: var(--vs-secondary-button-hover-background-color)!important;
    box-shadow: none!important;
}
.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.daterangepicker .ranges li {
    padding: 0.625rem 1.25rem!important;
    font-size: var(--vs-font-size-16)!important;
    font-weight: var(--vs-font-weight-400)!important;
    cursor: pointer;
}
.daterangepicker .ranges li:hover {
    background: var(--vs-transparent-background-color);
    color: var(--vs-primary-font-color);
}
.daterangepicker .ranges li.active {
    font-size: var(--vs-font-size-16)!important;
    font-weight: var(--vs-font-weight-400)!important;
    background: var(--vs-primary-color);
    color: var(--vs-primary-button-font-color);
}
.daterangepicker .drp-selected {
    margin: 0 1.25rem 0 0;
    display: inline-block;
    font-size: var(--vs-font-size-16)!important;
    font-weight: var(--vs-font-weight-400)!important;
}
.daterangepicker {
    font-size: var(--vs-font-size-16)!important;
    font-weight: var(--vs-font-weight-400)!important;
    box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 0px 0px rgba(0, 0, 0, 0.12);
}
[datepicker] {
    border: none!important;
}
.datepicker {
    width: 21.875rem!important;
    padding: 0.625rem!important;
}
.information .datepicker{
    width: 17rem!important;
}
[datepicker], .datepicker {
    font-size: var(--vs-font-size-16)!important;
    font-weight: var(--vs-font-weight-400)!important;
    box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 0px 0px rgba(0, 0, 0, 0.12);
}
[datepicker], .datepicker thead th.prev {
    width: 0.8rem;
    height: 0.8rem;
    margin: 0.5rem 0 0 0;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    font-size: 0rem;
    border: solid #444;
    border-width: 0 0.125rem 0.125rem 0;
    border-radius: 0;
    display: inline-block;
    padding: 0rem;
}
[datepicker], .datepicker thead th.next {
    width: 0.8rem;
    height: 0.8rem;
    margin: 0.5rem 0 0 0.625rem;
    transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    font-size: 0rem;
    border: solid #444;
    border-width: 0 0.125rem 0.125rem 0;
    border-radius: 0;
    display: inline-block;
    padding: 0rem;
}
[datepicker], .datepicker table tr td span {
    float: left!important;
    width: 30%!important;
    height: auto!important;
    text-align: center!important;
    text-align: center!important;
    vertical-align: middle!important;
    font-size: var(--vs-font-size-16)!important;
    line-height: var(--vs-font-line-height-16)!important;
    font-weight: var(--vs-font-weight-400)!important;
    color: var(--vs-secondary-font-color);
    white-space: nowrap!important;
    cursor: pointer!important;
    padding: 0.625rem 1.25rem!important;
    margin: 0rem!important;
}
[datepicker], .datepicker tbody tr>td span.month.focused {
    background-color: var(--vs-primary-color)!important;
    color: var(--vs-primary-button-font-color)!important;
}
[datepicker], .datepicker tbody tr>td span.year.focused {
    background-color: var(--vs-primary-color)!important;
    color: var(--vs-primary-button-font-color)!important;
}
[datepicker], .datepicker tbody tr>td span.century.focused {
    background-color: var(--vs-primary-color)!important;
    color: var(--vs-primary-button-font-color)!important;
}
[datepicker], .datepicker tbody tr>td span.decade.focused {
    background-color: var(--vs-primary-color)!important;
    color: var(--vs-primary-button-font-color)!important;
}
[datepicker], .datepicker table tr td span.active.active {
    background-color: var(--vs-primary-color)!important;
    color: var(--vs-primary-button-font-color)!important;
}
[datepicker], .datepicker tbody tr>td.day.active {
    background-color: var(--vs-primary-color)!important;
    color: var(--vs-primary-button-font-color)!important;
}
[datepicker], .datepicker .datepicker-switch {
    width: 80%;
    border: 0.063rem solid var(--vs-form-element-border-color)!important;
    line-height: var(--vs-font-line-height-18)!important;
    font-size: var(--vs-font-size-16)!important;
    font-weight: var(--vs-font-weight-400)!important;
    color: var(--vs-secondary-font-color)!important;
    padding: 0.313rem 0.625rem;
    border-radius: var(--vs-border-radius)!important;
}
/* Forms Textarea Components */

.vs-form-element-textarea {
    width: 100%;
    /*  height: 2.5rem;*/
    /*  background: var(--vs-form-element-background-color);*/
    border-radius: var(--vs-border-radius);
    border-color: var(--vs-form-element-border-color);
    border-width: 0.063rem;
    border-style: solid;
    padding: 0.375rem 1.875rem 0.375rem 0.75rem;
    font-size: var(--vs-font-size-16);
    font-weight: var(--vs-font-weight-400);
    color: var(--vs-form-element-font-color);
}
.vs-form-element-textarea::placeholder {
    font-size: var(--vs-font-size-16);
    font-style: italic;
    color: var(--vs-form-element-placeholder-font-color);
}
.vs-form-element-textarea:hover {
    /*  background: var(--vs-form-element-textarea-background-color);*/
    border-color: var(--vs-form-element-hover-border-color);
}
.vs-form-element-textarea:focus {
    /*  background: var(--vs-form-element-textarea-background-color);*/
    border-color: var(--vs-form-element-focus-border-color);
}
.vs-form-element-textarea[readonly] {
    background: var(--vs-form-element-readonly-background-color)!important;
    color: var(--vs-form-element-font-color)!important;
}
.vs-form-element-textarea[disabled] {
    background: var(--vs-form-element-disabled-background-color)!important;
    color: var(--vs-form-element-font-color)!important;
    cursor: not-allowed!important;
}
/* Forms Select Inputs Dropdown Components */

select::-ms-expand {
    display: none;
}
select::after {
    grid-area: select;
}
select option {
    font-size: var(--vs-font-size-16);
    font-weight: var(--vs-font-weight-400);
    color: var(--vs-secondary-font-color);
    padding: 2rem;
}
.vs-form-element-select-input-dropdown {
    width: 100%;
    height: 2.5rem;
    background: var(--vs-form-element-background-color) url(../images/icons/arrow-down-icon-black.svg) no-repeat 97% 50%!important;
    border: 0rem;
    border-bottom: 0.063rem solid var(--vs-form-element-border-color);
    padding: 0.375rem 2rem 0.375rem 0.938rem;
    font-size: var(--vs-font-size-16);
    font-weight: var(--vs-font-weight-400);
    color: var(--vs-secondary-font-color);
    box-shadow: none!important;
    -webkit-appearance: none;
}
.vs-form-element-select-input-dropdown::placeholder {
    font-size: var(--vs-font-size-16);
    color: var(--vs-secondary-font-color);
}
.vs-form-element-select-input-dropdown:focus {
    color: var(--vs-form-element-focus-text-color);
    border: 0rem;
    border-bottom: 0.125rem solid var(--vs-form-element-focus-border-color);
    z-index: unset!important;
}
.vs-form-element-select-input-dropdown[readonly] {
    background: var(--vs-form-element-readonly-background-color) url(../images/icons/arrow-down-icon-black.svg) no-repeat 97% 50%!important;
    color: var(--vs-secondary-font-color)!important;
    border-bottom: 0.063rem solid #92969A;
    border-radius: var(--vs-border-radius) var(--vs-border-radius) 0 0;
}
.vs-form-element-select-input-dropdown[disabled] {
    background: var(--vs-form-element-disabled-background-color) url(../images/icons/arrow-down-icon-black.svg) no-repeat 97% 50%!important;
    color: var(--vs-secondary-font-color)!important;
    border-bottom: 0.063rem solid #92969A;
    cursor: not-allowed!important;
    border-radius: var(--vs-border-radius) var(--vs-border-radius) 0 0;
}

/* Forms Multi Select Components */
.vs-form-element-multi-select {
    width: 100%!important;
    border: 0rem!important;
    padding: 0rem;
    font-size: var(--vs-font-size-16)!important;
    color: var(--vs-secondary-font-color)!important;
    background: var(--vs-form-element-background-color)!important;
}
.chosen-container-multi .chosen-choices {  
    width: 100%;
    height: 2.5rem;
    background: var(--vs-form-element-background-color);
    border: 0rem;
    border-bottom: 0.063rem solid var(--vs-form-element-border-color);
    padding: 0.375rem 0.938rem;
    font-size: var(--vs-font-size-16);
    font-weight: var(--vs-font-weight-400);
    color: var(--vs-secondary-font-color);
    box-shadow: none!important;
    border-radius: 0rem!important; 
     overflow-y: auto;
     letter-spacing: inherit!important;
}
.chosen-container-multi .chosen-choices {
    height: 2.5rem!important;
}
.chosen-container-multi .chosen-choices:hover {
    background: var(--vs-form-element-background-color)!important;
    border-color: var(--vs-form-element-hover-border-color)!important;
}
.chosen-container-multi .chosen-choices:focus {
    background: var(--vs-form-element-background-color)!important;
    border-color: var(--vs-form-element-focus-border-color)!important;
    box-shadow: var(--vs-form-element-focus-box-shadow)!important;
}
.chosen-container-multi .chosen-choices .search-field input[type=text] {
    font-size: var(--vs-font-size-16);
    font-style: italic;
    color: var(--vs-regular-font-color);
}
.chosen-container-multi.chosen-disabled .chosen-choices {
    background: var(--vs-form-element-disabled-background-color)!important;
    color: var(--vs-secondary-font-color)!important;
    cursor: not-allowed!important;
    opacity: inherit!important;
}
.chosen-container-multi .chosen-choices li.search-choice {
    padding: 0.25rem 1.25rem 0.25rem 0.5rem;
    margin: 0rem 1.25rem 0rem 0rem;
    border-radius: var(--vs-border-radius)!important;
    border: 0.063rem solid var(--vs-border-color);
    background: var(--vs-form-element--tag-background)!important;
    font-size: var(--vs-font-size-16)!important;
    line-height: var(--vs-font-line-height-16)!important;
    font-weight: var(--vs-font-weight-400)!important;
    color: var(--vs-secondary-font-color)!important;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    display: inline-block;
    position: absolute;
    top: 0.438rem;
    right: 0.313rem;
    width: 0.625rem;
    height: 0.625rem;
    cursor: pointer;
    background-image: url(../images/icons/close-icon-dark-gray.svg);
    background-size: 0.625rem 0.625rem;
    background-position: center center;
    background-repeat: no-repeat;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{
    background-position:inherit!important;
}
.chosen-container-multi.chosen-container .chosen-drop {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0rem;
    padding: 0rem;
    border: 0.063rem solid var(--vs-form-element-border-color);
    border-radius: var(--vs-border-radius);
    background: var(--vs-form-element-background-color);
}
.chosen-container-multi.chosen-container .chosen-drop .chosen-results {
    padding: 0rem;
}
.chosen-container-multi.chosen-container .chosen-drop .chosen-results li.active-result {
    font-size: var(--vs-font-size-16);
    line-height: var(--vs-font-line-height-16);
    font-weight: var(--vs-font-weight-400);
    color: var(--vs-secondary-font-color);
    text-transform: inherit!important;
    border: 0rem;
    padding: 0.625rem;
}
.chosen-container-multi.chosen-container .chosen-drop .chosen-results li.active-result.highlighted {
    background: var(--vs-primary-color)!important;
    color: var(--vs-white-font-color)!important;
}

/* ---chosen-container chosen-container-single ------*/
.chosen-container.chosen-container-single {      
    border: 0rem;  
    font-size: var(--vs-font-size-16);
    font-weight: var(--vs-font-weight-400);
    color: var(--vs-secondary-font-color);
    box-shadow: none!important;
    border-radius: 0rem!important;  
}
.chosen-container.chosen-container-single .chosen-single {  
    width: 100%;
    height: 2.5rem;
    background: var(--vs-form-element-background-color) url(../images/icons/arrow-down-icon-black.svg) no-repeat 97% 50%!important;
    border: 0rem;
    border-bottom: 0.063rem solid var(--vs-form-element-border-color);
    padding: 0.375rem 0.938rem;
    font-size: var(--vs-font-size-16);
    font-weight: var(--vs-font-weight-400);
    color: var(--vs-secondary-font-color);
    box-shadow: none!important;
    border-radius: 0rem!important;  
}
.chosen-container.chosen-container-single .chosen-single {
    height: 2.5rem!important;
}
.chosen-container-single .chosen-single div b{display: none;}

.chosen-container.chosen-container-single .chosen-single:hover {
    background: var(--vs-form-element-background-color) url(../images/icons/arrow-down-icon-black.svg) no-repeat 97% 50%!important!important;
    border-color: var(--vs-form-element-hover-border-color)!important;
}
.chosen-container.chosen-container-single .chosen-single:focus {
   background: var(--vs-form-element-background-color) url(../images/icons/arrow-down-icon-black.svg) no-repeat 97% 50%!important!important;
    border-color: var(--vs-form-element-focus-border-color)!important;
    box-shadow: var(--vs-form-element-focus-box-shadow)!important;
}
.chosen-container.chosen-container-single .chosen-search input[type=text] {
    font-size: var(--vs-font-size-16);
    font-style: italic;
    color: var(--vs-regular-font-color);
}
.chosen-container-multi.chosen-disabled .chosen-choices {
    background: var(--vs-form-element-disabled-background-color)!important;
    color: var(--vs-secondary-font-color)!important;
    cursor: not-allowed!important;
    opacity: inherit!important;
}
.chosen-container.chosen-container-single .chosen-search input[type=text] {
    padding: 0.25rem 1.25rem 0.25rem 0.5rem;
    border-radius: var(--vs-border-radius)!important;
    border: 0.063rem solid var(--vs-border-color);
    background: var(--vs-form-element--tag-background)!important;
    font-size: var(--vs-font-size-16)!important;
    line-height: var(--vs-font-line-height-16)!important;
    font-weight: var(--vs-font-weight-400)!important;
    color: var(--vs-secondary-font-color)!important;
} 
.chosen-container.chosen-container-single .chosen-drop {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0rem;
    padding: 0rem;
    border: 0.063rem solid var(--vs-form-element-border-color);
    border-radius: var(--vs-border-radius);
    background: var(--vs-form-element-background-color);
}
.chosen-container.chosen-container-single .chosen-drop .chosen-results {
    padding: 0rem;
}
.chosen-container.chosen-container-single .chosen-drop .chosen-results li.active-result {
    font-size: var(--vs-font-size-16);
    line-height: var(--vs-font-line-height-16);
    font-weight: var(--vs-font-weight-400);
    color: var(--vs-secondary-font-color);
    text-transform: inherit!important;
    border: 0rem;
    padding: 0.625rem;
}
.chosen-container.chosen-container-single .chosen-drop .chosen-results li.active-result.highlighted {
    background: var(--vs-primary-color)!important;
    color: var(--vs-white-font-color)!important;
}
/* Forms File Upload Components */

.vs-form-element-file-upload {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 2.5rem;
    padding: 0.375rem 0.625rem 0.375rem 0.313rem;
    background-color: var(--vs-form-element-background-color);
    border-radius: var(--vs-border-radius);
    border: 0.063rem solid var(--vs-form-element-border-color);
    color: var(--vs-secondary-font-color)!important;
    font-size: var(--vs-font-size-16);
    font-weight: var(--vs-font-weight-400);
}
input[type=file].vs-form-element-file-upload::file-selector-button {
    width: 7.5rem;
    margin: 0 1rem 0 0;
    border: none;
    background: url(../images/icons/select-file-btn.svg) no-repeat;
    background-size: 100%;
    cursor: pointer;
    color: rgba(0, 0, 0, 0);
}
.vs-form-element-file-upload::placeholder {
    font-size: var(--vs-font-size-16);
    color: var(--vs-regular-font-color);
}
.vs-form-element-file-upload:hover {
    /*  background: var(--vs-form-element-background-color);*/
    border-color: var(--vs-form-element-border-color);
}
.vs-form-element-file-upload:focus {
    /*  background: var(--vs-form-element-background-color);*/
    border-color: var(--vs-form-element-focus-border-color);
    z-index: unset!important;
}
.vs-form-element-file-upload[readonly] {
    background: var(--vs-form-element-readonly-background-color)!important;
    color: var(--vs-secondary-font-color)!important;
}
.vs-form-element-file-upload[disabled] {
    background: var(--vs-form-element-disabled-background-color)!important;
    color: var(--vs-secondary-font-color)!important;
    cursor: not-allowed!important;
}
.vs-form-element-file-upload {
    background: #fff url(../images/icons/close-icon-dark-gray.svg) no-repeat right -0.625rem center;
}
/* Checkbox Components */

input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--vs-transparent-background-color);
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 1.25rem;
    height: 1.25rem;
    border: 0.063rem solid var(--vs-form-element-checkbox-border-color);
    border-radius: var(--vs-border-radius);
    transform: translateY(0.3rem);
    display: inline-grid;
    place-content: center;
}
input[type="checkbox"]::before {
    content: "";
    width: 1.25rem;
    height: 1.25rem;
    background: url(../images/icons/checkbox-tick.svg) no-repeat center center;
    transform: scale(0);
    border-radius: var(--vs-border-radius);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    background-color: var(--vs-primary-color);
}
input[type="checkbox"]:checked::before {
    transform: scale(1);
}
input[type="checkbox"]:focus {
    outline: max(2px, 0.15em) solid currentColor;
    outline-offset: max(2px, 0.15em);
}
input[type="checkbox"]:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}
/* Radio Buttons */

input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--vs-transparent-background-color);
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 1.25rem;
    height: 1.25rem;
    border: 0.063rem solid var(--vs-form-element-radio-border-color);
    border-radius: 50%;
    transform: translateY(0.3rem);
    display: inline-grid;
    place-content: center;
}
input[type="radio"]::before {
    content: "";
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    background: var(--vs-transparent-background-color);
    border: 0.313rem solid var(--vs-primary-color);
}
input[type="radio"]:checked::before {
    transform: scale(1);
}
input[type="radio"]:focus {
    outline: max(2px, 0.15em) solid currentColor;
    outline-offset: max(2px, 0.15em);
}
input[type="radio"]:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}
.spacingredio {
    padding: 0 0.938rem 0 0;
    float: left;
    height: 2.5rem;
    font-size: var(--vs-font-size-16);
    line-height: var(--vs-font-line-height-16);
    font-weight: var(--vs-font-weight-400);
    color: var(--vs-secondary-font-color);
}
/* Navigation Menu Components */

.addHeader {
    top: 0rem!important;
    box-shadow: var(--vs-navigation-menu-box-shadow)!important;
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0rem;
    padding: 0rem;
    background: var(--vs-white-background-color);
    box-shadow: var(--vs-navigation-menu-box-shadow);
    position: fixed;
    top: 0rem;
    bottom: auto;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    z-index: 1000;
    overflow: visible;
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container .site-nav.vs-navigation-menu {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0rem;
    padding: 0rem 0.625rem;
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container .site-nav.vs-navigation-menu .vs-brand-logo {
    float: var(--vs-float-left);
    width: auto;
    margin: 0rem 1.5rem 0rem 0rem;
    padding: 0rem;
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container .site-nav.vs-navigation-menu .vs-brand-logo img {
    float: left;
    height: 3.4rem;
    margin: 0.313rem 0.625rem 0.313rem 0;
    padding: 0rem;
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container .site-nav.vs-navigation-menu .nav-list.vs-nav-list {
    float: var(--vs-float-left);
    margin: 0rem;
    padding: 0rem;
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container .site-nav.vs-navigation-menu .nav-list.vs-nav-list li {
    float: var(--vs-float-left);
    margin: 0rem;
    padding: 0rem;
    position: relative;
    list-style: none;
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container .site-nav.vs-navigation-menu .nav-list.vs-nav-list li a {
    float: var(--vs-float-left);
    margin: 0rem;
    padding: 0rem;
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container .site-nav.vs-navigation-menu .nav-list.vs-nav-list li a span.text {
    float: var(--vs-float-left);
    margin: 0rem;
    padding: 1.5rem 0.938rem;
    font-size: var(--vs-font-size-16);
    font-weight: var(--vs-font-weight-400);
    color: var(--vs-secondary-font-color);
    line-height: var(--vs-font-line-height-16);
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container .site-nav.vs-navigation-menu .nav-list.vs-nav-list li a:hover span.text {
    /*background: rgba(45, 204, 211, 0.15);*/
    color: var(--vs-primary-font-color);
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container .site-nav.vs-navigation-menu .nav-list.vs-nav-list li a.vs-active-nav span.text {
    color: var(--vs-primary-font-color);
    font-weight: var(--vs-font-weight-500);
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container .site-nav.vs-navigation-menu .nav-list.vs-nav-list li a.vs-active-nav span.text .arrow {
    color: var(--vs-primary-color);
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container .site-nav.vs-navigation-menu .nav-list.vs-nav-list li a.vs-active-nav:before {
    content: '';
    width: 100%;
    height: 0.188rem;
    background: var(--vs-primary-color);
    position: absolute;
    bottom: 0rem;
    left: 0rem;
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container .site-nav.vs-navigation-menu .nav-list.vs-nav-list li a span.text .arrow {
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin: 0 0 0 0.313rem;
    padding: 0rem;
    font-size: var(--vs-font-size-12);
    color: var(--vs-secondary-font-color);
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container .site-nav.vs-navigation-menu .nav-list.vs-nav-list li a:hover span.text .arrow {
    color: var(--vs-primary-color);
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container .site-nav.vs-navigation-menu .nav-list.vs-nav-list li .vs-navigation-menu-dropdown {
    display: none;
    position: absolute;
    left: 0;
    top: 3.563rem;
    transition: opacity .5s ease, top .4s ease;
    background: var(--vs-white-background-color);
    box-shadow: inset 0px 3px 10px 0px rgba(171, 171, 171, 0.25);
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container .site-nav.vs-navigation-menu .nav-list.vs-nav-list li .vs-navigation-menu-dropdown.vs-dropdown-right-open {
    display: none;
    position: absolute;
    right: 0.313rem;
    left: auto;
    top: 3.563rem;
    transition: opacity .5s ease, top .4s ease;
    background: var(--vs-white-background-color);
    box-shadow: inset 0px 3px 10px 0px rgba(171, 171, 171, 0.25);
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container .site-nav.vs-navigation-menu .nav-list.vs-nav-list li:hover .vs-navigation-menu-dropdown {
    display: block;
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container .site-nav.vs-navigation-menu .nav-list.vs-nav-list li .vs-navigation-menu-dropdown .vs-navigation-menu-dropdown-container {
    float: var(--vs-float-left);
    min-width: 17.188rem;
    background-image: linear-gradient(#f9f9f9, #fff);
    box-shadow: 0px 5px 10px rgba(171, 171, 171, 0.25);
    border-radius: 0rem 0rem var(--vs-border-radius) var(--vs-border-radius);
    margin: 0.625rem 0 0 0;
    padding: 0 0 0.625rem 0;
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container .site-nav.vs-navigation-menu .nav-list.vs-nav-list li .vs-navigation-menu-dropdown .vs-navigation-menu-dropdown-container li {
    float: var(--vs-float-left);
    width: 100%;
    padding: 0rem;
    margin: 0rem;
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container .site-nav.vs-navigation-menu .nav-list.vs-nav-list li .vs-navigation-menu-dropdown .vs-navigation-menu-dropdown-container li a {
    float: var(--vs-float-left);
    width: 100%;
    padding: 0.938rem 1.25rem;
    margin: 0rem;
    font-size: var(--vs-font-size-16);
    font-weight: var(--vs-font-weight-400);
    color: var(--vs-secondary-font-color);
    line-height: var(--vs-font-line-height-16);
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container .site-nav.vs-navigation-menu .nav-list.vs-nav-list li .vs-navigation-menu-dropdown .vs-navigation-menu-dropdown-container li a:hover {
    color: var(--vs-primary-color);
    text-decoration: none;
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container .site-nav.vs-navigation-menu .nav-list.vs-nav-list.vs-nav-icon-list {
    float: var(--vs-float-right)!important;
    margin: 0.938rem 0 0 0;
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container .site-nav.vs-navigation-menu .nav-list.vs-nav-list.vs-nav-icon-list li {
    float: var(--vs-float-left);
    margin: 0rem;
    padding: 0rem;
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container .site-nav.vs-navigation-menu .nav-list.vs-nav-list.vs-nav-icon-list li a.vs-nav-icon {
    float: var(--vs-float-left);
    margin: 0rem;
    padding: 0.625rem 0.75rem;
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container .site-nav.vs-navigation-menu .nav-list.vs-nav-list.vs-nav-icon-list li a.vs-nav-icon:hover {
    background: var(--vs-primary-color);
    border-radius: 100%;
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container .site-nav.vs-navigation-menu .nav-list.vs-nav-list.vs-nav-icon-list li a.vs-nav-icon.vs-no-hover:hover {
    background: var(--vs-transparent-background-color)!important;
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container .site-nav.vs-navigation-menu .nav-list.vs-nav-list.vs-nav-icon-list li a.vs-nav-icon.vs-no-hover:hover img {
    filter: inherit!important;
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container .site-nav.vs-navigation-menu .nav-list.vs-nav-list.vs-nav-icon-list li a.vs-nav-icon:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(238deg) brightness(105%) contrast(102%);
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container .site-nav.vs-navigation-menu .nav-list.vs-nav-list.vs-nav-icon-list li a.vs-nav-icon img {
    float: var(--vs-float-left);
    height: 1rem;
    margin: 0rem;
    padding: 0rem;
    position: relative;
}
.app .main-container.nav-horizontal .nav-wrap.vs-navigation-menu-container .site-nav.vs-navigation-menu .nav-list.vs-nav-list.vs-nav-icon-list li a span.vs-font-family-arabic {
    float: var(--vs-float-left);
    margin: -0.3rem 0 0 0.5rem;
    color: var(--vs-secondary-font-color);
    font-size: var(--vs-font-size-16);
    line-height: var(--vs-font-line-height-16);
    font-weight: var(--vs-font-weight-400);
}
/* Page Inner Heading Components */

.vs-page-inner-heading {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0rem;
    padding: 1.25rem 0.625rem;
    background: var(--vs-white-background-color);
}
.vs-page-inner-heading h1 {
    float: var(--vs-float-left);
    font-size: var(--vs-font-size-32);
    line-height: var(--vs-font-line-height-32);
    font-weight: var(--vs-font-weight-300)!important;
    color: var(--vs-primary-font-color);
    margin: 0rem;
    padding: 0rem;
    background: var(--vs-white-background-color);
}
.vs-page-inner-heading .vs-icon-section {
    float: var(--vs-float-right);
    margin: 0rem;
    padding: 0rem;
}
.vs-page-inner-heading .vs-icon-section img.filter-icon {
    width: 0.875rem;
    height: 0.688rem;
    margin: 0rem;
    padding: 0rem;
}
/* Tooltip Components */

.tooltip-inner {
    background-color: #3A4046;
    /*    box-shadow: 0px 0px 4px black;*/
    padding: 0.375rem 0.625rem;
    border-radius: 0.25rem;
    font-size: var(--vs-font-size-12);
    line-height: var(--vs-font-line-height-16);
    font-weight: var(--vs-font-weight-300);
    text-transform: none!important;
}
/* Table Components */

table.vs-table {
    float: var(--vs-float-left);
    width: 100%!important;
    margin: 0rem;
    padding: 0rem;
    background: var(--vs-table-background-color);
    border: 0rem;
    border-collapse: separate;
    border-spacing: 0 0.625rem;
}
table.vs-table tr th {
    padding: 0.625rem 1.563rem;
    margin: 0rem;
    color: var(--vs-light-font-color);
    font-size: var(--vs-font-size-14);
    font-weight: var(--vs-font-weight-600);
    background-color: var(--vs-white-background-color);
    border-bottom: 0.125rem solid #DBDCDD;
}
table.vs-table tr td {
    padding: 0.625rem 1.563rem;
    margin: 0rem;
    color: var(--vs-secondary-font-color);
    font-size: var(--vs-font-size-16);
    font-weight: var(--vs-font-weight-400);
    border: 0rem;
}
table.vs-table tr td .vs-status-tag {
    margin: 0.25rem 0.625rem!important;
}
table.vs-table tr td span, p {
    padding: 0;
    margin: 0;
}
table.vs-table tr:hover {
    outline: 0.063rem solid var(--vs-primary-light-color);
    outline-offset: -0.063rem;
}
table.vs-table tr:last-child:hover {
    outline: 0!important;
}
table.vs-table tr:nth-child(even) {
    background: var(--vs-table-rows-odd-background-color);
}
/*table.vs-table tr:nth-child(odd) td{ 
    font-weight: var(--vs-font-weight-500);
}*/

table.vs-table tr:nth-child(odd) td p {
    font-weight: var(--vs-font-weight-500)!important;
    color: var(--vs-secondary-font-color)!important;
}
table.vs-table tr.vs-table-search-section {
    background: var(--vs-white-background-color)!important;
}
table.vs-table tr.vs-table-search-section td {
    padding: 1.25rem 0.313rem;
}
table.vs-table tr.vs-table-search-section td .vs-form-element-text-input {
    padding: 0.375rem 1.375rem 0.375rem 0.313rem;
}
table.vs-table tr.vs-table-search-section td .vs-table-search-section-btn-col {
    float: var(--vs-float-left);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
table.vs-table tr.vs-table-search-section td .vs-table-search-section-btn-col {
    float: var(--vs-float-left);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
table.vs-table tr td .vs-table-action-btn-col {
    float: var(--vs-float-left);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
table.vs-table tr.vs-table-search-section td .vs-form-element-text-input.vs-form-element-date-picker {
    background-position: 95%;
}
span.shortFont .fa {
    float: right;
    line-height: initial;
}
.fa-caret-up:before {
    float: right;
    line-height: initial;
    content: ''!important;
    width: 1.25rem;
    height: 1.25rem;
    background: url('../images/icons/sort-up-arrow-icon-black.svg') no-repeat!important;
    filter: brightness(0) saturate(100%) invert(74%) sepia(97%) saturate(546%) hue-rotate(140deg) brightness(87%) contrast(89%);
}
.fa-sort-down:before, .fa-sort-desc:before {
    float: right;
    line-height: initial;
    content: ''!important;
    width: 1.25rem;
    height: 1.25rem;
    background: url('../images/icons/sort-down-arrow-icon-black.svg') no-repeat!important;
    filter: brightness(0) saturate(100%) invert(74%) sepia(97%) saturate(546%) hue-rotate(140deg) brightness(87%) contrast(89%);
}
table.dataTable thead .sorting_asc:after {
    float: right;
    line-height: initial;
    content: ''!important;
    width: 1.25rem;
    height: 1.25rem;
    bottom: 10px!important;
    right: 0px!important;
    background: url('../images/icons/sort-up-arrow-icon-black.svg') no-repeat!important;
    filter: brightness(0) saturate(100%) invert(74%) sepia(97%) saturate(546%) hue-rotate(140deg) brightness(87%) contrast(89%);
}
table.dataTable thead .sorting_desc:after {
    float: right;
    line-height: initial;
    content: ''!important;
    width: 1.25rem;
    height: 1.25rem;
    bottom: 10px!important;
    right: 0px!important;
    background: url('../images/icons/sort-down-arrow-icon-black.svg') no-repeat!important;
    filter: brightness(0) saturate(100%) invert(74%) sepia(97%) saturate(546%) hue-rotate(140deg) brightness(87%) contrast(89%);
}
table.dataTable thead .sorting:after {
    float: right;
    line-height: initial;
    content: ''!important;
    width: 1.25rem;
    height: 1.25rem;
    margin: 0 0 0 0.2rem;
    bottom: 10px!important;
    right: 0px!important;
    background: url('../images/icons/sort-up-down-arrow-icon-black.svg') no-repeat!important;
    filter: brightness(0) saturate(100%) invert(74%) sepia(97%) saturate(546%) hue-rotate(140deg) brightness(87%) contrast(89%);
}
/* Table Action Dropdown Menu */

.dropdown-toggle::after {
    display: none!important;
}
.dropdown:hover .dropdown-menu {
    display: block;
    margin: 0!important;
}
.dropdown.vs-table-action-dropdown-menu {
    padding: 0rem;
    margin: 0rem;
}
.dropdown.vs-table-action-dropdown-menu .dropdown-menu {
    min-width: 11.25rem;
    max-width: 21.875rem;
    padding: 0.625rem!important;
    margin: 0rem!important;
    border: 0.063rem solid var(--vs-table-action-dropdown-menu-border-color)!important;
    background: var(--vs-table-action-dropdown-menu-background-color)!important;
    border-radius: var(--vs-border-radius);
    box-shadow: var(--vs-table-action-dropdown-menu-box-shadow)!important;
   /* right: -1.25rem!important; */
   top: 68%;
   min-height: 10px;
   bottom: auto;
}
.dropdown.vs-table-action-dropdown-menu .dropdown-menu ul {
    float: var(--vs-float-left);
    width: 100%;
    padding: 0.313rem 0!important;
    margin: 0rem;
    max-height: 12.5rem;
    overflow-y: auto;
}
.dropdown.vs-table-action-dropdown-menu .dropdown-menu ul li {
    float: var(--vs-float-left);
    width: 100%;
    padding: 0rem;
    margin: 0rem;
    list-style-type: none;
}
.dropdown.vs-table-action-dropdown-menu .dropdown-menu ul li a {
    float: var(--vs-float-left);
    width: 100%;
    padding: 0.25rem 1rem;
    margin: 0rem;
    white-space: nowrap;
    font-size: var(--vs-font-size-14);
    color: var(--vs-secondary-font-color);
    font-weight: var(--vs-font-weight-400);
}
.dropdown.vs-table-action-dropdown-menu .dropdown-menu ul li a:hover {
    border-radius: var(--vs-border-radius);
    background: var(--vs-table-action-dropdown-menu-list-hover-background-color)!important;
    text-decoration: none;
}
/* Dropdown Menu Scrollbar width */

.dropdown.vs-table-action-dropdown-menu .dropdown-menu ul::-webkit-scrollbar {
    width: 0.25rem;
    margin: 0.625rem;
}
/* Dropdown Menu Scrollbar Track */

.dropdown.vs-table-action-dropdown-menu .dropdown-menu ul::-webkit-scrollbar-track {
    border-radius: 1.563rem;
    background: #DBDCDD;
}
/* Dropdown Menu Scrollbar Handle */

.dropdown.vs-table-action-dropdown-menu .dropdown-menu ul::-webkit-scrollbar-thumb {
    background: #B6B9BC;
    border-radius: 0.625rem;
}
/* Dropdown Menu Scrollbar Handle on hover */

.dropdown.vs-table-action-dropdown-menu .dropdown-menu ul::-webkit-scrollbar-thumb:hover {
    background: #B6B9BC;
}
/*.dropdown.vs-table-action-dropdown-menu.open>.dropdown-menu {
    display: block;
    position: absolute;
    left: -10rem;
} */

/* Pagination */

.vs-pagination-section {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0rem;
    padding: 2.5rem 1.25rem;
    background: var(--vs-white-background-color)!important;
}
.vs-pagination-page-counter-column {
    float: var(--vs-float-left);
    width: 30%;
    margin: 0rem;
    padding: 0rem;
}
.vs-pagination-page-select-dropdown {
    width: 100%;
    height: 2.5rem;
    background: var(--vs-form-element-background-color);
    border-radius: var(--vs-border-radius);
    border-color: var(--vs-form-element-border-color);
    border-width: 0.063rem;
    border-style: solid;
    margin: 0 0 0 0.625rem;
    padding: 0.375rem 1.875rem 0.375rem 0.75rem;
    font-size: var(--vs-font-size-16);
    font-weight: var(--vs-font-weight-400);
    color: var(--vs-secondary-font-color);
}
.vs-pagination-page-select-dropdown::placeholder {
    font-size: var(--vs-font-size-16);
    color: var(--vs-regular-font-color);
}
.vs-pagination-page-select-dropdown:hover {
    /*  background: var(--vs-form-element-background-color);*/
    border-color: var(--vs-form-element-hover-border-color);
}
.vs-pagination-page-select-dropdown:focus {
    /*  background: var(--vs-form-element-background-color);*/
    border-color: var(--vs-form-element-focus-border-color);
    box-shadow: var(--vs-form-element-focus-box-shadow);
    z-index: unset!important;
}
.vs-pagination-column {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0rem;
    padding: 0rem;
    text-align: right;
}
.vs-pagination {
    float: var(--vs-float-left);
    margin: 0rem;
    padding: 0rem;
    border: 0rem;
    border-radius: var(--vs-border-radius);
}
.vs-pagination .link {
    float: var(--vs-float-left);
    width: 2.125rem;
    height: 2.125rem;
    text-align: center;
    padding: 0.625rem 0rem;
    margin: 0rem;
    border: 0rem;
    color: var(--vs-secondary-font-color);
    font-size: var(--vs-font-size-14);
    line-height: var(--vs-font-line-height-14);
    font-weight: var(--vs-font-weight-400);
}
.vs-pagination .link.current {
    float: var(--vs-float-left);
    width: 2.125rem;
    height: 2.125rem;
    text-align: center;
    padding: 0.625rem 0rem;
    margin: 0rem;
    border: 0rem;
    color: var(--vs-white-font-color);
    background: var(--vs-primary-color);
    border-radius: 100%;
}
.vs-pagination .link:hover {
    float: var(--vs-float-left);
    width: 2.125rem;
    height: 2.125rem;
    text-align: center;
    padding: 0.625rem 0rem;
    margin: 0rem;
    border: 0rem;
    color: var(--vs-white-font-color)!important;
    background: var(--vs-primary-color);
    border-radius: 100%;
}
.vs-pagination .link.disabled {
    float: var(--vs-float-left);
    padding: 0.625rem 0.938rem;
    margin: 0rem;
    border: 0rem;
    cursor: not-allowed;
}
.vs-pagination .dot {
    float: var(--vs-float-left);
    padding: 0.625rem 0.938rem;
    margin: 0rem;
    border: 0rem;
    background: transparent;
}
/* Data Table Pagination */

.dataTables_length {
    float: var(--vs-float-right);
    margin: 2.5rem 1.25rem!important;
    padding: 0rem;
}
.dataTables_length select {
    width: 100%;
    height: 2.5rem;
    background: var(--vs-form-element-background-color);
    border: 0rem;
    border-bottom: 0.063rem solid var(--vs-form-element-border-color);
    padding: 0.375rem 0.938rem;
    font-size: var(--vs-font-size-16);
    font-weight: var(--vs-font-weight-400);
    color: var(--vs-secondary-font-color);
    box-shadow: none!important;
}
.dataTables_info {
    float: var(--vs-float-right);
    margin: 2.5rem 1.25rem!important;
    padding: 0rem;
}
.dataTables_paginate {
    float: var(--vs-float-left)!important;
    margin: 2.5rem 1.25rem!important;
    padding: 0rem!important;
}

.dataTables_paginate a {
    width: 2.125rem;
    height: 2.125rem;
    text-align: center;
    padding: 0.625rem 0rem;
    display: inline-block;    
    background: #fff;
    color: var(--vs-secondary-font-color);
    font-size: var(--vs-font-size-14);
    line-height: var(--vs-font-line-height-14);
    font-weight: var(--vs-font-weight-400);
    cursor: pointer;
    border: 0rem!important;
}
.dataTables_paginate a.paginate_button.previous { 
    width: 2.125rem;
    height: 2.125rem;
    text-align: center;
    padding: 0.625rem 0rem;
    display: inline-block;    
    background: #fff;
    color: var(--vs-secondary-font-color);
    font-size: var(--vs-font-size-14);
    line-height: var(--vs-font-line-height-14);
    font-weight: var(--vs-font-weight-400);
    cursor: pointer;
    border: 0rem!important;
}
.dataTables_paginate a.paginate_button.next { 
    width: 2.125rem;
    height: 2.125rem;
    text-align: center;
    padding: 0.625rem 0rem;
    display: inline-block;    
    background: #fff;
    color: var(--vs-secondary-font-color);
    font-size: var(--vs-font-size-14);
    line-height: var(--vs-font-line-height-14);
    font-weight: var(--vs-font-weight-400);
    cursor: pointer;
    border: 0rem!important;
}
 
.dataTables_paginate a:hover { 
    width: 2.125rem;
    height: 2.125rem;
    text-align: center;
    padding: 0.625rem 0rem;
    margin: 0rem;
    border: 0rem;
    color: var(--vs-white-font-color);
    background: var(--vs-primary-color);
    border-radius: 100%!important;
}
.dataTables_paginate a.current { 
    width: 2.125rem;
    height: 2.125rem;
    text-align: center;
    padding: 0.625rem 0rem;
    margin: 0rem;
    border: 0rem;
    color: var(--vs-white-font-color);
    background: var(--vs-primary-color);
    border-radius: 100%!important;
}
/* Status Tags */

.vs-status-tag {
    float: left;
    width: 0.938rem;
    height: 0.938rem;
    border-radius: 100%;
    margin: 0rem 0.625rem 0 0!important;
    padding: 0rem;
}
.vs-status-text {
    float: left;
    margin: 0rem!important;
    padding: 0rem;
    color: var(--vs-primary-font-color);
    font-size: var(--vs-font-size-16);
    line-height: var(--vs-font-line-height-16);
    font-weight: var(--vs-font-weight-400);
}

/* Alert Toast Notification */
.vs-alert {
    position: relative;
    padding: 1rem 2rem 1rem 1rem;
    margin:0rem;
    border: 0rem;
    font-size: var(--vs-font-size-14);
    font-weight: var(--vs-font-weight-300);
    border-radius: var(--vs-border-radius);
    box-shadow: 0px 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    align-items: center;
}
.vs-alert img {
    float: var(--vs-float-left);
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 1rem 0 0;
    padding: 0rem;
}
.vs-alert-heading {
    display: block;
    font-size: var(--vs-font-size-20);
    font-weight: var(--vs-font-weight-300);
}
.vs-alert-success {
    color: var(--vs-white-font-color);
    background: var(--vs-primary-color) url(../images/icons/success-tick-circle-icon-white.svg) no-repeat 97% center;
    background-size: 1.4rem;
}
.vs-alert-danger {
    color: var(--vs-white-font-color);
    background: var(--vs-alert-danger-background-color) url(../images/icons/info-exclamation-circle-icon-white.svg) no-repeat 97% center;
    background-size: 1.4rem;
}
.vs-alert-warning {
    color: var(--vs-secondary-font-color);
    background-color: var(--vs-alert-warning-background-color);
}
.vs-alert-info {
    color: var(--vs-white-font-color);
    background-color: var(--vs-alert-info-background-color);
}
/* Horizontal Tabs Components */

.vs-h-tabs-container {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0rem;
    padding: 0rem;
}
ul.vs-h-tabs-navbar {
    float: var(--vs-float-left);
    width: 100%!important;
    margin: 0rem;
    padding: 0rem;
    background: var(--vs-white-background-color)!important;
    cursor: default!important;
}
.vs-h-tabs-container .vs-h-tabs-navbar.fixed-navbar {
    position: fixed;
    background: var(--vs-white-background-color)!important;
    cursor: default!important;
    inset-block-start: 20%;
    inset-inline-start: 0;
    z-index: 9;
    transition-delay: 1s;
}
.vs-h-tabs-container .vs-h-tabs-navbar.vs-tabs-navbar-details-page.fixed-navbar.fixed-navbar-details-page {
    position: fixed;
    background: var(--vs-white-background-color)!important;
    cursor: default!important;
    inset-block-start: 23%;
    inset-inline-start: 0;
    z-index: 9;
    transition-delay: 1s;
}
ul.vs-h-tabs-navbar li.nav-item {
    float: var(--vs-float-left);
    margin: 0 1.25rem!important;
    padding: 0rem!important;
    border: 0rem!important;
    position: relative;
}
ul.vs-h-tabs-navbar li.nav-item a.nav-link {
    float: var(--vs-float-left);
    margin: 0rem!important;
    padding: 0.938rem!important;
    border: 0rem!important;
    color: var(--vs-regular-font-color);
    font-size: var(--vs-font-size-20);
    line-height: var(--vs-font-line-height-20);
    font-weight: var(--vs-font-weight-300);
}
ul.vs-h-tabs-navbar li.nav-item:hover a.nav-link {
    background: rgba(45, 204, 211, 0.15)!important;
    color: var(--vs-secondary-font-color)!important;
    font-weight: var(--vs-font-weight-300)!important;
}
ul.vs-h-tabs-navbar li.nav-item a.nav-link .tab-nav-counter {
    float: var(--vs-float-right);
    padding: 0.25rem 0.625rem;
    margin: 0 0 0 0.313rem;
    font-size: var(--vs-font-size-14);
    line-height: var(--vs-font-line-height-14);
    font-weight: var(--vs-font-weight-400);
    background: var(--vs-primary-light-color);
    color: var(--vs-secondary-font-color);
    border-radius: 1.875rem;
}
ul.vs-h-tabs-navbar li.nav-item.active:hover a.nav-link {
    font-weight: var(--vs-font-weight-500)!important;
    background: var(--vs-transparent-background-color)!important;
}
ul.vs-h-tabs-navbar li.nav-item.active a.nav-link {
    color: var(--vs-primary-font-color);
    font-weight: var(--vs-font-weight-500);
    background: var(--vs-transparent-background-color);
}
ul.vs-h-tabs-navbar li.nav-item.active a.nav-link:before {
    content: '';
    width: 100%;
    height: 0.25rem;
    background: var(--vs-primary-color);
    position: absolute;
    bottom: -0.1rem;
    left: 0rem;
}
.vs-h-tabs-content {
    float: left!important;
    width: 100%!important;
    margin: 0rem;
    padding: 0rem;
    border: 0rem!important;
    background: var(--vs-white-background-color)!important;
}
/*.vs-h-tabs-content .vs-form-element-container .form-group {
    padding-bottom: var(--vs-padding-bottom-30);
    margin: var(--vs-margin-all-0)!important;
}*/

.scrtabs-tab-scroll-arrow {
    display: none;
}
/* All Dropdown Menu */

.dropdown.vs-dropdown-menu {
    padding: 0rem;
    margin: 0rem;
}
.dropdown.vs-dropdown-menu .dropdown-menu {
    min-width: 11.25rem;
    max-width: 21.875rem;
    padding: 0.625rem!important;
    margin: 0rem!important;
    border: 0.063rem solid var(--vs-table-action-dropdown-menu-border-color)!important;
    background: var(--vs-table-action-dropdown-menu-background-color)!important;
    border-radius: var(--vs-border-radius);
    box-shadow: var(--vs-table-action-dropdown-menu-box-shadow)!important;
}
.dropdown.vs-dropdown-menu .dropdown-menu ul {
    float: var(--vs-float-left);
    width: 100%;
    padding: 0.313rem 0!important;
    margin: 0rem;
    max-height: 12.5rem;
    overflow-y: auto;
}
.dropdown.vs-dropdown-menu .dropdown-menu ul li {
    float: var(--vs-float-left);
    width: 100%;
    padding: 0rem;
    margin: 0rem;
    list-style-type: none;
}
.dropdown.vs-dropdown-menu .dropdown-menu ul li a {
    float: var(--vs-float-left)!important;
    width: 100%!important;
    padding: 0.25rem 1rem!important;
    margin: 0rem!important;
    white-space: nowrap!important;
    font-size: var(--vs-font-size-14)!important;
    line-height: var(--vs-font-line-height-22)!important;
    color: var(--vs-secondary-font-color)!important;
    font-weight: var(--vs-font-weight-400)!important;
}
.dropdown.vs-dropdown-menu .dropdown-menu ul li a:hover {
    border-radius: var(--vs-border-radius)!important;
    background: var(--vs-dropdown-menu-list-hover-background-color)!important;
    text-decoration: none!important;
}
.main-container.nav-horizontal .nav-wrap .site-nav ul.nav-list.icon-section-header>li .dropdown.vs-dropdown-menu .dropdown-menu ul li a {
    padding: 0.25rem 1rem!important;
}
/* width */

.dropdown.vs-dropdown-menu .dropdown-menu ul::-webkit-scrollbar {
    width: 0.25rem;
    margin: 0.625rem;
}
/* Track */

.dropdown.vs-dropdown-menu .dropdown-menu ul::-webkit-scrollbar-track {
    border-radius: 1.563rem;
    background: #DBDCDD;
    margin: 0.625rem;
}
/* Handle */

.dropdown.vs-dropdown-menu .dropdown-menu ul::-webkit-scrollbar-thumb {
    background: #B6B9BC;
    border-radius: 0.625rem;
}
/* Handle on hover */

.dropdown.vs-dropdown-menu .dropdown-menu ul::-webkit-scrollbar-thumb:hover {
    background: #B6B9BC;
}
/* No Result Found Start */

.no-result-found-section {
    background: transparent!important;
}
.no-result-found {
    float: var(--vs-float-left);
    width: 100%;
    margin: 3.125rem 0;
    padding: 0rem;
    text-align: center;
}
.no-result-found img {
    width: 10%;
    margin: 0rem;
    padding: 0rem;
}
.no-result-found h6 {
    float: var(--vs-float-left);
    width: 100%;
    text-align: center;
    font-family: var(--vs-font-family)!important;
    font-size: var(--vs-font-size-24)!important;
    line-height: var(--vs-font-line-height-16);
    font-weight: var(--vs-font-weight-400);
    color: var(--vs-primary-light-color);
    margin: 1.25rem 0 0 0;
    padding: 0rem;
}
/* No Result Found End */

/* Accordion */

.vs-accordion-section {
    float: var(--vs-float-left);
    width: 100%;
    padding: 0rem;
    margin: 0rem;
}
.vs-accordion-section .accordion {
    float: var(--vs-float-left);
    width: 100%;
    padding: 0rem;
    margin: 0rem;
}
.vs-accordion-section .accordion .card.vs-accordion-card {
    float: var(--vs-float-left);
    width: 100%;
    padding: 0rem;
    margin: 0rem;
    border: 0rem;
    background: var(--vs-accordion-background-color);
    border: 0.063rem solid var(--vs-accordion-border-color);
    background: var(--vs-accordion-body-background-color);
    border-radius: var(--vs-border-radius);
    overflow: visible;
}
.vs-accordion-section .accordion .card.vs-accordion-card .vs-accordion-card-header {
    float: var(--vs-float-left);
    width: 100%;
    padding: 0rem;
    margin: 0rem;
    border: 0rem;
    background: var(--vs-accordion-header-background-color);
    border-radius: var(--vs-accordion-header-border-radius);
}
.vs-accordion-section .accordion .card.vs-accordion-card .vs-accordion-card-header {
    float: var(--vs-float-left);
    width: 100%;
    padding: 1rem 1.25rem;
    margin: 0rem;
    border: 0rem;
    background: var(--vs-accordion-header-background-color);
    border-radius: var(--vs-accordion-header-border-radius);
    cursor: pointer;
    /*display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;*/
    box-shadow: var(--vs-accordion-header-box-shadow);
}
.vs-accordion-section .accordion .card.vs-accordion-card .vs-accordion-card-header.collapsed {
    border-radius: var(--vs-border-radius);
}
.vs-accordion-section .accordion .card.vs-accordion-card .vs-accordion-card-header .vs-accordion-card-header-title {
    float: var(--vs-float-left);
    padding: 0rem;
    margin: 0rem;
    font-size: var(--vs-font-size-18);
    font-weight: var(--vs-font-weight-600);
    line-height: var(--vs-font-line-height-18);
    color: var(--vs-primary-second-font-color);
}
.vs-accordion-section .accordion .card.vs-accordion-card .vs-accordion-card-header-title-count {
    margin: 0 0 0 0.625rem;
    padding: 0.125rem 0.5rem;
    background: var(--vs-primary-color);
    color: var(--vs-white-font-color);
    font-size: var(--vs-font-size-12);
    line-height: var(--vs-font-line-height-12);
    font-weight: var(--vs-font-weight-600);
    border-radius: 0.125rem;
}
.vs-accordion-section .accordion .card.vs-accordion-card .vs-accordion-card-header .vs-accordion-card-header-sub-title {
    padding: 0rem;
    margin: 0rem;
    font-size: var(--vs-font-size-16);
    font-weight: var(--vs-font-weight-400);
    line-height: var(--vs-font-line-height-14);
    color: var(--vs-primary-second-font-color);
}
.vs-accordion-section .accordion .card.vs-accordion-card .vs-accordion-card-header .vs-accordion-card-header-icon {
    float: var(--vs-float-right);
    padding: 0rem;
    margin: 0rem;
    position: absolute;
    right: 0.938rem;
    top: 0.313rem;
}
.vs-accordion-section .accordion .card.vs-accordion-card .vs-accordion-card-header .vs-accordion-card-header-icon i {
    float: var(--vs-float-right);
    padding: 0rem;
    margin: 0rem;
    font-size: var(--vs-font-size-26);
    color: var(--vs-regular-font-color);
}
.card-header:not(.collapsed) .rotate-icon {
    transform: rotate(180deg);
}
.vs-accordion-section .accordion .card.vs-accordion-card .card-body.vs-accordion-card-body {
    float: var(--vs-float-left);
    width: 100%;
    padding: 1.25rem;
    margin: 0rem;
    border: 0rem;
}
/*Search Filter Body Toggle*/

.vs-search-filter-body-toggle-container {
    float: var(--vs-float-left);
    width: 25rem;
    background: var(--vs-white-background-color);
    -webkit-transition: right .2s ease;
    -o-transition: right .2s ease;
    transition: right .2s ease;
    position: fixed;
    top: 0;
    bottom: 0;
    right: -25rem;
    z-index: 9999;
    overflow-x: hidden;
}
.vs-search-filter-body-toggle-container .vs-search-filter-body-wrapper {
    float: var(--vs-float-left);
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0
}
.vs-search-filter-body-toggle-container.open {
    right: 0
}
.vs-search-filter-body-pannel {
    float: var(--vs-float-left);
    width: 100%;
    padding: 0rem;
    margin: 0rem;
}
.vs-search-filter-header {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0rem;
    padding: 1.25rem;
    border-bottom: 0.063rem solid var(--vs-table-border-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.vs-search-filter-header h4 {
    float: var(--vs-float-left);
    margin: 0rem;
    padding: 0rem;
    font-size: var(--vs-font-size-18);
    font-weight: var(--vs-font-weight-600);
    color: var(--vs-primary-color);
}
.vs-search-filter-close-button {
    border: 0rem;
    padding: 0rem;
    margin: 0rem;
    background: transparent;
    cursor: pointer;
}
.vs-search-filter-close-button img {
    float: var(--vs-float-left);
    width: 0.875rem;
    height: 0.875rem;
    border: 0rem;
    padding: 0rem;
    margin: 0rem;
}
.vs-search-filter-body {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0rem;
    padding: 1.25rem;
}
.vs-search-filter-body-table {
    float: var(--vs-float-left);
    width: 100%;
    padding: 0rem;
    margin: 0rem;
    border: 0rem;
}
.vs-search-filter-body-table tr th {
    padding: 0rem;
    margin: 0rem;
    border: 0rem;
}
.vs-search-filter-body-table tr td {
    padding: 0.625rem 0rem;
    margin: 0rem;
    border: 0rem;
}
.vs-search-filter-footer {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0rem;
    padding: 1.25rem;
    border-top: 0.063rem solid var(--vs-table-border-color);
}
.vs-search-filter-body-toggle-overlay {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    background: rgba(0, 0, 0, 0)
}
.vs-search-filter-body-toggle-overlay.open {
    position: fixed;
    -webkit-backface-visibility: hidden;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    z-index: 9999;
    background: rgba(0, 0, 0, .6)
    /* url(../images/icons/close-icon-white.svg) no-repeat 73% 2%*/
    ;
    background-size: 1.125rem;
}
/* Modal Popup Components*/

/*.modal-content{
    border: 0rem!important;
}
.modal-header { 
    width: 100%;
    margin:0;
    padding:2rem 2rem 0rem 2rem!important;
    border-bottom:0rem!important;
}
.modal-title {
    float: var(--vs-float-left);
    position: var(--vs-position-relative);
    margin: 0rem;
    padding: 0rem;
    color: var(--vs-primary-color);
    font-size: var(--vs-font-size-20);
    line-height: var(--vs-font-line-height-20);
    font-weight: var(--vs-font-weight-500);
}
.modal-title:after {
    content: '';
    width: 40%;
    height: 0.188rem;
    background: var(--vs-primary-color);
    position: var(--vs-position-absolute);
    bottom: -1rem;
    left: 0rem;
    margin: 0rem;
    padding: 0rem;
}

.modal-header .close{
    opacity:inherit!important;
}

.modal-header .close span{
    font-size: var(--vs-font-size-32);
    font-weight: var(--vs-font-weight-100);
    color: var(--vs-black-font-color);
}

.modal-body{    
    width: 100%;
    margin:0;
    padding:2rem!important;
}

.modal-footer { 
    width: 100%;
    margin:0;
    padding: 0rem 2rem 2rem 2rem!important;    
    border-top:0rem!important;
}*/

/* Sidebar Menu Details Page */

.vs-container-details-page {
    float: var(--vs-float-left);
    width: 100%;
    height: 100%;
    padding-inline-start: 18rem;
    transition: padding-inline-start .2s ease-in-out;
    will-change: padding-inline-start;
}
.vs-container-details-page .vs-details-page-wrapper {
    float: var(--vs-float-left);
    width: 100%;
    height: 100%;
    padding: 0rem 1.25rem;
    margin: 0rem;
}
.vs-sidebar-menu-details-page {
    float: var(--vs-float-left);
    margin: 0rem;
    padding: 0rem;
    background: var(--vs-sidebar-menu-background-color);
}
.vs-sidebar-menu-details-page .vs-sidebar-nav-details-page {
    float: var(--vs-float-left);
    inline-size: 18rem;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0 1rem;
    height: 100vh;
    background-color: var(--vs-sidebar-menu-background-color);
    border-right: 0.063rem solid var(--vs-sidebar-menu-border);
    z-index: 1;
    display: flex;
    flex-direction: column;
    block-size: 60%;
    inset-block-start: 40%;
    inset-inline-start: 0;
    transition: transform .25s ease-in-out, inline-size .25s ease-in-out, box-shadow .25s ease-in-out;
    will-change: transform, inline-size;
}
.vs-sidebar-menu-details-page .vs-sidebar-nav-details-page.move-fixed-navbar {
    block-size: 84%;
    inset-block-start: 16%;
    transition: all 1.5s ease-in-out;
}
.vs-sidebar-menu .vs-sidebar-nav.vs-sidebar-menu-expanded.move-fixed-navbar {
    block-size: 90%;
    inset-block-start: 10%;
    transition: all 1.5s ease-in-out;
}
.vs-sidebar-menu-details-page .vs-sidebar-nav-details-page .vs-sidebar-nav-container-details-page {
    float: var(--vs-float-left);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 0 1rem 0;
    overflow: auto;
    scrollbar-width: none;
    /* For mozilla */
    background: var(--vs-sidebar-menu-background-color);
    z-index: 9999;
}
.vs-sidebar-menu-details-page .vs-sidebar-nav-details-page .vs-sidebar-nav-container-details-page .vs-sidebar-nav-wrapper-details-page {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0rem;
    padding: 0rem;
    background: var(--vs-sidebar-menu-background-color);
    z-index: 9999;
}
.vs-sidebar-menu-details-page .vs-sidebar-nav-details-page .vs-sidebar-nav-container-details-page .vs-sidebar-nav-wrapper-details-page .vs-sidebar-nav-list-details-page {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0rem;
    padding: 0rem;
}
.vs-sidebar-menu-details-page .vs-sidebar-nav-details-page .vs-sidebar-nav-container-details-page .vs-sidebar-nav-wrapper-details-page .vs-sidebar-nav-list-details-page .vs-sidebar-nav-items-details-page {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0 0 1.875rem 0;
    padding: 0rem;
}
/* Sidebar Menu  */
.vs-sidebar-nav-toggle-icon-section{
    float: var(--vs-float-left);  
    padding: 0rem!important;
    margin: 0.5rem 0 0 0;
}
.vs-sidebar-nav-toggle-icon-section .vs-sidebar-nav-toggle-btn{
    float: var(--vs-float-left); 
    text-align: center;
    padding: 0.75rem 0.625rem!important;
    margin: 0rem;
 
}
.vs-sidebar-nav-toggle-icon-section .vs-sidebar-nav-toggle-btn img{
    float: var(--vs-float-left);
    width: 1rem!important; 
    text-align: center;
    padding: 0rem!important;
    margin: 0rem;
}
 
.vs-sidebar-nav-toggle-icon-section .vs-sidebar-nav-toggle-btn:hover {
    background: var(--vs-primary-color)!important;
    border-radius: 100%!important;
    float: var(--vs-float-left);  
    text-align: center;
    padding: 0.75rem 0.625rem!important;
    margin: 0rem;
}
.vs-sidebar-nav-toggle-icon-section .vs-sidebar-nav-toggle-btn:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(238deg) brightness(105%) contrast(102%);
}
.vs-sidebar-nav-toggle-icon-section .vs-sidebar-nav-toggle-btn.vs-sidebar-nav-toggle-icon-active {
    background: var(--vs-primary-color)!important;
    border-radius: 100%!important;
    float: var(--vs-float-left);  
    text-align: center;
    padding: 0.75rem 0.625rem!important;
    margin: 0rem;
}
.vs-sidebar-nav-toggle-icon-section .vs-sidebar-nav-toggle-btn.vs-sidebar-nav-toggle-icon-active img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(238deg) brightness(105%) contrast(102%);
}

.vs-sidebar-toggle-container {
    height: 100%;
    padding-inline-start: 0rem;
    transition: padding-inline-start .2s ease-in-out;
    will-change: padding-inline-start;
}
.vs-sidebar-toggle-container.vs-sidebar-menu-expanded-container {
    padding-inline-start: 22rem;
    transition: padding-inline-start .2s ease-in-out;
    will-change: padding-inline-start;
}
.vs-sidebar-menu {
    float: var(--vs-float-left);
    margin: 0rem;
    padding: 0rem;
    background: var(--vs-sidebar-menu-background-color);
}
.vs-sidebar-menu .vs-sidebar-nav:not(.vs-sidebar-menu-expanded) {
    float: var(--vs-float-left);
    inline-size: 0rem;
    position: fixed;
    top: 0;
    left: 0;
/*    padding: 4rem 0rem;*/
    padding:0rem;
    white-space: nowrap;
    height: 100vh;
    background-color: var(--vs-sidebar-menu-background-color);
    box-shadow: var(--vs-sidebar-menu-box-shadow);
    z-index: 1;
    display: flex;
    flex-direction: column;
    block-size: 70%;
    inset-block-start: 30%;
    inset-inline-start: 0;
    transition: transform .25s ease-in-out, inline-size .25s ease-in-out, box-shadow .25s ease-in-out;
    will-change: transform, inline-size;
}
.vs-sidebar-menu .vs-sidebar-nav.vs-sidebar-menu-expanded {
    float: var(--vs-float-left);
    inline-size: 22rem;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0rem;
    height: 100vh;
    background-color: var(--vs-sidebar-menu-background-color);
    border-right: 0.063rem solid var(--vs-sidebar-menu-border);
    z-index: 1;
    display: flex;
    flex-direction: column;
    block-size: 70%;
    inset-block-start: 30%;
    inset-inline-start: 0;
    transition: transform .25s ease-in-out, inline-size .25s ease-in-out, box-shadow .25s ease-in-out;
    will-change: transform, inline-size;
}
/*.vs-sidebar-menu .vs-sidebar-nav:hover{
  float: var(--vs-float-left);
  inline-size: 18rem;
  position: fixed;
  top: 0;  
  left: 0;
  padding:1rem;
  height: 100vh; 
  background-color: var(--vs-sidebar-menu-background-color);
  box-shadow: var(--vs-sidebar-menu-box-shadow);  
  z-index: 1;
  display: flex;
  flex-direction: column;  
  block-size: 70%;
  inset-block-start: 30%;
  inset-inline-start: 0;
  transition: transform .25s ease-in-out,inline-size .25s ease-in-out,box-shadow .25s ease-in-out;
  will-change: transform,inline-size;
}*/

.vs-sidebar-menu .vs-sidebar-nav .vs-sidebar-nav-container {
    float: var(--vs-float-left);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0rem 0.625rem 0rem 0rem;
    overflow: auto;
    scrollbar-width: none;
    /* For mozilla */
    background: var(--vs-sidebar-menu-background-color);
    z-index: 9999;
}
.vs-sidebar-menu .vs-sidebar-nav .vs-sidebar-nav-container .vs-sidebar-nav-wrapper {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0rem;
    padding: 0rem 0.625rem 0rem 1rem;
    background: var(--vs-sidebar-menu-background-color);
    z-index: 9999;
}
/*.vs-sidebar-menu .vs-sidebar-nav .vs-sidebar-nav-container::-webkit-scrollbar {
    display: none;
}*/
.vs-sidebar-menu .vs-sidebar-nav .vs-sidebar-nav-container::-webkit-scrollbar {
    width: 0.25rem;
    margin: 0.625rem;
} 
.vs-sidebar-menu .vs-sidebar-nav .vs-sidebar-nav-container::-webkit-scrollbar-track {
    border-radius: 1.563rem;
    background: #DBDCDD;
} 
.vs-sidebar-menu .vs-sidebar-nav .vs-sidebar-nav-container::-webkit-scrollbar-thumb {
    background: #B6B9BC;
    border-radius: 0.625rem;
} 
.vs-sidebar-menu .vs-sidebar-nav .vs-sidebar-nav-container::-webkit-scrollbar-thumb:hover {
    background: #B6B9BC;
}

/*.vs-sidebar-menu-details-page .vs-sidebar-nav-details-page .vs-sidebar-nav-container-details-page::-webkit-scrollbar {
    display: none;
}*/
.vs-sidebar-menu-details-page .vs-sidebar-nav-details-page .vs-sidebar-nav-container-details-page::-webkit-scrollbar {
    width: 0.25rem;
    margin: 0.625rem;
} 
.vs-sidebar-menu-details-page .vs-sidebar-nav-details-page .vs-sidebar-nav-container-details-page::-webkit-scrollbar-track {
    border-radius: 1.563rem;
    background: #DBDCDD;
} 
.vs-sidebar-menu-details-page .vs-sidebar-nav-details-page .vs-sidebar-nav-container-details-page::-webkit-scrollbar-thumb {
    background: #B6B9BC;
    border-radius: 0.625rem;
} 
.vs-sidebar-menu-details-page .vs-sidebar-nav-details-page .vs-sidebar-nav-container-details-page::-webkit-scrollbar-thumb:hover {
    background: #B6B9BC;
}

.vs-sidebar-menu .vs-sidebar-nav .vs-sidebar-nav-container .vs-sidebar-nav-toggle-btn {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0rem;
    padding: 0 1.8rem;
}
.vs-sidebar-menu .vs-sidebar-nav .vs-sidebar-nav-container .vs-sidebar-nav-toggle-btn .vs-humber-menu-icon {
    float: var(--vs-float-left);
    background: url(../images/icons/hamburger-menu-icon-black.svg) no-repeat;
    width: 1.125rem;
    height: 1.125rem;
    margin: 0rem;
    padding: 0rem;
}
.vs-sidebar-menu .vs-sidebar-nav .vs-sidebar-nav-container .vs-sidebar-nav-toggle-btn .vs-sidebar-nav-close-icon {
    float: var(--vs-float-left);
    background: url(../images/icons/close-icon-dark-gray.svg) no-repeat;
    background-size: 1rem;
    width: 1.125rem;
    height: 1.125rem;
    margin: 0rem;
    padding: 0rem;
}
.vs-sidebar-menu .vs-sidebar-nav:hover .vs-sidebar-nav-toggle-btn {
    padding: 0 0.5rem !important;
}
.vs-sidebar-menu .vs-sidebar-nav.vs-sidebar-menu-expanded .vs-sidebar-nav-toggle-btn {
    padding: 0 0.5rem !important;
}
.vs-sidebar-menu .vs-sidebar-nav .vs-sidebar-nav-container .vs-sidebar-nav-list {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0rem;
    padding: 0rem;
}
.vs-sidebar-menu .vs-sidebar-nav .vs-sidebar-nav-container .vs-sidebar-nav-list .vs-sidebar-nav-items {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0 0 1.875rem 0;
    padding: 0rem;
}
.vs-sidebar-menu .vs-sidebar-nav .vs-sidebar-nav-container .vs-sidebar-nav-list .vs-sidebar-nav-items h4 {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0;
    padding: 0.625rem;
    color: var(--vs-light-font-color);
    font-size: var(--vs-font-size-14);
    font-weight: var(--vs-font-weight-400);
    line-height: var(--vs-font-line-height-14);
    text-transform: uppercase;
}
.vs-sidebar-menu .vs-sidebar-nav .vs-sidebar-nav-container .vs-sidebar-nav-list .vs-sidebar-nav-items ul {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0rem;
    padding: 0rem;
}
.vs-sidebar-menu .vs-sidebar-nav .vs-sidebar-nav-container .vs-sidebar-nav-list .vs-sidebar-nav-items ul li {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0 0 0.625rem 0;
    padding: 0.625rem;
    list-style-type: none;
    border-bottom: 0.063rem solid var(--vs-border-color);
    position: var(--vs-position-relative);
} 

.vs-sidebar-menu .vs-sidebar-nav .vs-sidebar-nav-container .vs-sidebar-nav-list .vs-sidebar-nav-items ul li input[type="checkbox"]{
    position: var(--vs-position-absolute);
    width: 80%;
    height: 2rem;
    top: 0; 
    opacity: 0;
    cursor: pointer;
}

.vs-sidebar-menu .vs-sidebar-nav .vs-sidebar-nav-container .vs-sidebar-nav-list .vs-sidebar-nav-items ul li label {
    float: var(--vs-float-left); 
    margin: 0rem;
    padding: 0rem;
    color: var(--vs-secondary-font-color);
    font-size: var(--vs-font-size-14);
    font-weight: var(--vs-font-weight-400);
    line-height: var(--vs-font-line-height-16);
}

.vs-sidebar-menu .vs-sidebar-nav .vs-sidebar-nav-container .vs-sidebar-nav-list .vs-sidebar-nav-items ul li span.sidebarMenuCounter {
    float: var(--vs-float-right);
    padding: 0.125rem 0.5rem;
    margin: 0 0 0 0.313rem;
    font-size: var(--vs-font-size-12);
    line-height: var(--vs-font-line-height-12);
    font-weight: var(--vs-font-weight-400);
    background: var(--vs-primary-light-color);
    color: var(--vs-secondary-font-color);
    border-radius: 1.875rem;
}


.vs-sidebar-menu .vs-sidebar-nav .vs-sidebar-nav-container .vs-sidebar-nav-list .vs-sidebar-nav-items ul li:hover {
    background: var(--vs-primary-color);
    color: var(--vs-white-font-color);
    text-decoration: none;
    border-radius: 0.25rem;
    cursor: pointer;
}
.vs-sidebar-menu .vs-sidebar-nav .vs-sidebar-nav-container .vs-sidebar-nav-list .vs-sidebar-nav-items ul li:hover label{
    color: var(--vs-white-font-color);    
    cursor: pointer;
}
.vs-sidebar-menu .vs-sidebar-nav .vs-sidebar-nav-container .vs-sidebar-nav-list .vs-sidebar-nav-items ul li:hover {
    border-bottom: 0.063rem solid var(--vs-transparent-background-color);
}

.vs-sidebar-menu .vs-sidebar-nav .vs-sidebar-nav-container .vs-sidebar-nav-list .vs-sidebar-nav-items ul li.vs-sidebar-menu-active{
    background: var(--vs-primary-color);
    color: var(--vs-white-font-color);
    text-decoration: none;
    border-radius: 0.25rem;
}

.vs-sidebar-menu .vs-sidebar-nav .vs-sidebar-nav-container .vs-sidebar-nav-list .vs-sidebar-nav-items ul li.vs-sidebar-menu-active label{
    color: var(--vs-white-font-color); 
}

.vs-sidebar-menu .vs-sidebar-nav .vs-sidebar-nav-container .vs-sidebar-nav-list .vs-sidebar-nav-items ul li a {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0rem;
    padding: 0.625rem;
    color: var(--vs-secondary-font-color);
    font-size: var(--vs-font-size-14);
    font-weight: var(--vs-font-weight-400);
    line-height: var(--vs-font-line-height-14);
}
.vs-sidebar-menu .vs-sidebar-nav .vs-sidebar-nav-container .vs-sidebar-nav-list .vs-sidebar-nav-items ul li:hover a {
    background: var(--vs-primary-color);
    color: var(--vs-white-font-color);
    text-decoration: none;
    border-radius: 0.25rem;
}
.vs-sidebar-menu .vs-sidebar-nav .vs-sidebar-nav-container .vs-sidebar-nav-list .vs-sidebar-nav-items ul li:hover {
    border-bottom: 0.063rem solid var(--vs-transparent-background-color);
}
.vs-sidebar-menu .vs-sidebar-nav .vs-sidebar-nav-container .vs-sidebar-nav-list .vs-sidebar-nav-items ul li a .sidebarMenuCounter {
    float: var(--vs-float-right);
    padding: 0.125rem 0.5rem;
    margin: 0 0 0 0.313rem;
    font-size: var(--vs-font-size-12);
    line-height: var(--vs-font-line-height-12);
    font-weight: var(--vs-font-weight-400);
    background: var(--vs-primary-light-color);
    color: var(--vs-secondary-font-color);
    border-radius: 1.875rem;
}
/* ---- Sidebar Menu Dropdown Accordian ---- */

.vs-sidebar-nav-dropdown {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0;
    padding: 0;
    /*overflow: hidden;
  max-height: 1.313rem;*/
    transition: .4s ease-in-out;
}
.vs-sidebar-nav-dropdown .card.vs-sidebar-nav-dropdown-card {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0 0 0.625rem 0;
    padding: 0rem;
    list-style-type: none;
    border: 0rem;
    border-bottom: 0.063rem solid var(--vs-border-color);
    background: var(--vs-transparent-background-color);
    border-radius: 0rem;
    box-shadow: none;
}
.vs-sidebar-nav-dropdown .card.vs-sidebar-nav-dropdown-card .card-header.vs-sidebar-nav-dropdown-card-header {
    float: var(--vs-float-left);
    width: 100%;
    border: 0rem;
    background: transparent;
    border-radius: 0rem;
    margin: 0rem;
    padding: 0rem;
    box-shadow: none;
    position: var(--vs-position-relative);
}
.vs-sidebar-nav-dropdown .card.vs-sidebar-nav-dropdown-card .card-header.vs-sidebar-nav-dropdown-card-header a.card-link.vs-sidebar-nav-dropdown-card-link .vs-sidebar-nav-link-name {
    float: var(--vs-float-left);
    margin: 0rem;
    padding: 0.625rem 0.625rem 0.625rem 2rem;
    position: var(--vs-position-relative);
    color: var(--vs-secondary-font-color);
    font-size: var(--vs-font-size-14);
    font-weight: var(--vs-font-weight-400);
    line-height: var(--vs-font-line-height-14);
}
.vs-sidebar-nav-dropdown .card.vs-sidebar-nav-dropdown-card .card-header.vs-sidebar-nav-dropdown-card-header[aria-expanded="true"] .card-link.vs-sidebar-nav-dropdown-card-link:after {
    float: var(--vs-float-left);
    content: "\f107";
    font-family: 'FontAwesome';
    font-size: var(--vs-font-size-20);
    line-height: var(--vs-font-line-height-22);
    font-weight: var(--vs-font-weight-100);
    color: var(--vs-secondary-font-color);
    position: var(--vs-position-absolute);
    left: 0.6rem;
    top: 0.3rem;
}
.vs-sidebar-nav-dropdown .card.vs-sidebar-nav-dropdown-card .card-header.vs-sidebar-nav-dropdown-card-header[aria-expanded="false"] .card-link.vs-sidebar-nav-dropdown-card-link:after {
    float: var(--vs-float-left);
    content: "\f105";
    font-family: 'FontAwesome';
    font-size: var(--vs-font-size-20);
    line-height: var(--vs-font-line-height-22);
    font-weight: var(--vs-font-weight-100);
    color: var(--vs-secondary-font-color);
    position: var(--vs-position-absolute);
    left: 0.625rem;
    top: 0.4rem;
}
.vs-sidebar-nav-dropdown .card.vs-sidebar-nav-dropdown-card .card-header.vs-sidebar-nav-dropdown-card-header[aria-expanded="true"] {
    color: var(--vs-white-font-color);
    background: var(--vs-primary-color);
    border-radius: 0.25rem;
}
.vs-sidebar-nav-dropdown .card.vs-sidebar-nav-dropdown-card .card-header.vs-sidebar-nav-dropdown-card-header[aria-expanded="true"] a.card-link.vs-sidebar-nav-dropdown-card-link span {
    color: var(--vs-white-font-color);
}
.vs-sidebar-nav-dropdown .card.vs-sidebar-nav-dropdown-card .card-header.vs-sidebar-nav-dropdown-card-header[aria-expanded="true"] a.card-link.vs-sidebar-nav-dropdown-card-link:after {
    color: var(--vs-white-font-color)!important;
}
.vs-sidebar-nav-dropdown .card.vs-sidebar-nav-dropdown-card .card-header.vs-sidebar-nav-dropdown-card-header:hover {
    background: var(--vs-primary-color);
    border-radius: 0.25rem;
}
.vs-sidebar-nav-dropdown .card.vs-sidebar-nav-dropdown-card .card-header.vs-sidebar-nav-dropdown-card-header:hover a.card-link.vs-sidebar-nav-dropdown-card-link span {
    color: var(--vs-white-font-color);
}
.vs-sidebar-nav-dropdown .card.vs-sidebar-nav-dropdown-card .card-header.vs-sidebar-nav-dropdown-card-header:hover a.card-link.vs-sidebar-nav-dropdown-card-link:after {
    color: var(--vs-white-font-color)!important;
}
.vs-sidebar-nav-dropdown .card.vs-sidebar-nav-dropdown-card .card-body.vs-sidebar-nav-dropdown-card-body {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0;
    padding: 0rem;
}
.vs-sidebar-nav-dropdown .card.vs-sidebar-nav-dropdown-card .card-body.vs-sidebar-nav-dropdown-card-body ul {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0rem;
    padding: 0rem;
}
.vs-sidebar-nav-dropdown .card.vs-sidebar-nav-dropdown-card .card-body.vs-sidebar-nav-dropdown-card-body ul li {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0.75rem 0 0 0;
    padding: 0rem;
    list-style-type: none;
}
.vs-sidebar-nav-dropdown .card.vs-sidebar-nav-dropdown-card .card-body.vs-sidebar-nav-dropdown-card-body ul li:hover a {
    font-weight: var(--vs-font-weight-700);
    color: var(--vs-primary-color);
}
.vs-sidebar-nav-dropdown .card.vs-sidebar-nav-dropdown-card .card-body.vs-sidebar-nav-dropdown-card-body ul li a.active {
    font-weight: var(--vs-font-weight-700);
    color: var(--vs-primary-color);
}
.vs-sidebar-nav-dropdown .card.vs-sidebar-nav-dropdown-card .card-body.vs-sidebar-nav-dropdown-card-body ul li a {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0rem;
    padding: 0.5rem 1rem;
    font-size: var(--vs-font-size-14);
    line-height: var(--vs-font-line-height-18);
    font-weight: var(--vs-font-weight-400);
    color: var(--vs-secondary-font-color);
}
.vs-sidebar-nav-dropdown .card.vs-sidebar-nav-dropdown-card .card-body.vs-sidebar-nav-dropdown-card-body ul li a img {
    float: var(--vs-float-left);
    width: 1rem;
    margin: 0.5rem 1rem 0 0;
    padding: 0rem;
}
/* Application Page Stage Timeline */

.vs-application-page-stage-timeline-container {
    float: var(--vs-float-left);
    width: 100%;
    margin: 1rem 0;
    padding: 4rem 2rem 2rem 2rem;
    background: #f6f6f6;
    display: flex;
    justify-content: space-around;
}
.vs-application-page-stage {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0rem;
    padding: 0rem;
}
.vs-application-page-stage ul.vs-application-page-stage-timeline {
    float: var(--vs-float-left);
    width: 100%;
    margin: 0rem;
    padding: 0rem;
    text-align: center;
}
.vs-application-page-stage ul.vs-application-page-stage-timeline li {
    float: var(--vs-float-left);
    margin: 0rem;
    padding: 0rem 1rem;
    list-style: none;
    position: var(--vs-position-relative);
    text-align: center;
}
.vs-application-page-stage ul.vs-application-page-stage-timeline li:after {
    content: '';
    background: #e0f7f8;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0rem auto;
    padding: 0rem;
    border-radius: 100%;
    position: var(--vs-position-absolute);
    top: -1.9rem;
    left: 0rem;
    right: 0rem;
    border: 0.063rem solid #B6B9BC;
}
.vs-application-page-stage ul.vs-application-page-stage-timeline li:before {
    content: '';
    width: 100%;
    height: 0.063rem;
    background: #B6B9BC;
    position: var(--vs-position-absolute);
    left: 0rem;
    right: 0rem;
    top: -1.2rem;
}
.vs-application-page-stage ul.vs-application-page-stage-timeline li:first-child:before {
    width: 50%;
    right: 0;
    left: auto;
}
.vs-application-page-stage ul.vs-application-page-stage-timeline li:last-child:before {
    width: 50%;
}
.vs-application-page-stage ul.vs-application-page-stage-timeline li a {
    margin: 0rem auto;
    padding: 0rem;
    color: var(--vs-secondary-font-color)!important;
    background: var(--vs-transparent-background-color);
    font-size: var(--vs-font-size-16);
    line-height: var(--vs-font-line-height-16);
    font-weight: var(--vs-font-weight-400);
    position: var(--vs-position-relative);
    display: block;
    text-align: center;
}
.vs-application-page-stage ul.vs-application-page-stage-timeline li.stage-timeline-active:after {
    /*    background: var(--vs-primary-color)!important;    */
    border: 0.063rem solid var(--vs-primary-color)!important;
    background: var(--vs-primary-color) url(../images/icons/checkbox-tick.svg) no-repeat center center;
    background-size: 1.2rem;
}
.vs-application-page-stage ul.vs-application-page-stage-timeline li.stage-timeline-active a {
    color: var(--vs-primary-font-color)!important;
    font-weight: var(--vs-font-weight-400);
}
/*Queries Raised Components*/
.queries-raised {
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
}
.queries-raised .queries-raised-dot {
    width: 0.625rem;
    height: 0.625rem;
    background: #9747FF;
    border-radius: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0.8rem;
}
.queries-raised img {
    text-align: center;
    width: 1.25rem;
    height: 1rem;
    margin: 0;
    padding: 0;
}
/* Icon Hover Effect Components*/
.vs-icon-hover-primary-bg-effect {
    float: var(--vs-float-left);
    width: 2.125rem!important;
    height: 2.125rem!important;
    text-align: center;
    /*    padding: 0.375rem 0rem!important;*/
    margin: 0rem;
}
.vs-icon-hover-primary-bg-effect:hover {
    background: var(--vs-primary-color)!important;
    border-radius: 100%!important;
    width: 2.125rem!important;
    height: 2.125rem!important;
    text-align: center;
    /*    padding: 0.375rem 0rem!important;*/
}
.vs-icon-hover-primary-bg-effect:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(238deg) brightness(105%) contrast(102%);
}
/* Floats */

.vs-float-left {
    float: var( --vs-float-left)!important;
}
.vs-float-right {
    float: var(--vs-float-right)!important;
}
.vs-float-none {
    float: var( --vs-float-none)!important;
}
.vs-float-inherit {
    float: var( --vs-float-inherit)!important;
}
/* Whidth */

.vs-width-full {
    width: var(--vs-width-full)!important;
}
.vs-width-full-none {
    width: var(--vs-width-full-none)!important;
}
.vs-width-half {
    width: var(--vs-width-half)!important;
}
.vs-width-half-none {
    width: var(--vs-width-half-none)!important;
}
/*Background Colors Commons*/

.vs-body-background-color {
    background: var(--vs-body-background-color)!important;
}
.vs-white-background-color {
    background: var(--vs-white-background-color)!important;
}
.vs-transparent-background-color {
    background: var(--vs-transparent-background-color)!important;
}
.vs-primary-background-color {
    background: var(--vs-primary-color)!important;
}
.vs-primary-dark-background-color {
    background: var(--vs-primary-dark-color)!important;
}
.vs-primary-light-background-color {
    background: var(--vs-primary-light-color)!important;
}
.vs-secondary-background-color {
    background: var(--vs-secondary-color)!important;
}
.vs-secondary-light-background-color {
    background: var(--vs-secondary-light-color)!important;
}
.vs-secondary-very-light-background-color {
    background: var(--vs-secondary-very-light-color)!important;
}
/*Position*/

.vs-position-relative {
    position: var(--vs-position-relative);
}
.vs-position-absolute {
    position: var(--vs-position-absolute);
}
.vs-position-fixed {
    position: var(--vs-position-fixed);
}
.vs-position-static {
    position: var(--vs-position-static);
}
.vs-position-sticky {
    position: var(--vs-position-sticky);
}
.vs-position-none {
    position: var(--vs-position-none)!important;
}
/* Padding */

.vs-padding-all-0 {
    padding: var(--vs-padding-0)!important;
}
.vs-padding-all-2 {
    padding: var(--vs-padding-2)!important;
}
.vs-padding-all-5 {
    padding: var(--vs-padding-5)!important;
}
.vs-padding-all-10 {
    padding: var(--vs-padding-10)!important;
}
.vs-padding-all-15 {
    padding: var(--vs-padding-15)!important;
}
.vs-padding-all-20 {
    padding: var(--vs-padding-20)!important;
}
.vs-padding-all-25 {
    padding: var(--vs-padding-25)!important;
}
.vs-padding-all-30 {
    padding: var(--vs-padding-30)!important;
}
.vs-padding-all-35 {
    padding: var(--vs-padding-35)!important;
}
.vs-padding-all-40 {
    padding: var(--vs-padding-40)!important;
}
.vs-padding-all-45 {
    padding: var(--vs-padding-45)!important;
}
.vs-padding-all-50 {
    padding: var(--vs-padding-50)!important;
}
.vs-padding-top-0 {
    padding-top: var(--vs-padding-0)!important;
}
.vs-padding-top-2 {
    padding-top: var(--vs-padding-2)!important;
}
.vs-padding-top-5 {
    padding-top: var(--vs-padding-5)!important;
}
.vs-padding-top-10 {
    padding-top: var(--vs-padding-10)!important;
}
.vs-padding-top-15 {
    padding-top: var(--vs-padding-15)!important;
}
.vs-padding-top-20 {
    padding-top: var(--vs-padding-20)!important;
}
.vs-padding-top-25 {
    padding-top: var(--vs-padding-25)!important;
}
.vs-padding-top-30 {
    padding-top: var(--vs-padding-30)!important;
}
.vs-padding-top-35 {
    padding-top: var(--vs-padding-35)!important;
}
.vs-padding-top-40 {
    padding-top: var(--vs-padding-40)!important;
}
.vs-padding-top-45 {
    padding-top: var(--vs-padding-45)!important;
}
.vs-padding-top-50 {
    padding-top: var(--vs-padding-50)!important;
}
.vs-padding-right-0 {
    padding-right: var(--vs-padding-0)!important;
}
.vs-padding-right-2 {
    padding-right: var(--vs-padding-2)!important;
}
.vs-padding-right-5 {
    padding-right: var(--vs-padding-5)!important;
}
.vs-padding-right-10 {
    padding-right: var(--vs-padding-10)!important;
}
.vs-padding-right-15 {
    padding-right: var(--vs-padding-15)!important;
}
.vs-padding-right-20 {
    padding-right: var(--vs-padding-20)!important;
}
.vs-padding-right-25 {
    padding-right: var(--vs-padding-25)!important;
}
.vs-padding-right-30 {
    padding-right: var(--vs-padding-30)!important;
}
.vs-padding-right-35 {
    padding-right: var(--vs-padding-35)!important;
}
.vs-padding-right-40 {
    padding-right: var(--vs-padding-40)!important;
}
.vs-padding-right-45 {
    padding-right: var(--vs-padding-45)!important;
}
.vs-padding-right-50 {
    padding-right: var(--vs-padding-50)!important;
}
.vs-padding-bottom-0 {
    padding-bottom: var(--vs-padding-0)!important;
}
.vs-padding-bottom-2 {
    padding-bottom: var(--vs-padding-2)!important;
}
.vs-padding-bottom-5 {
    padding-bottom: var(--vs-padding-5)!important;
}
.vs-padding-bottom-10 {
    padding-bottom: var(--vs-padding-10)!important;
}
.vs-padding-bottom-15 {
    padding-bottom: var(--vs-padding-15)!important;
}
.vs-padding-bottom-20 {
    padding-bottom: var(--vs-padding-20)!important;
}
.vs-padding-bottom-25 {
    padding-bottom: var(--vs-padding-25)!important;
}
.vs-padding-bottom-30 {
    padding-bottom: var(--vs-padding-30)!important;
}
.vs-padding-bottom-35 {
    padding-bottom: var(--vs-padding-35)!important;
}
.vs-padding-bottom-40 {
    padding-bottom: var(--vs-padding-40)!important;
}
.vs-padding-bottom-45 {
    padding-bottom: var(--vs-padding-45)!important;
}
.vs-padding-bottom-50 {
    padding-bottom: var(--vs-padding-50)!important;
}
.vs-padding-left-0 {
    padding-left: var(--vs-padding-0)!important;
}
.vs-padding-left-2 {
    padding-left: var(--vs-padding-2)!important;
}
.vs-padding-left-5 {
    padding-left: var(--vs-padding-5)!important;
}
.vs-padding-left-10 {
    padding-left: var(--vs-padding-10)!important;
}
.vs-padding-left-15 {
    padding-left: var(--vs-padding-15)!important;
}
.vs-padding-left-20 {
    padding-left: var(--vs-padding-20)!important;
}
.vs-padding-left-25 {
    padding-left: var(--vs-padding-25)!important;
}
.vs-padding-left-30 {
    padding-left: var(--vs-padding-30)!important;
}
.vs-padding-left-35 {
    padding-left: var(--vs-padding-35)!important;
}
.vs-padding-left-40 {
    padding-left: var(--vs-padding-40)!important;
}
.vs-padding-left-45 {
    padding-left: var(--vs-padding-45)!important;
}
.vs-padding-left-50 {
    padding-left: var(--vs-padding-50)!important;
}
.vs-padding-left-right-0 {
    padding-left: var(--vs-padding-0)!important;
    padding-right: var(--vs-padding-0)!important;
}
.vs-padding-left-right-2 {
    padding-left: var(--vs-padding-2)!important;
    padding-right: var(--vs-padding-2)!important;
}
.vs-padding-left-right-5 {
    padding-left: var(--vs-padding-5)!important;
    padding-right: var(--vs-padding-5)!important;
}
.vs-padding-left-right-10 {
    padding-left: var(--vs-padding-10)!important;
    padding-right: var(--vs-padding-10)!important;
}
.vs-padding-left-right-15 {
    padding-left: var(--vs-padding-15)!important;
    padding-right: var(--vs-padding-15)!important;
}
.vs-padding-left-right-20 {
    padding-left: var(--vs-padding-20)!important;
    padding-right: var(--vs-padding-20)!important;
}
.vs-padding-left-right-25 {
    padding-left: var(--vs-padding-25)!important;
    padding-right: var(--vs-padding-25)!important;
}
.vs-padding-left-right-30 {
    padding-left: var(--vs-padding-30)!important;
    padding-right: var(--vs-padding-30)!important;
}
.vs-padding-left-right-35 {
    padding-left: var(--vs-padding-35)!important;
    padding-right: var(--vs-padding-35)!important;
}
.vs-padding-left-right-40 {
    padding-left: var(--vs-padding-40)!important;
    padding-right: var(--vs-padding-40)!important;
}
.vs-padding-left-right-45 {
    padding-left: var(--vs-padding-45)!important;
    padding-right: var(--vs-padding-45)!important;
}
.vs-padding-left-right-50 {
    padding-left: var(--vs-padding-50)!important;
    padding-right: var(--vs-padding-50)!important;
}
.vs-padding-top-bottom-0 {
    padding-top: var(--vs-padding-0)!important;
    padding-botoom: var(--vs-padding-0)!important;
}
.vs-padding-top-bottom-2 {
    padding-top: var(--vs-padding-2)!important;
    padding-botoom: var(--vs-padding-2)!important;
}
.vs-padding-top-bottom-5 {
    padding-top: var(--vs-padding-5)!important;
    padding-botoom: var(--vs-padding-5)!important;
}
.vs-padding-top-bottom-10 {
    padding-top: var(--vs-padding-10)!important;
    padding-botoom: var(--vs-padding-10)!important;
}
.vs-padding-top-bottom-15 {
    padding-top: var(--vs-padding-15)!important;
    padding-botoom: var(--vs-padding-15)!important;
}
.vs-padding-top-bottom-20 {
    padding-top: var(--vs-padding-20)!important;
    padding-botoom: var(--vs-padding-20)!important;
}
.vs-padding-top-bottom-25 {
    padding-top: var(--vs-padding-25)!important;
    padding-botoom: var(--vs-padding-25)!important;
}
.vs-padding-top-bottom-30 {
    padding-top: var(--vs-padding-30)!important;
    padding-botoom: var(--vs-padding-30)!important;
}
.vs-padding-top-bottom-35 {
    padding-top: var(--vs-padding-35)!important;
    padding-botoom: var(--vs-padding-35)!important;
}
.vs-padding-top-bottom-40 {
    padding-top: var(--vs-padding-40)!important;
    padding-botoom: var(--vs-padding-40)!important;
}
.vs-padding-top-bottom-45 {
    padding-top: var(--vs-padding-45)!important;
    padding-botoom: var(--vs-padding-45)!important;
}
.vs-padding-top-bottom-50 {
    padding-top: var(--vs-padding-50)!important;
    padding-botoom: var(--vs-padding-50)!important;
}
/* Margin */

.vs-margin-all-0 {
    margin: var(--vs-margin-0)!important;
}
.vs-margin-all-2 {
    margin: var(--vs-margin-2)!important;
}
.vs-margin-all-5 {
    margin: var(--vs-margin-5)!important;
}
.vs-margin-all-10 {
    margin: var(--vs-margin-10)!important;
}
.vs-margin-all-15 {
    margin: var(--vs-margin-15)!important;
}
.vs-margin-all-20 {
    margin: var(--vs-margin-20)!important;
}
.vs-margin-all-25 {
    margin: var(--vs-margin-25)!important;
}
.vs-margin-all-30 {
    margin: var(--vs-margin-30)!important;
}
.vs-margin-all-35 {
    margin: var(--vs-margin-35)!important;
}
.vs-margin-all-40 {
    margin: var(--vs-margin-40)!important;
}
.vs-margin-all-45 {
    margin: var(--vs-margin-45)!important;
}
.vs-margin-all-50 {
    margin: var(--vs-margin-50)!important;
}
.vs-margin-top-0 {
    margin-top: var(--vs-margin-0)!important;
}
.vs-margin-top-2 {
    margin-top: var(--vs-margin-2)!important;
}
.vs-margin-top-5 {
    margin-top: var(--vs-margin-5)!important;
}
.vs-margin-top-10 {
    margin-top: var(--vs-margin-10)!important;
}
.vs-margin-top-15 {
    margin-top: var(--vs-margin-15)!important;
}
.vs-margin-top-20 {
    margin-top: var(--vs-margin-20)!important;
}
.vs-margin-top-25 {
    margin-top: var(--vs-margin-25)!important;
}
.vs-margin-top-30 {
    margin-top: var(--vs-margin-30)!important;
}
.vs-margin-top-35 {
    margin-top: var(--vs-margin-35)!important;
}
.vs-margin-top-40 {
    margin-top: var(--vs-margin-40)!important;
}
.vs-margin-top-45 {
    margin-top: var(--vs-margin-45)!important;
}
.vs-margin-top-50 {
    margin-top: var(--vs-margin-50)!important;
}
.vs-margin-right-0 {
    margin-right: var(--vs-margin-0)!important;
}
.vs-margin-right-2 {
    margin-right: var(--vs-margin-2)!important;
}
.vs-margin-right-5 {
    margin-right: var(--vs-margin-5)!important;
}
.vs-margin-right-10 {
    margin-right: var(--vs-margin-10)!important;
}
.vs-margin-right-15 {
    margin-right: var(--vs-margin-15)!important;
}
.vs-margin-right-20 {
    margin-right: var(--vs-margin-20)!important;
}
.vs-margin-right-25 {
    margin-right: var(--vs-margin-25)!important;
}
.vs-margin-right-30 {
    margin-right: var(--vs-margin-30)!important;
}
.vs-margin-right-35 {
    margin-right: var(--vs-margin-35)!important;
}
.vs-margin-right-40 {
    margin-right: var(--vs-margin-40)!important;
}
.vs-margin-right-45 {
    margin-right: var(--vs-margin-45)!important;
}
.vs-margin-right-50 {
    margin-right: var(--vs-margin-50)!important;
}
.vs-margin-bottom-0 {
    margin-bottom: var(--vs-margin-0)!important;
}
.vs-margin-bottom-2 {
    margin-bottom: var(--vs-margin-2)!important;
}
.vs-margin-bottom-5 {
    margin-bottom: var(--vs-margin-5)!important;
}
.vs-margin-bottom-10 {
    margin-bottom: var(--vs-margin-10)!important;
}
.vs-margin-bottom-15 {
    margin-bottom: var(--vs-margin-15)!important;
}
.vs-margin-bottom-20 {
    margin-bottom: var(--vs-margin-20)!important;
}
.vs-margin-bottom-25 {
    margin-bottom: var(--vs-margin-25)!important;
}
.vs-margin-bottom-30 {
    margin-bottom: var(--vs-margin-30)!important;
}
.vs-margin-bottom-35 {
    margin-bottom: var(--vs-margin-35)!important;
}
.vs-margin-bottom-40 {
    margin-bottom: var(--vs-margin-40)!important;
}
.vs-margin-bottom-45 {
    margin-bottom: var(--vs-margin-45)!important;
}
.vs-margin-bottom-50 {
    margin-bottom: var(--vs-margin-50)!important;
}
.vs-margin-left-0 {
    margin-left: var(--vs-margin-0)!important;
}
.vs-margin-left-2 {
    margin-left: var(--vs-margin-2)!important;
}
.vs-margin-left-5 {
    margin-left: var(--vs-margin-5)!important;
}
.vs-margin-left-10 {
    margin-left: var(--vs-margin-10)!important;
}
.vs-margin-left-15 {
    margin-left: var(--vs-margin-15)!important;
}
.vs-margin-left-20 {
    margin-left: var(--vs-margin-20)!important;
}
.vs-margin-left-25 {
    margin-left: var(--vs-margin-25)!important;
}
.vs-margin-left-30 {
    margin-left: var(--vs-margin-30)!important;
}
.vs-margin-left-35 {
    margin-left: var(--vs-margin-35)!important;
}
.vs-margin-left-40 {
    margin-left: var(--vs-margin-40)!important;
}
.vs-margin-left-45 {
    margin-left: var(--vs-margin-45)!important;
}
.vs-margin-left-50 {
    margin-left: var(--vs-margin-50)!important;
}
.vs-margin-left-right-0 {
    margin-left: var(--vs-margin-0)!important;
    margin-right: var(--vs-margin-0)!important;
}
.vs-margin-left-right-5 {
    margin-left: var(--vs-margin-5)!important;
    margin-right: var(--vs-margin-5)!important;
}
.vs-margin-left-right-2 {
    margin-left: var(--vs-margin-2)!important;
    margin-right: var(--vs-margin-2)!important;
}
.vs-margin-left-right-10 {
    margin-left: var(--vs-margin-10)!important;
    margin-right: var(--vs-margin-10)!important;
}
.vs-margin-left-right-15 {
    margin-left: var(--vs-margin-15)!important;
    margin-right: var(--vs-margin-15)!important;
}
.vs-margin-left-right-20 {
    margin-left: var(--vs-margin-20)!important;
    margin-right: var(--vs-margin-20)!important;
}
.vs-margin-left-right-25 {
    margin-left: var(--vs-margin-25)!important;
    margin-right: var(--vs-margin-25)!important;
}
.vs-margin-left-right-30 {
    margin-left: var(--vs-margin-30)!important;
    margin-right: var(--vs-margin-30)!important;
}
.vs-margin-left-right-35 {
    margin-left: var(--vs-margin-35)!important;
    margin-right: var(--vs-margin-35)!important;
}
.vs-margin-left-right-40 {
    margin-left: var(--vs-margin-40)!important;
    margin-right: var(--vs-margin-40)!important;
}
.vs-margin-left-right-45 {
    margin-left: var(--vs-margin-45)!important;
    margin-right: var(--vs-margin-45)!important;
}
.vs-margin-left-right-50 {
    margin-left: var(--vs-margin-50)!important;
    margin-right: var(--vs-margin-50)!important;
}
.vs-margin-top-bottom-0 {
    margin-top: var(--vs-margin-0)!important;
    margin-bottom: var(--vs-margin-0)!important;
}
.vs-margin-top-bottom-2 {
    margin-top: var(--vs-margin-2)!important;
    margin-bottom: var(--vs-margin-2)!important;
}
.vs-margin-top-bottom-5 {
    margin-top: var(--vs-margin-5)!important;
    margin-bottom: var(--vs-margin-5)!important;
}
.vs-margin-top-bottom-10 {
    margin-top: var(--vs-margin-10)!important;
    margin-bottom: var(--vs-margin-10)!important;
}
.vs-margin-top-bottom-15 {
    margin-top: var(--vs-margin-15)!important;
    margin-bottom: var(--vs-margin-15)!important;
}
.vs-margin-top-bottom-20 {
    margin-top: var(--vs-margin-20)!important;
    margin-bottom: var(--vs-margin-20)!important;
}
.vs-margin-top-bottom-25 {
    margin-top: var(--vs-margin-25)!important;
    margin-bottom: var(--vs-margin-25)!important;
}
.vs-margin-top-bottom-30 {
    margin-top: var(--vs-margin-30)!important;
    margin-bottom: var(--vs-margin-30)!important;
}
.vs-margin-top-bottom-35 {
    margin-top: var(--vs-margin-35)!important;
    margin-bottom: var(--vs-margin-35)!important;
}
.vs-margin-top-bottom-40 {
    margin-top: var(--vs-margin-40)!important;
    margin-bottom: var(--vs-margin-40)!important;
}
.vs-margin-top-bottom-45 {
    margin-top: var(--vs-margin-45)!important;
    margin-bottom: var(--vs-margin-45)!important;
}
.vs-margin-top-bottom-50 {
    margin-top: var(--vs-margin-50)!important;
    margin-bottom: var(--vs-margin-50)!important;
}