#post{ overflow: visible;}
#careersLeft {
	float: left;
	width: 100%;
    margin: 0 ;
    text-align: justify;
}

#careers p.small {
    font-size: 19px;
    text-align: justify;
}

/* For the Apply button */
.button {
    background-color: #0234ca;
    border: 1px;
    color: white;
    padding: 12px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.3s;
    text-transform: uppercase;
    font-family: 'Roboto';
}

.button:hover { background-color:#284069; }

#topRow > .pull-right{display: flex; justify-content: center;}
/*Apply button end */

/*Open position table*/
.caption-subject {
    font-weight: bold;
    color: #0234cd;
    margin: 15px 0;
    text-transform: uppercase;
}
.paginate_button { border: 1px solid #cacaca !important; }

#OpenPositionWrap {
    width: 95%;
    margin: 0 auto;
}

.modal-dialog { width: 800px; position:relative; left:0; padding-top: 115px;}

#OpenRequisitionTable th{
    color: black;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.table-hover > tbody > tr:hover > td { background-color: rgba(178, 177, 177, 0.69); }

#note{  line-height: 1.5; }
#position{ font-weight: bold; }

/*Open position end*/
/*Application Form*/
.appFormLeft {
    float: left;
    width: 60%;
    margin: 0 ;
    padding-left: 20px;
    clear: both;
}
.careersRight {
    float: right;
    width: 35%;
}

.careersRight img {
    height: 100%;
    margin-top: 2em;
}
p.pull-right{
    margin: 0;
    padding: 0;
}

#topRow{
    height: 200px;
    position: relative; 
    display: flex;
}

.image{
    position:absolute;
    bottom: -10px;
}

#careerimg{  width:100%;}

label:not(.notRequired):after { content:" *";color: red; }

/*tablet*/
@media screen and (min-width: 561px) and (max-width: 768px) {
#careersLeft{
	float: none;
    width: 100%;
    padding-left: 1%;
}
    #careers > p{
        padding-left: 2.5% !important;
        padding-right: 2.5% !important;
    }

}

/*mobile*/
@media only screen and (max-width:600px) {
#careersLeft {
	float: none;
	width: 99%;
    padding-left: 3%;
    padding-right: 3%; 
}
    #careers > p{
        padding-left: 2.5% !important;
        padding-right: 2.5% !important;
    }
em{ font-size: 100%; }
#careers p:not(.intro){ font-size: 16px; }

#OpenPositionWrap h4 {
    text-align: center;
    border-top: 1px solid #ddd;
    padding-top: 15px;
}

#topRow{  height: auto; }

#topRow > .pull-right{  display: none; }

#topRow > .pull-left{
    width: 93%;
    margin: 0 auto;
}
    .appFormLeft {
        width: 100%;
        padding: 0;
    }
    .careersRight {
        float: none;
        width: 80%;
        margin: 0 auto;
    }
}

@media screen and (max-height: 950px) and (min-height: 781px) {
    #topRow {  margin-top: 4em; }
}

@media screen and (min-width: 600px){
    #topRow > .pull-left{ margin: auto 0; }
}