#surveyCreator {
    height: calc(84vh - 2.2vw) !important;
}

.svc-text {
    font-family: 'Open Sans' !important;
}

.svc-top-head {
    display: flex;
    border-bottom: 0.01vw solid #bbb;
    margin: 0 1vw;
}

.form-editor {
    font-family: 'Bembo1';
    font-size: 1.6vw;
    line-height: 2.5vw;
    font-weight: 500;
    width: auto !important;
}

.form-head {
    display: flex;
    align-items: baseline;
    width: 72%;
}

.PT-hy {
    position: relative;
    margin-left: 0.5vw;
    bottom: 0.1vw;
}

#form-Name {
    font-family: 'Open Sans';
    font-size: 1.1vw;
    line-height: 2vw;
    letter-spacing: 0;
    font-weight: 400;
    margin-left: 0.5vw;
    width: 85%;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.exit-Form:hover {
    color: #ff5b5b !important;
}

.gen_approve:hover {
    color: #019001;
}

.default-btn:hover {
    color: #019001;
}

.default-btn {
   
}

.gen_approve {
    border-right: 0.15vw solid rgba(0, 0, 0, 0.54) !important;
    margin-right: 0.5vw !important;
    cursor: pointer;
}

.shortcut-label {
    margin-right: 0.5vw;
    font-family: 'Open Sans';
    font-size: 0.8vw;
    line-height: 1vw;
    letter-spacing: 0;
    font-weight: 400;
    cursor: pointer;
}

.shortcuts {
    display: flex;
    justify-content: end;
    align-items: center;
    width: 28%;
    position: relative;
    top: 0.25vw;
}


#form-default-chkbx {
    height: 0.7vw;
    width: 6vw !important;
    border: none;
    background-color: transparent;
    background-image: none;
    outline: none;
    z-index: 100;
    position: absolute;
    appearance: none;
    cursor: pointer;
    bottom: 0.9vw;
    left: 1vw;
}

.trackswitch {
    margin-left: 0.2vw;
    margin-right: 0.2vw;
    cursor: pointer;
    height: 0.75vw;
    width: 1.8vw;
    display: inline-block;
    background-color: #B7B7B7;
    transition: 0.3s;
    border-radius: 100vw;
    position: relative;
    top: 0.05vw;
    box-shadow: inset 0 0.05vw 0.1vw 0 rgba(0,0,0,0.5);
}
.trackswitch:after {
    content: '';
    position: absolute;
    top: -0.1vw;
    left: -0.05vw;
    height: 0.9vw;
    width: 0.9vw;
    padding: 0;
    border-radius: 100vw;
    background-image: radial-gradient(100% 100%, #ebe7e7 0%, #ebe7e7 100%, #ebe7e7 100%);
    transition: 0.3s;
    box-shadow: 0 0 0.05vw 0 rgba(0,0,0,0.12), 0 0.05vw 0.05vw 0 rgba(0,0,0,0.24);
}

#form-default-chkbx:checked + .trackswitch {
    transition: 0.3s;
    background-color: #9DD283;
    opacity: 1;
}

#form-default-chkbx:checked + .trackswitch:after {
    left: 1vw;
    background-image: radial-gradient(100% 100%, #87b671 0%, #87b671 100%, #87b671 100%);
}

.fa.fa-save {
    position: relative;
    bottom: 0.05vw;
}

.fa.fa-users {
    bottom: 0.1vw;
    position: relative;
}

#exit-Form .shortcut-label {
    margin-right: 0;
}

.label-icons {
    font-size: 0.8vw;
    margin-right: 0.1vw;
}

.sv-action-bar-item__title {
    font-family: 'Open Sans' !important;
}

.svc-toolbox__item-title {
    font-family: 'Open Sans' !important;
}

.svc-string-editor .sv-string-editor {
    font-family: 'Open Sans' !important;
}

.svc-creator__banner {
    bottom: calc(-4 * var(--base-unit, 1vw)) !important;
}


.sd-dropdown__filter-string-input:focus {
    background-color: rgba(0,0,0,0) !important;
    border: none !important;
    box-shadow: none !important;
}

.sd-multipletext__item-title {
    border-right: none !important;
    position: relative;
    top: 0.8vw;
    color: #000 !important;
}

.sd-comment {
    min-height: calc(10 * var(--sjs-base-unit, var(--base-unit, 0.5vw))) !important;
}

.sd-boolean {
    display: flex !important;

}
input[type="text"]:focus {
    -webkit-box-shadow: none !important;
}

textarea:focus {
    -webkit-box-shadow: none !important;
}

.spg-text {
    padding: 1vw !important;
    width: 100% !important;
    height: calc(6 * var(--base-unit, 0.45vw)) !important;
    box-shadow: none !important;
}

.spg-matrixdynamic {
    background: #FFF !important;
}

.spg-comment {
    width: 100% !important;
}

.sv-button-group {
    border: unset;
}

.sd-item__control-label {
    position: relative;
    bottom: 0vw;
}

.sd-item__decorator {
    margin-right: 1vw;
}

.sd-matrix__label .sd-item__decorator {
    margin: 0;
}

.spg-checkbox__rectangle {
    cursor: pointer;
    display: inline-block;
    margin-right: 1vw;
}

.spg-checkbox__caption  .sv-string-viewer {
    position: relative;
}


.sd-input {
    width: 100% !important;
    height: calc(6 * var(--base-unit, 0.45vw)) !important;
    box-sizing: border-box !important;
    font-family: 'Open Sans';
    font-size: 0.8vw;
    background-color: var(--sjs-editor-background, var(--background-dim-light, #f9f9f9)) !important;
    border: none !important;
    text-align: start;
    cursor: pointer;
}


.sd-dropdown__filter-string-input {
    width: 95% !important;
    background-color: rgba(0,0,0,0) !important;
    border: none !important;
    box-shadow: none !important;
    cursor: pointer;
}

.spg-input:focus {
    border-color: var(--primary, #19b394) !important;
}

.spg-dropdown {
    background-color: #FFF !important;
}

.sd-selectbase .sd-dropdown__filter-string-input {
    width: 100%;
}

.sv-popup__button--cancel:hover {
    box-shadow: none;
}
.sv-popup__button:hover {
    box-shadow: 0 0 0 0.1vw var(--primary, #19b394) !important;
}
.sv-popup__button {
    margin: 0.1vw !important;
}

.sd-dropdown {
    background-color: #FFF !important;
    box-shadow: var(--sjs-shadow-inner, inset 0vw 0.05vw 0.15vw 0.05vw rgba(0, 0, 0, 0.15)) !important;
    align-items: center;
}

.spg-panel__title {
    margin: 0 !important;
}

/* selection */


.sd-row__question  .select2-search__field {
    left: 0;
}

.spg-question__content .selection {
    height: unset;
}

.sd-row__question .selection {
    height: 10vh;
}


.spg-question__content .select2-container--focus .select2-selection--multiple .select2-selection__rendered .select2-search .select2-search__field {
    left: -1.5vw;
    width: 100% !important;
    padding: 1vw;
    margin-top: -1.7vw !important;
}

.spg-question__content .select2-search__field {
    left: -1.5vw;
    width: 100% !important;
    padding: 1vw !important;
    margin-top: -3.65vw !important;
}

.spg-question__content .select2-selection--multiple {
    margin-top: 3vw;
}


.select2-container--classic.select2-container--open .select2-dropdown {
    border-radius: unset;
    box-shadow: 0 0 0.5vw rgba(0,0,0,0.5);
    font-size: 0.75vw;
    font-family: 'Open Sans';
    cursor: pointer;
    width: 20% !important;
    left: 0.5vw !important;
    top: -5vw;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: transparent !important;
    color: #000 !important;
}


.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    width: auto;
    background-color: #FFFFFF !important;
    border: none !important;
    color: #000000;
    font-family: "Open Sans";
    font-size: 0.7vw;
    letter-spacing: 0;
    line-height: 1.1vw;
    font-weight: normal;
    padding: 0.3vw !important;
    border-radius: 0.01vw !important;
    margin-right: 0.5vw !important;
    
}

.select2-container--classic .select2-results>.select2-results__options {
        height: 8vh;
    cursor: pointer;
}


.sd-question__content .select2-container--classic .select2-search--inline .select2-search__field {
    margin-left: 0 !important;
    margin-top: -2.3vw !important;
}

.sd-question__content .select2-container--focus .select2-selection--multiple .select2-selection__rendered .select2-search .select2-search__field {
    margin-left: 0 !important;
    margin-top: -2.1vw !important;
    left: 0  !important; 
}

.sv-list__filter-icon {
    margin-left: 0vw;
}

.sv-popup__scrolling-content {
    overflow: unset;
}

.sv-list__filter input[type="text"] {
    padding: 1vw;
    padding-left: 3vw;
    border: none;
    box-shadow: none;
    width: 100%;
 }

 ul.sv-list {
    margin: 0;
}

.sd-multipletext__item-container {
    background: transparent !important;
    box-shadow: none !important;
    display: flex !important;
    border: none !important;
    padding: 0 !important;
}

.sd-multipletext__item-container:focus {
    box-shadow: none !important;
}

.sd-dropdown__value {
    display: flex;
    align-items: center;
}

.svc-question__content .sd-multipletext__item-container.sd-input:focus-within {
    box-shadow: none  !important;
}

.sd-matrix__label {
    display: flex !important;
}


.sv-button-group__item {
    margin: 0 !important;
}

.sd-rating__item {
    display: flex !important;
}

.svc-tab-designer .sd-container-modern.sd-container-modern--static {
    max-width: initial !important;
    padding: 0 calc(1 * var(--base-unit, 0.45vw)) !important;
}

.svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected,.svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected,.svc-hovered.svc-page__content--selected {
    background: #F9F9F9 !important;
}

.svc-page__content:not(.svc-page__content--new):focus,.svc-hovered.svc-page__content:not(.svc-page__content--new) {
    background: #F9F9F9 !important;
}

.spg-input {
    font-family: 'Open Sans' !important;
}

.svc-creator .svc-page .svc-hovered>.svc-question__content {
    box-shadow: 0vw 0.05vw 0.1vw rgba(0,0,0,0.15)  !important;
}

.svc-toolbox__tool .sv-action__content {
    cursor: pointer;
}

.svc-side-bar .svc-search {
    background: #FFF;
}

.spg-button-group label {
    margin-bottom: 0;
}

.svc-search__input {
    padding: 1vw !important;
    width: 100% !important;
    height: calc(6* var(--base-unit, 0.45vw)) !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
    border: 1px solid #ccc !important;
}

.spg-selectbase__label {
    display: flex !important;
}


.spg-input-container__input {
    box-shadow: none !important;
    border: none !important;
    margin-bottom: 0 !important;
    width: 100% !important;
}

.svc-toolbox__panel {
    background: #FFF ;
}

.svc-toolbox__search-container {
    background: #FFF;
}

.spg-panel__content {
    background: #FFF;
}

/* form popup */

.EF-popup, .CF-popup, .roles-popup {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.3);
    height: 100vh;
    width: 100vw;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
}

.popup-form {
    background-color: #FFF;
    position: fixed;
    top: 25%;
    left: 33%;
    width: 30%;
    padding-bottom: 1vw;
}

.popup-Head {
    background-color: #2C543F;
    display: flex;
}

.popup-header {
    color: #FFF;
    font-family: "Open Sans";
    font-size: 0.85vw;
    letter-spacing: 0;
    line-height: 1.5vw;
    width: 92%;
    padding: 0.25vw 0.9vw 0.2vw;
    font-weight: 600;
    text-transform: capitalize;
}


.popup-btn {
    background: transparent;
    border: none;
    color: #FFF;
    font-size: 0.85vw !important;
    margin-right: 0.65vw !important;
}

.popup-body {
    padding: 1.5vw 1vw 0.5vw;
}

.FC-template-name {
    display: flex;
    border-bottom: 0.01vw solid #bbbbbb;
    margin-bottom: 1.5vw;
}

.FC-category {
    display: flex;
    border-bottom: 0.01vw solid #bbbbbb;
    margin-bottom: 1.5vw;
}

hr.editform-hr {
    display: none;
}

.FC-template-type {
    display: flex;
    border-bottom: 0.01vw solid #bbbbbb;
    margin-bottom: 1.5vw;
}

.default-type {
    display: flex;
    border-bottom: 0.01vw solid #bbbbbb;
}

.EF-popup .popup-footer {
    margin-top: 0vw;
}

.popup-footer {
    float: right;
    margin-right: 1vw;
    margin-top: 6vw;
}

.popup-footer button {
    border: 0.1vw solid #547F69 !important;
    background-color: #547F69;
    border: none;
    color: #FFF;
    font-size: 0.85vw !important;
    padding: 0.2vw 1.5vw;
    font-family: 'Open Sans' !important;
    font-size: 0.8vw !important;
    text-transform: uppercase;
}

.popup-footer button:hover {
    background-color: #9DD283;
    border: 0.1vw solid #9DD283 !important;
}

.label-type, .default {
    width: 30%;
    font-family: 'Open Sans';
    font-size: 0.8vw !important;
    font-weight: 500 !important;
    margin-bottom: 0.15vw  !important;
    cursor: default !important;
}

.red_sar {
    color: #FF0303;
    font-size: 1vw;
    margin-left: 0.2vw;
    font-family: unset !important;
}

.label-select:focus {
    box-shadow: none !important;
    border: none !important;
    color: unset !important;
    outline: unset !important;
}

.FC-template-type .temp-name:focus {
    border: none !important;
}

.FC-template-type select {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
    padding: 0 0.15vw !important;
    position: relative;
    width: 71% !important;
    font-family: 'Open Sans' !important;
    font-size: 0.8vw !important;
    height: 2.5vh !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 0.8vw !important;
}

.FC-template-type select:focus {
    outline: none;
    color: #000 !important;
}

.temp-name {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
    padding: 0.1vw 0.3vw !important;
    font-family: 'Open Sans' !important;
    font-size: 0.8vw !important;
    width: 69% !important;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.FC-template-name .temp-name:focus {
    border: transparent !important;
}

.sd-selectbase__label {
    display: inline-flex !important;
}

.label-select {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
    padding: 0 0.15vw !important;
    position: relative;
    width: 71% !important;
    font-family: 'Open Sans' !important;
    font-size: 0.8vw !important;
    height: 2.5vh !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 0.8vw !important;
}

.default-type input[type="checkbox"] {
    height: 0.85vw;
    width: 0.85vw !important;
    color: #547F69;
    font-family: "Font Awesome";
    font-size: 0.95vw !important;
    letter-spacing: 0;
    line-height: 1.5vw;
    border: 0.01vw solid #547F69;
    border-radius: 0;
    background-color: transparent;
    background-image: none;
    outline: none;
    z-index: 10000;
    position: relative;
    left: 0.4vw;
    bottom: 0.2vw;
    appearance: none;
    cursor: pointer;
}

  
.default-type input[type="checkbox"]:checked:before {
    background-color: transparent;
    height: 0.5vw;
    width: 0.5vw;
    position: absolute;
    font-size: 0.65vw;
    line-height: 2vw;
    color: #547F69;
    border-radius: 0;
    text-align: center;
    margin-top: 0.15vw;
    padding-left: 0.12vw;
    display: flex;
    justify-content: center;
    align-items: center;
    content: '\f00c';
    font-family: 'FontAwesome';
  }

input[type="checkbox"]:focus {
    outline: unset !important;
}
.select2-container--open{
    z-index: 10000;
}

/* select roles */

.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single {
    border: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    width: 100%;
    font-family: 'Open Sans';
    font-size: 0.8vw !important;
    font-weight: 600 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    position: absolute;
    left: 26.8vw;
    color: #bbb;
    font-size: 0.9vw !important;
    margin-top: 0 !important;
}


.select2-container--default .select2-selection--multiple .select2-selection__clear:hover {
    color: #FF0303 !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    box-shadow: none;
    border: 0.01vw solid #bbb;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    width: 97%;
    border: 0.01vw solid #bbb;
    font-family: 'Open Sans';
    font-size: 0.8vw !important;
}

.CF-popup .form-roles {
    margin-top: 1.5vw;
}

.form-roles {
    border-bottom: 0.01vw solid #bbbbbb;
    margin-top: 0.5vw;
    height: 1.3vw;
}



.select2-results__options {
    margin: 0 !important;
}

.select2-dropdown {
    border: 0.01vw solid #bbb !important;
}

.select2-results__option {
    font-family: 'Open Sans';
    font-size: 0.8vw !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #F2F2F2 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #F2F2F2 !important;
    color: #000 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.select2-selection__placeholder {
    color: #000 !important;
}

.form-roles .roles {
    font-family: 'Open Sans';
    font-size: 0.8vw !important;
    font-weight: 500 !important;
    cursor: default;
}

.select2-results__option:before {
    content: "";
    height: 0.8vw;
    width: 0.8vw;
    border: 0.01vw solid #547F69;
    border-radius: 0;
    background-color: #fff;
    margin-right: 0.6vw;
    vertical-align: middle;
    position: relative;
    left: 0.1vw;
    bottom: 0.1vw;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding-top: 0.01vw;
}

.select2-results__option[aria-selected=true]:before {
    font-family: fontAwesome;
    content: "\f00c";
    color: #547F69;
    border: 0.01vw solid #547F69;
    background-color: transparent;
    font-size: 0.7vw;
    font-weight: normal;
    position: relative;
}

.select2-container--focus .select2-selection--multiple .select2-selection__rendered .select2-search .select2-search__field {
    top: 1.8vw;
    position: absolute;
    left: 7.2vw;
    width: 68% !important;
    color: #000 !important;
    margin-top: -3.25vw !important;
    margin-bottom: 0 !important;
    margin-left: 1.5vw !important;
    font-size: 0.8vw !important;
    font-family: 'Open Sans';
    box-shadow: none;
}

.selection {
    height: 3.1vh;
    display: block;
}

.select2-selection--multiple {
    height: 9vh;
    width: 100%;
    background-color: #F2F2F2 !important;
    border: none !important;
    margin-top: 1.25vw;
    overflow: auto;
    border-radius: unset !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0.4vw 0.5vw 0.3vw 0.5vw !important;
    width: 100% !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    width: auto;
    background-color: #FFFFFF !important;
    border: none !important;
    color: #000000;
    font-family: "Open Sans";
    font-size: 0.7vw;
    letter-spacing: 0;
    line-height: 1.1vw;
    font-weight: normal;
    padding: 0.3vw !important;
    border-radius: 0.01vw !important;
    margin-right: 0.5vw !important;
}

.select2-selection__choice__remove {
    margin-left: 0.5vw !important;
}

.select2-selection__choice__remove:hover {
    color: #FF0303 !important;
}

.select2-selection__choice__remove {
    float: right;
    color: #EBEAE8 !important;
    padding-left: 0.5vw;
    font-size: 0.95vw;
}

.select2-search__field {
    position: absolute;
    left: 7.2vw;
    width: 68% !important;
    color: #000 !important;
    margin-top: -3.25vw !important;
    margin-bottom: 0 !important;
    margin-left: 1.5vw !important;
    font-size: 0.8vw !important;
    font-family: 'Open Sans';
}


.select2-dropdown.select2-dropdown--above {
    border-radius: unset;
    box-shadow: 0 0 0.5vw rgba(0,0,0,0.5);
    font-size: 0.75vw;
    font-family: 'Open Sans';
    cursor: pointer;
    width: 15vw !important;
    left: 7.2vw !important;
    top: 6.6vw;
}

.select2-dropdown.select2-dropdown--below {
    border-radius: unset;
    box-shadow: 0 0 0.5vw rgba(0,0,0,0.5);
    font-size: 0.75vw;
    font-family: 'Open Sans';
    cursor: pointer;
    width: 15vw !important;
    left: 8.5vw !important;
    top: -1.6vw;
}


.select2-container--default .select2-results>.select2-results__options {
    height: 11vh;
    cursor: pointer;
}

::placeholder {
    font-size: 0.8vw !important;
    font-family: 'Open Sans';
}

.swal2-container {
    z-index: 10000 !important;
}

.svc-item-value--new .svc-item-value__item .sd-item__decorator {
    opacity: .65 !important;
}

.sd-item--disabled.sd-item--disabled .sd-item__decorator, .sd-item__decorator {
    box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 1px rgba(0, 0, 0, 0.15)) !important;
}

.sd-element__title .sd-element__num {
    color: #000 !important;
    font-size: calc(0.95 * var(--sjs-font-size, 0.85vw)) !important;
    line-height: calc(1.1 * var(--sjs-font-size, 0.85vw)) !important;
}

/* Add Global */

#Add-RF-popup .popup-form {
    padding: 0;
}

#Add-RF-popup .popup-body {
    padding: 1vw 0.8vw;
}

#Add-RF-popup .popup-footer {
    margin: 0;
}

div#GF-template-tabulator {
    width: 28.3vw;
    background-color: #F9F8F8;
    border: none;
    height: 40vh !important;
}

div#GF-template-tabulator .tabulator-header {
    border: 0.1vw solid #F0ECE3 !important;
    background-color: #F0ECE3 !important;
    font-family: 'Open Sans' !important;
    font-size: 0.85vw !important;
    color: #FFF !important;
    height: 3.3vw;
    padding-left: 0.3vw;
}

div#GF-template-tabulator .tabulator-tableholder .tabulator-table {
    width: 100%;
}


div#GF-template-tabulator .tabulator-row.tabulator-group .tabulator-arrow {
    border-left: 0.4vw solid #B7AA8A;
}

div#GF-template-tabulator .tabulator-row {
    background-color: #fff!important;
    border-left: 0.01vw solid #D8CDB4;
    border-right: 0.01vw solid #D8CDB4;
    border-bottom: 0.01vw solid#D8CDB4;
    margin: 0;
    height: 2.5vw;
}

div#GF-template-tabulator .tabulator-row:hover {
    background-color: #bbb7ad !important;
}

div#GF-template-tabulator .tabulator-row.tabulator-selected {
    background-color: #DFD9CA !important;
}

div#GF-template-tabulator.tabulator .tabulator-header .tabulator-col {
    background-color: #F0ECE3 !important;
    font-family: "Open Sans" !important;
    letter-spacing: 0;
    border: none;
    padding-top: 0.25vw !important;
}

div#GF-template-tabulator.tabulator .tabulator-header .tabulator-col:nth-of-type(2) {
    width: 60% !important;
}

div#GF-template-tabulator .tabulator-col-title {
    font-family: 'Open Sans';
    font-size: 0.85vw !important;
    line-height: 1.1vw !important;
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
}

div#GF-template-tabulator .tabulator-header-filter input::placeholder {
    font-family: 'Open Sans' !important;
    font-size: 0.7vw !important;
    line-height: 1.2vw !important;
    color: #000 !important;
}

div#GF-template-tabulator .tabulator-row .tabulator-cell {
    border-right: 0;
    color: #000;
    font-family: "Open Sans";
    font-size: 0.75vw;
    letter-spacing: 0;
    line-height: 1vw;
    font-weight: normal;
    padding-left: 0.7vw;
    padding-top: 0.8vw;
    height: 3vw !important;
}

div#GF-template-tabulator .tabulator-header-filter input {
    background: transparent;
    border: none;
    box-shadow: none;
    font-size: 0.65vw;
    line-height: 0.9vw;
    font-family: 'Open Sans';
    padding-left: 0.1vw !important;
    padding-top: 0.1vw !important;
    color: #000;
}

div#GF-template-tabulatorr .tabulator-tableholder {
    background: #F0ECE3;
    overflow-x: hidden;
    height: 75vh !important;
}

div#GF-template-tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    
    border-bottom: 0.4vw solid #1A1D1C;
}

div#GF-template-tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    
    border-top: 0.4vw solid #1A1D1C;
}

div#GF-template-tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    border-bottom: 0.4vw solid #1A1D1C;
}

input:focus {
    box-shadow: none !important;
}

div#GF-template-tabulator.tabulator .tabulator-tableholder {
    overflow-x: hidden !important;
}

.cke_toolbar_break {
    display: none;
}

.spg-question__content--left .spg-input.spg-input.spg-input {
    margin-bottom: 0;
}

.sd-selectbase .sd-dropdown {
    overflow: auto;
}
.cke_inner.cke_reset.cke_maximized {
    z-index: 10000 !important;
}
/* Scroll css */

/* width */
::-webkit-scrollbar {
    width: 0.4vw;
    height: 0.4vw;
  }
  
  /* Track */
::-webkit-scrollbar-track {
    background: #fff; 
  }
   
  /* Handle */
::-webkit-scrollbar-thumb {
    background: #CDCDCD; 
    border-radius: 0.1vw;
    
  }
  /* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #CDCDCD; 
  border-radius: 0.1vw;
}



@media only screen and (min-device-width: 1270px) and (max-device-width: 1290px) {

    .select2-search__field {
        margin-top: -4.1vw !important;
    }

    .select2-container--focus .select2-selection--multiple .select2-selection__rendered .select2-search .select2-search__field {
        margin-top: -3.8vw !important;
    }


    .popup-footer {
        margin-top: 7.2vw;
    }

    .label-select {
        top: 0.15vw;
    }
    
    .FC-template-type select {
        top: 0.15vw;
    }
    
    .form-roles {
        height: 1.5vw;
    }
}


@media only screen and (min-device-width: 1360px) and (max-device-width: 1370px) {
    
    .select2-search__field {
        margin-top: -3.9vw !important;
    }

    .select2-container--focus .select2-selection--multiple .select2-selection__rendered .select2-search .select2-search__field {
        margin-top: -3.65vw !important;
    }

}


@media only screen and (min-device-width: 1300px) and (max-device-width: 1440px) {

    .select2-container--focus .select2-selection--multiple .select2-selection__rendered .select2-search .select2-search__field {
        margin-top: -3.45vw !important;
    }

    
    .select2-search__field {
        margin-top: -3.8vw !important;
    }

    .popup-footer {
        margin-top: 6.5vw;
    }

    .label-select {
        top: 0.15vw;
    }
    
    .FC-template-type select {
        top: 0.15vw;
    }
    
    .form-roles {
        height: 1.5vw;
    }
}


@media only screen and (min-device-width: 1530px) and (max-device-width: 1540px) {
    
    .select2-search__field {
        margin-top: -3.6vw !important;
    }

    .select2-container--focus .select2-selection--multiple .select2-selection__rendered .select2-search .select2-search__field {
        margin-top: -3.45vw !important;
    }

}


@media only screen and (min-device-width: 1510px) and (max-device-width: 1520px) {

    .temp-name {
        padding: 0.15vw 0.3vw !important;
    }

    .label-select {
        padding: 0.1vw 0.15vw !important;
    }

    .FC-template-type select {
        padding: 0.2vw 0.15vw 0 !important;
        height: 2.9vh !important;
    }

    .select2-search__field {
        margin-top: -3.6vw !important;
    }

    .select2-container--focus .select2-selection--multiple .select2-selection__rendered .select2-search .select2-search__field {
        margin-top: -3.5vw !important;
    }

}

@media only screen and (min-device-width: 1600px) and (max-device-width: 1610px) {

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        padding: 0.4vw 0.6vw 0.3vw 0.6vw !important;
    }

}

@media only screen and (min-device-width: 1910px) and (max-device-width: 1920px) {

    .select2-search__field {
        margin-top: -3.05vw !important;
    }

    .select2-container--focus .select2-selection--multiple .select2-selection__rendered .select2-search .select2-search__field {
        margin-top: -3.15vw !important;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        padding: 0.4vw 0.6vw 0.3vw 0.6vw !important;
    }

}

/* loader */
.loader-holder{
    background-color: #00000075;
    display: block;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 145vw;
    z-index: 100000;
    left: 0vw !important;
}
.loader{
    display: block;
    position: absolute;
    top: 50vh;
    left: calc(50% - 30px);
    z-index: 10000;
    border: 6px solid #f3f3f3;
    border-radius: 50%;
    border-top: 6px solid #2C543F;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

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

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

/* SURVEY */

#sv-nav-complete{
    display: none;
}