/*
ISG Solutions
    Custom Styles for Create Account Page

/*============================================================================================*/



/* Web Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {
    font-family: 'Roboto', sans-serif;
}

.Lookup_Row {
}

.loginLoading {
    border: 0px solid #67CFF5 !important;
}

.Lookup_CompanyName {
    font-weight: bold !Important;
}

.Lookup_AddressInfo {
    font-weight: normal;
}


.isg_inputFixed480 {
    color: #333333;
    font-family: 'Roboto', sans-serif;
    width: 480px;
}

.modalBackground {
    background-color: Black;
    filter: alpha(opacity=90);
    opacity: 0.8;
}

.modalPopup {
    background-color: #FFFFFF;
    border-color: black;
    border-radius: 7px;
    border-style: solid;
    border-width: 3px;
    height: auto;
    margin-bottom: auto;
    margin-top: auto;
    max-height: 800px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-left: 10px;
    padding-top: 10px;
}

.isg_ModalCompanyPanel {
    /*
    max-height: 600px;
   
    min-width: 200px;
    */
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
}

    .isg_ModalCompanyPanel.isg_sectionrow.isg_label {
        background-color: aliceblue;
        width: 150px;
    }

.isg_sectionrow {
    white-space: nowrap;
}

.PanelCaptcha {
    float: left;
    padding-left: 20px;
}

.PanelCommandButtons {
    padding-right: 100px;
    padding-top: 20px;
}

.panelSpacer {
    padding-top: 10px;
}

.easy-autocomplete {
    display: inline;
}


.isg_labelWide {
    display: inline-block;
    font-size: 1.2em;
    margin-top: 10px;
    padding-right: 0;
    width: 450px;
}

.isg_labelPrecise {
    display: inline-block;
    font-size: 1.2em;
    margin-top: 10px;
    padding-right: 0;
    width: auto;
}

.isg_labelSecondColumn {
    display: inline-block;
    font-size: 1.2em;
    margin-top: 10px;
    padding-right: 0;
    width: 4.5em;
}

/*.isg_DataTable, .isg_PaginationTable {
    width: 750px;
}*/

.isg_PaginationTable {
    border: 0px solid blanchedalmond;
}

    .isg_PaginationTable td {
        border: 0px solid blanchedalmond;
        text-align: center;
        width: 5%;
        vertical-align: middle;
    }

        .isg_PaginationTable td.isg_button {
            margin-right: 0px;
        }

    .isg_PaginationTable .paginationText {
        text-align: left;
        width: 5% !important;
        white-space: nowrap;
    }

.isg_DataTable .isg_DataTable_AlternateRow {
    background-color: lightcyan
}

.isg_DataTable {
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
}

td.isg_Column_Select {
    width: 0.25em;
}

.isg_Column_Select {
    text-align: left;
}

.isg_DataTable .isg_Column_CompanyName {
    text-align: left;
    width: 25em;
}

.isg_DataTable .isg_Column_CompanyLocation {
    text-align: left;
    width: 15em;
}


.isg_CentralDiv {
    text-align: center
}

.paginationButton {
    font-size: smaller !important;
    text-align: center;
    width: 15px !important;
    padding-bottom: 7px !important;
}

.minorButton:hover {
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    -webkit-transition: background-color 0.5s;
    background-color: bisque !important;
}

.majorButton {
    font-size: large !important;
    padding-bottom: 15px !important;
    padding-top: 15px !important;
}



.isg_RightAllign {
    text-align: right;
}

.isg_InlineBlock {
    display: inline-block;
}

.isgVAllignMiddle {
    vert-align: middle
}

.hideMe_Now {
    display: none
}

.showMe_Now {
    display: block
}

.isg_ActionButtonsPanel {
}

.isg_ActionButtons {
    position: relative;
}

.isg_busy {
    background-color: lightgray;
    color: lightgrey;
}



/* PopupExtender Classes*/

.ContentContainer {
    background-color: #EFEFEF;
    border: solid 1px #B2B7BC;
    margin-bottom: 15px;
    overflow: auto;
    overflow-y: hidden;
    padding: 5px 5px 30px 5px;
}



.PopupHeaderContainer {
    background-color: #9A4D9E;
    padding: 3px;
}




.PopupPageBackground {
    background-color: white;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.isg_input_hyperlink {
    font-size: medium;
    font-weight: bold;
}

.isgButtonInline {
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 15px !important;
    padding-bottom: 0.5em !important;
    padding-top: 0.5em !important;
}

.nextButton {
    margin-left: 0;
    position: absolute;
}

.twoColumns {
    display: inline-flex;
}

.leftMargin10 {
    margin-left: 10px;
}

.twoColumnsWrapper {
    display: inline-grid;
}

.isg_labelDesignation {
    display: inline-block;
    font-size: 1.2em;
    margin-top: 10px;
    padding-right: 0;
    width: 25em;
}

.footerHelp {
    font-size: larger;
}


/* Responsive overwrites */

@media screen and (max-width: 699px) {
    .twoColumns {
        display: block;
    }

    .leftMargin10 {
        margin-left: 0;
    }

    .isg_formBody select {
        margin-left: 0px;
        margin-right: 0px;
        width: 93%;
    }

    .isg_label {
        display: block;
    }

    #createCompanyExtenderNew_foregroundElement {
        height: 100%;
        left: 0 !important;
        top: 0 !important;
        width: 100%;
    }

    .twoColumnsWrapper {
        display: block;
    }

    .modalPopup {
        max-height: 100%;
    }

    .isg_label {
        text-align: left;
    }
}

@media screen and (max-width: 999px) and (min-width: 700px) {
    .twoColumns {
        display: block;
    }

    .leftMargin10 {
        margin-left: 0;
    }

    .isg_formBody select {
        margin-left: 0px;
        margin-right: 0px;
    }

    .isg_labelSecondColumn {
        width: 250px;
    }
}

@media screen and (min-width: 700px) and (min-width: 999px) {
    .twoColumns {
        display: inline-flex;
    }

    .leftMargin10 {
        margin-left: 0;
    }
}

.imgLoading_Edmarket {
    background: url(../../Images/spin.gif);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-position-x: right;
}

/* BEGIN Philip's changes addded to EDmarket create account */

.bg-light {
    background-color: #fff !important;
}

.text-primary {
    color: #555555 !important;
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #fff;
    border: none;
    color: #F68027 !important;
}

.card {
    border: none;
    font-family: 'Roboto', sans-serif;
}

/* make buttons the same and match EDmarket orange and style */
.btn-secondary,
.btn-primary,
.btn-secondary:active,
.btn-primary:active {
    color: #fff;
    background-color: #F68027 !important;
    border-color: #F68027 !important;
    text-transform: uppercase;
    /* font-size: 12px;*/
}

    .btn-secondary:hover,
    .btn-primary:hover {
        color: rgb(79, 79, 79);
        background-color: #F68027;
        border-color: #F68027;
    }

#MainContent_panFooter {
    /* display:none; --instead we will use it */
}

#MainContent_isg_customControl_4_panCountryWrapper,
#MainContent_isg_customControl_4_panLabelWrapper,
#MainContent_isg_customControl_4_ctrlCity_panLabelWrapper,
#MainContent_isg_customControl_4_ctrlZip_panLabelWrapper,
#MainContent_isg_customControl_4_panCountryWrapperOrg,
#MainContent_isg_customControl_4_panLabelWrapperOrg,
#MainContent_isg_customControl_4_ctrlCityOrg_panLabelWrapper,
#MainContent_isg_customControl_4_ctrlZipOrg_panLabelWrapper {
    min-width: 150px;
}

#MainContent_isg_customControl_4_rblCategories input[type=radio] {
    margin-right: 10px;
}

.alert-info {
    color: #555555;
    background-color: transparent;
    border: none;
}

/* added to hide reduce space taken up by info section for the sake of moving the next button up the page */
.card-body.input-group.mb-3 {
    padding: 0 20px;
}

.card-header h5,
.card-header h6 {
    font-weight: bold;
    font-size: 1.75em;
}

.ISGOrgNotFound {
    color: #800020;
    padding: 0 20px;
}

    .ISGOrgNotFound strong {
        color: #F68027;
        font-size: 1.25em;
        font-weight: bold;
        text-decoration: underline;
    }

/* adding suggestion label to phone fields for formatting */
#MainContent_isg_customControl_4_ctrlCellPhone_panLabelWrapper,
#MainContent_isg_customControl_4_ctrlCellPhone_txtText,
#MainContent_isg_customControl_4_ctrlPhone_panLabelWrapper,
#MainContent_isg_customControl_4_ctrlPhone_txtText,
#MainContent_isg_customControl_4_ctrlWorkPhone_txtText,
#MainContent_isg_customControl_4_ctrlWorkPhone_panWrapper {
    min-height: 45px;
}

/* 2/23/2022 changes below requested by Karen Prince @EDmarket, completed by Philip @ISG - pbvarady@isgsolutions.com */

#MainContent_isg_customControl_4_ctrlCellPhone_lblLabel::after,
#MainContent_isg_customControl_4_ctrlPhone_lblLabel::after,
#MainContent_isg_customControl_4_ctrlWorkPhone_lblLabel::after {
    content: "Example: (123) 456-7890 x123";
    position: absolute;
    top: 28px;
    left: 35px;
    font-size: .75em;
    font-style: italic;
    color: grey;
}

#MainContent_isg_customControl_4_ctrlCellPhone_lblLabel::after {
    content: "Example: (123) 456-7890";
}

a {
    color: #f68027;
    font-weight: bold;
}

    a:hover {
        color: #f68027;
        font-weight: bold;
        text-decoration: underline;
    }

.footerHelp {
    font-size: 16px;
}

.btn {
    font-weight: bold;
}

#MainContent_isg_customControl_5_btnRestart,
#MainContent_isg_customControl_4_btnRestart {
    float: left;
}

#MainContent_isg_customControl_4_ctrlUseCompany_lblLabel::before {
    content: "";
    padding: 0;
}

.alert-danger {
    color: #555555;
    border-color: #D8000C;
    background-color: #FFBABA;
}

    .alert-danger a {
        color: #005DA3;
    }

#MainContent_isg_customControl_4_lblCategoryInfo:before {
    content: "*";
    color: red;
    padding-right: 0.15em;
}

#headingtwo,
#headingthree,
.panCreateAccount #headingOne {
    padding-top: 60px;
}


.btn-EdMarket {
    width: 9em;
    height: 2.25em;
    font-size: large;
    font-weight: normal;
}

.btnLeft {
    float: left;
    margin-left: 20px;
}

.btnRight {
    float: right;
    margin-right: 20px;
}

.panCategories table td {
    padding-left: 3em;
    padding-right: 3em;
    color: #555555;
}

    .panCategories table td label {
        padding-left: 0.5em
    }

select.cPlaceholder,
select.cPlaceholder:active,
select.cPlaceholder:focus,
.form-control option:first-child {
    color: #757575;
    /* color: blue; */
}

.form-control option {
    color: #555555;
}


.form-control {
}

.ctrlHeader {
    font-weight: bold;
}

.form-control, .form-control:active, .form-control:focus {
    background-color: #f2f2f2;
    color: #555555;
}

    .form-control:disabled, .form-control:disabled:focus,
    .form-control[readonly], .form-control[readonly]:focus {
        background-color: #c0c0c0;
        color: #555555;
    }


.panFooter {
    padding-top: 3.5em;
}

.EdMarket-card-header {
    margin-left: -40px
}

.EdMarket-footer {
    text-align: center;
}

.ctrlUseCompany {
    padding-top: 40px
}

.panCategoryInfo {
    padding-top: 40px
}

/***************************************************************/
/* Screen OPtions stop overwrite behavior */
/*  Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
    .btn-EdMarket {
        width: 6em;
    }

    .panCategories {
        max-width: 100%;
        overflow-x: auto;
    }

    .isgControlCheckBox {
        display: inline-table;
    }

        .isgControlCheckBox label {
            display: contents;
        }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .btn-EdMarket {
        width: 6em;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}