/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    height: 100%;
}

body {
    /* Margin bottom by footer height */
    height: 100%;
    /*margin-bottom: 60px;*/
    font-family: 'Montserrat', sans-serif;
    display: flex;
    flex-direction: column;
    /*background-image: url(../image/loginback.jpg);*/
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */

#mainmm {
    /*height: 100%;*/
    /*margin-bottom: 60px !important;*/
    flex: 1 0 auto;
}

.footer {
    flex-shrink: 0;
    /*position: absolute;*/
    bottom: 0;
    width: 100%;
    white-space: normal;
    line-height: 50px; /* Vertically center the text there */
    background-color: #2b4c6d !important;
}

.footText1 > p {
    font-size: 13px !important;
    text-decoration: none !important;
    color: #fff !important;
    font-weight: 600 !important;
}

.footText1 > p > a {
    font-size: 13px !important;
    text-decoration: none !important;
    color: #fff !important;
}

.footText3 > p {
    font-size: 12px !important;
    text-decoration: none !important;
    color: #fff !important;
    font-weight: 500 !important;
}

.footText3 > p > a {
    font-size: 12px !important;
    text-decoration: none !important;
    color: #fff !important;
}

.footText2 > p {
    font-size: 11px !important;
    text-decoration: none !important;
    color: #fff !important;
}

.footTex2 > p > a {
    font-size: 11px !important;
    text-decoration: none !important;
    color: #fff !important;
}

/* Card header - for form */
.cHead {
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    padding-top: 5px !important;
    padding-bottom: 0px !important;
}

.cardht {
    background-color: #94bad2 !important;
    font-size: 18px;
    padding-top: 5px !important;
    padding-bottom: 0px !important;
    font-weight: 400;
    text-align: left;
}

/*.loginPage{
    margin-top:50px !important;
}

.loginCardBody{
    margin:20px !important;
}

.loginCardBody > h4{
    color:#1f3570 !important;
    font-weight:600 !important;
}

.loginCardBody > h5{
    font-weight:300 !important;
    color:#1861ac !important;
}

.loginCardBody2 {
    margin: 20px !important;
}

.loginCardBody2 > h4 {
    color: #1f3570 !important;
    font-weight: 300 !important;
}

.loginCardBody2 > h6 {
    font-weight: 600 !important;
    color: #1861ac !important;
}

.loginCardBody2 > p {
    font-weight: 300 !important;
    color: #1861ac !important;
}*/
/*Login Modal*/
.loginModalContent {
    /*border: 1px #1861ac solid !important;*/
    box-shadow: initial !important;
}

.logLabel {
    color: #2b4c6d !important;
    font-weight: 400 !important;
}

.registerLabel {
    font-size: 12px !important;
    color: #2b4c6d !important;
    font-weight: 400 !important;
    text-decoration: none !important;
}

#loginTextbox {
    border: none !important;
}

.loginCardBody > h4 {
    color: #1f3570 !important;
    font-weight: 600 !important;
}

.loginCardBody > h5 {
    font-weight: 300 !important;
    color: #1861ac !important;
}

.loginCardBody2 {
    margin: 20px !important;
}

    .loginCardBody2 > h4 {
        color: #1f3570 !important;
        font-weight: 300 !important;
    }

    .loginCardBody2 > h6 {
        font-weight: 600 !important;
        color: #1861ac !important;
    }

    .loginCardBody2 > p {
        font-weight: 300 !important;
        color: #1861ac !important;
    }

/*Off canvas toggle menu*/
#filterBtn {
    font-size: 20px !important;
    font-weight: 300 !important;
    color: #317e70 !important;
    background-color: transparent !important;
    border: none !important;
    cursor: pointer !important;
}

#clBtn {
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #eeeeee !important;
}

.sidenav {
    height: 86%;
    width: 0;
    position: fixed;
    z-index: 100;
    top: 0;
    margin-top: 61px;
    left: 0;
    background-color: rgba(61, 104, 138, 0.90);
    overflow-x: hidden;
    transition: 0.5s !important;
    padding-top: 30px;
}

    .sidenav a {
        /*padding: 80px 8px 8px 32px;*/
        text-decoration: none;
        /*font-size: 25px;*/
        color: #818181;
        display: block;
        transition: 0.3s;
        text-decoration: none !important;
    }

        .sidenav a:hover {
            color: #f1f1f1;
        }

    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

#SrchPat {
    transition: margin-left .5s;
    padding: 16px;
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 18px;
        }
}

.divline {
    background-color: #ececec !important;
}

/* Filter Heading */
.FilterHead {
    color: #ffffff !important;
    text-align: center !important;
}

/*worker reg form*/
/* index */
/*About 2*/
.about2 {
    background-color: #abbcd0 !important;
}

.aboutImg {
    margin-left: -15px !important;
}

/* Save Button */
#saveBtn {
    background-color: transparent !important;
    color: #ffffff !important;
    border: none !important;
}

#saveNewBtn {
    background-color: transparent !important;
    color: #ffffff !important;
    border: none !important;
}

.redButton {
    font-weight: bold !important;
    border: none !important;
}

.regCard {
    margin: -20px !important;
    color: #000000 !important;
}

.orText {
    display: flex;
    flex-direction: row;
    color: #1861ac !important;
    font-weight: 400 !important;
}

/*WRKR Dashboard-buttons*/
.btn1 {
    background-color: #2d719b !important;
    border-radius: 0px !important;
    width: 200px !important;
    height: 50px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.drpdwn1 {
    background-color: #6fa788 !important;
    border-radius: 0px !important;
    width: 200px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.drpdwnitem1 {
    height: 40px !important;
    color: #ffffff !important;
}

    .drpdwnitem1:hover {
        background-color: #6fa788 !important;
        color: #ffffff !important;
    }

/*Est Dashboard-Buttons*/
.btn2 {
    background-color: #a5376a !important;
    border-radius: 0px !important;
    width: 200px !important;
    height: 50px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.drpdwn2 {
    background-color: #6b4b7d !important;
    border-radius: 0px !important;
    width: 200px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.drpdwnitem2 {
    height: 40px !important;
    color: #ffffff !important;
}

    .drpdwnitem2:hover {
        background-color: #6b4b7d !important;
        color: #ffffff !important;
    }

/*Emp Dashboard-Buttons*/
.btn2 {
    background-color: #359470 !important;
    border-radius: 0px !important;
    width: 200px !important;
    height: 50px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.drpdwn2 {
    background-color: #557c89 !important;
    border-radius: 0px !important;
    width: 200px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.drpdwnitem2 {
    height: 40px !important;
    color: #ffffff !important;
}

    .drpdwnitem2:hover {
        background-color: #557c89 !important;
        color: #ffffff !important;
    }

/*layout 2 background*/
.bgBody {
    /*background-image: url(../image/sunset-5990540_1920.jpg);*/
    background-image: url(../image/bridge.jpg);
    min-height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}

.myLang a {
    position: fixed;
    transition: 0.3s;
    padding: 0px;
    width: 100px;
    text-decoration: none;
    font-size: 12px;
    color: white;
    border-radius: 5px 0 0 5px;
    /*background-color: #5ca39c;*/
    top: 20px;
    /*right: 180px !important;*/
}

#flLang a {
    right: 0px;
    padding-top: 5px;
}

#flReg a {
    right: 140px;
    padding-top: 5px;
}

#flLogin a {
    right: 70px;
    padding-top: 5px;
}

#flUser a {
    right: 170px;
    padding-top: 5px;
}

#flLogout a {
    right: 70px;
    padding-top: 5px;
}

.loginValid {
    font-size: 12px;
    font-weight: 600;
}

/* Worker Notice card view */
.NoticeCard {
    border: solid 1px rgba(216, 216, 216, 0.77) !important;
}

.NoticeCardHead {
    background-color: transparent !important;
    padding-bottom: 0px !important;
    padding-top: 10px !important;
}

.NoticeHead {
    color: #b52d55 !important;
    font-size: 24px !important;
    text-decoration:none !important;
}

.NoticeHead > strong:hover {
    text-decoration:none !important;
}

.NoticeCardFoot {
    background-color: transparent !important;
    padding: 0px !important;
}

.NoticeCardFoot > a {
    color: #ffffff !important;
    background-color: #1a577f !important;
}

#noticeDiv:hover {
    overflow-y: scroll !important;
}

/* width */
#noticeDiv::-webkit-scrollbar {
    width: 10px;
}

/* Track */
#noticeDiv::-webkit-scrollbar-track {
    background: #0366d6;
}

/* Handle */
#noticeDiv::-webkit-scrollbar-thumb {
    background: #b52d55;
}

/* Handle on hover */
#noticeDiv::-webkit-scrollbar-thumb:hover {
    background: #555;
}

#govorgid {
    border: none !important;
}

#infoboxid {
    border: none !important;
}

/*smartwizard*/
#smartwizard {
    border: solid 1px rgba(26, 92, 132, 0.30);
    padding: 30px !important;
}

/*.grpHeadCSS{
    font-size:10px !important;
    color:#b52d55 !important;
}*/