/* Input field*/
.form-input-text, .form-button-bottom {
    padding-bottom: 1em;
}

.pad-bottom {
    padding-bottom: 22px;
}

.form-button {
    border: 1px solid #FF6900;
    color: #ffffff !important;
    background-color: #FF6900 !important;
    border-radius: 25px;
	width: fit-content;
}

.form-label {
    width: 18.75em;  
}

.input-control-sm {
    width: 8.75em;
    height: 48px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #55565A;
    border-radius: 6px;
    opacity: 1;
    direction: rtl;
    font-family: GE-SS-Two-Medium;
    padding-left: 16px;
    color: #55565A;
    font-size: 1em; 
    font-weight: normal;
}

.custom-label-sm {
    width: 8.85em;
}

.elem-spacing {
    margin: 0 0 24px;
}

.spacing-left {
    margin-right: 16px;
    float: left;
}

.input-control {
    width: 18.75em;
    height: 48px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #55565A;
    border-radius: 6px;
    opacity: 1;
    direction: rtl;
    font-family: GE-SS-Two-Medium;
    padding-left: 16px;
    color: #55565A;
    font-size: 1em; 
    font-weight: normal;
}

.custom-label {
    width: 18.75em;
}

select.form-select:disabled, input.form-select:disabled  {
    opacity: 0.5 !important;
    cursor: not-allowed;
    background-color: transparent !important;
}


.select-control {
    width: 300px;
    height: 48px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #55565A;
    border-radius: 6px;
    opacity: 1;
    direction: rtl;
    font-family: GE-SS-Two-Medium;
    padding-left: 16px;
    font-weight: normal;
}

/* .custom-select_label{
    width: 300px;
} */

/* End of input control */

/* Start Of Label Animation */
label {
    position:relative;
    display:inline-block;
}

.country-code {
    position: absolute;
    top: 14px;
    left: 12px;
    color: #8896A3;
    font-size: 14px;
    font-weight: normal;
}

.disabled-float-label {
    padding: 5px 10px !important;
    top: 10px !important;
    background-color: transparent !important;
}

.input-readonly{
	opacity: 1 !important;
	cursor: not-allowed;
	pointer-events:none;
}

.floating-label {
    font-weight: normal;
    padding: 5px 3px;
    pointer-events: none;
    position:absolute;
    top:-14px;
    transition: 0.2s;
    transition-timing-function: ease;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    color: #8896A3; 
    background-color:#ffffff;  
    opacity: 1;
    width: fit-content;
    text-align: right;
    font-size: 0.8125em;
	right:5%;
}

input:invalid:not(:focus)+* {
    padding: 5px 10px;
    top: 10px;
}
/* End Of Label Animation */

.redRenewSummary{
	 color: #EF2856;
    font-size: 0.75em;
    text-align: right;
    margin: 2px 0 0 10px;
    font-weight: normal;
    direction:rtl;
}

.red {
    color: #EF2856;
    font-size: 0.875em;
    text-align: right;
    margin: 2px 0 0 10px;
    font-weight: normal;
    direction:rtl;
}

.error {
    border: 1px solid #EF2856 !important;
}

/* Start Of Radio  */

input[type='radio'] {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    outline: none;
    border: 2px solid #FDA57A;
}

input[type='radio']:before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    margin: 5px;
    border-radius: 50%;
    background: #ffffff !important;
}

input[type="radio"]:checked {
    border-color:#FDA57A;
}

input[type="radio"]:checked {
    background: #FDA57A;    
}

.radio-spacing{
	margin-right:5px !important;
	margin-left:15px !important;
}

/* End Of Radio  */

/* Start of Checkbox */
input[type='checkbox'] {
    -webkit-appearance: none;
    border-radius: 50%;
    outline: none;
    border: 2px solid #FDA57A;
    width: 1.875em;
    height: 1.875em;
}

input[type='checkbox']:before {
    content: "\2713";
    display: block;
    color: #ffffff !important;
    padding: 5px;
}

input[type="checkbox"]:checked {
    background: #FDA57A;
}

@media only screen and (max-width: 600px) {
    input[type='checkbox'] {
        width: 1.75em;
        height: 1.75em;
    }

    input[type='checkbox']:before {
        padding: 4px;
    }

    .input-control, .form-label, .custom-label {
        /* width: 17.375em; */
        width: 269px !important;
    }

    .form-xs-button {
        width: 70% !important;
        margin-top: 10;
    }

    .select-sm-ctrl {
        width: 3.8em !important;
    }
}



@media only screen and (width: 1024px)  {
    .inputTyp, select, .tabbed-label {
        width: 250px !important;
    }

    .select-sm-ctrl {
        width: 5.8em !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 990px) {
    select, .inputTyp, .tabbed-label {
        width: 200px !important;
    }

    .select-sm-ctrl {
        width: 5.8em !important;
    }
}






/* End of Check box */

/* Alerts */
.alert {
    width: 80%;
    margin: auto;
    text-align: center;
    z-index: 999;
    margin-top: 50%;
}

.select-sm-ctrl {
    width: 5.8em;
    height: 48px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #55565A;
    border-radius: 6px;
    opacity: 1;
    direction: rtl;
    font-family: GE-SS-Two-Medium;
    padding-left: 16px;
    font-weight: normal;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
}

.input-sm-ctrl {
    margin-left: -4px;
    width: 12.95em;
    height: 48px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #55565A;
    border-radius: 6px;
    opacity: 1;
    direction: rtl;
    padding-right:5%;
    font-family: GE-SS-Two-Medium;
    padding-left: 16px;
    color: #55565A;
    font-size: 1em;
    font-weight: normal;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-control-sm-ar {
    width: 8.75em;
    height: 48px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #55565A;
    border-radius: 6px;
    opacity: 1;
    direction: rtl;
    font-family: GE-SS-Two-Medium;
    padding-left: 16px;
    color: #55565A;
    font-size: 1em; 
    font-weight: normal;
}

.form-sm-ctrl {
    width: 12.95em;
}