/*================================= Layout ========================================================*/
.form-row {
    padding-left: 30px;
}

.left-pane-affix {
    top: 40px;
    /*bottom: 40px;*/
}

/*================================= Headers ========================================================*/

.form-section-header {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    color: #333333;
    border-bottom: 1px solid #e5e5e5;
}

.form-sub-section-header {
    font-size: 15px;
    text-decoration: underline;
    line-height: inherit;
}

/*================================= Overrides ========================================================*/
.help-label label {
    display: inline;
    float: left;
}    

/*================================= Forms ========================================================*/
input[type="text"]:not(.input-maxi):not(.input-mini), textarea, select, .uneditable-input {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 30px;
}

.radio.inline.reset {
    padding-top: 0;
}

.form-inline input[type="text"] {
    width: auto;
}

.form-inline label {
    vertical-align: bottom;
}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    cursor: not-allowed;
    background-color: #eee;
}

.list-comp-remove-btn {
    margin-top: 25px;
}


/*================================= Helper classes ========================================================*/

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

.text-lowercase {
    text-transform: lowercase;
}

.text-underline {
    text-decoration: underline;
}
.display-inline {
    display: inline;
}

.form-sub-section-header-without-underline .form-sub-section-header {
    text-decoration: none;
}



/*================================= Custom Specific classes ========================================================*/


/* Heading (H3) with check-box */
.checkbox.h3,
.radio.h3 {
    margin: 10px 0;
    font-weight: bold;
    text-decoration: underline;
}

.truncate {
  width: 250px;
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*.form-country-select {
    width: 178px;
}*/

.atg1-cpv-container {
    display: flex;
}

.atg1-cpv-container table {
}

    .atg1-cpv-container thead tr,
    .atg1-cpv-container thead th {
        height: 40px;
    }
    .atg1-cpv-container tr:not(:first-child) td {
        border-bottom: none;
        border-top: none;
    }

    .atg1-cpv-container .atg1-cpv-item-first > table {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .atg1-cpv-container .atg1-cpv-item-second > table {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
.atg1-cpv-container td {
    text-align: inherit;
}


/*================================= js classes only used in javascript classes ========================================================*/
.js-addOptionalFormItem,
.js-removeOptionalFormItem,
.js-showHide,
.js-ignore,
.js-optional-field,
.js-skipValidationOnLoad,
.js-listItem,
.js-listComponent,
.js-templateSection,
.js-showHideDropdown,
.js-conditionalSection,
.js-datePicker,
.js-addCpvModal,
.js-removeCpvModal,
.js-cpvContainer,
.js-modalContainer,
.js-cpvText,
.js-cpvCode,
.js-cpvRowTemplate,
.js-removeCpvRow,
.js-addCustomCpvModal {}