body {
}

input {
    margin: 3px;
}

select {
    margin: 3px;
}

@media (max-width: 767px) {
    select {
        margin: 0;
    }

    select + select {
        margin-top: 3px;
    }

    input {
        margin-left: 0;
        margin-right: 0;
    }
}

.header-wrapper {
    background-color: aliceblue;
    min-height: 100px;
    margin-top: -20px;
}

.header-wrapper-container {
    background-color: azure;
    min-height: 100px;
}

.client-logo {
    margin: 30px;
}

.chat {
    text-align: right;
    width: 100%;
    margin-top: 35px;
}

ul.header-nav {
    width: 100%;
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    background-color: #54585a;
}

li.header-nav {
    float: left;
}

    li.header-nav a {
        display: block;
        color: white;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
    }

        li.header-nav a:hover {
            background-color: darkslateblue;
        }

.content-container {
    background-color: white;
    min-height: 200px;
    padding: 20px;
}

.page-title {
    color: #333;
    font-size: 26px !important;
}

.footer-wrapper {
    background-color: aqua;
    min-height: 200px;
}

.footer-container {
    background-color: aquamarine;
    min-height: 200px;
    padding-top: 20px;
}

/************************************************
          Search Styles
************************************************/
.search-container + .search-container, .search-container + div > .search-container, .search-container.king-button {
    margin-top: -10px;
}

.search {
    background-color: #eee;
    padding: 20px 40px 20px 40px;
}

@media only screen and (max-device-width: 700px) {
    .search {
        background-color: #eee;
        padding: 10px 15px 10px 15px;
    }
}

.search-container {
    background-color: #fff;
    padding: 10px;
    border: 5px solid #b9b9b9; 
}

@media only screen and (max-device-width: 700px) {
    .search-container { 
        padding: 5px; 
    }
}

.search-header {
    padding: 10px;
    border-bottom: 1px solid #b9b9b9;
}

.search-title {
    text-transform: uppercase;
}

.search-reset {
    text-transform: uppercase;
    color: #757575;
}

.search-fields {
    padding: 20px;
}

.search-item {
    margin-bottom: 5px;
}

.search-field {
    padding-top: 5px;
}

.search-results-message {
    padding: 10px;
}

.search-results-message-large-text {
    font-size: 24px;
    color: #333;
}

.search-results-message-medium-text {
    font-size: 18px;
    color: #999;
}

.searchresults {
    background-color: #fff;
}


.statusCoName
{
    color:#000000;
    font-size: 26px;
    font-weight: 300;
}

input.reqd {
    background-position: center center !important;
    background-image: url('/Images/required.gif') !important;
    background-repeat: no-repeat  !important; 
}

.content-waiting {
    background-image: url(/images/loaders/ajax-loader_black_transbak.gif);
    height: 50px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
}

/* ---- General ---- */

.col-md-12 > .col-md-12, .col-md-12 > .col-md-12 > .col-md-12 {
    padding: 0;
}

.col-md-12 > .col-md-12.form-group, .col-md-12 > .col-md-12 > .col-md-12.form-group {
    margin-bottom: 15px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .container {
        width: 715px;
    }
}

.container > .container {
    width: 100%;
    padding: 0;
}

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

nobr {
    white-space: nowrap;
}

.search-header {
    margin-bottom: 10px;
}

select.dropdown-toggle {
    margin: 3px 0;
    padding-bottom: 7px;
    border: 1px solid #cccccc;
}

@media (max-width: 767px) {
    select.dropdown-toggle {
        margin: 4px 0 3px 0;
        padding-bottom: 8px;
    }
}

.text-success {
    font-weight: 700;
}

.color-rmis-status-dot {
    -moz-border-radius: 99px;
    -webkit-border-radius: 99px;
    border-radius: 99px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
}

    .color-rmis-status-dot.critical {
        background-color: #e74c3c;
    }

    .color-rmis-status-dot.major {
        background-color: #e67e22;
    }

    .color-rmis-status-dot.minor {
        background-color: #f1c40f;
    }

    .color-rmis-status-dot.none {
        background-color: #2ecc71;
    }

.rmis-status.rmis-status-page {
    cursor: pointer;
}

.rmis-status-page {
    font-weight: normal;
}

    .rmis-status-page:hover {
        font-weight: bold;
    }

.container.footer-container span {
    display: block;
}

.col-md-12 > .col-md-12.search-header {
    padding: 10px 0;
    margin-bottom: 10px;
}

.search-fields.row {
    padding: 0;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    vertical-align: middle;
}


@media (max-width: 767px) {
    ul {
        padding-left: 25px;
    }
}

/* ---- Carrier Prequalification ---- */
#content-dotresults {
    padding-left: 15px;
    padding-right: 15px;
}

#CarrierPrequalFieldContainer input[type=text] {
    float: right;
}

@media (min-width: 1200px) {
    #CarrierPrequalFieldContainer input[type=text] {
        width: 150px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #CarrierPrequalFieldContainer input[type=text] {
        width: 175px;
    }
}

@media (min-width: 401px) and (max-width: 991px) {
    #CarrierPrequalFieldContainer input[type=text] {
        width: 140px;
    }
}

@media (max-width: 400px) {
    #CarrierPrequalFieldContainer input[type=text] {
        width: 100%;
    }

    #CarrierPrequalFieldContainer .search-item > div + div {
        padding-left: 20px;
        padding-right: 30px;
    }
}

#CarrierPrequalFieldContainer select {
    float: left;
}

@media (max-width: 767px) {
    #CarrierPrequalFieldContainer input[type=text] {
        float: left;
    }

    #CarrierPrequalFieldContainer input[type=text], #CarrierPrequalFieldContainer select {
        margin-left: 15px;
    }
}

@media (min-width: 401px) and (max-width: 767px) {
    #CarrierPrequalFieldContainer select + input {
        margin-left: 3px;
    }
}

.dot-result-sub-title-center {
    font-weight: 700;
}

@media (max-width: 991px) {
    .statusBlockData .dot-result-sub-title-center {
        text-align: left;
        margin-top: 20px;
    }

    .statusBlockData .row {
        margin-bottom: 5px;
    }
}

#content #searchAgainSection2 {
    margin-top: 30px;
}

@media (max-width: 991px) {
    #content_dotresults_match_qualify > .row.statusBlockData.statusBlockTop.text-center > .search-container.col-md-10.col-md-offset-1 {
        margin-left: 15px;
        margin-right: 15px;
    }
}

/* ---- Contact Information ---- */

select.factoryCompanies {
    width: 100%;
}

input + label {
    display: inline;
    margin-left: 3px;
}

@media (max-width: 767px) {
    .SameAs select {
        display: block;
    }
}

#contactForm2_CorporateContact_tbl.search-fields.col-md-12.form-group {
    padding-left: 0;
    padding-right: 0;
}

/* ---- Producer Information ---- */

.SameAsDropdown select {
    margin-left: 0;
    margin-right: 0;
}

@media (max-width: 450px) {
    .SameAsDropdown select {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .SameAsDropdown {
        text-align: right;
        margin-top: -10px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .SameAsDropdown select {
        width: 125px;
    }
}

@media (min-width: 1200px) {
    .SameAsDropdown select {
        width: 175px;
    }
}

/* ---- Agreement ---- */

@media (max-width: 767px) {
    #VendorInfo td {
        float: left;
        clear: left;
        width: 100% !important;
    }

    #VendorInfo td + td, #VendorInfo td + td + td + td {
        margin-bottom: 10px;
    }

    #VendorInfo td + td + td {
        margin-bottom: 0;
    }
}

#ctl00_ContentPlaceHolderMain_lblAgreement table {
    margin-bottom: 20px;
}
@media (max-width:767px){
    #ctl00_ContentPlaceHolderMain_lblAgreement .table-responsive .table {
        margin-bottom:0;
    }
}
/* ---- Producer Requirements ---- */

.ProducerInformation .row > .search-fields.col-md-12.form-group {
    padding-left: 15px;
    padding-right: 15px;
}
/* ---- Insurance Instructions ---- */
.insuranceinstructionssection span {
    display: block;
}

.insuranceinstructionssection .col-md-12 > ul > li {
    list-style-type: none;
}

.insuranceinstructionssection .col-md-12 > ul > li > ul > span li {
    list-style-type: circle;
}

.insuranceinstructionssection .col-md-12 > ul > li > ul > span > li {
    list-style-type: disc;
}   

.insuranceinstructionssection .col-md-12 > ul > li > .col-md-offset-2 + .col-md-offset-2 + .col-md-offset-2 + .col-md-offset-2 {
    margin-bottom: 10px;
}

.insuranceinstructionssection .col-md-12 > ul > li > br {
    display: none;
}

@media (max-width: 767px) {
    .insuranceinstructionssection ul {
        padding-left: 20px;
    }
}

/* ---- W9 Info ---- */
@media (max-width: 991px) {
    .RequesterOnly {
        text-align: center;
    }
}


@media (max-width: 480px) {
    .TaxClassDropdown {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .RequestersInfoTextArea {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media (min-width: 992px) {
    #W9GeneralInstructions > .col-md-6 + .col-md-6 {
        margin-top: 64px;
    }
}

@media (max-width: 991px) {
    #W9GeneralInstructions > .col-md-6:first-of-type ul {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .eW9Dropdown {
        width: 100%;
    }
}

input#ctl00_ContentPlaceHolderMain_txtEIN1 {
    width: 50px !important;
    background-color: #f1f4ff !important;
    border-top-color: #fff !important;
    border-right-color: #fff !important;
    border-left-color: #fff !important;
    display: inline-block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

input#ctl00_ContentPlaceHolderMain_txtEIN2 {
    width: 100px !important;
    background-color: #f1f4ff !important;
    border-top-color: #fff !important;
    border-right-color: #fff !important;
    border-left-color: #fff !important;
    display: inline-block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

input#ctl00_ContentPlaceHolderMain_txtTaxID1 {
    width: 53px !important;
    background-color: #f1f4ff !important;
    border-top-color: #fff !important;
    border-right-color: #fff !important;
    border-left-color: #fff !important;
    display: inline-block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

input#ctl00_ContentPlaceHolderMain_txtTaxID2 {
    width: 45px !important;
    background-color: #f1f4ff !important;
    border-top-color: #fff !important;
    border-right-color: #fff !important;
    border-left-color: #fff !important;
    display: inline-block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

input#ctl00_ContentPlaceHolderMain_txtTaxID3 {
    width: 60px !important;
    background-color: #f1f4ff !important;
    border-top-color: #fff !important;
    border-right-color: #fff !important;
    border-left-color: #fff !important;
    display: inline-block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


/* ---- Carrier Operating Areas ---- */

.search-header.col-md-12 {
    padding: 10px 15px;
}

#CarrierOperatingAreasTables table {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

#CarrierOperatingAreasTables table u span {
    display: block;
    text-align: center;
}

/* ---- Carrier Intermodal Operating Areas ---- */

#RampsAndPorts span {
    text-align: center;
}

#RampsAndPorts span, #RampsAndPorts select {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#RampsAndPorts select {
    margin-bottom: 20px;
}

/* ---- Payment Options ---- */

#PaymentOptionsSelection a {
    word-break:break-word;
}

#PaymentOptionsSelection label, td > input[type=radio] + label {
    display: inline;
}

/* ---- Banking Information ---- */

#BankingInformationCheck {
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 992px) {
    #BankingInformationCheck {
        display: none;
    }
}

@media (max-width: 991px) {
    #BankingInformationTableCheck {
        display: none;
    }
}

table#BankingInformationTable {
    width: 100%;
}

@media (max-width: 991px) {
    table#BankingInformationTable td {
        width: 100%;
    }
}

@media (max-width: 767px) {
    table#BankingInformationTable td {
        float: left;
        clear: left;
    }
}

/* ---- Principals Information ---- */

#ctl00_ContentPlaceHolderMain_btnGoToNextPage.btn.btn-default {
    margin-bottom: 20px;
}

/* ---- Thank You ---- */

.CompletionText {
    font-weight: bold;
    display: block;
    margin-bottom: 20px;
}

/* ---- Profile ---- */

.TrailersContainer label, .CompanyProfileContainer .col-md-3 > .row > .col-md-6 label {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .TractorsContainer input {
        display: inline-block;
    }
}

@media (max-width: 991px) {
    #ctl00_ContentPlaceHolderMain_trHazmat .col-md-7 {
        margin-top: 5px;
    }
}

@media (min-width: 992px) {
    #ctl00_ContentPlaceHolderMain_trHazmat .col-md-7 {
        padding-left: 0;
    }

    #ctl00_ContentPlaceHolderMain_trHazmat > .col-md-3 {
        padding-right: 0;
    }

    #ctl00_ContentPlaceHolderMain_trHazmat .col-md-7 > .row > div {
        padding-left: 0;
    }

        #ctl00_ContentPlaceHolderMain_trHazmat .col-md-7 > .row > .col-lg-4, #ctl00_ContentPlaceHolderMain_trHazmat .col-md-7 > .row > .col-lg-5 {
            margin-top: 5px
        }

        #ctl00_ContentPlaceHolderMain_trHazmat .col-md-7 > .row > .col-lg-4 {
            text-align: right;
        }

        #ctl00_ContentPlaceHolderMain_trHazmat .col-md-7 > .row input {
            margin-top: -3px;
        }

        #ctl00_ContentPlaceHolderMain_trHazmat .col-md-7 > .row:nth-child(2) {
            margin-top: 8px;
        }
}

#HazmatFieldsCol .row {
    margin-bottom: 5px;
}

/* ---- Supplier Diversity ---- */

.SupplierDiversityContainer h4 {
    margin-top: 25px;
}

.SupplierDiversityContainer .form-control {
    margin-left: 15px;
    width: calc(100% - 15px);
}

.SupplierDiversityContainer #ctl00_ContentPlaceHolderMain_UCSupplierDiversityInfo_ddDiversityStatus.form-control, .SupplierDiversityContainer #ctl00_ContentPlaceHolderMain_UCSupplierDiversityInfo_ddlDiversityCert.form-control {
    margin-left: 0;
    width: 100%;
    margin: 3px 0;
}

@media (max-width: 1199px) {
    .SupplierDiversityContainer .col-lg-6 + .col-lg-6 h4 {
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    .SupplierDiversityContainer #cert-content {
        margin-top: 10px;
    }
}

.WarningText {
    margin-left: 15px;
}


#ctl00_ContentPlaceHolderMain_lblAgreement table {
    margin-bottom: 20px;
}

div[style*="width:900px"] {
    width: 100% !important;
}


@media (max-width: 767px) {
    div[style*="width:900px"] a {
        word-break: break-all;
    }
}

span[style*="visibility:hidden"] {
    display: none;
}

/* -- Profile -- */

@media (min-width: 992px) {
    .TrailersContainer .col-md-3 > .row > .col-md-6:first-child, .CompanyProfileContainer .col-md-3 > .row > .col-md-6:first-child {
        text-align: right;
        padding-right: 0;
    }
}

.CertificationContainer td {
    padding-left: 5px;
    padding-right: 5px;
}

.CertificationContainer .search-item {
    margin-bottom: 15px;
}


#divSmartWayDesc, #divCTPATDesc, #divFASTDesc, #divTWICDesc, #divCARBDESC, #divHazMatDesc, #divSafetyPermit {
    margin-bottom: 20px;
}

.col-md-12 > .col-md-12.form-group#ctl00_ContentPlaceHolderMain_tblTrailers {
    margin-bottom: 0;
    padding-bottom: 0;
}

#ctl00_ContentPlaceHolderMain_tblTrailers + .col-md-12.form-group#ctl00_ContentPlaceHolderMain_ExtendedProfileSection {
    padding-top: 0;
}

/* -- Carrier Operating Areas -- */

#RampsAndPorts select {
    max-height: 635px !important;
    overflow-y: auto;
}

@media (max-width: 767px) {
    #RampsAndPorts.row select {
        max-height: 50px !important;
    }
}

/* -- Carrier Prequalification -- */

@media (min-width: 992px) {
    #content-dotresults .righttext {
        padding-right: 0;
    }
}

#CarrierPrequalFieldContainer input[type=text] {
    float: left;
}

@media (min-width: 768px) {
    #content-lookupinfo .row.search-item > .col-md-1.col-sm-2 {
        padding-right: 0;
    }

        #content-lookupinfo .row.search-item > .col-md-1.col-sm-2 select {
            float: right;
        }
}

input + label + label {
    display: inline;
    margin-left: 3px;
}

#content-dotresults {
    padding-left: 0;
    padding-right: 0;
}

#content_dotresults_match_rule > .row.statusBlockData.text-center > label {
    padding-left: 15px;
    padding-right: 15px;
}

/* -- Carrier Operating Areas -- */

@media (max-width: 767px) {
    #CarrierOperatingAreasTables select, .CarrierMarkets select {
        margin: 3px;
    }

    .CarrierMarkets table[style*="width: 50%"] {
        width: 100% !important;
    }
}

#CarrierOperatingAreasTables select, .CarrierMarkets select {
    overflow-y: auto;
}

/* ---- Invitation Page ---- */

.InvitationPage #page-title, .InvitationPage #content-results {
    text-align: center;
}

.InvitationPage #content-results {
    margin-top: 10px;
}

.InvitationPage #content_submit {
    padding: 0;
    text-align: left;
}

.InvitationPage .InvitationRow {
    margin-top: 20px;
}

@media (min-width: 992px) {
    .InvitationPage .InvitationRow > div:first-child {
        text-align: right;
        padding-right: 0;
    }
}

@media (max-width: 991px) {
    .InvitationPage .InvitationRow > div:first-child {
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) {
    .InvitationPage .InvitationRow > div:nth-child(3) {
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .InvitationPage .InvitationRow > div:nth-child(3) {
        margin-top: 10px;
    }
}

#ValidationResultsContents, .error-message {
    color: red;
}

@media (min-width: 768px) and (max-width: 991px) {
    .InputLabelDivMD, .InputLabelDivMD.control-label {
        text-align: left;
    }
}

#ctl00_ContentPlaceHolderMain_divTrailers {
    margin-bottom: 10px;
}

#ctl00_ContentPlaceHolderMain_chkPayToDiv .col-md-12, #ctl00_ContentPlaceHolderMain_divRequires1099 .col-md-12 {
    padding-right: 15px;
}

@media (max-width: 767px) {
    .DOTLookup #tbCarrierQualifications > tbody > tr:first-child, .DOTLookup #content_RMISrequirement > .header-bar > div > table > tbody > tr:first-child, .DOTLookup #divrmisInfo > .header-bar + div > table > tbody > tr:first-child, .DOTLookup #divrmisInfo > .header-bar + div + div + .header-bar > table > tbody > tr:first-child {
        display: none;
    }
}

@media (max-width: 499px) {
    body #TopWrapper, body #TopWrapperOverlay {
        min-height: calc(100vh - 250px);
    }

    .container-fluid.footer-wrapper .footer-container {
        min-height: 250px;
    }
}

@media (min-width: 500px) and (max-width: 767px) {
    body #TopWrapper, body #TopWrapperOverlay {
        min-height: calc(100vh - 205px);
    }

    .container-fluid.footer-wrapper .footer-container {
        min-height: 205px;
    }
}

.chat.hidden-sm.hidden-md.hidden-lg {
    margin-top: 10px;
}

    .chat.hidden-sm.hidden-md.hidden-lg div[style*="display:inline"] {
        display: block !important;
        margin-bottom: 15px;
    }

#LocSelectedTable th[align="center"], #choiceTable th[align="center"] {
    text-align: center;
}


.form-horizontal input {
    margin: 0;
}

@media (min-width: 768px) {
    .FormPaddingSM .control-label {
        padding-right: 0;
    }

    .FormPaddingSM .control-label.text-left {
        padding-right: 15px;
        text-align: left;
    }

    .FormPaddingSM .control-label.text-left.FieldRight {
        padding-left: 0;
    }

    .FormPaddingSM .RangeInputFrom {
        padding-right: 8px;
    }

    .FormPaddingSM .RangeInputTo {
        padding-left: 8px;
    }

    .form-horizontal .row > .control-label:first-child {
        padding-right: 0;
    }
}

.control-label.text-left {
    text-align: left;
}

.row.SubmitButtonRow {
    text-align: center;
}

.FormPaddingSM .form-group .dropdown-toggle {
    border: 1px solid #ccc;
}

.form-inline .form-group {
    margin-bottom: 15px;
}

.form-group textarea {
    max-width: 100%;
}

.SubmitButtonRow .btn.btn-secondary {
    margin-right: 10px;
}

.checkbox, .radio {
    margin-left: 15px;
    cursor: pointer;
}

p + label.radio-inline {
    margin-left: 10px;
}

.checkbox input, .radio input, .radio-inline input {
    cursor: pointer;
}

.ReferenceForm span[style*="display: inline"] {
    display: block !important;
    text-align: left;
}

.login-box .btn.btn-sm.btn-default {
    white-space: normal;
}

.GeneralReqV2 #header_ + hr {
    display: none;
}

#ctl00_ContentPlaceHolderMain_UCProfile1_tblTrailers + #ctl00_ContentPlaceHolderMain_UCProfile1_ExtendedProfileSection {
    margin-top: -15px;
}

#ctl00_ContentPlaceHolderMain_UCProfile1_CompanyProfileSection > #ctl00_ContentPlaceHolderMain_UCProfile1_CompanyExtProfileSection {
    margin-top: 0;
}

.container .container {
    width: 100% !important;
}

@media (max-width: 767px) {
    .PropertySelection table.table {
        border: none;
    }

    .PropertySelection table.table > tbody > tr.TableTH {
        display: none;
    }

    .PropertySelection table.table > tbody > tr > td {
        display: block;
        width: 100%;
        border: none;
        padding: 0;
    }

    .PropertySelection table.table > tbody > tr {
        display: block;
        padding: 8px 8px 16px 8px;
        border-bottom: 1px solid #e0e0e0;
    }

    .PropertySelection table.table > tbody > tr > td[align="center"] {
        text-align: right;
    }
}

@media (min-width: 992px) {
    .text-rightMD {
        text-align: right;
    }
}


.login-box[style*="padding: 45px"] {
    padding: 25px !important;
}

@media (max-width: 767px) {
    .login-box[style*="padding: 45px"] {
        margin-left: 15px;
        margin-right: 15px;
    }
}

.SpecialEquipmentPage input {
    min-width: 50px;
}

.SpecialEquipmentPage .table {
    border-bottom: 1px solid grey;
}

.SpecialEquipmentPage .table > tbody > tr > th {
    padding-left: 20px;
}

@media (min-width: 1200px) {
    .SpecialEquipmentPage .table tr > td:first-child {
        width: 383px;
    }

    .SpecialEquipmentPage .table tr > td:nth-child(2), .SpecialEquipmentPage .table tr > td:nth-child(3) {
        width: 189px;
    }

    .SpecialEquipmentPage .table input {
        max-width: 165px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .SpecialEquipmentPage .table tr > td:first-child {
        width: 316px;
    }

    .SpecialEquipmentPage .table tr > td:nth-child(2), .SpecialEquipmentPage .table tr > td:nth-child(3) {
        width: 131px;
    }

    .SpecialEquipmentPage .table input {
        max-width: 131px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .SpecialEquipmentPage .table tr > td:first-child {
        width: 243px;
    }

    .SpecialEquipmentPage .table tr > td:nth-child(2), .SpecialEquipmentPage .table tr > td:nth-child(3) {
        width: 119px;
    }

    .SpecialEquipmentPage .table input {
        max-width: 95px;
    }
}

#ctl00_ContentPlaceHolderMain_lblAgreement br {
    display: block !important;
}

@media (max-width: 991px) {
    #ctl00_ContentPlaceHolderMain_ddlSt, #ctl00_ContentPlaceHolderMain_ddlRemittanceState, .form-horizontal .CityCol input {
        margin-bottom: 5px;
    }
}

#LocChoicesTable.table-responsive {
    overflow-x: auto !important;
}


@media (max-width: 767px) {
    .table-responsive {
        max-height: calc(100vh - 120px);
        overflow-y: auto !important;
    }

    #LocSelectedTable, #LocChoicesTable {
        border-bottom: 1px solid #ddd;
    }

    #locationsSelection #LocSelectedTable thead, #locationsSelection #LocChoicesTable thead {
        display: none;
    }

    #locationsSelection #LocSelectedTable td, #locationsSelection #LocChoicesTable td {
        display: block;
        width: 100%;
        border: none;
        padding-top: 0;
        padding-bottom: 0;
    }

    #locationsSelection #LocSelectedTable tr, #locationsSelection #LocChoicesTable tr {
        padding-top: 8px;
        padding-bottom: 8px;
        display: block;
        border-top: 1px solid #ddd;
    }

        #locationsSelection #LocSelectedTable tr > td:last-child, #locationsSelection #LocChoicesTable tr > td:last-child {
            text-align: right;
        }
}

.form-horizontal .radio input {
    margin-top: 4px;
}

#CarrierPrequalFieldContainer.V3 input[type=text] {
    width: 100%;
}

@media (max-width: 767px) {
    #CarrierPrequalFieldContainer.V3 input[type=text], #CarrierPrequalFieldContainer.V3 select {
        margin-left: 0;
    }
}

#CarrierPrequalFieldContainer.V3 #ctl00_ContentPlaceHolderMain_rblIdentifierChoice {
    margin-top: 0;
}

#CarrierPrequalFieldContainer.V3 #identifierChoice {
    margin-bottom: 15px;
}

#ctl00_ContentPlaceHolderMain_rblIdentifierChoice .radio-inline label {
    cursor: pointer;
}

@media (min-width: 768px) {
    #CarrierPrequalFieldContainer.V3 #ctl00_ContentPlaceHolderMain_rblIdentifierChoice .radio-inline {
        padding-right: 20px;
    }
}

#CarrierPrequalFieldContainer.V3 #ctl00_ContentPlaceHolderMain_rblIdentifierChoice .radio-inline + .radio-inline {
    margin-left: 0;
}

@media (max-width: 767px) {
    #CarrierPrequalFieldContainer.V3 #ctl00_ContentPlaceHolderMain_rblIdentifierChoice .radio-inline {
        display: block;
    }
}

@media (min-width: 768px) {
    #CarrierPrequalFieldContainer.V3 #content-lookupinfo .row.form-group .col-md-12 {
        text-align: center;
    }
}

.Checkboxes input[type="checkbox"] + label, .Checkboxes input[type="radio"] + label, #PaymentOptionsSelection.Checkboxes input[type="checkbox"] + label, #PaymentOptionsSelection.Checkboxes input[type="radio"] + label {
    font-weight: 400;
    padding-left: 35px;
    display: inline-block;
}

.Checkboxes input[type="checkbox"], .Checkboxes input[type="radio"] {
    margin-left: 15px;
    position: absolute;
}


#TopLabels.form-horizontal .row .form-group label, #TopLabels2.form-horizontal .row .form-group label, #BottomLabels.form-horizontal .row .form-group label, #AgreementTop .form-horizontal .form-group label {
    margin-bottom: 0;
}

#TopLabels.form-horizontal .row .form-group .control-label, #TopLabels2.form-horizontal .row .form-group .control-label, #BottomLabels.form-horizontal .row .form-group .control-label, #AgreementTop .form-horizontal .form-group .control-label {
    padding-top: 0;
}

@media (min-width: 768px) {
    #TopLabels.form-horizontal .row .form-group, #TopLabels.form-horizontal .row .form-group label, #TopLabels2.form-horizontal .row .form-group, #TopLabels2.form-horizontal .row .form-group label, #BottomLabels.form-horizontal .row .form-group, #BottomLabels.form-horizontal .row .form-group label, #AgreementTop .form-horizontal .form-group label {
        margin-bottom: 0;
    }

    #AgreementTop > div > table tr > td:nth-child(2n+1) {
        text-align: right;
        padding-right: 15px;
    }
}

@media (min-width: 1400px) {
    #AgreementTop > div > table tr > td:nth-child(2n+1) {
        width: 285.41px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    #AgreementTop > div > table tr > td:nth-child(2n+1) {
        width: 243.75px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #AgreementTop > div > table tr > td:nth-child(2n+1) {
        width: 200px;
    }
}

@media (max-width: 991px) {
    #AgreementTop > div > table tr > td {
        display: block;
        width: 100%;
    }

        #AgreementTop > div > table tr > td:nth-child(2n+2) {
            margin-bottom: 5px;
        }
}

#content #agreementFooter br {
    display: block;
}

#TopLabels2 {
    margin-bottom: 20px;
}


body a.LogoLink {
    text-decoration: none !important;
}

    body a.LogoLink:after {
        display: none !important;
    }

.Transflo {
    margin-top: 20px;
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .Transflo img {
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }
}

#lblAlreadyRegistered a {
    color: #fff !important;
}

@media (min-width: 992px) {
    #cbMainInfo {
        margin-top: 14px;
    }
}

#TriumphPayLogo {
    margin-bottom: 25px;
}

#TriumphPayLogo img {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px) {
    #TriumphPayLogo img {
        width: 500px;
    }
}

#TriumphPayLogo #ctl00_ContentPlaceHolderMain_UCTriumphPay1_TriumphPayText {
    font-size: var(--header-font-size);
    font-family: var(--header-font-family);
    font-weight: var(--header-font-weight);
    text-transform: var(--header-text-transform);
}

@media (max-width: 767px) {
    #TriumphPayLogo #ctl00_ContentPlaceHolderMain_UCTriumphPay1_TriumphPayText {
        font-size: var(--header-font-size-mobile);
    }
}


#btnCanelRegionAdd, #btnRegionAdd, #btnConfirmSubmission {
    white-space: normal;
}

#btnRegionAdd {
    margin-top: 0;
}

@media (max-width: 991px) {
    .SameAsDropdown select {
        display: block;
        width: 100%;
        margin-top: 8px;
    }
}

@media (min-width: 992px) {
    .col-md-5.phoneNumber {
        padding-right: 8px;
    }

    .col-md-2.phoneExtension {
        padding-left: 8px;
    }

    ::-webkit-input-placeholder {
        text-align: left;
    }
}

@media (max-width: 991px) {
    ::-webkit-input-placeholder {
        visibility: hidden;
    }
}

.input-group-btn > select {
    margin-top: 0;
    margin-bottom: 0;
    height: 34px;
}

@media (min-width: 992px) {
    .SmallBusinessMarginTop {
        margin-top: 8px;
    }
}

@media (min-width: 992px) {
    .MDTextRight {
        text-align: right;
    }
}

#ctl00_ContentPlaceHolderMain_UCProfile1_ModesSection .search-field, #ctl00_ContentPlaceHolderMain_UCProfile1_CommoditiesSection .search-field {
    text-align: left;
}

@media (max-width: 767px) {
    .table.table-striped.ReferencesTable tbody > tr:first-child {
        display: none;
    }

    .table.table-striped.ReferencesTable tr {
        padding: 8px;
        display: block;
    }

    .table.table-striped.ReferencesTable td {
        width: 100%;
        padding: 0;
        display: block;
        float: none;
    }

    .table.table-striped.ReferencesTable tr > td:last-child {
        text-align: right;
    }
}

.IdentifierV3 > #ctl00_ContentPlaceHolderMain_rblIdentifierChoice input + label {
    margin-right: 10px;
}

@media (max-width: 991px) {
    .IdentifierV3 > #ctl00_ContentPlaceHolderMain_rblIdentifierChoice input {
        float: left;
        margin-top: 2px;
    }

    .IdentifierV3 > #ctl00_ContentPlaceHolderMain_rblIdentifierChoice label {
        display: block;
        margin-left: 15px;
        text-align: left;
    }
}

#cookie-msg {
    position: fixed;
    bottom: 10px;
    width: 95%;
    margin-left: 2.5%;
    text-align: center;
    padding: 15px;
    background: #999;
    color: #fff;
    font-size: 14px;
    border-radius: 10px;
    box-shadow: 0px 10px 10px 1px rgba(0,0,0,0.25);
}

@media (max-width: 991px) {
    #cookie-msg .CookieButtons {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

.container.footer-container div > label {
    margin-bottom: 0;
}

.col-md-5.control-label.InputLabelDivMD + .col-md-4 label {
    padding-top: 7px;
}

.PaymentFormV2 .col-md-4.search-field {
    padding-top: 10px;
}

#btnPrint, .col-md-12 input[value="Print Agreement"], .col-md-12.text-center input[value="Print Agreement"] {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 5px;
}

span.radioButtonList.W8Checkbox {
    display: inline-block;
    margin-top: 10px;
}

.reqd.form-control + span.fieldRequired, .eW8BEN .form-control + span.fieldRequired {
    display: none;
}

.eW8BEN .search-header {
    color: #000;
}

@media (max-width: 991px) {
    #ctl00_ContentPlaceHolderMain_UCProfile1_CommoditiesSection {
        margin-top: 20px;
    }
}

.form-horizontal .form-group .radio input[type=radio], .form-horizontal .form-group .checkbox input[type=checkbox] {
    margin-top: -4px;
}

.form-horizontal .form-group .radio input[type=radio] + span, .form-horizontal .form-group .checkbox input[type=checkbox] + span {
    display: inline-block;
    margin-top: -7px;
}

.form-inline.SubField {
    margin-left: 25px;
}

@media (min-width: 768px) {
    .search-fields .ErrorMessage {
        margin-top: 10px;
    }
}

.RadioASP, .CheckboxASP {
    margin-left: 15px;
}

@media (min-width: 992px) {
    .LocationField3Cols .LocationHeader.row > div, .LocationField4Cols .LocationHeader.row > div {
        padding-left: 27px;
    }
}

@media (max-width: 991px) {
    .LocationField3Cols .LocationHeader, .LocationField4Cols .LocationHeader {
        display: none;
    }

    .LocationField3Cols .col-md-4 + .col-md-3, .LocationField4Cols .col-md-2 + .col-md-5, .LocationField4Cols .col-md-2 + .col-md-5 + .col-md-3, .LocationField4Cols .col-md-2 + .col-md-5 + .col-md-3 + .col-md-2 {
        margin-top: 5px;
    }
}

.RadiosTable td {
    margin-top: 7px;
    display: block;
}

.form-horizontal .RadiosTable table input[type=radio] {
    position: absolute;
    margin: 4px 0 0;
}

.RadiosTable table input + label {
    font-size: 14px !important;
    font-weight: 400;
    margin-left: 20px;
    display: block;
}

.checkboxes span.checkbox {
    margin-left: 20px;
}

.form-horizontal .form-group .checkboxes span.checkbox input[type=checkbox] {
    position: absolute;
    margin-top: 3px;
}

.checkboxes span.checkbox input + label {
    margin-left: 0;
    padding-left: 0;
}

.checkboxes > span.checkbox:first-child {
    margin-top: 3px;
}

.TextSmaller {
    font-size: .75em;
}

label + .TextSmaller {
    display: block;
}
/*!
 * Quill Editor v1.3.6
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
    box-sizing: border-box;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    height: 100%;
    margin: 0px;
    position: relative;
}

    .ql-container.ql-disabled .ql-tooltip {
        visibility: hidden;
    }

    .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
        pointer-events: none;
    }

.ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%;
}

    .ql-clipboard p {
        margin: 0;
        padding: 0;
    }

.ql-editor {
    box-sizing: border-box;
    line-height: 1.42;
    height: 100%;
    outline: none;
    overflow-y: auto;
    padding: 12px 15px;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
}

    .ql-editor > * {
        cursor: text;
    }

    .ql-editor p,
    .ql-editor ol,
    .ql-editor ul,
    .ql-editor pre,
    .ql-editor blockquote,
    .ql-editor h1,
    .ql-editor h2,
    .ql-editor h3,
    .ql-editor h4,
    .ql-editor h5,
    .ql-editor h6 {
        margin: 0;
        padding: 0;
        counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    }

    .ql-editor ol,
    .ql-editor ul {
        padding-left: 1.5em;
    }

        .ql-editor ol > li,
        .ql-editor ul > li {
            list-style-type: none;
        }

            .ql-editor ul > li::before {
                content: '\2022';
            }

        .ql-editor ul[data-checked=true],
        .ql-editor ul[data-checked=false] {
            pointer-events: none;
        }

            .ql-editor ul[data-checked=true] > li *,
            .ql-editor ul[data-checked=false] > li * {
                pointer-events: all;
            }

            .ql-editor ul[data-checked=true] > li::before,
            .ql-editor ul[data-checked=false] > li::before {
                color: #777;
                cursor: pointer;
                pointer-events: all;
            }

            .ql-editor ul[data-checked=true] > li::before {
                content: '\2611';
            }

            .ql-editor ul[data-checked=false] > li::before {
                content: '\2610';
            }

    .ql-editor li::before {
        display: inline-block;
        white-space: nowrap;
        width: 1.2em;
    }

    .ql-editor li:not(.ql-direction-rtl)::before {
        margin-left: -1.5em;
        margin-right: 0.3em;
        text-align: right;
    }

    .ql-editor li.ql-direction-rtl::before {
        margin-left: 0.3em;
        margin-right: -1.5em;
    }

    .ql-editor ol li:not(.ql-direction-rtl),
    .ql-editor ul li:not(.ql-direction-rtl) {
        padding-left: 1.5em;
    }

    .ql-editor ol li.ql-direction-rtl,
    .ql-editor ul li.ql-direction-rtl {
        padding-right: 1.5em;
    }

    .ql-editor ol li {
        counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
        counter-increment: list-0;
    }

        .ql-editor ol li:before {
            content: counter(list-0, decimal) '. ';
        }

        .ql-editor ol li.ql-indent-1 {
            counter-increment: list-1;
        }

            .ql-editor ol li.ql-indent-1:before {
                content: counter(list-1, lower-alpha) '. ';
            }

        .ql-editor ol li.ql-indent-1 {
            counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
        }

        .ql-editor ol li.ql-indent-2 {
            counter-increment: list-2;
        }

            .ql-editor ol li.ql-indent-2:before {
                content: counter(list-2, lower-roman) '. ';
            }

        .ql-editor ol li.ql-indent-2 {
            counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
        }

        .ql-editor ol li.ql-indent-3 {
            counter-increment: list-3;
        }

            .ql-editor ol li.ql-indent-3:before {
                content: counter(list-3, decimal) '. ';
            }

        .ql-editor ol li.ql-indent-3 {
            counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
        }

        .ql-editor ol li.ql-indent-4 {
            counter-increment: list-4;
        }

            .ql-editor ol li.ql-indent-4:before {
                content: counter(list-4, lower-alpha) '. ';
            }

        .ql-editor ol li.ql-indent-4 {
            counter-reset: list-5 list-6 list-7 list-8 list-9;
        }

        .ql-editor ol li.ql-indent-5 {
            counter-increment: list-5;
        }

            .ql-editor ol li.ql-indent-5:before {
                content: counter(list-5, lower-roman) '. ';
            }

        .ql-editor ol li.ql-indent-5 {
            counter-reset: list-6 list-7 list-8 list-9;
        }

        .ql-editor ol li.ql-indent-6 {
            counter-increment: list-6;
        }

            .ql-editor ol li.ql-indent-6:before {
                content: counter(list-6, decimal) '. ';
            }

        .ql-editor ol li.ql-indent-6 {
            counter-reset: list-7 list-8 list-9;
        }

        .ql-editor ol li.ql-indent-7 {
            counter-increment: list-7;
        }

            .ql-editor ol li.ql-indent-7:before {
                content: counter(list-7, lower-alpha) '. ';
            }

        .ql-editor ol li.ql-indent-7 {
            counter-reset: list-8 list-9;
        }

        .ql-editor ol li.ql-indent-8 {
            counter-increment: list-8;
        }

            .ql-editor ol li.ql-indent-8:before {
                content: counter(list-8, lower-roman) '. ';
            }

        .ql-editor ol li.ql-indent-8 {
            counter-reset: list-9;
        }

        .ql-editor ol li.ql-indent-9 {
            counter-increment: list-9;
        }

            .ql-editor ol li.ql-indent-9:before {
                content: counter(list-9, decimal) '. ';
            }

    .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
        padding-left: 3em;
    }

    .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
        padding-left: 4.5em;
    }

    .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
        padding-right: 3em;
    }

    .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
        padding-right: 4.5em;
    }

    .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
        padding-left: 6em;
    }

    .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
        padding-left: 7.5em;
    }

    .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
        padding-right: 6em;
    }

    .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
        padding-right: 7.5em;
    }

    .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
        padding-left: 9em;
    }

    .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
        padding-left: 10.5em;
    }

    .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
        padding-right: 9em;
    }

    .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
        padding-right: 10.5em;
    }

    .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
        padding-left: 12em;
    }

    .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
        padding-left: 13.5em;
    }

    .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
        padding-right: 12em;
    }

    .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
        padding-right: 13.5em;
    }

    .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
        padding-left: 15em;
    }

    .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
        padding-left: 16.5em;
    }

    .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
        padding-right: 15em;
    }

    .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
        padding-right: 16.5em;
    }

    .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
        padding-left: 18em;
    }

    .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
        padding-left: 19.5em;
    }

    .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
        padding-right: 18em;
    }

    .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
        padding-right: 19.5em;
    }

    .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
        padding-left: 21em;
    }

    .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
        padding-left: 22.5em;
    }

    .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
        padding-right: 21em;
    }

    .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
        padding-right: 22.5em;
    }

    .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
        padding-left: 24em;
    }

    .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
        padding-left: 25.5em;
    }

    .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
        padding-right: 24em;
    }

    .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
        padding-right: 25.5em;
    }

    .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
        padding-left: 27em;
    }

    .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
        padding-left: 28.5em;
    }

    .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
        padding-right: 27em;
    }

    .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
        padding-right: 28.5em;
    }

    .ql-editor .ql-video {
        display: block;
        max-width: 100%;
    }

        .ql-editor .ql-video.ql-align-center {
            margin: 0 auto;
        }

        .ql-editor .ql-video.ql-align-right {
            margin: 0 0 0 auto;
        }

    .ql-editor .ql-bg-black {
        background-color: #000;
    }

    .ql-editor .ql-bg-red {
        background-color: #e60000;
    }

    .ql-editor .ql-bg-orange {
        background-color: #f90;
    }

    .ql-editor .ql-bg-yellow {
        background-color: #ff0;
    }

    .ql-editor .ql-bg-green {
        background-color: #008a00;
    }

    .ql-editor .ql-bg-blue {
        background-color: #06c;
    }

    .ql-editor .ql-bg-purple {
        background-color: #93f;
    }

    .ql-editor .ql-color-white {
        color: #fff;
    }

    .ql-editor .ql-color-red {
        color: #e60000;
    }

    .ql-editor .ql-color-orange {
        color: #f90;
    }

    .ql-editor .ql-color-yellow {
        color: #ff0;
    }

    .ql-editor .ql-color-green {
        color: #008a00;
    }

    .ql-editor .ql-color-blue {
        color: #06c;
    }

    .ql-editor .ql-color-purple {
        color: #93f;
    }

    .ql-editor .ql-font-serif {
        font-family: Georgia, Times New Roman, serif;
    }

    .ql-editor .ql-font-monospace {
        font-family: Monaco, Courier New, monospace;
    }

    .ql-editor .ql-size-small {
        font-size: 0.75em;
    }

    .ql-editor .ql-size-large {
        font-size: 1.5em;
    }

    .ql-editor .ql-size-huge {
        font-size: 2.5em;
    }

    .ql-editor .ql-direction-rtl {
        direction: rtl;
        text-align: inherit;
    }

    .ql-editor .ql-align-center {
        text-align: center;
    }

    .ql-editor .ql-align-justify {
        text-align: justify;
    }

    .ql-editor .ql-align-right {
        text-align: right;
    }

    .ql-editor.ql-blank::before {
        color: rgba(0,0,0,0.6);
        content: attr(data-placeholder);
        font-style: italic;
        left: 15px;
        pointer-events: none;
        position: absolute;
        right: 15px;
    }

.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
    clear: both;
    content: '';
    display: table;
}

.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 24px;
    padding: 3px 5px;
    width: 28px;
}

    .ql-snow.ql-toolbar button svg,
    .ql-snow .ql-toolbar button svg {
        float: left;
        height: 100%;
    }

    .ql-snow.ql-toolbar button:active:hover,
    .ql-snow .ql-toolbar button:active:hover {
        outline: none;
    }

.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
    display: none;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: #06c;
}

    .ql-snow.ql-toolbar button:hover .ql-fill,
    .ql-snow .ql-toolbar button:hover .ql-fill,
    .ql-snow.ql-toolbar button:focus .ql-fill,
    .ql-snow .ql-toolbar button:focus .ql-fill,
    .ql-snow.ql-toolbar button.ql-active .ql-fill,
    .ql-snow .ql-toolbar button.ql-active .ql-fill,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
    .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
        fill: #06c;
    }

    .ql-snow.ql-toolbar button:hover .ql-stroke,
    .ql-snow .ql-toolbar button:hover .ql-stroke,
    .ql-snow.ql-toolbar button:focus .ql-stroke,
    .ql-snow .ql-toolbar button:focus .ql-stroke,
    .ql-snow.ql-toolbar button.ql-active .ql-stroke,
    .ql-snow .ql-toolbar button.ql-active .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
    .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
    .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
    .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
    .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
    .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
    .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
    .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
    .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
    .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
    .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
    .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
    .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
        stroke: #06c;
    }

@media (pointer: coarse) {
    .ql-snow.ql-toolbar button:hover:not(.ql-active),
    .ql-snow .ql-toolbar button:hover:not(.ql-active) {
        color: #444;
    }

        .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
        .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
        .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
        .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
            fill: #444;
        }

        .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
        .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
        .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
        .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
            stroke: #444;
        }
}

.ql-snow {
    box-sizing: border-box;
}

    .ql-snow * {
        box-sizing: border-box;
    }

    .ql-snow .ql-hidden {
        display: none;
    }

    .ql-snow .ql-out-bottom,
    .ql-snow .ql-out-top {
        visibility: hidden;
    }

    .ql-snow .ql-tooltip {
        position: absolute;
        transform: translateY(10px);
    }

        .ql-snow .ql-tooltip a {
            cursor: pointer;
            text-decoration: none;
        }

        .ql-snow .ql-tooltip.ql-flip {
            transform: translateY(-10px);
        }

    .ql-snow .ql-formats {
        display: inline-block;
        vertical-align: middle;
    }

        .ql-snow .ql-formats:after {
            clear: both;
            content: '';
            display: table;
        }

    .ql-snow .ql-stroke {
        fill: none;
        stroke: #444;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2;
    }

    .ql-snow .ql-stroke-miter {
        fill: none;
        stroke: #444;
        stroke-miterlimit: 10;
        stroke-width: 2;
    }

    .ql-snow .ql-fill,
    .ql-snow .ql-stroke.ql-fill {
        fill: #444;
    }

    .ql-snow .ql-empty {
        fill: none;
    }

    .ql-snow .ql-even {
        fill-rule: evenodd;
    }

    .ql-snow .ql-thin,
    .ql-snow .ql-stroke.ql-thin {
        stroke-width: 1;
    }

    .ql-snow .ql-transparent {
        opacity: 0.4;
    }

    .ql-snow .ql-direction svg:last-child {
        display: none;
    }

    .ql-snow .ql-direction.ql-active svg:last-child {
        display: inline;
    }

    .ql-snow .ql-direction.ql-active svg:first-child {
        display: none;
    }

    .ql-snow .ql-editor h1 {
        font-size: 2em;
    }

    .ql-snow .ql-editor h2 {
        font-size: 1.5em;
    }

    .ql-snow .ql-editor h3 {
        font-size: 1.17em;
    }

    .ql-snow .ql-editor h4 {
        font-size: 1em;
    }

    .ql-snow .ql-editor h5 {
        font-size: 0.83em;
    }

    .ql-snow .ql-editor h6 {
        font-size: 0.67em;
    }

    .ql-snow .ql-editor a {
        text-decoration: underline;
    }

    .ql-snow .ql-editor blockquote {
        border-left: 4px solid #ccc;
        margin-bottom: 5px;
        margin-top: 5px;
        padding-left: 16px;
    }

    .ql-snow .ql-editor code,
    .ql-snow .ql-editor pre {
        background-color: #f0f0f0;
        border-radius: 3px;
    }

    .ql-snow .ql-editor pre {
        white-space: pre-wrap;
        margin-bottom: 5px;
        margin-top: 5px;
        padding: 5px 10px;
    }

    .ql-snow .ql-editor code {
        font-size: 85%;
        padding: 2px 4px;
    }

    .ql-snow .ql-editor pre.ql-syntax {
        background-color: #23241f;
        color: #f8f8f2;
        overflow: visible;
    }

    .ql-snow .ql-editor img {
        max-width: 100%;
    }

    .ql-snow .ql-picker {
        color: #444;
        display: inline-block;
        float: left;
        font-size: 14px;
        font-weight: 500;
        height: 24px;
        position: relative;
        vertical-align: middle;
    }

    .ql-snow .ql-picker-label {
        cursor: pointer;
        display: inline-block;
        height: 100%;
        padding-left: 8px;
        padding-right: 2px;
        position: relative;
        width: 100%;
    }

        .ql-snow .ql-picker-label::before {
            display: inline-block;
            line-height: 22px;
        }

    .ql-snow .ql-picker-options {
        background-color: #fff;
        display: none;
        min-width: 100%;
        padding: 4px 8px;
        position: absolute;
        white-space: nowrap;
    }

        .ql-snow .ql-picker-options .ql-picker-item {
            cursor: pointer;
            display: block;
            padding-bottom: 5px;
            padding-top: 5px;
        }

    .ql-snow .ql-picker.ql-expanded .ql-picker-label {
        color: #ccc;
        z-index: 2;
    }

        .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
            fill: #ccc;
        }

        .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
            stroke: #ccc;
        }

    .ql-snow .ql-picker.ql-expanded .ql-picker-options {
        display: block;
        margin-top: -1px;
        top: 100%;
        z-index: 1;
    }

    .ql-snow .ql-color-picker,
    .ql-snow .ql-icon-picker {
        width: 28px;
    }

        .ql-snow .ql-color-picker .ql-picker-label,
        .ql-snow .ql-icon-picker .ql-picker-label {
            padding: 2px 4px;
        }

            .ql-snow .ql-color-picker .ql-picker-label svg,
            .ql-snow .ql-icon-picker .ql-picker-label svg {
                right: 4px;
            }

        .ql-snow .ql-icon-picker .ql-picker-options {
            padding: 4px 0px;
        }

        .ql-snow .ql-icon-picker .ql-picker-item {
            height: 24px;
            width: 24px;
            padding: 2px 4px;
        }

        .ql-snow .ql-color-picker .ql-picker-options {
            padding: 3px 5px;
            width: 152px;
        }

        .ql-snow .ql-color-picker .ql-picker-item {
            border: 1px solid transparent;
            float: left;
            height: 16px;
            margin: 2px;
            padding: 0px;
            width: 16px;
        }

    .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
        position: absolute;
        margin-top: -9px;
        right: 0;
        top: 50%;
        width: 18px;
    }

    .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
    .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
    .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
    .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
    .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
    .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
        content: attr(data-label);
    }

    .ql-snow .ql-picker.ql-header {
        width: 98px;
    }

        .ql-snow .ql-picker.ql-header .ql-picker-label::before,
        .ql-snow .ql-picker.ql-header .ql-picker-item::before {
            content: 'Normal';
        }

        .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
        .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
            content: 'Heading 1';
        }

        .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
        .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
            content: 'Heading 2';
        }

        .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
        .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
            content: 'Heading 3';
        }

        .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
        .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
            content: 'Heading 4';
        }

        .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
        .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
            content: 'Heading 5';
        }

        .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
        .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
            content: 'Heading 6';
        }

        .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
            font-size: 2em;
        }

        .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
            font-size: 1.5em;
        }

        .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
            font-size: 1.17em;
        }

        .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
            font-size: 1em;
        }

        .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
            font-size: 0.83em;
        }

        .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
            font-size: 0.67em;
        }

    .ql-snow .ql-picker.ql-font {
        width: 108px;
    }

        .ql-snow .ql-picker.ql-font .ql-picker-label::before,
        .ql-snow .ql-picker.ql-font .ql-picker-item::before {
            content: 'Sans Serif';
        }

        .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
        .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
            content: 'Serif';
        }

        .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
        .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
            content: 'Monospace';
        }

        .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
            font-family: Georgia, Times New Roman, serif;
        }

        .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
            font-family: Monaco, Courier New, monospace;
        }

    .ql-snow .ql-picker.ql-size {
        width: 98px;
    }

        .ql-snow .ql-picker.ql-size .ql-picker-label::before,
        .ql-snow .ql-picker.ql-size .ql-picker-item::before {
            content: 'Normal';
        }

        .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
        .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
            content: 'Small';
        }

        .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
        .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
            content: 'Large';
        }

        .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
        .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
            content: 'Huge';
        }

        .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
            font-size: 10px;
        }

        .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
            font-size: 18px;
        }

        .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
            font-size: 32px;
        }

    .ql-snow .ql-color-picker.ql-background .ql-picker-item {
        background-color: #fff;
    }

    .ql-snow .ql-color-picker.ql-color .ql-picker-item {
        background-color: #000;
    }

.ql-toolbar.ql-snow {
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    padding: 8px;
}

    .ql-toolbar.ql-snow .ql-formats {
        margin-right: 15px;
    }

    .ql-toolbar.ql-snow .ql-picker-label {
        border: 1px solid transparent;
    }

    .ql-toolbar.ql-snow .ql-picker-options {
        border: 1px solid transparent;
        box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
    }

    .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
        border-color: #ccc;
    }

    .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
        border-color: #ccc;
    }

    .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
    .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
        border-color: #000;
    }

    .ql-toolbar.ql-snow + .ql-container.ql-snow {
        border-top: 0px;
    }

.ql-snow .ql-tooltip {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 5px #ddd;
    color: #444;
    padding: 5px 12px;
    white-space: nowrap;
}

    .ql-snow .ql-tooltip::before {
        content: "Visit URL:";
        line-height: 26px;
        margin-right: 8px;
    }

    .ql-snow .ql-tooltip input[type=text] {
        display: none;
        border: 1px solid #ccc;
        font-size: 13px;
        height: 26px;
        margin: 0px;
        padding: 3px 5px;
        width: 170px;
    }

    .ql-snow .ql-tooltip a.ql-preview {
        display: inline-block;
        max-width: 200px;
        overflow-x: hidden;
        text-overflow: ellipsis;
        vertical-align: top;
    }

    .ql-snow .ql-tooltip a.ql-action::after {
        border-right: 1px solid #ccc;
        content: 'Edit';
        margin-left: 16px;
        padding-right: 8px;
    }

    .ql-snow .ql-tooltip a.ql-remove::before {
        content: 'Remove';
        margin-left: 8px;
    }

    .ql-snow .ql-tooltip a {
        line-height: 26px;
    }

    .ql-snow .ql-tooltip.ql-editing a.ql-preview,
    .ql-snow .ql-tooltip.ql-editing a.ql-remove {
        display: none;
    }

    .ql-snow .ql-tooltip.ql-editing input[type=text] {
        display: inline-block;
    }

    .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
        border-right: 0px;
        content: 'Save';
        padding-right: 0px;
    }

    .ql-snow .ql-tooltip[data-mode=link]::before {
        content: "Enter link:";
    }

    .ql-snow .ql-tooltip[data-mode=formula]::before {
        content: "Enter formula:";
    }

    .ql-snow .ql-tooltip[data-mode=video]::before {
        content: "Enter video:";
    }

.ql-snow a {
    color: #06c;
}

.ql-container.ql-snow {
    border: 1px solid #ccc;
}

.alert.alert-danger.serious-danger {
    background: red;
    color: white;
    border-color: red;
}

.AgreementUnderline {
    border-bottom: 1px solid var(--text);
    min-height: 20px;
}

@media (min-width: 992px) {
    .AgreementLabel {
        text-align: right;
    }
}

@media (max-width: 991px) {
    .AgreementUnderline {
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (min-width: 992px) {
    .AgreementUnderlineSection {
        margin-right: 15px;
    }
}

.AgreementUnderlineSection {
    margin-bottom: 10px;
}

@media (min-width: 992px) {
    .TwoColTable .row p {
        padding: 8px;
        margin: 0;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
    }

    .TwoColTable {
        border-top: 1px solid #000;
        border-left: 1px solid #000;
        margin-bottom: 10px;
    }

        .TwoColTable .row {
            margin: 0;
        }

            .TwoColTable .row .col-md-6 {
                padding: 0;
            }
}

@media (max-width: 991px) {
    .TwoColTable {
        margin-bottom: 10px;
    }

        .TwoColTable .col-md-6 {
            border: 1px solid #000;
            border-bottom: none;
            padding: 8px;
        }

            .TwoColTable .col-md-6 + .col-md-6 {
                border-bottom: 1px solid #000;
            }

            .TwoColTable .col-md-6 p {
                margin: 0;
            }

        .TwoColTable .row {
            margin: 0;
        }
}

label#ctl00_UCHeader_lblMaintenanceMessage, label#ctl00_UCFooter1_chatSection {
    margin-bottom: 0;
}

.MaintanenceMessage {
    background: #fff;
    z-index: 1000;
    position: relative;
}

    .MaintanenceMessage .text-danger {
        color: #a94442;
    }

@media (max-width: 991px) {
    .table.carbCertTable {
        border: none;
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);
        max-width: calc(100% + 30px);
    }

        .table.carbCertTable tbody > tr:first-child {
            display: none;
        }

        .table.carbCertTable tbody > tr {
            padding: 15px;
            display: block;
        }

        .table.carbCertTable tbody > tr > td {
            display: block;
            width: 100%;
            border: none;
            padding: 0;
        }

            .table.carbCertTable tbody > tr > td:nth-child(n+1) {
                padding-bottom: 10px;
            }

            .table.carbCertTable tbody > tr > td:last-child {
                text-align: left;
                padding-bottom: 0;
            }

            .table.carbCertTable.perVehicleCertsTable tbody > tr > td:last-child {
                text-align: right;
            }
}

@media (min-width: 992px) {
    .table.carbCertTable tbody > tr > td, .table.carbCertTable {
        border: none;
    }
}

.currentCertOnFileMessage {
    color: red;
    font-weight: 700;
    text-decoration: underline;
}

.certUpdateForm .certificateUpdateMessage {
    font-weight: 700;
    text-decoration: underline;
}

.certUpdateForm {
    -webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.25);
    box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.25);
    padding: 15px 15px 70px 15px;
    margin-bottom: -70px;
    border-radius: 4px;
}

    .certUpdateForm.extendedCertUpdateForm  {
        padding-bottom: 0;
        margin-bottom: 0;
    }

.certUpdateForm > div:nth-child(2) {
    margin-bottom: 15px;
}

.carbPages .col-md-12.text-center input {
    margin-top: 10px;
}

.carbGoToNextStepBtnDiv {
    height: 65px;
}