/*Global font */
html,
body,
select{
    font: 13px/17px 'Open Sans', Arial, Helvetica, sans-serif;
}
/*End of global fonts */

/*Header styles*/

.Rectangle {
    width: 1px;
    height: 60px;
    background-color: #dee4e9;
    display: inline-block;
    margin: 0 16px;
    border-width: 0px;
}

.CCC-logo {
    width: 104px;
    height: 43px;
    object-fit: contain;
}

.RightsLink-logo {
    width: 178px;
    height: 44px;
    object-fit: contain;
}

.top-line {
    height: 14px;
    background-color: #0f4485;
}

.header-menu{
    float: right;
    margin-right: 10%;
    margin-top: 9px;
}

.header-image-content{
    display: inline-block;
    padding-top: 17px;
    margin: 9px 2% 9px 10%;
}

.top-header {
    height: 94px;
    background-color: #ffffff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid #ccc;
}

.rl-body{
    background-color: #f6f7fb;
    margin: 0;
    min-width: 1000px;
    height: 100%;
}

.rl-form{
    margin: 0;
    height: 100%;
    position: relative;
}

.page-footer{
    bottom: 34px;
    width: 100%;
}

.content-info-block{
    margin: 16px 10%;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 0 4px 1px rgba(50, 58, 66, .09);
}

.logo-container{
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-copyright-line{
    margin: 48px 10% 5px;
}

.footer-server-identity{
    margin: 5px 10% 5px;
}

ul.menu-list > li {
    float: left;
    margin: 18px 8px;
}

ul.menu-list > li:first-child {
    border-left-color: transparent;
}

#doCasLoginButton {
    color: #1479CC;
    background-color: transparent;
    height: 32px;
    padding: 8px 12px;
    box-sizing: border-box;
    gap: 4px;
    border: 1px solid #1479CC;
    border-radius: 0.25rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#doCasLoginButton:hover {
    background-color: #d6edff;
}

ul.menu-list > li > a{
    display: inline-block;
    text-align: center;
    color: #676767;
    text-decoration: none;
}

.menu-login-information{
    width: 24px;
    height: 24px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.005em;
    color: #485B6E;

}

.menu-list{
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.menu-icon{
    display: flex;
    border-radius: 4px;
    padding: 2px;
}

.menu-icon:hover, #switchAccountMenuButton:hover{
    background-color: #E9EFF2;
}

.menu-icon.menu-sign-in-register{
    padding: 0;
}

.menu-icon.menu-sign-in-register:hover{
    background-color: #d6edff;
}

.menu-icon.menu-icon-create-account{
    padding-bottom: 0;
}

.menu-text {

}

.menu-account-info-dropdown {
    flex-direction: column;
    align-items: flex-end;
    display: flex;
}

.menu-account-info-dropdown-content {
    min-width: 150px;
    z-index: 1000;
    border: solid 1px #dcdcdc;
    background: #fff;
    border-radius: 0.25rem;
    box-shadow: 0 0 7px rgba(0,0,0,.2), 0 8px 12px rgba(0,0,0,.14);
    color: #495c6f;
    top: 75px;
    position: absolute;
}


.menu-account-info-dropdown-content a{
    float: none;
    color: #676767;
    padding: 5px 15px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: 12px;
}

.menu-account-info-dropdown-content p {
    float: none;
    color: #8ca2af;
    padding: 5px 15px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: 12px;
}

.menu-account-info-dropdown-content a:hover{
    color: #d17007;
}

.menu-account-info-dropdown:hover .menu-account-info-dropdown-content {
    display: block;
}

.menu-account-info-dropdown-content-divider{
    height: 1px;
    overflow: hidden;
    background-color: #ececec;
    margin: 5px 15px;
}

.menu-account-info{
    padding: 2px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    background: #E9EFF2;
    border: 1px solid #CFDBE3;
    border-radius: 16px;
    vertical-align: middle;
    text-align: center;
    background-color: #e9eff2;
}

#accountInfoMenuButton {
    cursor: pointer;
}

/*End of header styles*/

/*Footer styles*/

.footer-copyright-line-text{
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.footer-copyright-line-text > li:first-child:before {
    content: none;
}

ul.footer-copyright-line-text > li:before {
    content: '|';
    padding: 0 12px;
}

ul.footer-copyright-line-text > li{
    float: left;
    font-size: 12px;
}

.footer-copyright-line-mark{
    font-size: 12px;
    line-height: 1.08;
    color: #49576d;
}

.footer-copyright-line-text li a{
    font-size: 12px;
    color: #1d76cf;
    text-decoration: none;
}


.footer-copyright-line-comments{
    font-size: 12px;
    color: #46505f;
}

.footer-copyright-line-comments a{
    font-size: 12px;
    color: #1d76cf;
    text-decoration: none;
}

.footer-server-identity-text{
    font-size: 12px;
    font-weight: bold;
    color: red;
    text-align: center;
}

/*End of footer styles*/

/*Error styles*/

.about-your-work-enter-inner-block .line-container.error-row,
.additional-data-inner-block .line-container.error-row,
.edit-billing-location-inner-block .line-container.error-row,
.edit-location-inner-block .line-container.error-row,
.quick-price-inner-block .line-container.error-row,
.order-shipping-inner-block .content-block .line-container.error-row,
.order-shipping-with-options-inner-block .content-block .line-container.error-row {
    margin-bottom: 0;
}
.line-container.error-row .ErrorCell:not(.DefaultLabel) {
    width:59%
}

.ErrorCell {
    width: 100%;
}
.line-container .line-element.ErrorCell {
    color: #e90000;
}

.line-container .line-element.ErrorCell ul  {
    list-style-type: none;
    border: solid 1px #f6f7fb;
    min-height: 50px;
    border-radius: 2px;
    background-color: #f2dede;
    /* overriding default ul padding */
    padding-inline-start: 0;
}

.line-container .line-element.ErrorCell .EmphasisNote li {
    margin: 15px auto 15px 16px;
    color: #a94442;
}
/*End of Error styles*/

/*Metadata block*/
.content-publication-logo-container,
.content-description-block{
    display: inline-block;
}

.content-info-block-inner{
    margin: 20px;
    display: flex;
}

.content-publication-logo-container{
    margin: auto 0;
}

.content-description-block{
    margin: auto auto auto 20px;
}

.content-description-block-copyright-line{
    font-size: 12px;
    font-style: italic;
    color: #49576d;
    padding-top: 12px;
}

p.content-description-block-title{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.11;
    color: #49576d;
    padding-bottom: 12px;
}

.content-description-block p:not(.content-description-block-title):not(.content-description-block-copyright-line){
    padding-bottom: 7px;
    display: inline-block;
    font-size: 14px;
    color: #49576d;
}

.content-description-block strong{
    font-size: 14px;
    font-weight: bold;
    color: #49576d;
}

.content-description-block{
    display: block;
}

/*End of metadata styles*/

/* Inner blocks styles */

.about-your-work-enter-inner-block,
.about-your-work-select-inner-block,
.additional-data-inner-block,
.comments-sent-inner-block,
.confirm-order-inner-block,
.contact-publisher-inner-block,
.create-account-all-inner-block,
.create-jobticket-inner-block,
.create-jobticket-inner-error-block,
.edit-location-inner-block,
.edit-billing-location-inner-block,
.invalid-request-inner-block,
.logout-inner-block,
.order-on-hold-inner-block,
.payment-method-select-inner-block,
.payment-method-credit-card-inner-block,
.quick-price-inner-block,
.simple-page-complete-inner-block,
.simple-page-inner-block,
.view-license-inner-block,
.view-license-managed-redirect-inner-block,
.order-processing-error-inner-block,
.order-shipping-inner-block,
.order-shipping-with-options-inner-block,
.decline-jobticket-page-inner-block,
.cancel-jobticket-page-inner-block,
.invalid-user-inner-block,
.size-limit-upload-error-inner-block,
.upload-error-inner-block,
.expired-attachment-block-inner-block,
.error-inner-block,
.otp-maxattemptsreached-inner-block {
    margin: 20px;
}

.about-your-work-enter-block,
.about-your-work-select-block,
.additional-data-block,
.comments-sent-block,
.confirm-order-block,
.contact-publisher-block,
.create-account-all-block,
.create-jobticket-block,
.create-jobticket-error-block,
.edit-location-block,
.edit-billing-location-block,
.invalid-request-block,
.logout-block,
.order-on-hold-block,
.payment-method-select-block,
.quick-price-block,
.simple-page-block,
.simple-page-complete-block,
.view-license-block,
.view-license-managed-redirect-block,
.order-processing-error-block,
.order-shipping-block,
.order-shipping-with-options-block,
.decline-jobticket-page-block,
.cancel-jobticket-page-block,
.invalid-user-block,
.size-limit-upload-error-block,
.upload-error-block,
.expired-attachment-block,
.error-block {
    margin: 16px 10%;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 0 4px 1px rgba(50, 58, 66, .09);
}
/* End of inner blocks styles */

/* Default styles */

/* Elements (this section mostly for disabling default element styles) */
p {
    margin: 0;
}
input,
textarea {
    font: inherit;
    font-size: 14px;
    color: #000000;
}
/* End of Elements */

.error-page-text {
    font-size: 14px;
    color: #49576d;
}

.decline-jobticket-page-inner-block .DefaultLabel,
.cancel-jobticket-page-inner-block .DefaultLabel{
    width: 20%;
}

.decline-jobticket-page-inner-block .DefaultField,
.cancel-jobticket-page-inner-block .DefaultField{
    width: 40%;
}

.cancel-jobticket-page-inner-block .DefaultField10{
    width: 80%;
}

.decline-jobticket-page-inner-block .VeryLargeTextBox{
    padding: 5px 5px 5px calc(3.5px + 2%);
    width: 100%;
    box-sizing: border-box;
    border: solid 1px #ccd6de;
}

.cancel-jobticket-page-inner-block .VeryLargeTextBox{
    padding: 5px 5px 5px 1.5%;
    width: 100%;
    box-sizing: border-box;
    border: solid 1px #ccd6de;
}

.decline-jobticket-page-inner-block .VeryLargeTextBox.FieldWithError,
.cancel-jobticket-page-inner-block .VeryLargeTextBox.FieldWithError{
    border-radius: 2px;
    border: solid 1px #e90000;
}

.line-container{
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}

.line-element{
    display: inline-block;
}

.inner-div-element{

}

.DefaultField10 {
    width: 10%;
    text-align: left;
}

.DefaultLabel {
    text-align: left;
}

.DefaultSpace {
    display: none;
}

.DefaultDropDown {
    font-size: 14px;
    color: #000000;
    border-radius: 2px;
    border: solid 1px #ccd6de;
    background-color: #ffffff;
    cursor: pointer;
}

.line-element.MainInstructionsBlueCell p,
.line-element.MainInstructionsGreenCell p{
    padding: 15px 16px 15px;
    box-sizing: border-box;
}

.MainInstructionsCell{
    width: 100%;
}

.MainInstructionsBlueCell{
    width: 100%;
    border-radius: 4px;
    border: solid 1px #bce8f1;
    background-color: #d9edf7;
}

.MainInstructionsBlueCell p{
    color: #31708f;
    font-size: 13px;
}

.MainInstructionsGreenCell{
    width: 100%;
    border-radius: 4px;
    border: solid 1px #d0ead4;
    background-color: #defde2;
}

.MainInstructionsGreenCell p{
    color: #5d6f60;
    font-size: 13px;
    line-height: 1.42;
}

.MainInstructionsGreyCell {
    width: 100%;
}

.MainInstructionsGreyCell p {
    font-size: 12px;
    color: #8ca2af;
}

.MainInstructionsBlueCell a,
.MainInstructionsGreenCell a,
.MainInstructYellowCell a,
.MainInstructionsRedCell a,
.MainInstructionsGreyCell a,
.MainInstructionsCell a,
.RegularNote a,
.TermsCheckBoxCell a{
    text-decoration: none;
    color: #1d76cf;
}

.MainInstructYellowCell {
    width: 100%;
    border-radius: 4px;
    border: solid 1px #fae9cb;
    background-color: #fdf8e4;
}

.MainInstructionsRedCell  {
    width: 100%;
    border: solid 1px #f6f7fb;
    min-height: 50px;
    border-radius: 2px;
    background-color: #f2dede;
}

.MainInstructYellowCell p{
    color: #8a6d3b;
    font-size: 13px;
    padding: 15px 16px 15px;
    box-sizing: border-box;
}

.MainInstructionsRedCell p{
    color: #a94442;
    font-size: 13px;
    padding: 15px 16px 15px;
    box-sizing: border-box;
}

.MainInstructYellowCell {
    background-image: url('/App/Images/flag.svg');
    background-repeat: no-repeat;
    padding-left: 16px; /* padding for image */
    display: block;
    background-position: 16px 15px;
}

/* TextButtons */

.TextButton.Buttons {
    width: 80px;
    height: 19px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
    background-color: #0065ca;
    cursor: pointer;
    padding: 5px 20px 5px 20px;
    margin: 5px;
    border-radius: 2px;
    color: #fff;
    white-space: nowrap;
}

.TextButton.Buttons:hover {
    background-color: #0074e8;
}

.TextButton.Buttons.SaveButton {
    width: 70px;
}

.TextButton.Buttons.CloseWindowButton,
.TextButton.Buttons.AddNewCardButton,
.TextButton.Buttons.SubmitRequestButton,
.TextButton.Buttons.QuickPriceButton,
.TextButton.Buttons.HoldQuoteButton {
    background-color: #0065ca;
}
.TextButton.Buttons.CloseWindowButton:hover,
.TextButton.Buttons.AddNewCardButton:hover,
.TextButton.Buttons.SubmitRequestButton:hover,
.TextButton.Buttons.QuickPriceButton:hover,
.TextButton.Buttons.HoldQuoteButton:hover {
    background-color: #0074e8
}

.TextButton.Buttons.ContinueButton,
.TextButton.Buttons.CreateAccountButton,
.TextButton.Buttons.ChoosePaymentButton,
.TextButton.Buttons.PlaceOrderButton,
.TextButton.Buttons.OrderMoreButton,
.TextButton.Buttons.SaveButton,
.TextButton.Buttons.VerifyButton,
.TextButton.Buttons.DialogButton,
.TextButton.Buttons.GoHomeButton {
    background-color: #d27007;
}

.TextButton.Buttons.GoHomeButton {
    margin: 0px;
}

.DisabledButton {
    pointer-events: none !important;
    opacity: 0.5 !important;
}

.TextButton.Buttons.ContinueButton:hover,
.TextButton.Buttons.CreateAccountButton:hover,
.TextButton.Buttons.ChoosePaymentButton:hover,
.TextButton.Buttons.PlaceOrderButton:hover,
.TextButton.Buttons.OrderMoreButton:hover,
.TextButton.Buttons.SaveButton:hover {
    background-color: #ed7900;
}

.TextButton.Buttons.BackButton,
.TextButton.Buttons.CancelButton {
    background-color: #9eaebe;
    text-shadow: none;
}

.TextButton.Buttons.BackButton:hover,
.TextButton.Buttons.CancelButton:hover {
    background-color: #9098a0
}

.TextButton.Buttons.BackButton {
    width: 73px;
    height: 29px;
}

.TextButton.Buttons.CancelButton {
    width: 80px;
    height: 29px;
}

.TextButton.Buttons.CreateAccountButton{
    width: 106px;
}

.TextButton.Buttons.CloseWindowButton{
    width: 109px;
}

.TextButton.Buttons.AttachFileButton {
    background-color: #eef4fa;
    color: #748592;
    border: solid 1px #ccd6de;
    margin-right: 12px;
}
.TextButton.Buttons.AttachFileButton:hover {
    background-color: #eceff3;
}

.TextButton.Buttons.ApplyButton,
.TextButton.Buttons.DeclineButton,
.TextButton.Buttons.EditBillingButton,
.TextButton.Buttons.PrintableOrderButton{
    background-color: inherit;
    color: #1d76cf;
    border-bottom: 1px dashed #1d76cf;
    text-decoration: none;
    font-weight: normal;
    font-size: 13px;
    display: inline-block;
    padding: 0;
}

.TextButton.Buttons.ApplyButton {
    width: 90px;
}

.TextButton.Buttons.PrintableOrderButton {
    width: 120px;
}

.PrintableOrderButtonCell{
    margin-left: auto;
}

.promo-code-text,
.promo-code-input,
.promo-code-button{
    display: inline-block;
}

.promo-code-text p{
    color: #49576d;
}

.icon-delete {
    margin-left: 5px;
    margin-bottom: -2px;
}

.TextButton.Buttons.DeclineButton {
    width: 65px;
    text-align: center;
}

.TextButton.Buttons.EditBillingButton{
    width: 150px;
    text-align: center;
}

.TextButton.Buttons img
{
    float: left;
    margin: 1px 3px 0 0;
}

.TextButton.Buttons.CreateAccountButton{
    width: 147px;
    height: 29px;
    /* I think it should inactive style, not default */
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}
/*End of TextButtons*/

.PageTitle {
    height: 22px;
    font-size: 16px;
    font-weight: bold;
    color: #49576d;
}
.RegularField {
    font-size: 14px;
    font-weight: bold;
    color: #49576d;
}
.RegularField img {
    vertical-align: middle;
    padding: 0 0 3px 3px;
}

.RegularText {
    font-weight: normal;
    font-size: 14px;
}

.RegularText img {
    vertical-align: middle;
    padding: 0 0 3px 3px;
}

.LargeTextBox {
    border-radius: 2px;
    border: solid 1px #ccd6de;
}

.DefaultTextBox {
    color: #000000;
    font-weight: normal;
    font-size: 14px;
    border-radius: 2px;
    border: solid 1px #ccd6de;
}

.DefaultTextBox:disabled {
    background-color: #f0f3f6;
}

.DefaultButtonsWholeRow {
    width: 100%;
}

.DefaultButtonsWholeRow div div:last-child>a {
    margin-right: 0;
}

.DefaultButtonsWholeRow div div:first-child>a{
    margin-left: 0;
}

.MainInstructions {
    word-wrap: break-word;
    color: #49576d;
    font-weight: normal;
    font-size: 14px;
}

.TinyTextBox
{
    color: #000000;
    font-weight: normal;
    font-size: 14px;
    border-radius: 2px;
    border: solid 1px #ccd6de;
}

.DefaultTextArea {
    border-radius: 2px;
    border: solid 1px #ccd6de;
    resize: vertical;
}

/* body selector to override another class styles */
body .FieldWithError {
    border-radius: 2px;
    border: solid 1px #e90000;
}

.FooterLineCell{
    width: 100%;
    height: 8px;
    background-color: #dcdcdc;
}

.EmphasisNote {
    color: #e90000;
    font-weight: normal;
}

.EmphasisText {
    color: red;
    font-weight: bold;
    width: 100%;
}

.file-upload-text {
    font-size: 13px;
    color: #46505f;
    float: left;
    margin: 0 2px 0 0;
}

.txt-extensions {
    font: 11px 'Open Sans', Arial, Helvetica, sans-serif;
    float: left;
    color: #8ca2af;
}

.BlueNote {
    font-size: 13px;
    font-weight: bold;
    line-height: normal;
    color: #49576d;
}
.RegularNoteWrap {
    word-wrap: break-word;
    font-size: 13px;
    line-height: normal;
    color: #49576d;
}
.RegularNote {
    word-wrap: break-word;
    font-size: 13px;
    line-height: normal;
    color: #49576d;
}
.DiscountNote {
    font-size: 13px;
    line-height: normal;
    color: #49576d;
}
.BoldNote {
    font-size: 14px;
    font-weight: bold;
    color: #49576d;
}
.LayerLink {
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333333;
}

.RegularFieldDefDecoration {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #49576d;
}
.MediumTextBox {
    border-radius: 2px;
    border: 1px solid #ccd6de;
    color: #000000;
}
/* End of Default styles */

.DisplayNone {
    display: none;
}

/*  About your work styles */
.about-your-work-enter-inner-block .DefaultField1 {
    width: fit-content;
}

.about-your-work-enter-inner-block .line-container {
    margin-left: 0;
    margin-bottom: 16px;
}
/* End of about your work styles */

/* Quick price styles */

.quick-price-inner-block .line-container {
    margin-bottom: 16px;
}

.quick-price-inner-block .DefaultLabel {
    margin-right: 5%;
}

.quick-price-inner-block .TextButton.Buttons.ContinueButton{
    margin-right: 0;
}

/* End of quick price styles */

/*Two column styles*/
.quick-price-inner-block,
.additional-data-inner-block,
.order-shipping-inner-block,
.order-shipping-with-options-inner-block,
.work-enter-block,
.edit-billing-location-inner-block,
.edit-location-inner-block{
    opacity: 0;
}

.two-column-block-table{
    width: 100%;
}

.two-column-block-table .DefaultLabel {
    width: 39%;
    margin-right: 2%;
}

.two-column-block-table .DefaultField {
    width: 59%;
}

.two-column-block-table .RegularText{
    padding: 7px 0px;
}

.Recaptcha{
    width: 59%;
}

/*trick to hide captcha field before it will be displayed*/
.additional-data-inner-block .Recaptcha{
    height: 0;
}

.additional-data-inner-block .PageTitleCellRight{
    margin-left: auto;
}

.g-recaptcha {
    transform:scale(0.77);
    transform-origin:0 0;
}

.two-column-block-left,
.two-column-block-right {
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

.two-column-block-left {
    margin-right: 2%;
}

.two-column-block-right {
    margin-left: 2%;
}


.two-column-block-table .line-element.NoStyle {
    width: 59%;
}

.two-column-block-table .RegularText {
    width: 100%;
    color: #000000;
}


.TinyTextBox,
.MediumTextBox,
.DefaultTextBox,
.LargeTextBox,
.DefaultDropDown{
    width: 100%;
    padding-left: 2%;
    box-sizing: border-box;
    height: 32px;
}

.TaxProvId{
    width: 45%;
}

.TaxProvCountry {
    width: 13.6%;
}

.DefaultTextArea{
    width: 100%;
    padding: 2%;
    box-sizing: border-box;
    height: 55px;
}

.two-column-block-table .inner-div-element .line-container {
    margin: 5px auto;
}

.two-column-block-table .inner-div-element .line-element.DefaultField {
    width: 100%;
}

.DefaultButtonsRight {
    margin-left: auto;
}

.DefaultButtonsLeft {
    margin-right: auto;
}

/* End of Two column styles*/

/* Two-column blocks styles */

.content-block {
    width: 47%;
    display: inline-block;
    vertical-align: top;
    margin-left: 2%;
    margin-bottom: 2%;
}

.content-block .altCellLD20,
.content-block .altLabelLD {
    width: 39%;
    margin-right: 2%;
}

.content-block .altCellLDb,
.content-block .altCellLDc {
    display: none;
}

.confirm-order-inner-block > .line-container > .altCellLD20,
.create-jobticket-inner-block > .line-container > .altCellLD20,
.order-on-hold-inner-block > .line-container > .altCellLD20,
.view-license-inner-block > .line-container > .altCellLD20,
.view-license-managed-redirect-inner-block > .line-container > .altCellLD20 {
    width:20%;
}

.content-block .altCellLDa,
.content-block .altInfoLD {
    width: 59%;
}

.content-block-header-text {
    font-size: 15px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #6e7d91;
    padding-bottom: 5px;
}

.content-block-image{
    margin-right: 10px;
}

.content-block-header {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.content-block-header-edit{
    margin-left: auto;
}

.confirm-order-inner-block .line-container,
.view-license-inner-block .line-container,
.create-jobticket-inner-block .line-container,
.order-on-hold-inner-block .line-container,
.view-license-managed-redirect-inner-block .line-container {
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 16px;
}

.confirm-order-inner-block .RegularNote,
.confirm-order-inner-block .RegularNoteWrap,
.view-license-inner-block .RegularNote,
.view-license-inner-block .RegularNoteWrap,
.create-jobticket-inner-block .RegularNote,
.create-jobticket-inner-block .RegularNoteWrap,
.order-on-hold-inner-block .RegularNote,
.order-on-hold-inner-block .RegularNoteWrap,
.view-license-managed-redirect-inner-block .RegularNote,
.view-license-managed-redirect-inner-block .RegularNoteWrap {
    margin-left: 30px
}

.confirm-order-inner-block .NoStyle .RegularNote,
.view-license-inner-block .NoStyle .RegularNote,
.create-jobticket-inner-block .NoStyle .RegularNote,
.order-on-hold-inner-block .NoStyle .RegularNote,
.view-license-managed-redirect-inner-block .NoStyle .RegularNote {
    margin-left: 0;
}


.confirm-order-inner-block .DiscountNote,
.view-license-inner-block .DiscountNote,
.create-jobticket-inner-block .DiscountNote,
.order-on-hold-inner-block .DiscountNote,
.view-license-managed-redirect-inner-block .DiscountNote {
    margin-left: 22px;
}

.DiscountNote:before {
    content: "-";
}

.content-block .line-container {
    margin: 0px 0px 5px 0px;
}

.content-block-image img{
    height: 15px;
}

.content-block-header.line-container{
    margin-bottom: 10px;
}

.TotalPriceCell{
    margin-left: auto;
    margin-right: 10px;
}

.PriceTableLine{
    margin-left: calc(100% - 310px);
    margin-right: auto;
}

.TotalPriceText{
    font-size: 18px;
    font-weight: bold;
    color: #49576d;
    margin-bottom: 8px;
}
/* End of two-column blocks styles */

/* Additional Data page styles */
.additional-data-inner-block .AttachFileButton {
    /* more accurate text display */
    float: left;
    margin: 0 5px 0 0;
    text-align: center;
}

.additional-data-inner-block .line-container,
.simple-page-inner-block .line-container,
.comments-sent-inner-block .line-container,
.logout-inner-block .line-container,
.create-jobticket-inner-error-block .line-container {
    margin-bottom: 16px;
}
/* End of Additional Data page styles */

/*Create Account styles*/
.create-account-all-inner-block .line-container {
    margin: 16px auto;
}

.create-account-all-inner-block .CaptionBlock {
    width: 171px;
    height: 22px;
}
.create-account-all-inner-block #createAccountCaption{
    font-size: 16px;
    font-weight: bold;
    font-style: initial;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0;
    color: #49576d;
}

.create-account-all-inner-block .InstructionsBlock{
    margin: 16px 0;
    padding: 11px 20px 13px 16px;
    border-radius: 4px;
    border: solid 1px #bce8f1;
    background-color: #d9edf7;
}

.create-account-all-inner-block .instructionsText {
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #31708f;
}
.create-account-all-inner-block .instructionsText+b{
    font-weight: bold;
}

.create-account-all-inner-block .instructionsTextType {
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #8ca2af;
}

.create-account-all-inner-block .Section{
    margin-top: 1%;
    margin-bottom: 1%;
}

.create-account-all-inner-block .CaptionRowBlock {
    height: 19px;
}

.create-account-all-inner-block .CaptionRowIcon{
    float:left;
    margin-right: 8px;
}

.create-account-all-inner-block .small_icon{
    width: 13px;
    height: 14px;
    object-fit: contain;
}

.create-account-all-inner-block .CaptionRowText{
    float:left;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #49576d;
}
.create-account-all-inner-block .CaptionRowNoteText{
    float:right;
    margin-right: 37px;
    height: 15px;
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #8ca2af;
}

.create-account-all-inner-block .create-account-line{
    border-radius: 5px;
    box-shadow: 0 0 4px 0 rgba(50, 58, 66, 0.09);
    border: solid 1px #dee4e9;
    background-color: #ffffff;
}

.create-account-all-inner-block .RegularField{
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.23;
    letter-spacing: normal;
    color: #46505f;
}
.create-account-all-inner-block .GuidelinesText ul{
    padding-left: 3.4%;
    width:100%;
}

.create-account-all-inner-block .create-account-radio-label {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #49576d;
}

.create-account-all-inner-block .create-account-radio-label input{
    margin-left: 0;
}

.create-account-all-inner-block .create-account-radio-instruction {
    margin-left: 2.3%;
}

.create-account-all-inner-block .vatCountryCodeBlock{
    width: 15%;
    float: left;
    margin-right: 2%;
}
.create-account-all-inner-block .vatNumberBlock{
    width: 83%;
    float: right;
}

.create-account-all-inner-block .inline{
    display: inline-block;
}

.create-account-all-inner-block fieldset {
    width: 100%;
    border: none;
    margin-bottom: 1%;
    margin-top: 1%;
    padding-left: 0;

    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #49576d;
}

.create-account-all-inner-block fieldset+div{
    display: block;
    width: 100%;
}
.create-account-all-inner-block fieldset label{
    display: inline;
}
.create-account-all-inner-block fieldset input[type=checkbox] {
    display: inline;
    margin-left: 0;
}

.create-account-all-inner-block .GuidelinesText{
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #49576d;
}
.create-account-all-inner-block .GuidelinesText b{
    font-size: 16px;
    font-weight: bold;
}
.create-account-all-inner-block .GuidelinesText .nonbold {
    font-size: 16px;
    font-weight: normal;
}

.create-account-all-inner-block .VatLinkText {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1d76cf;
}

.create-account-all-inner-block .VatLinkText a{
    text-decoration: none;
    color: #1d76cf;
}

.create-account-all-inner-block .SubmitButtonLine{
    margin-top: 1%;
    margin-bottom: 1%;
}


.create-account-all-block .two-column-block-left,
.create-account-all-block .two-column-block-right {
    width: 47%;
    display: inline-block;
    vertical-align: top;
}

.create-account-all-block :required {
    border: solid 1px #ccd6de;
}

.create-account-all-block .touched:required:valid {
    border: solid 1px #ccd6de;
}

.create-account-all-block .touched:required:invalid {
    border: solid 1px #e90000;
}
.create-account-all-inner-block .DefaultTextBox {
    width: 100%;
}
.create-account-all-inner-block .field-validation-message,
.field-validation-message {
    font-size: 13px;
    color: #e90000;
}

.create-account-all-inner-block fieldset a {
    text-decoration: none;
    color: #1d76cf;
}

.create-account-all-inner-block #ErrorBlock li{
    font-size: 13px;
    color: #e90000;
    font-weight: bold;
}

.create-account-all-inner-block #vatCountryCodeText {
    padding-left: 20%;
}
/* Payment options page */

.payment-method-select-inner-block .line-container {
    width: 100%;
    margin-bottom: 10px;
}
.payment-method-select-inner-block .pms_orderTotalContainer .DefaultLabel{
    margin-right: 1%;
}

.payment-method-select-inner-block .pms_orderTotalContainer .DefaultLabel .BoldNote {
    font-size: 14px;
}

.payment-method-select-inner-block .pms_orderTotalContainer .DefaultField p{
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #49576d;
}
.payment-method-select-inner-block .RegularFieldDefDecoration{
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #49576d;
}

.payment-method-select-inner-block .pi_payLaterLabelContainer .RegularFieldDefDecoration{
    font-size: 14px;
}

.payment-method-select-inner-block .errorSectionContainer{
    margin-bottom: 0px;
}

.payment-method-select-inner-block .addCardButtonContainer{
    margin-bottom: 10px;
}

.payment-method-select-inner-block .RegularFieldDefDecoration{
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #49576d;
}

.payment-method-select-inner-block .addresseeBillingContainer .DefaultLabel,
.payment-method-select-inner-block .line1BillingContainer .DefaultLabel,
.payment-method-select-inner-block .line2BillingContainer .DefaultLabel,
.payment-method-select-inner-block .line3BillingContainer .DefaultLabel,
.payment-method-select-inner-block .cityBillingContainer .DefaultLabel,
.payment-method-select-inner-block .stateBillingContainer .DefaultLabel,
.payment-method-select-inner-block .zipBillingContainer .DefaultLabel,
.payment-method-select-inner-block .countryBillingContainer .DefaultLabel,
.payment-method-select-inner-block .BillingAttentionContainer .DefaultLabel,
.payment-method-select-inner-block .pi_customerReferenceInformationLabelContainer .DefaultLabel,
.payment-method-select-inner-block .pi_customerRefInfoNoteLabelContainer .DefaultLabel{
    width: 39%;
    margin-right: 2%;
}
.payment-method-select-inner-block .content-block .DefaultField{
    width: 59%;
}
.payment-method-select-inner-block .pi_customerReferenceInformationLabelContainer textarea{
    width: 100%;
    padding: 5px;
    color: #49576d;
}
.payment-method-select-inner-block .pi_customerReferenceInformationLabelContainer textarea .RegularNote{
    color: #49576d;
}

.payment-method-select-inner-block .pi_customerReferenceInformationLabelContainer .DefaultField{
    width: 55%;
}

.payment-method-select-inner-block .edit-billing-button{
    display: inline-block;
}

.payment-method-select-inner-block .TextButton.Buttons.AddNewCardButton,
.payment-method-select-inner-block .TextButton.Buttons.BackButton,
.payment-method-select-inner-block .TextButton.Buttons.ContinueButton{
    cursor: pointer;
}
.payment-method-select-inner-block .TextButton.Buttons.AddNewCardButton{
    width: 10%;
}

.payment-method-select-inner-block .ccTable .altCellLDa,
.ccTable .altCellLDb,
.ccTable .altCellLDc,
.ccTable .altCellLDd,
.ccTable .altCellLDe,
.ccTable .altCellLDf,
.ccTable .altCellLDg {
    all: unset;
    text-align: unset;
    vertical-align: unset;
    background-color: inherit;
    padding-bottom: unset;
    padding-left: 15px;
}
.payment-method-select-inner-block .ccTable .altCellLDf,
.payment-method-select-inner-block .ccTable .altCellLDg{
    width: 5%;
}

.payment-method-select-inner-block .ccTable {
    display: table;
    width: 100%;
    align-items: center;
    margin-bottom: 0px;
}

.payment-method-select-inner-block .ccTable .line-container {
    display: table-row;
    height: 34px;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #49576d;
}

.payment-method-select-inner-block .ccTable .line-element {
    display: table-cell;
    vertical-align: middle;
}

/*table header*/
.payment-method-select-inner-block .ccTable .line-container:first-child {
    border: black;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333333;
    height: 31px;
}

.payment-method-select-inner-block .ccTable .line-container:first-child > .line-element {
    background-color: #d0e6f7;
}

.payment-method-select-inner-block .ccTable .line-container:first-child > .line-element:first-child {
    border-radius: 4px 0 0 4px;
}

.payment-method-select-inner-block .ccTable .line-container:first-child > .line-element:last-child {
    border-radius: 0 4px 4px 0;
}

.payment-method-select-inner-block .ccTable .line-container:nth-child(even) {
    background-color: #f9f9f9;
}

.payment-method-select-inner-block .ccTable .altCellLDf p,
.payment-method-select-inner-block .ccTable .altCellLDg p,
.addCardButtonContainer #termsAndCond{
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1d76cf;
}


.payment-method-select-inner-block .ccTable a,
#termsAndCond a{
    text-decoration: none;
}
.payment-method-select-inner-block .pi_customerReferenceInformationLabelContainer .RegularNote{
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #8ca2af;
}
.payment-method-select-inner-block #customerReferenceInfo{
    color: #000000;
}

.payment-method-select-inner-block textarea {
    width: 500px;
    height: 69px;
    border-radius: 2px;
    border: solid 1px #ccd6de;
    background-color: #ffffff;
}

.payment-method-select-inner-block .BoldNote{
    font-size: 13px;
}

.payment-method-select-inner-block .AddNewCardButton{
    padding-left: 10px;
    float: initial;
}
.payment-method-select-inner-block .AddNewCardButton img {
    float:none;
    padding-left: 5px;
    padding-right: 10px;
    border-right: 1px solid #408bd6;
}
.payment-method-select-inner-block .AddNewCardButton span {
    padding-left: 5px;
}

.payment-method-select-inner-block #payByInvoice,
.payment-method-select-inner-block #thirdPartyPayerSelect{
    margin-left: 0px;
    margin-right: 10px;
}

.payment-method-select-inner-block .hopContainer{
    margin: 0;
}
.payment-method-select-inner-block .line-container.pi_payLaterLabelContainer{
    margin-bottom: 15px;
}
.payment-method-select-inner-block .pi_customerReferenceInformationLabelContainer .DefaultLabel{
    margin-bottom: auto;
}
.payment-method-select-inner-block .pi_customerReferenceInformationLabelFirst{
    width: 15%;
}
.payment-method-select-inner-block .pi_customerRefInfoNoteLabelContainer .pi_customerRefInfoNoteLabelSecond{
    width: 59%;
}
.payment-method-select-inner-block .pi_customerRefInfoNoteLabelContainer .pi_customerRefInfoNoteLabelSecond .RegularNote{
    font-size: 12px;
}
.payment-method-select-inner-block .ECInfo{
    width: 100%;
}
.payment-method-select-inner-block .ECInfo .DefaultLabel{
    width: 15%;
}
.payment-method-select-inner-block .ECInfo .DefaultField{
    width: 21%;
}

.payment-method-select-inner-block .ECInfo:first-child .DefaultLabel{
    width: 100%;
}

.payment-method-select-inner-block .placeorderContainer {
    margin-top:1%;
}
.payment-method-select-inner-block .pms_orderTotalContainer{
    margin-bottom: 20px;
}

.payment-method-select-inner-block .pcc_payNowLabelContainer {
    margin-bottom: 0;
}

/* My Library pages styles */

/*About your work select*/

.about-your-work-select-inner-block * {
    box-sizing: border-box;
}

.about-your-work-select-inner-block .line-container {
    margin-bottom: 16px;
}

.about-your-work-select-inner-block > .line-container:last-child {
    display: none;
}

.about-your-work-select-inner-block .worksTable .altCellLDa, .worksTable .altCellLDb, .worksTable .altCellLDc, .worksTable .altCellLDd, .worksTable .altCellLDe {
    all: unset;
    text-align: unset;
    vertical-align: unset;
    background-color: inherit;
    padding-bottom: unset;
}

.about-your-work-select-inner-block .worksTable {
    display: table;
    width: 100%;
    align-items: center;
    margin-bottom: 27px;
}

.about-your-work-select-inner-block .worksTable .line-container {
    display: table-row;
    height: 34px;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #49576d;
}

.about-your-work-select-inner-block .worksTable .line-element {
    display: table-cell;
    vertical-align: middle;
}

/*table header*/
.about-your-work-select-inner-block .worksTable .line-container:first-child {
    border: black;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333333;
    height: 31px;
}

.about-your-work-select-inner-block .worksTable .line-container:first-child > .line-element {
    background-color: #d0e6f7;
}

.about-your-work-select-inner-block .worksTable .line-container:first-child > .line-element:first-child {
    border-radius: 4px 0 0 4px;
}

.about-your-work-select-inner-block .worksTable .line-container:first-child > .line-element:last-child {
    border-radius: 0 4px 4px 0;
}

.about-your-work-select-inner-block .worksTable .line-container:nth-child(even) {
    background-color: #f9f9f9;
}

/*About your work enter*/

.about-your-work-enter-inner-block .line-container {
    margin-bottom: 16px;
}

.about-your-work-enter-inner-block > .line-container:last-child {
    display: none;
}

.about-your-work-enter-inner-block .work-enter-block {
    margin-bottom: 25px;
}

.work-enter-block .DefaultLabel {
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #49576d;
    padding-bottom: unset;
}

.work-enter-block .line-container {
    min-height: 32px;
    height: min-content;
}

#beginDateTable {
    justify-content: space-between;
    display: flex;
}

#beginDateTable .line-element {
    width: 47%;
}

#beginDateTable .line-element:first-child {
    align-self: flex-start;
}
#beginDateTable .line-element:nth-child(2) {
    align-self: flex-end;
}

.work-enter-block .line-container.error-row {
    margin-bottom: 4px;
    justify-content: flex-start;
    min-height: 1.5em;
}

/*Edit Your Shipping Information styles  - start*/
.order-shipping-inner-block .content-block,
.order-shipping-with-options-inner-block .content-block {
    width: 100%;
    margin: 0 0 20px 0;
}
.order-shipping-inner-block .line-container,
.order-shipping-with-options-inner-block .line-container{
    margin-bottom: 16px;
}
.order-shipping-inner-block .content-block .line-container,
.order-shipping-with-options-inner-block .content-block .line-container {
    margin-bottom: 16px;
}
.order-shipping-inner-block >.line-container >.DefaultLabel,
.order-shipping-with-options-inner-block >.line-container >.DefaultLabel {
    width: 18.72%;
    margin-right: 0.96%;
}
.order-shipping-inner-block >.line-container >.DefaultField,
.order-shipping-with-options-inner-block >.line-container >.DefaultField {
    width: 28.32%;
}
.order-shipping-inner-block .two-column-block-table .DefaultField .WebReprintTextBox,
.order-shipping-with-options-inner-block .two-column-block-table .DefaultField .WebReprintTextBox {
    height: 69px;
    width: 100%;
    padding-left: 2%;
    box-sizing: border-box;
    border: solid 1px #ccd6de;
}
.order-shipping-inner-block .two-column-block-table .DefaultField .NoStyle .TinyTextBox,
.order-shipping-with-options-inner-block .two-column-block-table .DefaultField .NoStyle .TinyTextBox {
    width: 18%;
    margin-right: 2%;
    background-color: #f0f3f6;
}
.order-shipping-inner-block .two-column-block-table .DefaultField .NoStyle .DefaultTextBox,
.order-shipping-with-options-inner-block .two-column-block-table .DefaultField .NoStyle .DefaultTextBox {
    width: 79%;
}
.order-shipping-inner-block >.line-container >.DefaultLabelRight,
.order-shipping-with-options-inner-block >.line-container >.DefaultLabelRight {
    margin-top: -40px;
    margin-left: auto;
    margin-bottom: -32px;
}
/*Edit Your Shipping Information styles - end*/

/*Contact Publisher styles  - start*/
.contact-publisher-inner-block .PageTitleCellRight {
    margin-bottom: 16px;
    width: 30%;
}
.contact-publisher-inner-block .PageTitleCell {
    margin-bottom: 16px;
}
.contact-publisher-inner-block .PageTitleCellRight .RegularNote {
    float: right;
    font-size: 14px;
}
.contact-publisher-inner-block .line-container {
    margin-bottom: 0;
}
.contact-publisher-inner-block .MainInstructionsCell {
    margin-bottom: 16px;
}
.contact-publisher-inner-block .MainInstructionsBlueCell {
    width:25%;
    background-color: #d0e6f7;
    height: 31px;
    border-radius: 0;
    border-color: #d0e6f7;
    display: flex;
    align-items: center;
}
.contact-publisher-inner-block .MainInstructionsBlueCell p {
    font-weight: bold;
    color: #333333;
    text-align: left;
    padding: 0 0 0 2%;
    width: 100%;
}
.contact-publisher-inner-block .MainInstructionsBlueCell:first-child {
    border-radius: 4px 0 0 0;
}
.contact-publisher-inner-block .MainInstructionsBlueCell:last-child {
    border-radius: 0 4px 0 0;
}
.contact-publisher-inner-block .line-element.DefaultField,
.contact-publisher-inner-block .line-element.altCellLDa,
.contact-publisher-inner-block .line-element.altCellLDb,
.contact-publisher-inner-block .line-element.altCellLDc,
.contact-publisher-inner-block .line-element.altCellLDd {
    width: 25%;
    min-height: 31px;
    display: flex;
    align-items: center;
}
.contact-publisher-inner-block .line-element.DefaultField p,
.contact-publisher-inner-block .line-element.altCellLDa p,
.contact-publisher-inner-block .line-element.altCellLDb p,
.contact-publisher-inner-block .line-element.altCellLDc p,
.contact-publisher-inner-block .line-element.altCellLDd p {
    width: 100%;
    color: #49576d;
    text-align: left;
    padding: 0 0 0 2%;
}
.contact-publisher-inner-block .altCellLDe {
    width: 25%;
    font-weight: bold;
    font-size: 14px;
    color: #49576d;
    margin-top: 16px;
}
.contact-publisher-inner-block .altCellLDe p,
.contact-publisher-inner-block .altCellLDf p{
    height: 69px;
}
.contact-publisher-inner-block .AttachFileButton {
    float: left;
    margin: 0 5px 0 0;
    text-align: center;
}
.contact-publisher-inner-block .altCellLDf{
    width: 30%;
    margin-top: 16px;
}
.contact-publisher-inner-block .altCellLDf textarea {
    resize: vertical;
    width: 90%;
    height: 69px;
    border: solid 1px #ccd6de;
}

.contact-publisher-inner-block .Recaptcha{
    margin-left: 68.5%;
    margin-top: -30px;
}
/*Contact Publisher styles - end*/

/* Edit Location styles */
.edit-billing-location-inner-block .line-container,
.edit-location-inner-block .line-container {
    margin-bottom: 16px;
}

.vatCountryCodeTextBox {
    width: 15%;
    height: 32px;
    border-radius: 2px;
    border: solid 1px #ccd6de;
    background-color: #f0f3f6;
    padding-left: 2%;

}

.vatIdTextBox {
    height: 32px;
    width: 75%;
    float: right;
    margin-left: 1%;
    border-radius: 2px;
    border: solid 1px #ccd6de;
    background-color: #ffffff;
}

.taxProvIdIn {
    height: 32px;
    width: 94.5%;
    float: left;
    margin-left: 3.4%;
    border-radius: 2px;
    border: solid 1px #ccd6de;
    background-color: #ffffff;
}

/* Edit Location styles end */
/* Select organization/location on account creating styles */

.select-org-body {
    color: #49576d;
}

.select-org-content {
    width: 35%;
    margin: 5% auto auto auto;
    border-radius: 5px;
    background-color: #FFFFFF;
    box-shadow: 4px 6px 11px 0px rgba(0,0,0,0.75);
}

.select-org-block{
    padding: 5%;
}

.select-org-line {
    margin-bottom: 2%;
    display:flex;
}

.select-org-form{
    width:100%;
    margin: 0;
}

.select-org-label-element{
    width: 35%;
}
.select-org-label-element p {
    font-weight: bold;
}


.select-org-value-element{
    width: 100%;
}

.select-org-line p{
    font-size: 12px;
    text-align: justify;
}

.select-org-line input{
    margin-left: auto;
}

.select-org-instructions {
    font-size: 13px;
    line-height: 18px;
}

/* Select organization/location on account creating styles end*/

/* Credit card page styles */

.credit-card-container {
    width: 58.33333333%;
}

.payment-method-credit-card-inner-block .CaptionRowBlock {
    border-radius: 3px;
    padding: 8px 10px;
    border: 1px solid #e3e3e3;
    background-color: #f5f5f5;
    font-size: 18px;
    margin: 20px 0;
}

.payment-method-credit-card-inner-block .CaptionRowNoteText {
    margin-left: auto;
    font-size: 15px;
}

.payment-method-credit-card-inner-block .CaptionRowText {
}

.payment-method-credit-card-inner-block .CaptionRowBlock {
}

.credit-card-container .DefaultLabel {
    width: 31.33333333%;
    margin-right: 2%;
}

.credit-card-container .DefaultField {
    width: 66.66666667%;
}

.payment-method-credit-card-inner-block .TwoValuesField {
    width: 48%;
}

.payment-method-credit-card-inner-block .RightField {
    float: right;
}

.credit-card-container .RegularText {
    padding: 7px 0px;
}

.payment-method-credit-card-inner-block .line-container{
    margin-bottom: 16px;
}

.payment-method-credit-card-inner-block .touched {
    border: solid 1px #e90000;
}

.cancel-credit-card-button{
    border: none;
    background-color: #9eaebe;
    text-shadow: none;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    padding: 5px 20px 5px 20px;
    margin: 5px;
    border-radius: 2px;
    color: #fff;
    white-space: nowrap;
}

.save-credit-card-button{
    border: none;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
    background-color: #d27007;
    cursor: pointer;
    padding: 5px 20px 5px 20px;
    margin: 5px;
    border-radius: 2px;
    color: #fff;
    white-space: nowrap;
}

.save-credit-card-button:hover {
    background-color: #ed7900;
}

.cancel-credit-card-button:hover {
    background-color: #9098a0
}

.cancel-credit-card-button:disabled,
.save-credit-card-button:disabled {
    background-color: #cccccc;
    cursor: not-allowed;
}

.cancel-credit-card-button:disabled:hover,
.save-credit-card-button:disabled:hover {
    background-color: #cccccc;
}

.otp-box {
    position: absolute;
    height: 150%;
    width: 100%;
    inset: 0px;
    z-index: 800;
}

.otp-window {
    padding: 40px;
    width: 424px;
    position: absolute;
    top: calc(50vh + 25px);
    left: 50%;
    margin-left: -253px;
    transform: translate(0px, -150px);
    z-index: 801;
    background-color: #ffffff;
    border: 1px solid #aaaaaa;
    border-radius: 5px;
}

.otp-textbox {
    width: 100%;
    padding-bottom: 12px;
}

.otp-resend-line {
    padding-bottom: 24px;
}

.otp-resend-link {
    color: #169BD5;
    text-decoration: none;
    border-bottom: 1px dashed #169BD5;
}

.otp-additional-info {
    padding-bottom: 32px;
    font-size: 12px;
    line-height: 16px;
    color: #8CA2AF;
}

.otp-why-link,
.otp-knowledge-center-link {
    color: #1D76CF;
    text-decoration: none;
}

#otpExpirationError, #otpMaxAttemptsReachedText, #otp3TimeError {
    margin: 24px 0 24px 0;
    background-color: #f2dede;
    width: 100%;
    border-radius: 4px;
    border-width: 1px;
    border-color: #EBCCD1;
}
#otpExpirationError div, #otpMaxAttemptsReachedText div, #otp3TimeError div {
    padding: 8px 16px 8px 16px;
    color: #49576D;
    font-family: 'Open Sans';
    font-style: normal;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
}

#otpText {
    margin: 24px 0 24px 0;
    color: #333333;
}

.otp-window .PageTitle {
    font-size: 18px;
    line-height: 22px;
    font-family: Arial;
    font-style: normal;
    font-weight: 700;
}

.otp-window .line-container {
    margin-bottom: 0;
}

.otp-window .TextButton.Buttons {
    margin: 0;
}

/*Styles for Help Hover*/
.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltip-text {
    visibility: hidden;
    width: 300px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -173px;
    opacity: 0;
    transition: opacity 0.3s;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 0 4px 1px rgba(50, 58, 66, .09);
    color: #49576d;
    font-weight: normal;
    font-size: 14px;
    padding: 24px;
}

.tooltip-text a {
    color: #1d76cf;
    text-decoration-line: underline;
}

.tooltip .tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -7px;
    border-width: 7px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.tooltip .tooltip-text::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -7px;
    border-width: 7px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.rightslinkclose.hide{
    visibility: hidden;
}

/* Confirm Tax Details popup styles */

.confirm-tax-details-body {
    color: #49576d;
}

.confirm-tax-details-content {
    width: 38%;
    margin: 5% auto auto auto;
    border-radius: 5px;
    background-color: #FFFFFF;
    box-shadow: 4px 6px 11px 0px rgba(0,0,0,0.75);
}

.confirm-tax-details-block {
    padding: 5%;
}

.confirm-tax-details-line {
    margin-bottom: 2%;
    display:flex;
    align-items: center;
}

.confirm-tax-details-form{
    width:100%;
    margin: 0;
}

.confirm-tax-details-label-element{
    width: 100%;
}
.confirm-tax-details-label-element p {
    font-weight: bold;
}

.confirm-tax-details-value-element{
    width: 100%;
}

.confirm-tax-details-line p{
    font-size: 14px;
    text-align: justify;
    vertical-align: center;
}

.confirm-tax-details-line input{
    margin-left: auto;
}

.confirm-tax-details-label {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #49576d;
}

.tax-confirm-form {
    width: 100%;
}

#provTaxIdSelect:disabled {
    background-color: #fafafa;
}

.province-tax-id-select-popup {
    width: 95px;
}

/* Confirm Tax Details popup styles end*/

.DefaultHidden {
    display: none;
}

/* Screen locker styles */
.screen-locker {
    background: #ffffff80;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
}
.loading-holder {
    left: 50%;
    margin: -49px 0 0 -47px;
    position: absolute;
    top: 50%;
}
.spinners-loading-holder {
    margin: 15px;
    text-align: center;
}

.spinners-loading-wheel{
    display: inline-block;
    height: 64px;
    position: relative;
    transform: scale(.6);
    width: 64px;
}

.spinners-loading-wheel div {
    animation-duration: 1.04s;
    animation-iteration-count: infinite;
    animation-name: spinners-component-fade;
    background-color: #000;
    border-radius: 6px;
    height: 12px;
    opacity: 0;
    position: absolute;
    width: 12px;
}

.spinners-circle-1 {
    animation-delay: .39s;
    left: 0;
    top: 26px
}

.spinners-circle-2 {
    animation-delay: .52s;
    left: 8px;
    top: 8px
}

.spinners-circle-3 {
    animation-delay: .65s;
    left: 26px;
    top: 0
}

.spinners-circle-4 {
    animation-delay: .78s;
    right: 8px;
    top: 8px
}

.spinners-circle-5 {
    animation-delay: .91s;
    right: 0;
    top: 26px
}

.spinners-circle-6 {
    animation-delay: 1.04s;
    bottom: 8px;
    right: 8px
}

.spinners-circle-7 {
    animation-delay: 1.17s;
    bottom: 0;
    left: 26px
}

.spinners-circle-8 {
    animation-delay: 1.3s;
    bottom: 8px;
    left: 8px
}

@keyframes spinners-component-fade {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}
/*Screen locker styles end*/
