/*
Purpose: Override some of the settings of Boostrap, as required for project.
Without modifying the boostrap.css and main.css directly.
*/

.well {
    min-height: 20px;
    padding: 0px;
    margin-bottom: 5px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.container {
    width: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.container.form-0 {
    width: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.container.form-1 {
    width: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.container.form-2 {
    width: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.container.form-3 {
    width: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 5px !important;
}


.menu-row {
    margin-top: 0;
}

h4.menu-header {
    color: #286090;
    text-transform: capitalize;
    font-size: 1.2em;
}

.lowercase {
    text-transform: lowercase;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

/*  Overwrite boostrap css for border changing to 0 from previous 1 */
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
    vertical-align: initial !important;
    border: 0px !important;
}

.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: initial !important;
    border: 0px !important;
}

/* Mobile Number control to be block not inline-block for width 100% */
.intl-tel-input {
    display: block;
}