body {
font-size:14px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/


/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}


select.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}
/*--------------------login-----------------------*/
.focus-input100::before {
    background: #4d80e4 !important;
}
.login100-form-btn {
    background-color: #4d80e4;
    border: unset !important;
}
    .login100-form-btn:hover {
        background-color: #286090 !important;
    }
.login-more li a:hover {
    color: #286090 !important;
}
.login-form-content {
    border: 2px solid rgba(95, 108, 255, 0.12);
    background-color: #ffffff;
    padding: 5px 21px;
    -webkit-box-shadow: 0 1px 31px 0 rgba(199, 201, 232, 0.41);
    box-shadow: 0 1px 31px 0 rgba(199, 201, 232, 0.41);
}
.avatar-style{
    border: 3px solid #4d80e4;
    border-radius: 50%;
    padding: 10px;
}
/*.span-edit:-internal-autofill-selected {
    background-color: rgb(232, 240, 254) !important;
}*/

/*-------------------landing home page-----------------*/
.navbar-bg {
    background-color: #4d80e4 !important;
}
.navbar-bg ul li a{
    color: #ffffff !important;
}
.navbar-bg ul li a:hover {
    color: #ffd800 !important;
}
.landing-default{
    min-height: 461px;
}
.gallery {
    border: 1px solid #e0e0e0;
    margin: 10px;
    -webkit-box-shadow: 0 1px 31px 0 rgba(199, 201, 232, 0.41);
    box-shadow: 0 1px 31px 0 rgba(199, 201, 232, 0.41);
}
.gallery img{
    width: 200px !important;
    padding: 40px 50px;
}
.gallery .desc{
    background-color: rgb(196, 218, 255);
}
.gallery .desc a{
    color: #4d80e4;
    font-size: 21px;
}
.gallery:hover{
    border: 2px solid #ffd800 !important;
}
.img-wrap {
    position: relative;
    float: left;
}

    .img-wrap .close {
        position: absolute;
        top: 2px;
        right: 2px;
        z-index: 100;
    }
/*------------------------city-------------------*/
.panel-style {
    border: 1px solid #eee;
    border-radius: 4px;
}
.panel-style-heading {
    background-color: #ffa323;
}
/*-----------------------submit----------------*/
.submit-style-width {
    width: 500px;
    border: 1px solid #ececec;
    -webkit-box-shadow: 0 1px 31px 0 rgba(199, 201, 232, 0.41);
    box-shadow: 0 1px 31px 0 rgba(199, 201, 232, 0.41);
    border-radius: 4px;
}
.input-submit {
    border-radius: 30px;
    background-color: #faf8f8;
}
.submit-image img{
    width: 150px;
}
.input-submit-btn{
    background-color: #4d80e4;
    color:#ffffff;
    width: 100%;
}
.input-request {
    background-color: unset !important;
    border: 1px solid #4d80e4;
    color: #4d80e4;
    width: 100% !important;
}
.input-request:hover {
    background-color: #4d80e4 !important;
    border: 1px solid #4d80e4;
    color: #ffffff;
}
.label-margin{
    margin-bottom: 3px !important;
}
.title-submit {
   
    text-align: center;
    margin-bottom: 15px;
}
.delivery-req {
    background-color: rgb(196, 218, 255);
    width: 430px;
    border-radius:4px;
}
.navbar-bg ul li a.gray-color {
    color: #7b7b7b !important;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
}
.navbar-bg ul li a.gray-color:hover {
    color: #4d80e4 !important;
}
.edit-dropdown{
    min-width: 110px !important;
    padding: 10px 2px;
}
.input-bg-color {
    background-color: #f8f8f8;
}
.panel-shadow {
    -webkit-box-shadow: 0px 1px 5px 2px rgba(153,153,153,0.56);
    box-shadow: 0px 1px 5px 2px rgba(153,153,153,0.56);
}
/*---------------------media query------------------*/
@media only screen and (max-width: 390px) {
    .btn-font-size{
        font-size: 12px;
    }
}
@media only screen and (max-width: 500px) {
    .submit-style-width {
        width: 97%;
    }
 }
        /*--------------personal-info-style--------------*/
.personal-info-style {
    border: 2px solid #ececec;
    border-radius: 4px;
}