body {
    color: #222;
    min-height: 100vh;
    line-height: 24px;
}

.custom-box {
    background: #ffffff;
    clear: both;
    box-shadow: 5px 5px 15px #ac0d0d;
}
.custom-box2{
    background-color: rgba(255,255,255,0.5);
    clear: both;
}

.bgimglogin {
    background: url(../images/SDS-LOGO-1.jpg) center no-repeat;
    /*min-height:300px;*/
    min-height: 100vh;
    width: 100%;
    background-size: cover;
}

.bgimg {
    background: url(../images/header.jpg) center no-repeat;
    min-height:195px;
    width: 100%;
    background-size: cover;
}
.bgimg2 {
    background: url(../images/backgroud_v2.jpg) center no-repeat;
    width: 100%;
    background-size: cover;
}

.required {
    color: red !important;
    font-weight: bold;
}


.left_custom_bg {
    background: url(../images/upper-layer.jpg) center no-repeat;
    min-height: 390px;
    width: 100%;
    background-size: cover;
    display: block;
}

.container-custom {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-top: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top: 0px;
}
.mrt1 {
    margin-right: 5px;
}

.mrt3 {
    margin-right: 15px;
}

.mlt3 {
    margin-left: 15px;
}

.mtp0 {
    margin-top: 0px;
}

.mtp1 {
    margin-top: 5px;
}

.mtp3 {
    margin-top: 15px;
}

.mtp5 {
    margin-top: 30px;
}

.mall1 {
    margin: 5px;
}

.mbtm2 {
    margin-bottom: 15px;
}

.mbtm4 {
    margin-bottom: 25px;
}

.pall {
    padding: 5px;
}

.pall2 {
    padding: 15px;
}

.lh28 {
    line-height: 28px;
}
.mht{ max-height:100%;}
.img_container {
    width: 150px;
    height: 180px;
}

.img_signature {
    width: 200px;
    height: 70px;
}

.b_all {
    border: 1px solid #dddddd;
}

.fbold {
    font-weight: bold;
}
.navbar-custom_inner{
/*    background-color: rgba(255, 255, 255, 0.3);*/
background:none;
    border: none;
}

.navbar-custom > .container .navbar-brand, .navbar-custom > .container-fluid .navbar-brand, .navbar-custom .navbar-nav > li > a {
        color: #000;
    }

        .navbar-custom .navbar-nav > li > a:hover {
            color: #000;
        }


.navbar-custom {
/*    background-color: rgba(255, 255, 255, 0.3);*/
background:none;
    border: none;
}

    .navbar-custom > .container .navbar-brand, .navbar-custom > .container-fluid .navbar-brand, .navbar-custom .navbar-nav > li > a {
        color: #fff;
    }

        .navbar-custom .navbar-nav > li > a:hover {
            color: #ffdede;
        }

.table-custom {
    border: 0 !important;
}

    .table-custom > thead > tr > th, .table-custom > tbody > tr > th, .table-custom > tfoot > tr > th, .table-custom > thead > tr > td, .table-custom > tbody > tr > td, .table-custom > tfoot > tr > td {
        border-top: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }

    .table-custom th {
        border-bottom: 2px solid #ddd;
        border-top: none;
        border-left: none;
        border-right: none;
    }

    .table-custom > tfoot > tr > td {
        border-bottom: 0;
    }

.dob {
    cursor: pointer;
}

.clr_red {
    color: #c9302c;
}

.clr_blk {
    color: #444;
}

.textbox-custom {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #666;
    box-shadow: none;
    border-radius: 0;
}

.contents {
    min-height: 350px;
}

.main_footer {
    position: relative;
    top: 8vh;
    clear: both;
    padding-bottom: 5px;
    display: block;
}

.form-custom span {
    color: #333;
    font-size: 13px;
}

#main-container {
    margin-top: 5px;
    box-shadow: 5px 5px 5px #808080;
    border: 1px groove #fbfbfb;
}

.panel_custom {
    background: aliceblue;
}

.panel_custom_grey_bnone {
    background: #f9f9f9;
    border: none;
    box-shadow: none;
    box-sizing: padding-box;
}

.panel_custom_grey {
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-bottom: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}


/* enable absolute positioning */
.inner-addon {
    position: relative;
}

    /* style glyph */
    .inner-addon .glyphicon {
        position: absolute;
        padding: 8px;
        color: #2d4da0;
        pointer-events: none;
    }

/* align glyph */
.left-addon .glyphicon {
    left: 0px;
}

.right-addon .glyphicon {
    right: 0px;
}

/* add padding  */
.left-addon input {
    padding-left: 40px;
    color: #111;
}

    .left-addon input:focus {
        border-color: #2d4da0;
        box-shadow: none;
    }

.right-addon input {
    padding-right: 30px;
}


/*-- Print Css --*/
.print-custom {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #FAFAFA;
    font: 12pt, Tahoma, "Times Now Roman";
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.page {
    width: 210mm;
    min-height: 297mm;
    padding: 20mm;
    margin: 10mm auto;
    border-radius: 5px;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.subpage {
    padding: 1cm;
    border: 5px red solid;
    height: 257mm;
    outline: 2cm #FFEAEA solid;
}

@page {
    size: A4;
    margin: 0;
}

@media print {
    html, body {
        width: 210mm;
        height: 297mm;
    }

    .page {
        margin: 0;
        border: initial;
        border-radius: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
        page-break-after: always;
    }
}
/*min-height:300px;*/