﻿.astro_formStyle, .astro_searchForm {
    width:100%;
}

.astro_searchForm {
    position: relative;
    float: left;
    border-style: solid;
    border-width: thin;
    border-color: #5d9732;
    background-color:#ffffff;
}

.astro_formStyle h2  {
    color: #5d9732 !important;
    font-size: 1.5em;
    font-weight: normal;
    padding: 0.5em 0 0.5em 0;
    margin:2em 0 1em 0 !important;
    border-top-style: solid;
    border-top-style: solid;
    border-top-width: thin;
    border-top-color: #5d9732;
}

.astro_formStyle h3 {
    color: #023461 !important;
    font-size: 1.25em;
    font-weight: normal;
    padding-bottom: 0.5em;
    margin: 1.25em 0 1em 0;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #023461;
}

.astro_formStyle h3:first-child{
     margin: 0 0 1em 0;
}

.astro_formStyle hr {
    width: 100%;
    border-top: 1px solid #5d9732;
}

.astro_inputGroup {
    position:relative;
    float:left;
    width:100%;
    margin:0.25em 0 0.25em 0;
}

.astro_formStyle input[type="text"], .astro_formStyle input[type="email"], .astro_formStyle input[type="password"], .astro_formStyle input[type="date"],
.astro_formStyle input[type="datetime-local"] {
    width: 100%;
    padding: 1em;
    margin: 0.5em 0 0.5em 0;
    border-style: solid;
    border-width: thin;
    border-color: #5d9732;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    position:absolute;
    top:40px;
    right:10px;
    font-size:2em;
}

input:-webkit-autofill ~ label {
    display: none;
}


.astro_formStyle input[type="button"], .astro_formStyle input[type="submit"] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #ffffff !important;
    background-color: #5d9732;
    text-decoration: none;
    text-align: center;
    padding: 1.1em 1em 1.1em 1em;
    margin: 0.5em 0 0.5em 0;
    border-style: none;
    border-radius: 0.25em;
    text-transform:uppercase;
    cursor: pointer;
}

.astroButton_grow {
    width: unset !important;
}

.blueOverride {
    background-color:#023461 !important;
}


.astro_formStyle input[type="button"]:hover, .astro_formStyle input[type="submit"]:hover {
    opacity: 0.85;
}

.astro_searchForm input[type="text"] {
    position:relative;
    float:left;
    padding: 1.5em;
    border-style: none;
}

.astro_searchIcon {
    position: relative;
    float: left;
    padding: 0.94em;
    background-color:#ffffff;
}




.astro_formStyle input[type="text"] ~ label, .astro_formStyle select ~ label, .astro_formStyle textarea ~ label, .astro_searchForm input[type="text"] ~ label, .astro_formStyle input[type="password"] ~ label {
    position: absolute;
    font-size: 1em;
    top: 1em;
    left: 1em;
    color: #707070;
    pointer-events: none;
    transition: all 0.3s ease;
}

    .astro_formStyle .req input[type="text"] ~ label::after, .astro_formStyle .req textarea ~ label::after, .astro_formStyle .req input[type="checkbox"] ~ label::after, 
    .astro_formStyle input[type="password"] ~ label::after , .astro_formStyle h3.req::after, .astro_formStyle .req fieldset label::after, .astro_formStyle .req label::after,
    .astro_formStyle td.req:after {
        content: "*";
        color: red;
    }


.astro_formStyle input[type="text"]:not(:required):not(:placeholder-shown) ~ label, input[type="text"]:focus ~ label,
.astro_formStyle input[type="password"]:focus ~ label,
.astro_formStyle input[type="password"]:not(:required):not(:placeholder-shown) ~ label,
.astro_formStyle textarea:not(:required):not(:placeholder-shown) ~ label,
.astro_formStyle textarea:focus ~ label,
.astro_searchForm input[type="text"]:not(:required):not(:placeholder-shown) ~ label,
.astro_searchForm input[type="text"]:focus ~ label {
    font-size: 0.5em;
    top: 0.5em;
    color: #707070;
}

.astro_formStyle input[type="text"]:required:not(:focus):not(:placeholder-shown):valid ~ label, .astro_formStyle input[type="password"]:required:not(:focus):not(:placeholder-shown):valid ~ label,
.astro_formStyle textarea:required:not(:focus):not(:placeholder-shown):valid ~ label, .astro_searchForm input[type="text"]:required:not(:focus):not(:placeholder-shown):valid ~ label,
.astro_formStyle select ~ label {
    font-size: 0.5em;
    top: 0.5em;
    color: #707070;
}

.astro_formStyle input[type="text"]:required:focus:not(:placeholder-shown) ~ label, .astro_formStyle input[type="password"]:required:focus ~ label,
.astro_formStyle textarea:required:focus:not(:placeholder-shown) ~ label, .astro_searchForm input[type="text"]:required:focus:not(:placeholder-shown) ~ label,
.astro_formStyle select ~ label {
    font-size: 0.5em;
    top: 0.5em;
    color: #707070;
}

.astro_formStyle input[type="text"]:disabled ~ label, .astro_formStyle textarea:disabled ~ label, .astro_formStyle input[type="password"]:disabled ~ label {
    display: none;
}

.astro_formStyle input[type="text"]:disabled, .astro_formStyle textarea:disabled, .astro_formStyle input[type="password"]:disabled {
    background-color: #f2f2f2;
    cursor: not-allowed;
}

.astro_formStyle input[type="text"]:read-only, .astro_formStyle textarea:read-only {
    background-color: #f2f2f2;
    cursor: not-allowed;
}

.astro_formStyle input[type="radio"], .astro_formStyle input[type="checkbox"] {
    min-width: 1.25em;
    height: 1.25em;
    margin: 0.5em 0.5em 0.5em 0;
    vertical-align: middle;
}

.astro_formStyle fieldset {
    border-style: none;
    padding: 0;
    margin: 0;
}

.astro_formStyle fieldset label {
    font-weight: bold;
    margin: 0 0 0 0;
}

.astro_formStyle input[type="checkbox"]:checked {
    background-color: #5d9732 !important;
}

.astro_formStyle input[type="checkbox"] ~ label, .astro_formStyle input[type="radio"] ~ label {
    font-weight: normal;
}

.astro_formStyle textarea {
    width: 100%;
    min-height: 100px;
    padding: 1em;
    margin: 0.5em 0 0.5em 0;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    border-style: solid;
    border-width: thin;
    border-color: #5d9732;
}

.astro_no-resize {
    resize: none;
}

.astro_formStyle input[type="text"]:focus, .astro_formStyle input[type="date"]:focus, .astro_formStyle textarea:focus, .astro_searchForm input[type="text"]:focus, .astro_formStyle select:focus {
    outline: none !important;
    border-style: solid;
    border-width: thin;
    border-color: highlight;
    box-shadow: 0 0 5px highlight;
}

.astro_searchForm input[type="text"]:focus {
    outline: none !important;
    border-style: none !important;
    box-shadow: none !important;
}

.astro_searchForm input[type="text"]::placeholder {
    font-size: 1.15em;
}

.astro_formStyle input[type="text"]::placeholder {
    color: transparent;
}

.astro_formStyle fieldset[name="PhoneNumber"] input[type="text"]::placeholder {
    font-size: 1.15em;
    color: #707070;
}

select {
    border: unset;
    padding: unset;
    margin: unset;
    width: unset;
    min-height: unset;
    font-family: inherit;
    font-size: inherit;
    cursor: inherit;
    line-height: inherit;
}

option {
    font-weight: normal;
    display: unset;
    white-space: unset;
    min-height: 0;
    padding: 0;
}

.astro_formStyle select {
    width: 100%;
    font-size: 1.15em;
    color: #707070;
    padding: 0.25em 0.5em 0.25em 0.25em;
    margin: 0.65em 0 0.65em 0;
    border-style: solid;
    border-width: thin;
    border-color: #5d9732;
}

    .astro_formStyle select::after {
        padding-right: 0.5em !important;
    }

    .astro_formStyle select option {
        color: #707070;
        font-size: 0.75em;
    }

.astro_boxPortal {
    width: 100%;
    border-style: solid;
    border-width: thin;
    border-color: #dedede;
    border-radius: 0.25em;
}

.astro_boxPortal_header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    background-color: #f2f2f2;
    border-bottom-style: solid;
    border-bottom-color: #dedede;
    border-bottom-width: thin;
    font-size: 2em;
    padding: 0.5em;
    gap: 0.5em;
}

.astro_boxPortal_header_toggle {
    position: relative;
    width: 100%;
    background-color: #f2f2f2;
    border-bottom-style: solid;
    border-bottom-color: #dedede;
    border-bottom-width: thin;
    font-size: 2em;
    padding: 0.5em;
}

.astro_boxPortal_body {
    padding:1em;
}

.astro_boxPortal .topLabel label {
    font-weight:bold;
}

.astro_boxPortal_header h2, .astro_boxPortal_header_toggle h2 {
    display: inline-block;
    color: #5d9732;
    font-size: 0.75em !important;
    margin: 0 0 0 0 !important;
    border-style: none;
}

.astro_boxPortal_header_toggleSwitch {
    position:absolute;
    top:0.5em;
    right:0.25em;
    z-index:30;
    font-size:0.75em;
    cursor:pointer;
}

.astro_formStyle .astro_boxPortal select {
    padding: 0.65em;
    margin: 0.4em 0 0.4em 0;
}

.astro_formStyle .astro_boxPortal .rs_grid3 select {
    padding: 0.65em;
    margin: 0.6em 0 0.4em 0;
}

.astro_popOut_25, .astro_popOut_50, .astro_popOut_75, .astro_popOut_100 {
    -webkit-box-shadow: 5px 5px 10px 0 #C9C9C9;
    box-shadow: 5px 5px 10px 0 #C9C9C9;
}


.astro_popOut_100 {
    width:100%;
}

.cardNum, .iconField {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
}

.cardNum label, .iconField label {
    width:100%;
}

.cardNum input[type="text"], .iconField input[type="text"] {
    width:92%;
}

.inputIcon, .inputIcon_left {
    display: flex;
    width: 8%;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    background-color: #f2f2f2;
    font-size: 1.5em;
    padding: 0.5em;
}

.inputIcon {
    border-style: solid;
    border-width: thin;
    border-color: #dedede;
    border-left-style: none;
    border-radius: 0 0.2em 0.2em 0;
}

.inputIcon_left {
    border-style: solid;
    border-width: thin;
    border-color: #dedede;
    border-right-style: none;
    border-radius: 0.2em 0 0 0.2em;
}

.astro_formHint {
    font-size:0.75em;
    font-style: italic;
}

.astro_phoneSet {
    margin:0;
}

.astro_phoneInput_small {
    width: 20% !important;
}

.astro_phoneInput_large {
    width: 40% !important;
}

.astro_Input_90 {
    width: 90% !important;
}

.astro_Input_80 {
    width: 80% !important;
}

.astro_Input_70 {
    width: 70% !important;
}

.astro_Input_60 {
    width: 60% !important;
}

.astro_Input_50 {
    width: 50% !important;
}

.astro_Input_40 {
    width: 40% !important;
}

.astro_Input_30 {
    width: 30% !important;
}

.astro_Input_20 {
    width: 20% !important;
}

.astro_Input_10 {
    width: 10% !important;
}

.astro_formTab {
    position:relative;
    padding:1em 1em 1em 1em;
    text-align:center;
    border-style:solid;
    border-width:thin;
    border-color:#dedede;
    border-bottom-style:none;
    border-left-style:none;
    cursor:pointer;
    background-color:#f2f2f2;
}

.lineCover {
    position:absolute;
    width:100%;
    background-color:#ffffff;
    left:0;
    bottom:-2px;
    z-index:30;
    padding:4px;
}

.astro_formTabs > div:first-of-type {
    border-left-style: solid;
    background-color:#ffffff;
}

.astro_formTabs {
    margin-bottom:0 !important;
}

.astro_formTab_body {
    border-style: solid;
    border-width: thin;
    border-color: #dedede;
    padding: 1em;
    margin: 0 0 2em 0;
}

.astroDrop {
    position: absolute;
    width: 100%;
    top: -15px;
    left: 0;
    z-index: 30;
    background-color: #ffffff;
    border-style: solid;
    border-width: thin;
    border-color: #5d9732;
    border-top-style: none;
}

.astroDrop a {
    display: block;
    width: 100%;
    padding: 1em;
    text-decoration: none;
    color: #333;
    background-color: #ffffff;
}

.astroDrop a:hover {
    text-decoration:none;
    background-color:#f2f2f2;
}

.astroListColumn_2, .astroListColumn_3, .astroListColumn_4 {
    display: flex;
    flex-wrap: wrap;
    margin:0 0 0 0 !important;
}

.astro_errorText {
    font-size:1.00em;
    color:red;
    font-weight:100;
}


.astro_errorInput {
    border-color: red !important;
}

/*=====From Bootstrap Error Alert  Filter is throughing error====*/

.astro-alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-shadow: 0 1px 0 rgba(255,255,255,.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05)
}

.astro-alert-success {
    background-image: -webkit-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);
    background-image: -o-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#c8e5bc));
    background-image: linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
    background-repeat: repeat-x;
    border-color: #b2dba1
}

.astro-alert-info {
    background-image: -webkit-linear-gradient(top,#d9edf7 0,#b9def0 100%);
    background-image: -o-linear-gradient(top,#d9edf7 0,#b9def0 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#b9def0));
    background-image: linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
    background-repeat: repeat-x;
    border-color: #9acfea
}

.astro-alert-warning {
    background-image: -webkit-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);
    background-image: -o-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fcf8e3),to(#f8efc0));
    background-image: linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
    background-repeat: repeat-x;
    border-color: #f5e79e
}

.astro-alert-danger {
    background-image: -webkit-linear-gradient(top,#f2dede 0,#e7c3c3 100%);
    background-image: -o-linear-gradient(top,#f2dede 0,#e7c3c3 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#e7c3c3));
    background-image: linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
    background-repeat: repeat-x;
    border-color: #dca7a7
}

/*===Alert Boxes================================================================================================*/
.alert {
    width: 100%;
    padding: 12px 16px;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 12px;
    font-size: 16px;
}

    .alert.alert-success {
        background-color: rgba(227, 253, 235, 1);
        border-color: rgba(38, 179, 3, 1);
        color: rgba(60, 118, 61, 1);
    }

    .alert.alert-info {
        background-color: rgba(217, 237, 247, 1);
        color: rgba(49, 112, 143, 1);
        border-color: rgba(126, 182, 193, 1);
    }


    .alert.alert-warning {
        background-color: rgba(252, 248, 227, 1);
        border-color: rgba(177, 161, 129, 1);
        color: rgba(138, 109, 59, 1);
    }

    .alert.alert-danger {
        background-color: rgba(248, 215, 218, 1);
        border-color: rgba(220, 53, 69, 1);
        color: rgba(114, 28, 36,1);
    }


/*Styles for product pages*/

.astro_productPrice {
    padding: 10px;
    border-style: solid;
    border-width: thin;
    border-color: #dedede;
}

.astro_productCart {
    width: 100%;
    padding: 10px;
    border-style: solid;
    border-width: thin;
    border-color: #dedede;
}

/* Styles for Search */
.ss360-n-button {
    color: #333 !important
}

/*File Upload Styles*/

.astro_formStyle input[type="file"] {
    width: 100%;
    padding: 0em;
    font-size: 1em;
    border: thin solid grey;
    border-radius: 3px;
    cursor: pointer;
}

.astro_formStyle input::file-selector-button {
    font-weight: normal;
    color: #333;
    padding: 1em;
    border-style: none;
    border-right-style: solid;
    border-right-width: thin;
    border-right-color: #dedede;
    margin-right: 1em;
    cursor: pointer;
}

/*=========internal form styles=================*/

.astro_IntformStyle .rs_grid1, .astro_IntformStyle .rs_grid2, .astro_IntformStyle .rs_grid3, .astro_IntformStyle .rs_grid4, .astro_IntformStyle .rs_grid5, .astro_IntformStyle .rs_grid6 {
    margin: 0 0 0.75em 0;
    gap: 0.75em 0.75em;
}

.astro_IntformStyle .astro_inputGroup {
    margin: 0;
}

.astro_IntformStyle h2 {
    color: #5d9732 !important;
    font-size: 1.5em;
    font-weight: normal;
    padding: 0.5em 0 0.5em 0;
    margin: 2em 0 1em 0 !important;
    border-top-style: solid;
    border-top-style: solid;
    border-top-width: thin;
    border-top-color: #5d9732;
}

.astro_IntformStyle h3 {
    color: #023461 !important;
    font-size: 1.25em;
    font-weight: normal;
    padding-bottom: 0.5em;
    margin: 1.25em 0 1em 0;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #023461;
}

.astro_IntformStyle h4 {
    font-size: 1.15em;
    font-weight: bold;
    color: #5d9732;
    margin: 0.5em 0 0 0;
}

.astro_IntformStyle h3:first-child {
        margin: 0 0 1em 0;
}

.astro_IntformStyle .headerInfo {
    margin: -1.5em 0 0 0;
}

.astro_IntformStyle hr {
    width: 100%;
    border-top: 1px solid #5d9732;
}


.astro_IntformStyle input[type="text"], .astro_IntformStyle input[type="password"], .astro_IntformStyle input[type="email"], .astro_IntformStyle textarea {
    width: 100%;
    padding: 1em;
    margin: 0 0 0 0;
    border-style: solid;
    border-width: thin;
    border-color: #5d9732;
    font-family: inherit;
    font-size: inherit;
}

.astro_IntformStyle input[type="submit"] {
    float:right;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
    color: #ffffff !important;
    background-color: #023461;
    text-decoration: none;
    text-align: center;
    padding: 1.1em 1em 1.1em 1em;
    margin: 2em 0 1.5em 0;
    border-style: none;
    border-radius: 0.25em;
    text-transform: uppercase;
    cursor: pointer;
}

.astro_IntformStyle .rs_grid1 textarea {
    min-height: 10em;
}

.astro_IntformStyle .rs_grid2 textarea {
    min-height: 5em;
}

.astro_IntformStyle .rs_grid3 textarea {
    min-height: 2em;
}

.astro_IntformStyle .astro_inputGroup input[type="text"]::placeholder, .astro_IntformStyle .astro_inputGroup input[type="email"]::placeholder, .astro_IntformStyle textarea::placeholder {
    display: block;
    font-size: 1.15em;
    color: #707070;
}

.astro_IntformStyle .astro_inputGroup label {
    display: none;
    /*position: absolute;
    font-size: 0.85em;
    top: -0.5em;
    left: 1em;
    padding: 0 0.5em 0 0.5em;
    background-color: #ffffff;*/
}

/*.astro_IntformStyle .astro_inputGroup input[type="text"]:focus::placeholder, .astro_IntformStyle .astro_inputGroup input[type="email"]:focus::placeholder {
    color: transparent;
}*/

.astro_IntformStyle input[type="text"]:focus, .astro_IntformStyle input[type="date"]:focus, .astro_IntformStyle textarea:focus, .astro_IntformStyle select:focus, .astro_IntformStyle .astro_inputGroup input[type="email"]:focus {
    outline: none !important;
    border-style: solid;
    border-width: thin;
    border-color: highlight;
    box-shadow: 0 0 5px highlight;
}

.astro_IntformStyle input[type="radio"], .astro_IntformStyle input[type="checkbox"] {
    position:relative;
    float:left;
    min-width: 1.5em;
    height: 1.5em;
    margin: 0.5em 0.5em 0.5em 0;
    vertical-align: middle;
}

.astro_IntformStyle fieldset {
    border-style: none;
    padding: 0;
    margin: 0;
}

.astro_IntformStyle fieldset label {
        font-weight: bold;
        margin: 0 0 0 0;
}


.astro_IntformStyle input[type="checkbox"] ~ label, .astro_IntformStyle input[type="radio"] ~ label {
    display: block;
    position:relative;
    float:left;
    padding-top:0.5em;
}

.astro_IntformStyle span {
    position: relative;
    float: left;
    display: block !important;
    width: 100%;
}

.ktc-radio-list {
    margin:0 0 0 0;
}

.ktc-radio span, ktc-checkbox span {
    position: relative;
    float: left;
    display: block !important;
    width: 100%;
}

.astro_IntformStyle input[type="file"] {
    width: 100%;
    padding: 0em;
    font-size: 1em;
    border: thin solid #5d9732;
    border-radius: 3px;
    cursor: pointer;
}

.astro_IntformStyle input::file-selector-button {
    font-weight: normal;
    color: #333;
    padding: 1em;
    border-style: none;
    border-right-style: solid;
    border-right-width: thin;
    border-right-color: #5d9732;
    margin-right: 1em;
    cursor: pointer;
}

.astro_IntformStyle select {
    width: 100%;
    font-size: 1em;
    color: #707070;
    padding: 0.5em 0.5em 0.5em 0.5em;
    margin: 0;
    border-style: solid;
    border-width: thin;
    border-color: #5d9732;
}

/*===Phone=============================================================================================*/
@media screen and (max-width: 38.4375em) {
    .astro_searchForm input[type="text"] {
        width: 90%;
    }

    .astro_searchIcon {
        width: 10%;
    }

    .astro_formStyle select {
        padding: 0.75em 0.5em 0.75em 0.25em;
    }

    .astro_popOut_25 {
        width: 100%
    }

    .astro_popOut_50 {
        width: 100%
    }

    .astro_popOut_75 {
        width: 100%
    }

    .astroListColumn_4 {
        width:48%;
    }

    .astroListColumn_2, .astroListColumn_3 {
        width:100%
    }

    .astro_productPrice {
        width: 100%;
    }

    #searchBtnTop {
        margin: 0 0 0 0;
        color: #333 !important;
        padding:1.2em 0 0em 0;
    }


}

/*===tablet================================================================================================*/
@media screen and (min-width: 38.4375em) {

    .astro_searchForm input[type="text"] {
        width: 92%;
    }

    .astro_searchIcon {
        width: 8%;
    }

    .astro_formStyle select {
        padding: 0.2em 0.5em 0.2em 0.2em;
    }

    .astro_popOut_25 {
        width: 50%
    }

    .astro_popOut_50 {
        width: 75%
    }

    .astro_popOut_75 {
        width: 100%
    }

    .astroListColumn_4 {
        width: 31%;
    }

    .astroListColumn_2, .astroListColumn_3 {
        width: 48%
    }

    .astro_productPrice {
        width: 40%;
    }

    #searchBtnTop {
        margin: 0 0 0 0;
        color: #333 !important;
        padding: 1.25em !important;
    }
}

/*===Small Screen================================================================================================*/
@media screen and (min-width: 53.875em) {

    .astro_searchForm input[type="text"] {
        width: 93%;
    }

    .astro_searchIcon {
        width: 7%;
    }

    .astro_popOut_25 {
        width: 25%
    }

    .astro_popOut_50 {
        width: 50%
    }

    .astro_popOut_75 {
        width: 75%
    }

    .astroListColumn_4 {
        width: 23%;
    }

    .astroListColumn_3 {
        width: 31%
    }

}
/*Acknowledgement Scroll Box Styles*/
.modal-body {
    max-height: calc(100vh - 212px);
    overflow-y: auto;
}

/*===Large Screen================================================================================================*/
@media screen and (min-width: 70.8125em) {

    .astro_searchForm input[type="text"] {
        width: 95%;
    }

    .astro_searchIcon {
        width: 5%;
    }

}

/*Styles to fix microsite small meetings*/
#frmCertification .astro_boxPortal select, #frmCertification .astro_formStyle select  {
    padding: 0.2em 0.5em 0.2em 0.2em !important;
}
#editProfileBox {
    line-height: 1.225em !important;
}
  

    #editProfileBox.astro_formStyle input[type="text"] ~ label {
        top: 1.5em
    }
    #editProfileBox.astro_formStyle input[type="text"]:not(:required):not(:placeholder-shown) ~ label {
        line-height: 1.4em;
    }

