.panel-default>.panel-heading {
    color: #212121;
    background-color: #f5f5f5;
    border-color: #dddddd;
    font-weight: bold;
    font-size: 18pt;
}
@media (max-width: 767px) {
    .vertical_response {
        margin-top: 10px;
    }
    .vertical_response2 {
        margin-top: 9px;
    }

    .vertical_alert_response {
        padding-bottom: 60px;
    }
}
@media (max-width: 1080px) {
    .tempEndPermitBtn {
        margin-top: 10px;
    }
    .vertical_alert_response {
        padding-bottom: 57px;
    }
}
.center {
    text-align: center;
}
body {
    background-color: white;
    font-size: 14px;
}
.breadcrumb {
    background-color: white;
}
.navbar {
    font-size: 16px;
    background: #00529c;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00529c), color-stop(1, #0070a3));
    background: -ms-linear-gradient(bottom, #4d5b76, #00529c);
    background: -moz-linear-gradient(center bottom, #4d5b76 0%, #00529c 100%);
    background: -o-linear-gradient(bottom, #4d5b76, #6f80a1);
    filter: progid:dximagetransform.microsoft.gradient(startColorStr='#e3e3e3', EndColorStr='#ffffff');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#6f80a1',EndColorStr='#4d5b76')";
}

.navbar-default .navbar-brand {
    color: white;
}
.navbar-default:hover .navbar-brand:hover {
    color: lightblue;
}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-text {
    color: white;
}
.navbar-default:hover .navbar-nav>li>a:hover, .navbar-default:hover .navbar-text {
    color: lightblue;
}
.eptw_logo {
    width: 300px;
    margin-top: 30px;
}
.forgot_pass {
    margin-top: 20px;
}
.dashboard_alert {
    font-weight: bold;
    font-size: 16px;
}
.dashboard_alert:hover {
    opacity: 0.8;
}
.subHeading {
    font-weight: 500;
}

.permitStatus {
    margin-top:20px;
    text-align: right;
}

.pepsi {
    text-align: center;
}

.modal-body {
    font-size: 16px;
    margin-left: 20px;
    margin-right: 20px;
}
.large-alert {
    font-size: 18px;
}
.tab-pane {
    margin-top: 20px;
}
.large_input {
    -moz-transform: scale(1.1);
    zoom: 1.1;
}
.extra_large_input {
    -moz-transform: scale(1.5);
    zoom: 1.5;
}
.bold {
    font-weight: bold;
}
.colour_blue {
    color: #0450a4;
}
.font_large {
    font-size: 15px;
}
.size_16 {
    font-size: 16px;
}
.size_18 {
    font-size: 18px;
}
.table-striped.table td {
    vertical-align: middle;
}

#contractor {
    width: 75%;
}

.colouredBox p {
    display: inline!important;
}
.approvedBox {
    position: absolute;
    right: 45px;
    top: 43px;
}

.approvedBox input {
    margin-left: 5px;
    zoom: 1.5!important;
    -moz-transform: scale(1.5);
}


/*label + input[type="radio"] {*/
    /*-webkit-appearance: none;*/
    /*background-color: #fafafa;*/
    /*border: 1px solid #cacece;*/
    /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);*/
    /*padding: 9px;*/
    /*border-radius: 50px;*/
    /*display: inline-block;*/
    /*position: relative;*/
/*}*/
/*label + input[type="radio"]:checked {*/
    /*background-color: #e9ecee;*/
    /*color: #99a1a7;*/
    /*border: 1px solid #adb8c0;*/
    /*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);*/
/*}*/
/*label + input[type="radio"]:checked:after {*/
    /*content: ' ';*/
    /**/
    /*border-radius: 50px;*/
    /*position: absolute;*/

    /*background: #99a1a7;*/
    /*box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);*/
    /*text-shadow: 0px;*/

    /*font-size: 32px;*/
    /*width: 24px;*/
    /*height: 24px;*/
    /*left: 4px;*/
    /*top: 4px;*/
/*}*/

h1 {
    color: #0450a4;
    font-size: 30px;
    font-weight: bolder;
    display: inline-block;
}
h3 {
    font-size: 24px;
    color: #0450a4;
    margin-left:20px;
    font-weight: bold;
}

.hazardQuRow h3 {
    font-size: 16px;
    color: #0450a4;
    margin-left:20px;
    font-weight: bold;
}

.hazardRadio label, .hazardCheck label {
    margin-right: 20px;
    font-weight: bold;
    font-size: 14px;
    padding-top: 5px;
}

.hazardQuRow input[type="radio"],
.hazardQuRow input[type="checkbox"],
#step3 input[type="checkbox"],
.workerColumn input[type="radio"],
.workerColumn input[type="checkbox"],
#confirmation {
    zoom: 1.6;
}

.permit-steps input[type="checkbox"] {
    margin-left: -15px;
}

.cursor-pointer {
    cursor: pointer;
}

.red{
    background-color: #ff4444;
    color: white;
    border: 1px solid #ff1b1b;

}
.orange {
    background-color: #ffb52e;
    color: white;
    border: 1px solid #ffae19;
}

.modal-body .orange {
    padding: 10px;
    border-radius: 5px;
}

.green {
    background-color: #77af3b;
    color: white;
    border: 1px solid #61912d;

}

.darkgreen {
    background-color: #047832;
    color: white;
    border: 1px solid #035f28;
}

.darkorange {
    background-color: #ff8c00;
    color: white;
    border: 1px solid #e67e00;
}

.orange select, .red select, .green select, .darkgreen select, .darkorange select {
    color: white;
}

.orange option, .red option, .green option, .darkgreen option, .darkorange option {
    color: black;
}

.orange i, .red i, .green i, .darkgreen i, .darkorange i  {
    margin-right: 7px;
    font-size: 26px;
}
.orange h1, .red h1, .green h1, .darkgreen h1, .darkorange h1 {
    color: white;
    font-size: 16px;
    display: inline-block;
}
input[type="radio"], input[type="checkbox"] {
    zoom: 2;
    -moz-transform: scale(2.0);
    /*margin-right: 20px;*/
    z-index:200;
}

@-moz-document url-prefix() {
    #contractor_acceptance {
        margin-right: 10px;
    }
}

@supports (-ms-ime-align:auto) {
    #contractor_acceptance {
        margin-right: 10px;
    }
}

.hazardRadio {
    display: inline-block;
    height: 58px;
}

.hazardRadio input {
    float: left;
    margin-right: 10px;
}

.form-group {
    padding:5px 10px;
    border-radius: 4px;
}

.colouredBox .glyphicon-ok {
    margin-right: 18px!important;
    color: white!important;
}

.workerRow, .workerColumn {
    height: 50px;
}

.workerColumn {
    padding-top: 5px;
    text-align: right;

}
/*.workerRow input[type="radio"] {*/
    /*margin: 0!important;*/
/*}*/

.workerRow:nth-child(odd) {
    background: #f9f9f9;
}
.workerRow:nth-child(even) {
    background: white;
}
.super_tel {
    position: relative;
    z-index: 200;
    margin-top: 20px;
    display: inline-block;
}
.errorBox {
    display: inline-block;
    /*float: right;*/
    color: red;
}

.hide {
    display: none;
}

.modal-content {
    /*overflow: scroll;*/
}

.counterSign {
    padding-top: 10px;
    background-color: red;!important
    color: white;
    display: block;
}

.counterSign h1, .counterSign p {
    color: white;
    display: block;
    margin-top: 10px;
}

.counterSign label {
    color: white;
}

.counterSign input {
    margin: 0 0 20px 20px;
    height: 50px;
    font-size: 46pt;
    font-family: Verdana,sans-serif;
    padding-bottom: 5px;
    width: 143px;
}

.counterSign select {
    margin: 0 0 20px;
    max-width: 100%;
    width: 100%;
}


.specificBox input, .acceptanceBox input, .isolationBox input, .acceptanceBox select, .specificBox select {
    width: 95%;
    border-radius: 5px;
    border: 1px solid lightblue;
    height: 40px;
    padding: 10px;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0px 9999px #eef7fb!important;
}

.specListRowContainer {
    padding:0!important;
}

.supervisorColumn input[type="radio"] {
    margin: 3px 0 0 0;
}
.ramthumbImg img, .thumbImgSelect img {
    width: 150px!important;
}

#onDate, #offDate {
    width: 150px;
}

.step-pane {
    position: relative;
    overflow: hidden;
}

#deleteRow {
    width: 45px;
    margin-right: 5px;
}
.specificBox label, .isolationBox  label, .acceptanceBox label{
    font-size: 13pt;
    font-weight: bold;
}

.navbar-nav>.open>a:hover  {
    color: black!important;
}

.specListRow, .isoListRow, .acceptListRow {
    overflow-wrap: break-word;
    min-height: 41px;
    padding: 20px 0;

    border-bottom: 1px solid black;
}

.specListRow label, .isoListRow label, .acceptListRow label {
    margin-left: -15px;
}

.counterButton {
    height: 50px;
    margin-right: 18px;
    vertical-align: text-bottom;
    background-color: red;
    color: white;
    font-weight: bold;
    border: 1px solid white;
    float:right;
}

.specHazOpt, .isoOpt, .acceptcontrols {
    text-align: right;
}

.isolationBox input {
    display: block;
}
#isoForm input {
    width: 100%;
}


.remember .checkbox label {
    padding-left: 52px;
}


.inputColumn {
    margin-bottom: 20px;
}


.blackText{
    color: black!important;
}
.approvedBox {
    position: relative;
    top: auto;
    right: auto;
}
.smallerCheck {
    zoom: 1.5!important;
}

#contractor {
    width: 100%;
}


.tvRow {
    padding: 10px 0;
    border-bottom: 1px solid lightblue;
}
.no {
    text-align: center;
    padding: 50px;
}
.adminCol i {
    padding: 5px!important;
}

.adminCol button {
    margin: 10px
}
.viewCheck input {
    zoom: 1.5!important;
}
.editQButton button, .editQButtonRight button {
    margin: 10px 0;
}
.editQButtonRight {
    text-align: left;
}

.emailCounter {
    background-color: white;
    color: red;
    border: 1px solid white;
    border-radius: 6px;
    padding: 3px 15px;
    margin-top: -10px;
    margin-bottom: 5px;
}

.sortable-heading, a.sortable-heading:hover, a.sortable-heading:focus {
    color: #666666;
    font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
}


@media screen and (min-width: 992px) {
    .pepsi {
        text-align: right;
    }


    .editQButtonRight {
        text-align: right;
    }
    .tvRow {
        padding: 0;
        border-bottom: 0;
    }
    #contractor {
        width: 75%;
    }

    .colouredBox p {
        display: inline!important;
    }
    .approvedBox {
        position: absolute;
        right: 45px;
        top: 43px;
    }

    .approvedBox input {
        margin-left: 5px;
        zoom: 1.5!important;
    }



    .specHazOpt, .isoOpt, .acceptcontrols {
        text-align: left;
    }
    .supervisorColumn input[type="radio"] {
        margin: 6px 20px 0 0;
    }
    .supervisorColumn {
        padding: 0;
    }
    .workerColumn {
        text-align: center;
    }
    .specListRow, .isoListRow, .acceptListRow {
        padding: 2px  0 0 0;

        border-bottom: none;
    }
}