P {
	margin: 0in;
}

DIV {
	margin: 0in;
}

ol.alphalist {
	list-style-type: lower-alpha;
}

ol.ualphalist {
	list-style-type: upper-alpha;
}

ol {
	margin-top: 0in;
	margin-bottom: 0in;
	margin-right: 0in;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;

}

ul {
	list-style-type: disc;
	margin-top: 0in;
	margin-bottom: 0in;
	margin-left: 0.2in;
	margin-right: 0in;
	padding: 0in;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;

}

ul ol {
	list-style-image: none;
}

li,
table,
tr,
tbody,
thead {
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

blockquote {
	margin-top: 0in;
	margin-bottom: 0in;
}

.clearformat,
.plain,
.plainsmall,
.plainlarge,
.alert,
.plainfixedwidth {
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

a.plain,
a.plainsmall,
a.plainlarge,
a.plainfixedwidth {
	font-weight: normal;
	font-style: normal;
}

h2 a,
h3 a {
	font-style: normal;
}

h2,
h3 {
	font-style: normal;
	text-decoration: none;
}

a.alert:link,
a.alert:visited {
	text-decoration: underline;
}

.alert a:hover {
	text-decoration: none;
}
.sk-modal-outer-container {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9001; /* From: web/Shared/Scripts/ReactComponents/Scripts/modal_dialog.mjs */
    pointer-events: none;
}

.sk-modal-outer-container.blurBackground {
    background: rgba(68,68,68, 0.4);
    cursor: default;
}

.sk-modal-outer-container.blockClicks {
    pointer-events: auto;
}

.sk-modal-inner-container {
    position: relative;
    display: flex;
    flex-direction: column;
    width: calc(50% - 40px);
    max-width: 700px;
    max-height: calc(100% - 100px);
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0px 1px 4px #00000026;
    z-index: 9002; /* From: web/Shared/Scripts/ReactComponents/Scripts/modal_dialog.mjs */
    pointer-events: auto;
    overflow: hidden;
}

.sk-modal-title-container {
    display: flex;
    align-items: center;
    padding: 25px 32px 10px 32px;
    font-size: 24px;
    font-family: Lato2, Helvetica, Arial, sans-serif;
    color: #222222;
}

.sk-modal-back-btn {
    width: 25px;
    height: 21px;
    background-image: url(https://img-fl.nccdn.net/Shared/Images/buttons.svg);
    background-position: -7px -184px;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-right: 10px;
 }

.sk-modal-content {
    display: flex;
    flex-direction: column;
    padding: 5px 32px;
    overflow-x: hidden;
    overflow-y: scroll;
    font-family: Lato2,Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #444;
     /* Hide scrollbar for IE, Edge and Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    scroll-behavior: smooth;
}

 /* Hide scrollbar for Chrome, Safari and Opera */
 .sk-modal-content::-webkit-scrollbar {
    display: none;
 }

.sk-modal-buttons-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    margin: 10px 32px 20px 0;
}

.sk-modal-close-btn {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 25px;
    height: 25px;
    background-image: url(https://img-fl.nccdn.net/Shared/UIComponents/React/Modal/Images/close_icon.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 2px 2px;
    cursor: pointer;
}

@media screen and (max-width: 1200px) {
    .sk-modal-inner-container{
       width: calc(60% - 40px);
    }
 }
 
@media screen and (max-width: 900px) {
    .sk-modal-inner-container {
        width: calc(70% - 40px);
    }
}

@media screen and (max-width: 600px) {    
    .sk-modal-inner-container {
        width: calc(100% - 40px);
    }

    .sk-modal-title-container {
        padding: 20px 32px 10px 32px;
        font-size: 18px;
    }

    .sk-modal-close-btn {
        top: 15px;
        right: 15px;
    }
}

.sk-modal-hide {
    -webkit-animation: sk-modal-fadeout 0.15s linear forwards;
    animation: sk-modal-fadeout 0.15s linear forwards;
}

@-webkit-keyframes sk-modal-fadeout {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 0;
    }
}

@keyframes sk-modal-fadeout {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 0;
    }
}

.sk-modal-show {
    -webkit-animation: sk-modal-fadein 0.15s linear forwards;
    animation: sk-modal-fadein 0.15s linear forwards;
}

@-webkit-keyframes sk-modal-fadein {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.7;
    }
    100% {
        opacity: 1;
    }
}

@keyframes sk-modal-fadein {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.7;
    }
    100% {
        opacity: 1;
    }
}
.sk-modal-content {
    min-height: 70px;
    white-space: pre-line;
}
.sk-input-field-wrapper {
   margin: 10px 0;
}

.sk-input-field-input {
   width: 100%;
   box-sizing: border-box;
   border-radius: 6px;
   border: 1px solid #DDDDDD;
   background: #FAFAFA;
   font-family: Lato2, Helvetica, Arial, sans-serif;
   color: #444;
}

.sk-input-field-input::placeholder {
   color: #777;
}

.sk-input-field-input.small {
   height: 24px;
   font-size: 12px;
}

.sk-input-field-input.small,
.sk-input-field-input.small:focus:placeholder-shown {
   padding: 0 6px;
}

.sk-input-field-input.medium {
   height: 32px;
   font-size: 14px;
}

.sk-input-field-input.medium,
.sk-input-field-input.medium:focus:placeholder-shown {
   padding: 0 9px;
}

.sk-input-field-input.large {
   height: 40px;
   font-size: 16px;
}

.sk-input-field-input.large,
.sk-input-field-input.large:focus:placeholder-shown {
   padding: 0 12px;
}

.sk-input-field-input.x-large {
   height: 48px;
   font-size: 18px;
}

.sk-input-field-input.x-large,
.sk-input-field-input.x-large:focus:placeholder-shown {
   padding: 0 15px;
}

.sk-input-field-input:hover {
   background: #F2F2F2;
}

.sk-input-field-input:focus {
   background: #FFFFFF;
   border: 1px solid #00ABDE;
   outline: none;
   color: #444;
}

.sk-input-field-input:disabled {
   background: #E6E6E6;
   border: 1px solid #00000000;
   color: #909090;
}

.sk-input-field-input.error {
   border: 1px solid #D50101;
}

.sk-input-field-label {
   font-family: Lato2, Helvetica, Arial, sans-serif;
   white-space: nowrap;
   color: #222;
}

.sk-input-field-label.small,
.sk-input-field-label.medium {
   font-size: 12px;
   margin-bottom: 5px;
}

.sk-input-field-label.large {
   font-size: 14px;
   margin-bottom: 8px;
}

.sk-input-field-label.x-large {
   font-size: 16px;
   margin-bottom: 11px;
}

.sk-input-field-label-required-star {
   color:#d50101;
   white-space: pre;
}

.sk-input-field-error {
   font-family: Lato2, Helvetica, Arial, sans-serif;
   color: #D50101;
   white-space: pre-line;
}

.sk-input-field-error.small,
.sk-input-field-error.medium {
   font-size: 12px;
   margin-top: 5px;
}

.sk-input-field-error.large {
   font-size: 14px;
   margin-top: 8px;
}

.sk-input-field-error.x-large {
   font-size: 16px;
   margin-top: 11px;
}

.sk-input-field-input.range {
   -webkit-appearance: none;
   appearance: none;
   height: 8px; 
   min-height: 8px;
   background: #00abde;
   outline: none;
   margin: 0;
}

.sk-input-field-input.range:focus {
   outline: none;
}

.sk-input-field-input.range::-webkit-slider-thumb {
   -webkit-appearance: none;
   appearance: none;
   width: 16px;
   height: 16px;
   background: #fff;
   border-radius: 16px;
   border: 3px solid #00abde;
   cursor: pointer;
 }
 
 .sk-input-field-input.range::-moz-range-thumb {
   width: 16px;
   height: 16px;
   background: #fff;
   border-radius: 16px;
   border: 3px solid #00abde;
   cursor: pointer;
 }

.sk-input-field-hint {
   font-family: Lato2, Helvetica, Arial, sans-serif;
   color: #777;
   white-space: pre-line;
}

.sk-input-field-hint.small,
.sk-input-field-hint.medium {
   font-size: 10px;
   margin-top: 3px;
}

.sk-input-field-hint.large {
   font-size: 12px;
   margin-top: 5px;
}

.sk-input-field-hint.x-large {
   font-size: 14px;
   margin-top: 8px;
}
.sk-select-wrapper {
   display: flex;
   flex-direction: column;
   margin: 10px 0;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none; 
   user-select: none;
}

.sk-select-label {
   font-size: 12px;
   font-family: Lato2, Helvetica, Arial, sans-serif;
   white-space: nowrap;
   color: #222;
   margin-bottom: 5px;
}

.sk-select-options-wrapper {
   position: relative;
   display: flex;
   justify-content: space-between;
   align-items: center;
   height: 30px;
   padding: 0 6px;
   border-radius: 6px;
   border: 1px solid #DDDDDD;
   background-color: #FAFAFA;
   font-size: 14px;
   cursor: pointer;
}

.sk-select-options-wrapper:hover {
   background-color: #F2F2F2;
}

.sk-select-options-wrapper.active {
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
   border: 1px solid #00ABDE;
   background-color: #FFFFFF;
}

.sk-selected-option-title {
   max-width: 80%;
   color: #444;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.sk-selected-option-arrow {
   width: 20px;
   height: 20px;
   background-image: url(https://img-fl.nccdn.net/Shared/UIComponents/React/Select/Images/expand_more_icon.svg);
   background-size: contain;
   background-repeat: no-repeat;
}

.sk-selected-option-arrow.active {
   background-image: url(https://img-fl.nccdn.net/Shared/UIComponents/React/Select/Images/expand_less_icon.svg);
}

.sk-select-options {
   display: none;
   position: absolute;
   top: 31px;
   width: 100%;
   max-height: 140px;
   font-size: 14px;
   left: -1px;
   text-align: left;
   background-color: #fff;
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;
   border-left: 1px solid #DDDDDD;
   border-right: 1px solid #DDDDDD;
   border-bottom: 1px solid #DDDDDD;
   z-index: 2;
   overflow: auto;
}

.sk-select-options.active {
   display: block;
}

.sk-select-option {
   height: 32px;
   padding: 0 6px;
   line-height: 32px;
   cursor: pointer;
}

.sk-select-option:not(:last-child) {
   border-radius: 0px;
}

.sk-select-option.selected {
   background-color: #F2F2F2;
}

.sk-select-option:not(.selected):hover {
   background-color: #FAFAFA;
}

.sk-select-option-label {
   max-width: 80%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   color: #444;
}

.sk-select-hint {
   margin-top: 3px;
   font-size: 10px;
   color: #777;
   white-space: pre-line;
}

.sk-select-option.disabled {
   opacity: 0.5;
   cursor: default;
   background-color: #fff;
 }
.sk-input-with-units-wrapper {
   display: block;
   width: 100%;
   margin: 10px 0;
}

.sk-input-field-with-units {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: baseline;
}

.sk-input-field-with-units .sk-input-field-wrapper,
.sk-input-field-with-units .sk-select-wrapper {
   margin: 0;
}

.sk-input-field-with-units .sk-input-field-wrapper {
   flex-grow: 1;
}

.sk-input-field-with-units .sk-select-wrapper {
   max-width: 90px;
   flex: 1 1 75px;
}

.sk-input-field-with-units .sk-select-options-wrapper {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   border-left-color: transparent;
}

.sk-input-field-with-units .sk-select-options-wrapper.active {
   border-left-color: #00ABDE;
}


.sk-input-field-with-units .sk-input-field-input {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
}
.sk-validation-error-message {
   font-family: Lato2, Helvetica, Arial, sans-serif;
   color: #D50101;
   white-space: pre-line;
}

.sk-validation-error-message.small,
.sk-validation-error-message.medium {
   font-size: 12px;
}

.sk-validation-error-message.large {
   font-size: 14px;
   margin-top: 3px;
}

.sk-validation-error-message.x-large {
   font-size: 16px;
   margin-top: 6px;
}

.sk-validation-red-outline:focus,
.sk-validation-red-outline:not(:focus) {
   border: 1px solid #D50101;
}
.sk-button {
   position: relative;
   border-radius: 6px;
   font-family: Lato2, Helvetica, Arial, sans-serif;
   font-weight: normal;
   cursor: pointer;
}

.sk-button.small {
   height: 24px;
   min-height: 24px;
   padding: 0 10px;
   font-size: 12px;
}

.sk-button.medium {
   height: 32px;
   min-height: 32px;
   padding: 0 15px;
   font-size: 14px;
}

.sk-button.large {
   height: 40px;
   min-height: 40px;
   padding: 0 20px;
   font-size: 16px;
}

.sk-button.x-large {
   height: 48px;
   min-height: 48px;
   padding: 0 25px;
   font-size: 18px;
}

.sk-button.primary {
   background: #E37A00;
   border: 2px solid #E37A00;
   color: #fff;
}

.sk-button.primaryOutlined {
   background: transparent;
   border: 2px solid #E37A00;
   color: #E37A00;
}

.sk-button.primary:hover, .sk-button.primary:active, .sk-button.primary.active {
   background: #BA6400;
   border: 2px solid #BA6400;
   color: #fff;
}

.sk-button.primaryOutlined:hover, .sk-button.primaryOutlined:active, .sk-button.primaryOutlined.active {
   background: #E37A00;
   border: 2px solid #E37A00;
   color: #fff;
}

.sk-button.secondary {
   background: #35b291;
   border: 2px solid #35b291;
   color: #fff;
}

.sk-button.secondaryOutlined {
   background: transparent;
   border: 2px solid #35b291;
   color: #35b291;
}

.sk-button.secondary:hover, .sk-button.secondary:active, .sk-button.secondary.active {
   background: #28896F;
   border: 2px solid #28896F;
   color: #fff;
}

.sk-button.secondaryOutlined:hover, .sk-button.secondaryOutlined:active, .sk-button.secondaryOutlined.active {
   background: #35b291;
   border: 2px solid #35b291;
   color: #fff;
}

.sk-button.base {
   background: #00abde;
   border: 1px solid #00abde;
   color: #fff;
}

.sk-button.baseOutlined {
   background: transparent;
   border: 2px solid #00abde;
   color: #00abde;
}

.sk-button.base:hover, .sk-button.base:active, .sk-button.base.active {
   background: #007BA0;
   border: 1px solid #007BA0;
   color: #fff;
}

.sk-button.baseOutlined:hover, .sk-button.baseOutlined:active, .sk-button.baseOutlined.active {
   background: #00abde;
   border: 2px solid #00abde;
   color: #fff;
}

.sk-button.alert {
   background: #D50101;
   border: 1px solid #D50101;
   color: #fff;
}

.sk-button.alert:hover, .sk-button.alert:active, .sk-button.alert.active {
   background: #A80000;
   border: 1px solid #A80000;
   color: #fff;
}

.sk-button.text {
   background: transparent;
   color: #00abde;
   border: none;
}

.sk-button.text:hover, .sk-button.sk-button.text:active, .sk-button.sk-button.text.active {
   color: #007BA0;
}

.sk-button.primary:disabled,
.sk-button.secondary:disabled {
  border: 2px solid #E6E6E6;
  background-color: #E6E6E6;
  color: #B1B1B1;
  cursor: inherit;
}

.sk-button.base:disabled {
   border: 1px solid #E6E6E6;
   background-color: #E6E6E6;
   color: #B1B1B1;
   cursor: inherit;
 }

.sk-button.primaryOutlined:disabled,
.sk-button.secondaryOutlined:disabled {
  border: 2px solid #D5D5D5;
  background-color: transparent;
  color: #B1B1B1;
  cursor: inherit;
}

.sk-button.baseOutlined:disabled {
  border: 2px solid #D5D5D5;
  background-color: transparent;
  color: #B1B1B1;
  cursor: inherit;
}

.sk-button.text:disabled {
  color: #B1B1B1;
}

.sk-button:focus {
   outline: none;
   box-shadow: none;
 }

.sk-button.loading {
   background: #fff !important;
   color: #fff !important;
}

.sk-button.primary.loading,
.sk-button.primaryOutlined.loading {
   border: 2px solid #E37A00;
}

.sk-button.secondary.loading,
.sk-button.secondaryOutlined.loading {
   border: 2px solid #35b291;
}

.sk-button.base.loading,
.sk-button.text.loading {
   border: 1px solid #00abde;
}

.sk-button.baseOutlined.loading {
   border: 2px solid #00abde;
}

.sk-button.alert.loading {
   border: 1px solid #D50101;
}

.sk-button.loading::after {
   content: "";
   position: absolute;
   width: 12px;
   height: 12px;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   border: 2px solid transparent;
   border-radius: 50%;
   animation: button-loading-spinner 1s ease infinite;
}

.sk-button.primary.loading::after,
.sk-button.primaryOutlined.loading::after {
   border-top-color: #E37A00;
}

.sk-button.secondary.loading::after,
.sk-button.secondaryOutlined.loading::after {
   border-top-color: #35b291;
}

.sk-button.base.loading::after,
.sk-button.baseOutlined.loading::after,
.sk-button.text.loading::after {
   border-top-color: #00abde;
}

.sk-button.alert.loading::after {
   border-top-color: #D50101;
}

@keyframes button-loading-spinner {
   from {
       transform: rotate(0turn);
   }

   to {
       transform: rotate(1turn);
   }
}
.sk-section-selector-wrapper {
   display: flex;
   position: relative;
}

.sk-section-selector-select-text {
   font-size: 13px;
   color: white;
}

.sk-section-selector-select-title {
   display: inline-block;
   max-width: 85px;
   padding-left: 4px;
   font-size: 13px;
   color: #00abde;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   cursor: pointer;
}

.sk-section-selector-select-title-arrow {
   width: 15px;
   height: 15px;
   display: inline-block;
   background: url(https://img-fl.nccdn.net/Shared/Images/AdminArea/new-opb-sprite.svg) no-repeat transparent -14px -1747px;
   cursor: pointer;
}

.sk-section-selector-select-option-wrapper {
   display: none;
}

.sk-section-selector-select-option-wrapper.active {
   display: block;
   position: absolute;
   top: 20px;
   right: 0;
   text-align: left;
   z-index: 2;
   font-family: Lato2, Helvetica, Arial, sans-serif;
   font-size: 12px;
   background-color: #fefffe;
   border-radius: 6px;
   color: #3a3a3a;
   box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
   border: 1px solid rgba(221, 221, 221, 1);
   overflow: hidden;
}

.sk-section-selector-selectable-option {
   padding: 10px 13px;
   color: #00abde;
   font-size: 13px;
   line-height: normal;
   font-weight: bold;
   cursor: pointer;
   white-space: nowrap;
}

.sk-section-selector-selectable-option:not(:last-child) {
   border-bottom: 1px solid rgba(221, 221, 221, 0.6);
   border-radius: 0px;
}

.sk-section-selector-selectable-option.selected {
   background-color: #eff6f6;
}

.sk-section-selector-selectable-option:not(.selected):hover {
   background-color: #fafcfc;
}

.sk-button-with-dropdown-container {
   display: flex;
   height: fit-content;
}

.sk-button-with-dropdown-btn {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
}

.sk-button-with-dropdown-divider {
   position: relative;
   width: 1px;
}

.sk-button-with-dropdown-divider.primary,
.sk-button-with-dropdown-divider.primaryOutlined {
   background-color: #E37A00;
}

.sk-button-with-dropdown-divider.secondary,
.sk-button-with-dropdown-divider.secondaryOutlined {
   background-color: #35b291;
}

.sk-button-with-dropdown-divider.base,
.sk-button-with-dropdown-divider.baseOutlined {
   background-color: #00abde;
}

.sk-button-with-dropdown-divider.alert {
   background-color: #D50101;
}

.sk-button-with-dropdown-divider.disabled  {
  background-color: #E6E6E6;
}

.sk-button-with-dropdown-divider:after {
   content: '';
   position: absolute;
   display: block;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background-color: rgba(255,255,255,0.2);
}

.sk-button-with-dropdown-dropdown-btn {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}

.sk-button-with-dropdown-dropdown-btn {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}

.sk-button-with-dropdown-dropdown-btn.small {
   padding: 0 10px !important;
}

.sk-button-with-dropdown-dropdown-btn.medium {
   padding: 0 14px !important;
}

.sk-button-with-dropdown-dropdown-btn.large {
   padding: 0 18px !important;
}

.sk-button-with-dropdown-dropdown-btn.x-large {
   padding: 0 22px !important;
}

.sk-button-with-dropdown-dropdown-btn:after {
   content: '';
   position: absolute;
   display: block;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background-image: url('https://img-fl.nccdn.net/Shared/Images/AdminArea/new-opb-sprite.svg');
   background-repeat: no-repeat;
}

.sk-button-with-dropdown-dropdown-btn.small:after {
   background-size: 36px;
   background-position: center -1521px;
}

.sk-button-with-dropdown-dropdown-btn.small.opened:after {
   background-position: center -1546px;
}

.sk-button-with-dropdown-dropdown-btn.medium:after {
   background-size: 40px;
   background-position: center -1687px;
}

.sk-button-with-dropdown-dropdown-btn.medium.opened:after {
   background-position: center -1715px;
}

.sk-button-with-dropdown-dropdown-btn.large:after {
   background-size: 44px;
   background-position: center -1854px;
}

.sk-button-with-dropdown-dropdown-btn.large.opened:after {
   background-position: center -1884px;
}

.sk-button-with-dropdown-dropdown-btn.x-large:after {
   background-size: 48px;
   background-position: center -2020px;
}

.sk-button-with-dropdown-dropdown-btn.x-large.opened:after {
   background-position: center -2053px;
}

.sk-button-with-dropdown-dropdown.small {
   top: 26px !important;
}

.sk-button-with-dropdown-dropdown.medium {
   top: 34px !important;
}

.sk-button-with-dropdown-dropdown.large {
   top: 42px !important;
}

.sk-button-with-dropdown-dropdown.x-large {
   top: 50px !important;
}
.form-settings-wrapper .sk-modal-title-container {
    height: 60px;
    padding: 0 32px;
    border-bottom: solid 1px #ccc;
    box-sizing: border-box;
    font-size: 17px;
}

.form-settings-wrapper .sk-modal-close-btn {
    top: 20px;
}

.form-settings-wrapper .sk-modal-content {
    padding: 15px 32px 5px;
}

.form-settings-email-template-modal-container.sk-modal-inner-container {
    width: calc(80% - 40px);
    max-width: 1000px;
}

@media screen and (max-width: 1200px) {
    .form-settings-email-template-modal-container.sk-modal-inner-container {
       width: calc(80% - 40px);
    }
 }
 
@media screen and (max-width: 900px) {
    .form-settings-email-template-modal-container.sk-modal-inner-container {
        width: calc(70% - 40px);
    }
}

@media screen and (max-width: 600px) {    
    .form-settings-email-template-modal-container.sk-modal-inner-container {
        width: calc(100% - 40px);
    }
}