html,
body {
    height: 100%; font-weight:300; margin-top:-1px;

}
.covering {
    left: 0;
    right: 0;
    z-index: 1;
    display: block;
    background-color:#ffffff;
    width: 100%;
    height: 85%;
    overflow:hidden;


}

.red { background-color:#c48d00}
.table-class {display: table; width:100%; height:100%}
.black {

    z-index:1111111; display: table-cell;
    vertical-align: middle;
}

.centerUp {max-width:750px; margin:0 auto;}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.btn-lg {border-radius:5px;}
.btn-default, .btn-default:hover, .btn-default:focus {
    color: #fff;
    text-shadow: none;
    background-color: #c48d00;
    border: none;
}
.site-wrapper-inner {

}
.cover-container {
    margin-left: auto;
    margin-right: auto;
}

/* Padding for spacing */
/* Extra markup and styles for table-esque vertical and horizontal centering */

.cover-container {
    margin-right: auto;
    margin-left: auto;
}

/* Padding for spacing */
.inner {
    padding: 30px;
}
.break {border-bottom:1px solid #c48d00; margin-bottom:-13px; padding-bottom:1px}
.progress {border-radius:0; height:8px; background-color:#ddd;  -webkit-box-shadow: none; box-shadow:none;}
.progress-bar {background-color:#007f94; -webkit-box-shadow: none;box-shadow:none; }
.progress-form {margin:0; padding:0; position:relative; min-height:490px}
.count {font-size:20px; position:absolute; color:#007f94; top:45%;font-weight: 700; left: 3%;}
.activate { }
.progress-form  li {margin:0; padding:0; list-style:none; position:absolute; width:100%}
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    min-width:300px;
    max-width: 500px;
    width:auto;
    padding: 1px;
    text-align: left;
    background-color: #c48d00;
    background-clip: padding-box;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    white-space: normal;
}
.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    background-color:transparent;
    border-bottom: none;
    border-radius: 0;

}

.scrollable {overflow-y: scroll;
    overflow-wrap: break-word;
    max-height: 380px;
}
.popover-content {
    padding: 9px 14px;
    font-size:14px;
}
.popover.top .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #c48d00;
}
.form-group {color:#fff; position:relative}
.alerted {position:absolute; top:-35px;  border-left:5px solid #e1523D; color:#e1523D; padding:5px 10px; font-size:24px;  }
.form-group label { box-shadow:none; border-radius:0; font-size:25px; color:#000; font-weight:500; padding:10px 0 0 0;margin-bottom: -10px;}
.form-group label h1 {font-size:32px; font-weight:100;}
.form-group input, .form-group select, .form-group textarea  {
    border: none;
    background: #f2f3f530;
    height: auto;
    border-bottom: 2px solid #007f94;
    padding: 15px 15px;
    box-shadow: none;
    border-radius: 0;
    font-size: 28px;
    color: #007f94;
    outline: 0;
    width: 100%;    }

.form-group textarea { padding:10px; min-height:180px;}

.form-group input:focus, .form-group select:focus, .form-group textarea:focus {outline:0; border:none;  box-shadow:none;border-bottom: 4px solid #c48d00;}

input:active  {outline:0 !important}
.h1-header {font-weight:100; margin-top:0; font-size:36px; background:#e74c3c; padding:25px; margin-left:-10px; width:400px; position:absolute}
:focus {outline:none !important}
:blur {outline:none !important}
.nxt {position:absolute; bottom:30%; right:3%}

.submit {position:absolute; right:50%;bottom:-30px;}
.nxt:hover,.submit:hover{
    background-color: #007f94 !important;
}
/*
 * Cover
 */

.cover {
    padding: 0 20px;
}



/*
 * Footer
 */

.mastfoot {
    color: #999; /* IE8 proofing */
    color: rgba(255,255,255,.5);
}


/*
 * Affix and center
 */

@media (min-width: 768px) {
    /* Pull out the header and footer */
    .masthead {
        position: fixed;
        top: 0;
    }
    .cover .btn-lg {
        padding: 10px 20px;
        font-weight: bold;
        font-size: 24px;

    }
    .finalTitle {
        font-size: 14px;
        font-weight: 700;
        margin-top: 30px;
    }
    .emptyFieldMessage{
        margin-top: 10px;
        font-weight:100;
        font-size:24px;color:red;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .invalidEmail{
        margin-top: 0;
        font-weight:100;
        font-size:20px;
        color:darkred;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .mastfoot {
        position: fixed;
        bottom: 0;
    }
    /* Start the vertical centering */
    .site-wrapper-inner {
        vertical-align: middle;
    }
    /* Handle the widths */
    .masthead,
    .mastfoot,
    .cover-container {
        width: 100%; /* Must be percentage or pixels for horizontal alignment */
    }
}
@media (max-width: 767px) {
    .count {    font-size: 13px;
        position: absolute;
        color: #c48d00;
        top: 26%;
        font-weight: 600;
        left: 2%;}
    .cover .btn-lg {
        padding: 7px 12px;
        font-weight: bold;
        font-size: 15px;
    }
    .finalTitle {
        font-size: 14px;
        font-weight: 700;
        margin-top: 10px;
    }
    .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 16px!important;
    }
    .emptyFieldMessage{
        margin-top: 10px;
        font-weight:100;
        font-size:14px;
        color:red;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .invalidEmail{
        margin-top: 0;
        font-weight:100;
        font-size:14px;
        color:darkred;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .nxt {
        position: absolute;
        bottom: 38%;
        right: 12%;
    }
    .scrollable {
        overflow-y: scroll;
        overflow-wrap: break-word;
        max-height: 252px;
    }
    .submit {
        position: absolute;
        right: 31%;
        bottom: 85px;
    }
    .covering {
        left: 0;
        right: 0;
        z-index: 1;
        display: block;
        background-color:#ffffff;
        width: 100%;
        height: 50%;
        overflow:hidden;


    }
    .all-title-box.project h1 {
        color: #fff;
        font-weight: 600;
        text-transform: none;
        padding-top: 15%;
        font-size: 2.2em;
        line-height: 0;
    }
}

@media (min-width: 992px) {
    .masthead,
    .mastfoot,
    .cover-container {
        width: 700px;
    }

}
::-webkit-input-placeholder {
    color:rgba(255,255,255, 0.3) !important  ;
}

:-moz-placeholder { /* Firefox 18- */
    color: #348779 !important  ;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #348779 !important  ;
}

:-ms-input-placeholder {
    color: #348779 !important  ;
}

[contenteditable="true"]:focus > style{
    display:block;
    font-size: .75em;
    color: blue;
    font-family: courier, sans-serif;
    background: #fff;
    line-height: 1.5;
    position:relative;
    right: -36em;
    top:-2em;
}
.editable{
    color:#007f94;
    font-weight:bold;
}

.darken {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 9999999999999999;
    display: none;
}

.thanks {

    position: fixed;
    top: 20%;
    z-index: 99999999999999999999999;
    width: 100%;
    text-align: center;

}


.btn-success {
    color: #fff;
    font-weight: 600;
    border-radius: 25px;
    background-color: #c48d00;
    border-color: transparent;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    color: #fff;
    font-weight: 700;
    border-radius: 25px;
    background-color: #007f94;
    border-color: transparent;
}




@media (max-width: 480px) {
    .h1-header {
        position:static;
        font-weight: 100;
        margin-top: 0;
        font-size: 18px;
        background: transparent;
        padding: 25px;
        margin-left: -10px;
        /* width: 400px; */
        border-bottom:1px solid white;
    }

    .progress {margin-bottom:0}
    .form-group label {font-size:16px;}
    .form-group label h1 {font-size:20px; font-weight:700}

    .form-group textarea {
        font-size: 18px;
        padding: 10px;
        min-height: 110px;
    }

    .form-group input, .form-group select, .form-group textarea {
        border: none;
        background: rgba(255,255,255, .2);
        padding: 15px 15px;
        box-shadow: none;
        border-radius: 0;
        font-size: 15px;
        color: #007f94;
        outline: 0;
        width: 100%;
        border-bottom: 2px solid #007f94;
    }
    .form-group input:focus, .form-group select:focus, .form-group textarea:focus {
        border: none;
        background: rgba(255,255,255, .2);
        padding: 15px 15px;
        box-shadow: none;
        border-radius: 0;
        font-size: 20px;
        color: #007f94;
        outline: 0;
        width: 100%;
        border-bottom: 2px solid #c48d00;
    }

}


@media only screen
and (min-device-width : 320px)
and (max-device-width : 736px)
and (orientation : landscape) {
    /* CSS here */

    .h1-header {
        position:static;
        font-weight: 100;
        margin-top: 0;
        font-size: 18px;
        background: transparent;
        padding: 0 0 10px 20px;
        margin-left: -10px;
        /* width: 400px; */
        border-bottom: 2px solid #c48d00;
    }


    .form-group label h1 {font-size:24px;} .form-group label {font-size:14px;} .form-group input, .form-group select, .form-group textarea {font-size:18px;padding: 15px 15px;} .questionaire {padding:20px 0;} .count {font-size:20px;} .cover .btn-lg {padding:10px 20px; font-size:20px;}
    .form-group textarea {min-height:100px;}

}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #ddd !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #ddd !important;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #ddd !important;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #ddd !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
    color:    #ddd !important;
}

::placeholder { /* Most modern browsers support this now. */
    color:    #ddd !important;
}
.required_star{
    padding: 5px;
    color: red;
    position: absolute;
}
.help-block.with-errors{
    color: #f90000;
    display: block;
    margin-top: -13px;
    margin-bottom: 20px;
}