@font-face {
    font-family: Nunito;
    src: url(../font/Nunito-Regular.ttf);
    src: url(../font/Nunito-Regular.ttf) format('ttf'), url(../font/Nunito-Regular.ttf) format('truetype')
}

html {
    position: relative;
    min-height: 100%;
    font-family: Nunito
}

body {
    height: 100%
}

a:focus {
    outline: 0
}


.login-form {
    padding: 2rem 2rem 0rem 2rem !important;
    max-height: 100vh;
}

@media (max-width:768px) {
    #container-wrapper {
        min-width: 100vw
    }

    .login-form {
        padding: 3rem 2rem !important
    }
}

.breadcrumb {
    background-color: transparent;
    font-size: 12px;
    font-weight: 700
}


.card .card-header .dropdown {
    line-height: 1
}

    .card .card-header .dropdown .dropdown-menu {
        line-height: 1.5
    }

.card .card-header[data-toggle=collapse] {
    text-decoration: none;
    position: relative;
    padding: .75rem 3.25rem .75rem 1.25rem
}

    .card .card-header[data-toggle=collapse]::after {
        position: absolute;
        right: 0;
        top: 0;
        padding-right: 1.725rem;
        line-height: 51px;
        font-weight: 900;
        content: '\f107';
        font-family: 'Font Awesome 5 Free'
    }

    .card .card-header[data-toggle=collapse].collapsed {
        border-radius: .35rem
    }

        .card .card-header[data-toggle=collapse].collapsed::after {
            content: '\f105'
        }




.error {
    color: #5a5c69;
    font-size: 7rem;
    position: relative;
    line-height: 1;
    width: 12.5rem
}

@keyframes noise-anim {
    0% {
        clip: rect(31px, 9999px, 91px, 0)
    }

    5% {
        clip: rect(70px, 9999px, 29px, 0)
    }

    10% {
        clip: rect(3px, 9999px, 56px, 0)
    }

    15% {
        clip: rect(7px, 9999px, 78px, 0)
    }

    20% {
        clip: rect(97px, 9999px, 4px, 0)
    }

    25% {
        clip: rect(24px, 9999px, 60px, 0)
    }

    30% {
        clip: rect(80px, 9999px, 41px, 0)
    }

    35% {
        clip: rect(78px, 9999px, 14px, 0)
    }

    40% {
        clip: rect(20px, 9999px, 23px, 0)
    }

    45% {
        clip: rect(70px, 9999px, 61px, 0)
    }

    50% {
        clip: rect(65px, 9999px, 89px, 0)
    }

    55% {
        clip: rect(74px, 9999px, 25px, 0)
    }

    60% {
        clip: rect(76px, 9999px, 84px, 0)
    }

    65% {
        clip: rect(56px, 9999px, 10px, 0)
    }

    70% {
        clip: rect(85px, 9999px, 58px, 0)
    }

    75% {
        clip: rect(46px, 9999px, 71px, 0)
    }

    80% {
        clip: rect(6px, 9999px, 64px, 0)
    }

    85% {
        clip: rect(20px, 9999px, 84px, 0)
    }

    90% {
        clip: rect(57px, 9999px, 26px, 0)
    }

    95% {
        clip: rect(36px, 9999px, 92px, 0)
    }

    100% {
        clip: rect(12px, 9999px, 53px, 0)
    }
}

.error:after {
    content: attr(data-text);
    position: absolute;
    left: 2px;
    text-shadow: -1px 0 #e74a3b;
    top: 0;
    color: #5a5c69;
    background: #f8f9fc;
    overflow: hidden;
    clip: rect(0, 900px, 0, 0);
    animation: noise-anim 2s infinite linear alternate-reverse
}

@-webkit-keyframes noise-anim-2 {
    0% {
        clip: rect(68px, 9999px, 1px, 0)
    }

    5% {
        clip: rect(44px, 9999px, 53px, 0)
    }

    10% {
        clip: rect(72px, 9999px, 43px, 0)
    }

    15% {
        clip: rect(18px, 9999px, 16px, 0)
    }

    20% {
        clip: rect(6px, 9999px, 72px, 0)
    }

    25% {
        clip: rect(18px, 9999px, 16px, 0)
    }

    30% {
        clip: rect(93px, 9999px, 46px, 0)
    }

    35% {
        clip: rect(100px, 9999px, 33px, 0)
    }

    40% {
        clip: rect(27px, 9999px, 29px, 0)
    }

    45% {
        clip: rect(5px, 9999px, 64px, 0)
    }

    50% {
        clip: rect(40px, 9999px, 65px, 0)
    }

    55% {
        clip: rect(72px, 9999px, 49px, 0)
    }

    60% {
        clip: rect(44px, 9999px, 39px, 0)
    }

    65% {
        clip: rect(84px, 9999px, 45px, 0)
    }

    70% {
        clip: rect(99px, 9999px, 56px, 0)
    }

    75% {
        clip: rect(87px, 9999px, 20px, 0)
    }

    80% {
        clip: rect(52px, 9999px, 8px, 0)
    }

    85% {
        clip: rect(64px, 9999px, 22px, 0)
    }

    90% {
        clip: rect(51px, 9999px, 69px, 0)
    }

    95% {
        clip: rect(2px, 9999px, 11px, 0)
    }

    100% {
        clip: rect(19px, 9999px, 40px, 0)
    }
}

@keyframes noise-anim-2 {
    0% {
        clip: rect(68px, 9999px, 1px, 0)
    }

    5% {
        clip: rect(44px, 9999px, 53px, 0)
    }

    10% {
        clip: rect(72px, 9999px, 43px, 0)
    }

    15% {
        clip: rect(18px, 9999px, 16px, 0)
    }

    20% {
        clip: rect(6px, 9999px, 72px, 0)
    }

    25% {
        clip: rect(18px, 9999px, 16px, 0)
    }

    30% {
        clip: rect(93px, 9999px, 46px, 0)
    }

    35% {
        clip: rect(100px, 9999px, 33px, 0)
    }

    40% {
        clip: rect(27px, 9999px, 29px, 0)
    }

    45% {
        clip: rect(5px, 9999px, 64px, 0)
    }

    50% {
        clip: rect(40px, 9999px, 65px, 0)
    }

    55% {
        clip: rect(72px, 9999px, 49px, 0)
    }

    60% {
        clip: rect(44px, 9999px, 39px, 0)
    }

    65% {
        clip: rect(84px, 9999px, 45px, 0)
    }

    70% {
        clip: rect(99px, 9999px, 56px, 0)
    }

    75% {
        clip: rect(87px, 9999px, 20px, 0)
    }

    80% {
        clip: rect(52px, 9999px, 8px, 0)
    }

    85% {
        clip: rect(64px, 9999px, 22px, 0)
    }

    90% {
        clip: rect(51px, 9999px, 69px, 0)
    }

    95% {
        clip: rect(2px, 9999px, 11px, 0)
    }

    100% {
        clip: rect(19px, 9999px, 40px, 0)
    }
}

.error:before {
    content: attr(data-text);
    position: absolute;
    left: -2px;
    text-shadow: 1px 0 #3f51b5;
    top: 0;
    color: #5a5c69;
    background: #f8f9fc;
    overflow: hidden;
    clip: rect(0, 900px, 0, 0);
    animation: noise-anim-2 3s infinite linear alternate-reverse
}

footer.sticky-footer {
    padding: 2rem 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15);
    box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15)
}

    footer.sticky-footer .copyright {
        line-height: 1;
        font-size: .8rem
    }

        footer.sticky-footer .copyright a {
            color: #455a64
        }

            footer.sticky-footer .copyright a:hover {
                text-decoration: none
            }

body.sidebar-toggled footer.sticky-footer {
    width: 100%
}

.bg-blue {
    background-color: #e8eaf6 !important
}

.table-flush td,
.table-flush th {
    border-right: 0;
    border-left: 0
}

.table-flush tbody tr:first-child td,
.table-flush tbody tr:first-child th {
    border-top: 0
}

.table-flush tbody tr:last-child td,
.table-flush tbody tr:last-child th {
    border-bottom: 0
}

.card .table {
    margin-bottom: 0
}

    .card .table td,
    .card .table th {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }

.customer-message {
    border-bottom: 1px solid #e3e6f0;
    padding-bottom: 10px;
    padding-top: 10px
}

    .customer-message:hover {
        background-color: #f8f9fc
    }

    .customer-message a .message-title {
        padding-right: 1.3rem;
        padding-left: 1.3rem
    }

    .customer-message a .message-time {
        padding-right: 1.3rem;
        padding-left: 1.3rem
    }

    .customer-message a:hover {
        text-decoration: none
    }

.btn-outline-light {
    color: #373840
}

.card {
    -webkit-box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15) !important;
    box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15) !important
}

.input-group-append .btn {
    -webkit-box-shadow: 0 .125rem .25rem 0 rgba(58, 59, 69, .2) !important;
    box-shadow: 0 .125rem .25rem 0 rgba(58, 59, 69, .2) !important
}

    .input-group-append .btn:hover {
        -webkit-box-shadow: 0 .125rem .3rem 0 rgba(58, 59, 69, .4) !important;
        box-shadow: 0 .125rem .3rem 0 rgba(58, 59, 69, .4) !important
    }

.form-control:focus {
    border: 1px solid #6777ef
}

.input-group-append span {
    -webkit-box-shadow: 0 .125rem .25rem 0 rgba(58, 59, 69, .2) !important;
    box-shadow: 0 .125rem .25rem 0 rgba(58, 59, 69, .2) !important;
    color: #fff;
    background-color: #3f51b5;
    border-color: #3f51b5
}

.input-group-prepend span {
    -webkit-box-shadow: 0 .125rem .25rem 0 rgba(58, 59, 69, .2) !important;
    box-shadow: 0 .125rem .25rem 0 rgba(58, 59, 69, .2) !important;
    color: #fff;
    background-color: #3f51b5;
    border-color: #3f51b5
}


/*******Lalit********/



.navbar-slogan {
    font-size: 30px;
    font-weight: 500;
    color: #1e1083;
    font-family: fantasy;
    padding-top: 10px;
    margin: 0 auto;
    letter-spacing: 3px;
    line-height: 45px;
}

a.logo {
    font-size: 48px;
    color: #42a5f5;
    line-height: 1;
}

.alert_req {
    color: red;
}

legend {
    display: inline-block !important;
    max-width: 100% !important;
    margin-bottom: 5px !important;
    font-weight: 700 !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 20px !important;
    line-height: 1.42857143 !important;
    color: #333 !important;
}

p {
    display: inline-block !important;
    max-width: 100% !important;
    margin-bottom: 5px !important;
    font-weight: 700 !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 15px !important;
    line-height: 1.42857143 !important;
    /*color: #3f51b5 !important;*/
}

label {
    display: inline-block !important;
    max-width: 100% !important;
    margin-bottom: 5px !important;
    font-weight: 700 !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 15px !important;
    line-height: 1.42857143 !important;
    color: #333 !important;
}

table.tblgrd th {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    padding: 5px 0px 5px 0px;
    border: 1px #B8B8B8 solid;
    font-size: 14px;
    height: 20px;
    cursor: pointer;
    vertical-align: central;
}

table.tblgrd td {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    padding: 5px 0px 5px 0px;
    border-top: 1px #B8B8B8 solid;
    border-bottom: 1px #B8B8B8 solid;
    border-right: 1px #B8B8B8 solid;
    border-left: 1px #B8B8B8 solid;
    font-size: 14px;
    height: 20px;
    cursor: pointer;
    vertical-align: central;
}

.radioButtonList input[type="radio"] {
    width: auto;
    float: left;
    margin-top: 5px;
}

/*.radioButtonList label {
            width: auto;
            display: inline;
            float: left;
            font-size: 0.7rem;
            color: #0367B2 !important;
            font-style: italic;
        }*/
.radioButtonList label {
    display: inline;
    float: left;
    color: #000;
    cursor: pointer;
    text-indent: 10px;
    white-space: nowrap;
    line-height: 10px;
    margin-right: 20px;
    font-size: 1rem;
}


.legendtext {
    font-size: 20px;
    font-weight: bold;
    padding: 10px 10px 10px 10px;
    margin-bottom: 0px;
    width: 100%;
    border: 1px solid #143114;
    border-radius: 4px;
    padding: 5px 5px 5px 10px;
    background-color: #4f89c7;
    color: white !important;
    font-weight: 200;
    font-style: italic;
}

.form-control {
    color: #000000 !important;
}

input::-webkit-input-placeholder { /* WebKit browsers */
    color: #ff9b9b !important;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ff9b9b !important;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ff9b9b !important;
}

input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #ff9b9b !important;
}


table.tbllist {
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    width: 100%;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    background-color: #F0F0F0;
    border-collapse: collapse;
    border-spacing: 0px;
}

    table.tbllist td {
        color: #000;
        padding: 4px;
        border: 1px #B8B8B8 solid;
    }

    table.tbllist th {
        background-color: #6C696E;
        color: #fff;
        padding: 4px;
        border-bottom: 1px #CADDEE solid;
        border-right: 1px #CADDEE solid;
        border-left: 1px #CADDEE solid;
        font-size: 14px;
        font-weight: bold;
    }

.card-footer {
    background-color: #fff !important;
}

.card-header {
    background-color: #3c6ede !important;
    color: #fff !important;
    font-size: 18px;
}

    .card-header a.head span {
        color: #FFF;
    }

    .card-header a.head {
        font-size: 18px !important;
    }

ul.diamond {
    line-height: 1.5em;
    margin: 5px 0 15px;
    padding: 0;
}

li.diamond {
    list-style: none;
    position: relative;
    padding: 0 0 0 20px;
}

    li.diamond::before {
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-bottom-color: #3c6ede;
    }

    li.diamond::after {
        content: "";
        position: absolute;
        left: 0px;
        top: 10px;
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-top-color: #3c6ede;
    }