/* Added to allow SPAN tags to behave like LABELS*/
label, span {
    display: inline;
}

.form-group label {
    display: inline-block;
    min-width: 34%;
}

.form-group span {
    display: inline-block;
}

.form-inline, .form-inline span, .form-inline label {
    display: inline-block;
    min-width: 0%;
}

@media (max-width: 400px) {
    /*This is presentable in mobile*/
    .form-group label {
        display: block;
        min-width: 30%;
    }

    .form-group span {
        display: block;
    }

    .form-inline, .form-inline span, .form-inline label {
        display: block;
        min-width: 0%;
    }
}

/*Fixes for Tabstrip*/
/*This can align it to the top of the floating headers*/
.tabstripPadding {
    padding-bottom: 15px;
}

/*Radmenu CSS for fuse mobile views*/
@media (max-width: 400px) {
    /*This is presentable in mobile*/
    .tabstrip li, .tabstrip a, .tabstrip span {
        width: 100%;
    }
}

/*Reset Classes from May Iframe so they appear like BS classes*/
.tableQuote {
    width: 100%;
}

.AlignRight {
    background-color: #EEE;
}

.AlignLeft {
    background-color: #EEE;
}

/*Make page header appear like the BS top class*/
.pageheader, .AttributesHeader,
.pageheader td, .AttributesHeader td,
.pageheader th, .AttributesHeader th,
.pageheader tr, .AttributesHeader tr,
.QuotePageLayoutTable table th.pageheader {
    font-size: inherit !important;
    color: inherit !important;
    padding-top: 10px !important;
    font-family: inherit !important;
    letter-spacing: inherit !important;
    text-transform: capitalize !important;
    background-color: #d7d8da !important;
    background-image: none !important;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #cbccce;
    padding-top: 10px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-left: 12px;
    text-align: left;
    font-weight: bold;
}


/*Fix the CSS for the forms*/
input[type="checkbox"] {
    display: inline !important;
}

input[type="radio"] {
    display: inline !important;
}




/*Add the vertical space back to the main wrapper*/
.text-danger {
    margin-bottom: -20px !important;
}


/*Match the color of the form label*/
.text-danger {
    color: #FF0000;
}


/*CSS so the error text does not take up extra vertical space when multiple error lines are returned*/
errorLink{
    padding:0px !important;
    margin:0px !important;
}
.text-danger label, .text-danger span{
    padding:0px !important;
    margin:0px !important;
}
.text-danger br{
    display: block;
    padding:0px !important;
    margin:0px !important;
    line-height:0px;
    content: " ";
}


.controlItemLabel {
    width: 200px;
}

.Controls,
.controlItemLabel {
    height:60px !important;
    padding:0px 5px 0px 0px;
    margin:0px 5px 0px 0px;
    vertical-align:middle;
  
}



.Controls tr td label,
.controlItemLabel tr td label{

  padding:0px 5px 0px 0px;
    margin:0px 5px 0px 0px;
}



/*Needed to add select to this since it is also an input*/
article.content-model section .lined-columns input,
article.content-model section .lined-columns select
{
  margin-left: 1em;
}


/*This is needed because on ym-grid anything less than 992 has no padding
    on inner controls and this does not use boxes.  (need better form framework).
*/
 .vert-padding{
        padding-top:0px;
        padding-bottom:0px;
    }
@media (max-width: 992px) {
    /*This is presentable in mobile*/    
    .vert-padding{
        padding-top:8px;
        padding-bottom:8px;
    }

}

.vert-spacer-10px{
    height:10px;
    display:block;
}
.vert-spacer-20px{
    height:20px;
    display:block;
}
.vert-spacer-30px{
    height:30px;
    display:block;
}
.vert-spacer-40px{
    height:40px;
    display:block;
}
.vert-spacer-50px{
    height:50px;
    display:block;
}

span, label{
    display:inline;
}
td span,
td label{
    display:inline-block;
}

.confirmCheckboxPhoneTable{
    width:200px;
}
.confirmCheckboxVehicleTable{
    width:350px;
}
.confirmCheckboxDriversTable{
    width:250px;
}