*{
    box-sizing: border-box;
    font-family: "Times New Roman", Times, serif;
}
body{
    width: 100vw;
    background-color: #f7f7f7;
    overflow-x: hidden;
    min-height: 100vh !important;
    display: flex;
    flex-flow: column;
}
.siteContent{
    display: flex;
    flex: 1 0 auto;
    flex-flow: column;
}
nav, .siteContent{
    width: 90vw;
    margin-right: 5vw;
    margin-left: 5vw;
    background-color: #f8f9fa;
    box-shadow: 0em 0em 1em 0.5em #cccccc;
}
.siteContent, .siteSection{
    padding: 1em;
}
.siteSection p{
    text-align: justify;
    text-justify: inter-word;
}
#map{
    box-shadow: 0em 0em 0.5em 0.25em #cccccc;
    padding: 0em;
}
#map iframe{
    width: 100%;
    height: 100%;
}
#contactInfo div{
    padding-right: 1em;
    padding-left: 1em;
    padding-top: 1em;
}
#contactInfo div h4, #contactInfo div p{
    text-align: center;
    width: 100%;
}
#qaImage{
    max-width: 100%;
    box-shadow: 0em 0em 0.5em 0.25em #cccccc;
}
#loginBody{
    height: 100vh;
    display: flex;
    align-items: center;
}
#loginSiteContent{
    display: flex;
    margin-right: auto;
    margin-left: auto;
    height: fit-content;
    box-shadow: 0em 0em 1em 0.5em #cccccc;
}
#loginForm{
    margin: 1em;
    margin-top: 0em;
}
#loginForm .form-group{
    margin-right: auto;
    margin-left: auto;
    width: 90%;
    margin: 1em;
}
#mailAddr{
    color: black;
    text-decoration: none;
}
#scopeContainer{
    background-color: #f7f7f7;
    box-shadow: 0em 0em 0.5em 0.25em #cccccc;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bScope p{
    width: 100%;
    padding: 1em;
    text-align: center;
}
.bScope{
    padding-top: 4em;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: 12em;
}
.bScope div{
    display: flex;
    align-items: center;
    justify-content: center;
}
.bScopeImage{
    height: 4em !important;
    width: 4em !important;
}
.saveMe{
    height: 4em;
}
.moreSpace{
    margin-bottom: 0.5em;
}
#loginImg{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1em;
}
.disOption, .disOption:hover, .disOption:visited, .disOption:active, .disOption:link{
    text-decoration: line-through;
}
.worker{
    margin-left: auto;
    margin-right: auto;
    padding: 0.5em;
    border-bottom: 0.1em solid #cccccc;
}
.worker:last-of-type{
    border-bottom: 0em solid #cccccc;
}
.workerInfoHolder, .workerImgHolder{
    margin-bottom: 1em;
    margin-top: 1em;
}
.workerInfoHolder p{
    margin-left: 1em;
}
.workerImgHolder{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row;
}
.workerImgHolder img{
    height: 6em;
    width: 6em;
    object-fit: cover;
    box-shadow: 0em 0em 0.5em 0.25em #cccccc;
}
.jobHolder{
    margin-right: auto;
    margin-left: auto;
    padding-top: 2em;
    padding-bottom: 2em;
    border-bottom: 0.1em solid #cccccc;
}
.jobHolder:last-of-type{
    border-bottom: 0em solid #cccccc;
}
.jobHolder p, .jobHolder ul, .jobHolder h6{
    margin-left: 1em;
}
.jobHolder ul li{
    margin-left: 2em;
}
.jobHolder p, .jobHolder ul li{
    text-align: justify;
    text-justify: inter-word;
}
.applyButton, .applyButton:hover, .applyButton:visited, .applyButton:active, .applyButton:link{
    box-shadow: 0em 0em 0.5em 0.25em #cccccc;
}
.hiddenContent{
    background-color: #f7f7f7;
    box-shadow: 0em 0em 0em 0em #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
}
#imageCarousel{
    box-shadow: 0em 0em 0.5em 0.25em #cccccc;
    margin-top: 0.5em;
    margin-bottom: 2em;
    height: 16em;
}
#imageCarousel img{
    height: 16em;
    object-fit: cover !important;
}
.referencia{
    padding: 0em 0em 1em 0em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.refInside{
    width: 95%;
    box-shadow: 0em 0em 0.5em 0.25em #cccccc;
    padding: 0.5em;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}
.refInside h5{
    margin-top: 0.5em;
    text-align: center;
}
.refInside p{
    padding: 0.5em;
    text-align: justify;
    text-justify: inter-word;
}
.checkImageButton, .checkImageButton:hover, .checkImageButton:visited, .checkImageButton:active, .checkImageButton:link{
    box-shadow: 0em 0em 1em 0.5em #cccccc;
    margin-bottom: 0.5em;
}
.gImgContainer{
    padding-bottom: 0em;
    margin-bottom: 3em;
}
.gImgHolder{
    height: 20em;
}
#qaContent img{
    box-shadow: 0em 0em 1em 0.5em #cccccc;
    width: 100%;
    height: 100%;
    object-fit: cover !important;
}
.noPBot{
    padding-bottom: 0em;
}
#gallerySection{
    padding-top: 2em;
}
textarea{
    resize: none;
}

.bScopeEdit p{
    width: 100%;
    padding: 1em;
    text-align: center;
}
.bScopeEdit{
    padding-top: 4em;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    min-height: 28em;
}
.bScopeEdit div{
    display: flex;
    align-items: center;
    justify-content: center;
}
.labelLeft{
    padding-left: 0em;
}
.iconSelect{
    padding-right: 0em;
}
#iconsImg{
    width: 100%;
}
.last{
    display: flex;
    align-self: flex-end;
}
.uploadedImg{
    box-shadow: 0em 0em 1em 0.5em #cccccc;
    width: 100%;
    height: 4em;
    object-fit: cover !important;
}
.uploadedImgContainer{
    padding: 0.25em;
}
#uploadForm{
    margin-top: 1em;
}
#deleteForm, #deleteForm *{
    width: 100%;
}
.workerImage{
    display: flex;
    align-items: center;
    justify-content: center;
}
.gImage{
    box-shadow: 0em 0em 1em 0.5em #cccccc;
    width: 100%;
    height: 100%;
    object-fit: cover !important;
}
#refName{
    text-align: center;
}
#applyJob{
    border-right: 0.1em solid #cccccc;
    border-bottom: 0em solid #cccccc;
}
.emailAddress, .emailAddress:hover, .emailAddress:visited, .emailAddress:active, .emailAddress:link{
    color: black;
    text-decoration: none;
}
#loginMessageContainer{
    margin-right: auto;
    margin-left: auto;
    width: 90%;
    margin-top: 0em;
    margin-bottom: 0em;
    height: fit-content;
}
.alert{
    color: white;
    font-weight: bold;
}
.alert-error{
    border: 0.1em solid red;
    text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red;
    background-color: rgba(255, 0, 0, 0.8);
}
.alert-success{
    border: 0.1em solid rgb(92, 184, 92);
    text-shadow: -1px 0 rgb(92, 184, 92), 0 1px rgb(92, 184, 92), 1px 0 rgb(92, 184, 92), 0 -1px rgb(92, 184, 92);
    background-color: rgba(92, 184, 92, 0.8);
}
.alert-warning{
    border: 0.1em solid rgb(255, 165, 0);
    text-shadow: -1px 0 rgb(255, 165, 0), 0 1px rgb(255, 165, 0), 1px 0 rgb(255, 165, 0), 0 -1px rgb(255, 165, 0);
    background-color: rgba(255, 165, 0, 0.8);
}
#bottomAlert{
    margin-bottom: 0px;
}