body {
    font-weight: normal;
    color: #3e4745;
    font-size: 1.4em;
    background: #f3f3f3;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    position: relative;
    counter-reset: my-sec-counter;
}

.required::after {
    content: "*";
    font-weight: bold;
    color: red;
}

.conpText {
    font-weight: normal;
    font-size: 1.4em;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    position: relative;
}

a:focus, * {
    outline: none !important;
    text-decoration: none;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

/*{
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}*/
.custom-hr {
    width: 100%;
    font-size: 4px;
    color: #dde3e9;
    /*#0063a7;*/
    line-height: 4px;
    background-color: #dde3e9; /*#0063a7;*/
    margin-top: 10px;
    margin-bottom: 10px;
}

.wrapper {
    /* position: relative;*/
    min-height: 100%;
    min-width: 320px;
    max-width: 1200px;
    margin: 0 auto;
    background: #ffffff; /*		transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;*/
}
/*HEADER STARTS*/
.sallogo {
    padding-left: 20px;
    border-bottom: 1px #ccc solid;
    padding-bottom: 15px;
    padding-top: 15px;
}

.navbar.navbar-default {
    border: none;
    box-shadow: none;
    border-radius: 0;
    background: #fff;
    margin: 0;
}

.navbar-brand {
    height: auto;
    padding-bottom: 10px;
}

.header-right {
    float: right;
    padding-right: 10px;
}

.navbar-collapse {
    float: left;
    padding-right: 5px;
    padding-left: 5px;
}

.login {
    float: right;
    margin-top: 10px;
}

    .login a {
        background: #0063a7;
        color: #fff;
        display: block;
        padding: 8px 20px;
    }

.navbar .navbar-nav > li > a {
    color: #0063a7;
    border-top: 5px solid transparent;
    padding: 25px 7px;
    margin: 0 5px;
    font-size: 16px;
}

    .navbar .navbar-nav > li > a:hover {
        background: none;
        color: #0063a7;
        border-top: 5px solid #ee907d;
    }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #0063a7;
    background: none;
    border-top: 5px solid #e34626;
}

.navbar .login a:hover {
    background: #e34626;
    border-top: none;
    text-decoration: none;
}

.navbar .login.logout a {
    background: #e34626;
    text-decoration: none;
}

    .navbar .login.logout a:hover {
        background: #0063a7;
        text-decoration: none;
    }

.navbar-collapse-overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(255,255,255,0.60);
    width: 100%;
    z-index: 99;
    height: 100%;
}

.mobile-footer-links {
    display: none;
}

.user-logged-in-details {
    display: block;
    clear: both;
    text-align: right;
    padding: 8px 15px;
    background: #0063a7;
    color: #fff;
    font-weight: normal;
    font-size: 15px;
}

    .user-logged-in-details .ti-user {
        font-size: 26px;
        vertical-align: middle;
        margin-right: 10px;
    }

    .user-logged-in-details strong {
        font-weight: bold;
    }
/*HEADER ENDS*/

/*BANNER STARTS*/
.carousel-control {
    background: none !important;
}

    .carousel-control span {
        font-size: 30px;
        line-height: 100%;
        position: absolute;
        top: 50%;
        margin-top: -20px;
        left: 10px;
    }

    .carousel-control.right span {
        left: auto;
        right: 10px;
    }

.carousel-inner > .item > img {
    object-fit: cover;
    overflow: hidden;
    max-width: 100%;
    margin-left: 0;
}
/*BANNER ENDS*/

/*CONTENT STARTS*/
.table-content {
    display: table;
    width: 100%;
}

.table-cell {
    display: table-cell;
    width: 33.33%;
    padding: 50px;
    text-align: center;
    padding-top: 21px;
}

    .table-cell.announcement {
        background-color: rgba(129, 82, 146, 0.15);
        font-size: 16px;
        color: rgb(30, 30, 32);
    }

    .table-cell.appointment {
        background-color: rgba(0, 168, 227, 0.05);
    }

    .table-cell.authentication {
        background-color: rgba(0, 99, 167, 0.1);
        color: #5f6273;
    }

    .table-cell.announcement:hover {
        background-color: rgba(129, 82, 146, 0.20);
    }

    .table-cell.appointment:hover {
        background-color: rgba(0, 168, 227, 0.10);
    }

    .table-cell.authentication:hover {
        background-color: rgba(0, 99, 167, 0.25);
    }

    .table-cell.announcement h2 {
        font-weight: 300;
        font-size: 28px;
        color: rgb(30, 30, 32);
    }

    .table-cell.appointment h2 {
        font-weight: 300;
        font-size: 28px;
        color: rgb(0, 99, 167);
    }

    .table-cell.authentication h2 {
        font-weight: 300;
        font-size: 28px;
        color: rgb(0, 99, 167);
    }

    .table-cell h2 {
        min-height: 70px;
        margin: 0;
    }

    .table-cell p strong {
        font-weight: bold;
        color: #666;
    }

    .table-cell.appointment p {
        color: #0063a7;
        position: relative;
        padding-left: 15px;
        font-weight: bold;
    }

        .table-cell.appointment p::before {
            content: "";
            width: 10px;
            height: 10px;
            background: #0063a7;
            position: absolute;
            left: 0;
            top: 5px;
            border-radius: 50%;
        }

        .table-cell.appointment p span {
            color: #27236e;
            display: block;
            position: relative;
            padding-left: 15px;
            font-weight: normal;
        }

            .table-cell.appointment p span::before {
                content: "";
                width: 8px;
                height: 8px;
                border: 1px solid #0063a7;
                position: absolute;
                left: 0;
                top: 7px;
                border-radius: 50%;
            }

    .table-cell .eye-icon {
        padding-left: 50px;
        color: #333;
        position: relative;
    }

        .table-cell .eye-icon::before {
            font-family: 'themify';
            content: "\e63d";
            position: absolute;
            left: 0;
            font-size: 40px;
            color: #a4abbf;
        }

.table-button {
    display: block;
    padding: 15px;
    font-size: 16px;
    text-align: center;
    border-radius: 10px;
    background-color: rgb(232, 110, 68);
    color: #fff;
    line-height: 100%;
    margin-top: 10px;
}

    .table-button:hover {
        text-decoration: none;
        background: #0063a7;
        color: #fff;
    }

.heading {
    background: #f4f9ec;
    padding: 15px 40px;
    font-size: 24px;
    font-weight: normal;
    color: #0063a7;
    margin: 0;
    /*	border-bottom: 2px solid #ccc;
	margin-bottom: 15px;*/
}

.appointment-blog {
    padding: 50px;
    background: #e4f3f2;
    display: inline-block;
    width: 100%;
    text-align: center;
}

    .appointment-blog h3 {
        text-transform: uppercase;
        font-size: 17px;
        font-weight: bold;
        color: #0063a7;
        text-align: left;
        margin: 0 0 10px 0;
    }

.application-renewals, .current-appointment {
    display: inline-block;
    width: 370px;
    margin: 0 30px;
    vertical-align: top;
}

.appointment-blog .blog {
    background: #fff;
    padding: 20px 30px;
    border-radius: 20px;
    min-height: 160px;
    color: #0063a7;
    font-size: 15px;
    text-align: left;
}

    .appointment-blog .blog p {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 50px;
        padding-left: 60px;
    }

.bh {
    height: 200px;
}

.appintment-from span, .not-applicable span, .appointment-from span {
    display: block;
    vertical-align: middle;
    background: #0063a7;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -25px;
}

.appointment-from span {
    display: block;
    vertical-align: middle;
    background: #0063a7;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 110%;
    margin-top: -25px;
}

.appointment-from strong {
    padding: 0px 10px;
    font-size: 18px;
}

.not-applicable span {
    background: #17a49c;
}

.appointment-blog .blog .controls {
    display: inline-block;
    width: 100%;
}

    .appointment-blog .blog .controls .check {
        float: left;
    }

.eligibility {
    display: block;
    width: 100%;
    float: left;
    margin-top: 30px;
    position: relative;
    color: #17a49c;
}

    .eligibility:hover {
        cursor: pointer;
    }

    .eligibility::after {
        content: "\e732";
        font-family: 'themify';
        font-size: 30px;
        line-height: 100%;
        margin-left: 20px;
    }

.appointment-blog .blog .controls .btn {
    float: right;
}

.dash-blog {
    display: table;
    width: 100%;
    border-spacing: 30px;
}

    .dash-blog .dash-blog-row {
        display: table-row;
    }

        .dash-blog .dash-blog-row .blog {
            display: table-cell;
            background: #ebebeb;
            width: 33.33%;
            height: 240px;
            border-radius: 0px 30px 0px 30px;
        }

    .dash-blog .head {
        background: #0063a7;
        color: #fff;
        font-weight: 300;
        text-transform: uppercase;
        font-size: 17px;
        padding: 10px 10px;
        text-align: center;
        position: relative;
        border-radius: 0px 30px 0px 0px;
    }

        .dash-blog .head::before {
            content: '';
            width: 50px;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-color: #7a7b7a;
        }

    .dash-blog .invoice .head::before {
        background-image: url(../images/inbox.jpg);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .dash-blog .appointment .head::before {
        background-image: url(../images/appointment.jpg);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .dash-blog .workspace .head::before {
        background-image: url(../images/workspace.jpg);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .dash-blog .document .head::before {
        background-image: url(../images/document.jpg);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .dash-blog .stamp-and-seal .head::before {
        background-image: url(../images/stamp-seal.jpg);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .dash-blog .finance .head::before {
        background-image: url(../images/finance.jpg);
        background-repeat: no-repeat;
        background-position: center center;
    }

.dash-blog-content {
    padding: 20px 20px 20px 30px;
    font-size: 14px;
}

    .dash-blog-content ul {
        padding: 0 0 0 20px;
        list-style: none;
    }

        .dash-blog-content ul li {
            background: url(../images/bluearrow.png) no-repeat left center;
            padding-left: 30px;
        }

            .dash-blog-content ul li:first-child {
                background: url(../images/arrow-bor.jpg) no-repeat left center;
                padding-left: 30px;
                font-weight: 800;
                font-size: 16px;
            }

            .dash-blog-content ul li a {
                display: block;
                margin: 10px 0;
                color: #333;
            }

.appointment-status {
    padding: 20px 40px;
}

.status-blog {
    display: table;
    width: 100%;
    border-collapse: collapse;
    font-size: 17px;
}

.status-row {
    display: table-row;
}

.status {
    display: table-cell;
    width: 50%;
    border: 1px solid #c2e0f5;
    vertical-align: middle;
    height: 80px;
}

.status-row .status .status {
    border: none;
    border-top: 1px solid #c2e0f5;
}

.status-row .status .status-row:first-child .status {
    border: none;
}

.status-row .status .btn.btn-action-green {
    float: right;
    margin-top: -8px;
}

.status-row .status p {
    margin: 15px
}

.opc {
    padding: 20px 40px;
}

.opc-section {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.opc-blog-row {
    display: table-row;
}

.opc-blog {
    display: table-cell;
    vertical-align: top;
    width: 33.33%;
    height: 100px;
    border: 1px solid #c2e0f5;
    padding: 15px;
    text-align: center;
}

    .opc-blog h5 {
        font-size: 16px;
        min-height: 34px;
    }

        .opc-blog h5 strong {
            display: block;
            color: #a4abbf;
            font-size: 14px;
            font-weight: normal;
            font-style: italic;
        }

    .opc-blog .text-field {
        margin-bottom: 5px;
    }

        .opc-blog .text-field span {
            display: inline-block;
            width: 140px;
            background: #dae1e7;
            padding: 1px 10px;
            color: #5f6273;
            min-height: 22px;
            vertical-align: top;
        }

p.sd-upload {
    width: 50%;
    float: left;
    padding: 60px 10px 10px 10px;
    background: url(../images/upload.jpg) no-repeat center top;
    background-size: 70px auto;
    color: #a4abbf;
    font-size: 13px;
}

.application-for-appointment {
    position: relative;
}

.application-arrow {
    position: absolute;
    right: 20px;
    width: 30px;
    height: 30px;
    background: #a4abbf;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    top: 10px;
}

    .application-arrow:hover {
        cursor: pointer;
    }

    .application-arrow::after {
        content: "\e64b";
        font-family: 'themify';
        color: #fff;
        font-size: 20px;
    }

    .application-arrow.active::after {
        content: "\e648";
        font-family: 'themify';
        color: #fff;
        font-size: 20px;
    }

.status-head {
    color: #1c79b4;
    text-transform: uppercase;
    font-size: 18px;
    background: #f5f9fc;
    padding: 15px 20px;
}

.application-table-main {
    padding: 0 40px 20px 40px;
    display: none;
}

.application-table {
    border-collapse: collapse;
}

    .application-table .table-cell {
        width: 20%;
        padding: 20px;
        border: 1px solid #c2e0f5;
        text-align: center;
    }

        .application-table .table-cell p strong {
            font-size: 15px;
            display: block;
            margin-bottom: 20px;
            min-height: 40px;
        }

        .application-table .table-cell .help-block {
            text-align: left;
            line-height: 100%;
            font-style: italic;
        }

.check-control {
    display: block;
    font-weight: 400;
    width: 100%;
    position: relative;
    padding-left: 30px;
    text-align: left;
}

.update-action {
    display: table;
    width: 100%;
}

    .update-action a {
        display: table-cell;
        text-align: center;
        padding-top: 40px;
        font-size: 16px;
        color: #17a49c;
        text-transform: uppercase;
        text-decoration: underline;
    }

.application-progress {
    padding: 30px 40px;
    text-align: center;
}

    .application-progress ul {
        list-style: none;
        position: relative;
        padding: 0;
        display: table;
        width: 100%;
        overflow: hidden;
        counter-reset: wizard;
    }

        .application-progress ul .active ~ li {
            color: #a4abbf;
        }

        .application-progress ul li {
            position: relative;
            float: left;
            width: 20%;
            text-align: center;
            color: #0d65a5;
            font-weight: bold;
            font-size: 16px;
            padding: 0 10px;
        }

            .application-progress ul li:before {
                content: "";
                display: block;
                color: #0d65a5;
                background-color: #0d65a5;
                border: 2px solid #0d65a5;
                text-align: center;
                width: 2em;
                height: 2em;
                line-height: 2em;
                border-radius: 50%;
                position: relative;
                left: 50%;
                margin-bottom: 1em;
                margin-left: -1em;
                z-index: 1;
            }

            .application-progress ul li + li:after {
                content: "";
                display: block;
                width: 100%;
                color: #a4abbf;
                background-color: #0d65a5;
                height: 5px;
                position: absolute;
                left: -50%;
                top: 15px;
                z-index: 0;
            }

            .application-progress ul li.active ~ li:before {
                color: #c8c8c8;
                border-color: #c8c8c8;
                background-color: #c8c8c8;
            }

            .application-progress ul li.active ~ li:after {
                background-color: #a4abbf;
            }

    .application-progress span {
        display: block;
        position: relative;
    }

.heading-dottet {
    background: #eaf4f7;
    position: relative;
    padding: 8px 20px 8px 50px;
    color: #5f6273;
    font-size: 22px;
}

    .heading-dottet::before {
        font-family: 'themify';
        content: "\e694";
        position: absolute;
        left: 20px;
        width: 6px;
        overflow: hidden;
        top: 10px;
        color: #0d65a5;
        text-align: center;
    }

.writups {
    padding: 20px 40px;
}

.guildelines, .guildelines .buttons .btn-action, .notarial-certificate.preview {
    display: none;
}

.buttons {
    margin: 20px 0;
}

.form-control-static {
    color: #0d65a5;
    margin-bottom: 15px;
}

    .form-control-static a {
        text-decoration: none;
        font-size: 30px;
        vertical-align: middle;
        margin-left: 10px;
        color: #e86e44;
        position: relative;
    }

    .form-control-static span.help {
        display: block;
        font-size: 13px;
        color: #a4abbf;
        font-style: italic;
    }

.tooltip.right .tooltip-inner, .tooltip.top .tooltip-inner, .tooltip.left .tooltip-inner {
    padding: 15px;
    background: #f2f7fb;
    color: #333;
    font-size: 12px;
    font-style: italic;
    min-width: 400px;
    /*border-top: 2px solid #d6dadd;*/
    border-radius: 0;
}

.tooltip.right .tooltip-arrow, .tooltip.top .tooltip-arrow, .tooltip.left .tooltip-arrow {
    display: none;
}

.control-label {
    color: #0d65a5;
    font-weight: normal;
}

.form-control.input-sm {
    height: 34px;
    width: 100px;
}

.form-control.input-md {
    max-width: 30%;
}

span.add-row, .add-disciplinary_proceedings {
    display: inline-block;
    margin-left: 20px;
}

    span.add-row span.ti-plus, .add-disciplinary_proceedings span.ti-plus, .add-manage span.ti-plus {
        width: 26px;
        height: 26px;
        display: inline-block;
        text-align: center;
        line-height: 26px;
        font-size: 16px;
        background: #0063a7;
        margin-left: 5px;
        border-radius: 50%;
        color: #fff;
        vertical-align: middle;
    }

span.ti-plus {
    width: 26px;
    height: 26px;
    display: inline-block;
    text-align: center;
    line-height: 26px;
    font-size: 16px;
    background: #0063a7;
    margin-left: 5px;
    border-radius: 50%;
    color: #fff;
    vertical-align: middle;
    cursor: pointer;
}
/*.table-language {
	max-width: 600px;
}*/
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f0f0f0;
}

.table > thead > tr > th {
    vertical-align: bottom;
    background: #00b0ad;
    border: 1px solid #fff;
    color: #fff;
    /* text-align: center;*/
}

.table > tbody > tr > td {
    border: 1px solid #fff;
    /*text-align: center;*/
    vertical-align: middle;
}

.delete-row, delete-row-language {
    color: #0d65a5;
    font-size: 26px;
}

    .delete-row:hover, delete-row-language:hover, span.add-row:hover, .add-disciplinary_proceedings:hover, .add-language:hover {
        cursor: pointer;
    }

td .checkbox-overlay, .withdraw .checkbox-overlay {
    position: static;
    display: block;
    margin: 0 auto;
}

.withdraw .checkbox-overlay {
    position: static;
    display: inline-block;
    height: 21px;
}

td .checkbox-main {
    text-align: center;
}

.withdraw .checkbox-main {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

td .check-control, .withdraw .check-control {
    padding: 0;
}

.withdraw .check-control {
    margin: 0;
}

.appended input.form-control {
    margin: 0;
    width: auto;
    display: inline-block;
}

.label-big {
    color: #0d65a5;
    font-weight: bold;
    font-size: 16px;
    margin: 20px 0;
}

.label-medium {
    color: #0d65a5;
    font-size: 14px;
    margin: 20px 0;
}

h3.label-big {
    color: #0d65a5;
    font-weight: bold;
    font-size: 16px;
    margin: 20px 0;
}

p.are-not-checked {
    margin: 40px 0;
    font-size: 16px;
}

    p.are-not-checked strong {
        font-weight: bold;
        color: #0d65a5;
    }

.disciplinary_proceedings {
    margin-bottom: 15px;
}

    .disciplinary_proceedings strong {
        color: #0d65a5;
        font-weight: normal;
        font-size: 16px;
        font-weight: bold;
    }

.pdf-action {
    display: inline-block;
}

.table-action a {
    display: inline-block;
    vertical-align: top;
    text-decoration: none !important;
    line-height: 100%;
}

    .table-action a.disabled {
        pointer-events: none;
        color: #999;
    }

.table-action {
    white-space: nowrap;
    font-size: 24px;
}

    .table-action a {
        color: #0063a7;
    }

        .table-action a span {
            vertical-align: middle;
        }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #00b0ad;
    border-color: #00b0ad;
}

.confirm {
    margin: 20px 0;
}

p.Statutory-p-u {
    margin: 0;
}

    p.Statutory-p-u strong {
        /*float: left;*/
        color: #a4abbf;
    }

        p.Statutory-p-u strong:not(:first-child) {
            padding-left: 10px;
        }

        p.Statutory-p-u strong.active {
            color: #0d65a5;
        }

            p.Statutory-p-u strong.active:hover {
                cursor: pointer;
            }

.Statutory-application.payment-completed:hover {
    cursor: text;
}

.Statutory-application {
    text-align: center;
    margin: 30px 0;
}

    .Statutory-application .img-responsive {
        margin: auto;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

.payment-completed.Statutory-application .img-responsive {
    border: 1px solid #ddd;
}

.Statutory-application:hover {
    cursor: pointer;
}

.important-note {
    padding: 10px 40px;
    color: #991b1e;
    font-size: 16px;
    text-transform: uppercase;
    margin: 20px 0;
}

ul.message-note-list {
    list-style: none;
    margin-bottom: 30px;
    padding-left: 30px;
}

    ul.message-note-list li {
        margin-bottom: 10px;
    }

ul.important-note-list {
    list-style: decimal;
    margin-bottom: 30px;
    padding-left: 60px;
}

    ul.important-note-list li {
        margin-bottom: 10px;
    }

.seat-availability strong {
    color: #0063a7;
    display: block;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
}

p.seat-availability {
    color: #666;
    font-style: italic;
}

.seat-table {
    margin: 20px 0;
}

    .seat-table td {
        padding: 5px 15px;
    }

.available-seats strong {
    background: #3382af;
    color: #fff;
    font-weight: normal;
    display: block;
    padding: 0px 10px;
    width: 40px;
    text-align: center;
}

.available-seats.empty strong {
    background: #991b1e;
}

.manage-applicant {
    font-size: 16px;
    margin: 20px 0 10px 0;
    color: #0063a7;
    border-bottom: 6px solid #3382af;
    padding-bottom: 10px;
}

    .manage-applicant:hover {
        cursor: pointer;
    }

span.fully-booked {
    background: #ad0119;
    display: block;
    padding: 10px;
    color: #fff;
}
/*CONTENT ENDS*/



/*Footer Starts*/
.copyright {
    padding-top: 19px;
    background: #535353;
    width: 100%;
    height: 60px;
    color: #ffffff;
    float: left;
}

.footer-links span {
    display: inline-block;
    margin-right: 15px;
}

    .footer-links span a {
        display: block;
        font-size: 13px;
        color: #ffffff;
    }

.social-links span {
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
    margin-left: 4px;
}

    .social-links span a {
        display: inline-block;
    }

        .social-links span a span {
            font-size: 18px;
            color: #535353;
            background: #ffffff;
            margin: 0;
            width: 28px;
            height: 28px;
            border-radius: 3px;
            line-height: 30px;
            text-align: center;
        }
/*Footer ENDS*/



/*Terms Modal*/
.modal {
    background: rgba(225,225,225,0.80)
}

.modal-dialog {
    width: 900px;
}

#Notarial_Certificate_Authentication .modal-dialog {
    width: 600px;
}

.modal-content {
    padding: 0 50px;
    box-shadow: none;
    border: none;
    background: #ebebeb;
}

.modal-header .close {
    margin-top: 20px;
    width: 30px;
    text-align: center;
    height: 23px;
    line-height: 100%;
    background: #e86e44;
    opacity: 1;
    position: absolute;
    right: 10px;
    border-radius: 5px;
    font-size: 14px;
    text-shadow: none;
    color: #fff;
}

.modal-header {
    padding: 0;
    border: none;
}

.modal-title {
    padding: 15px 0 30px 0;
    color: #0063a7;
    font-size: 20px;
}

.modal-body {
    padding-top: 0;
}

.modal-footer {
    text-align: left;
    border: none;
    padding: 15px 0;
}

    .modal-footer .btn.btn-action, .terms-modal-verification, .search-result, .confirm .btn.btn-next, .confirm .btn.btn-save-exit {
        display: none;
    }

.btn {
    background: #e86e44;
    color: #fff;
    height: 40px;
    border-radius: 0;
    font-size: 16px;
    margin-right: 10px;
    font-weight: 400;
    text-transform: capitalize;
    min-width: 100px;
}

    .btn.btn-book {
        background: #97c93d;
    }


    .btn.btn-acra {
        background: #e97132;
    }

    .btn.btn-book {
        background: #97c93d;
    }

    .btn.btn-next {
        background: #3783ad;
    }

    .btn.btn-save-exit {
        background: #737a7b;
    }

    .btn.btn-action {
        background: #0063a7
    }

    .btn.btn-action-green {
        background: #17a49c
    }

    .btn.btn-action-blue {
        background: #3783ad
    }

    .btn:hover {
        background: #666;
        color: #fff;
    }

.check-control {
    display: block;
    font-weight: 400;
    width: 100%;
    position: relative;
    padding-left: 30px;
}

.table-search-result .check-control {
    padding-left: 0px;
}

.check-control input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    z-index: 9999;
}

.checkbox-overlay {
    background: rgba(0, 0, 0, 0) url("../images/unchecked.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 21px;
    left: 0;
    position: absolute;
    top: 0px;
    width: 27px;
}

.check-control input[type="checkbox"]:checked + .checkbox-overlay {
    background: rgba(0, 0, 0, 0) url("../images/checked.png") no-repeat scroll 0 0;
    height: 21px;
    width: 27px;
}

.check-control input[type="checkbox"]:checked:disabled + .checkbox-overlay {
    background: rgba(0, 0, 0, 0) url("../images/checked.png") no-repeat scroll 0 0;
    height: 21px;
    width: 27px;
}

.check-control input[type="checkbox"][disabled] + .checkbox-overlay {
    background: rgba(0, 0, 0, 0) url("../images/unchecked-disabled.png") no-repeat scroll 0 0;
    height: 21px;
    width: 27px;
}

.modal-footer .btn + .btn {
    margin-left: 0;
}

.terms-modal-verification .input-group-addon {
    background: none;
    border: none;
    padding: 5px;
}

.form-group {
    margin-bottom: 20px;
}

.form-control {
    border: 1px solid #c2e0f5;
    box-shadow: none !important;
}

.directory_criteria_dropdown {
    transition: none;
    -webkit-transition: none;
}

.form-horizontal .control-label {
    color: #004c8a;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
}

.search-result-table {
    border: 1px solid #ccc;
}

    .search-result-table h5 {
        color: #0063a7;
        font-size: 16px;
        padding: 15px 10px;
        background: #f4feff;
        margin: 0;
    }

.search-writeups {
    padding: 15px 10px;
    background: #f4feff;
    border-top: 1px solid #ccc;
    color: #0063a7;
}

    .search-writeups strong {
        font-weight: bold;
    }

.search-result-table .table {
    margin-bottom: 0;
}

    .search-result-table .table tr td:first-child {
        border-right: 1px solid #ccc;
        width: 230px;
    }

    .search-result-table .table tr td {
        border-color: #ccc;
    }

        .search-result-table .table tr td strong {
            color: #0063a7;
            font-weight: bold;
        }
/*Terms Modal Ends*/


/*Login Page*/

.login-page {
    background: url(../images/bkgnd.jpg) no-repeat;
    position: relative;
    min-height: 100%;
    background-size: cover;
    background-position: center top;
}

.login-box {
    width: 400px;
    height: 400px;
    position: absolute;
    top: 50%;
    margin-top: -200px;
    right: 20%;
    background: #fff;
    border-radius: 10px;
    padding: 30px;
}
/*Login Page Ends*/



.notarial-form {
    background: #f3f7fa;
    padding: 20px 0;
}

.notarial-certificate {
    border: 1px solid #ccc;
    background: #fff;
    padding: 40px 80px;
    color: #000;
    font-size: 16px;
}

    .notarial-certificate h3 {
        text-align: center;
        margin-bottom: 40px;
    }

    .notarial-certificate .form-control.input-md {
        display: inline-block;
    }

    .notarial-certificate textarea.form-control {
        min-height: 340px;
    }

.word-editor {
    margin: 30px 0;
}

.public-signature {
    text-align: center;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #333;
    font-weight: 600;
}

.certificate-date {
    line-height: 2em;
    text-align: left;
}

.jurat-section {
    margin-left: 10cm;
}

.certificate-details {
    text-align: left;
    line-height: 30px;
    margin-top: 70px;
    word-wrap: break-word;
}

.notarial-certificate.preview {
    position: relative;
    padding-top: 100px;
    background: #fff url(../images/watermark.jpg) center center no-repeat;
}

.notarial-certificate.previewVoided {
    position: relative;
    padding-top: 100px;
    background: #fff url(../app/images/watermarkVoided.jpg) center center no-repeat;
}

.notarial-certificate.previewPendingVoid {
    position: relative;
    padding-top: 100px;
    background: #fff url(../app/images/watermarkPendingVoid.jpg) center center no-repeat;
}

.notarial-certificate.ncview {
    position: relative;
    padding-top: 100px;
}

.payment-completed .certificate-date {
    margin-top: 100px;
}

.expiry-stamp strong {
    color: #333;
    font-style: italic;
    font-weight: 400;
    display: block;
}

th span.checkbox-overlay {
    position: static;
    vertical-align: middle;
    margin: 0;
    height: 21px;
}

th .check-control input[type="checkbox"]:checked + .checkbox-overlay {
    height: 21px;
}

.new-cert {
    margin: 20px 0;
    color: #0063a7;
    font-size: 16px;
}

.stamp-request {
    margin: 20px 0;
    color: #0063a7;
    font-size: 16px;
    padding-right: 30px;
}

.notarial-tab .nav-tabs {
    border-bottom: 5px solid #3783ad;
}

    .notarial-tab .nav-tabs > li > a {
        margin: 0 !important;
        border: 1px solid #ccc !important;
        text-transform: capitalize;
        display: block;
        min-width: 100px;
        text-align: center;
        padding: 5px 15px;
        font-size: 16px;
        margin-right: 2px !important;
    }

    .notarial-tab .nav-tabs > li {
        margin: 0 !important;
        border: none;
    }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background: #3783ad;
    color: #fff;
    border: 1px solid #3783ad !important;
}

.admin .table-view {
    display: table;
    width: 100%;
    margin-bottom: 20px;
    border-top: 4px solid #005f9f;
}

.admin .table-cell.sidebar {
    width: 30%;
    background: #005f9f;
    padding: 20px;
}

.admin .table-cell.big-cell {
    width: 70%;
    padding: 20px 50px;
}

.admin .table-cell {
    vertical-align: top;
}

.user-details.dropdown .btn {
    width: 100%;
    background: none !important;
    border: none;
    padding: 0;
    margin: 0;
    text-align: left;
    font-size: 20px;
    position: relative;
}

    .user-details.dropdown .btn .caret {
        position: absolute;
        right: 0;
        top: 50%;
        border-width: 7px;
    }

.user-details.dropdown.open .btn .caret {
    border-top: none;
    border-bottom: 7px solid #fff;
}

.user-details.dropdown .btn::before {
    font-family: 'themify';
    content: "\e602";
    border: 2px solid #fff;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: inline-block;
    line-height: 36px;
    text-align: center;
    margin-right: 10px;
}

.user-details.dropdown .dropdown-menu {
    left: auto;
    right: 0;
    border-radius: 0;
    box-shadow: none;
    border: none;
    padding: 0;
}

    .user-details.dropdown .dropdown-menu li a {
        padding: 7px 10px;
        color: #005f9f;
    }

.user-details-list {
    list-style: none;
    padding: 0;
    margin-top: 20px;
    margin-left: -20px;
    margin-right: -20px;
}

    .user-details-list li a {
        color: #ddd;
        font-size: 20px;
        padding: 13px 20px;
        font-weight: 300;
        display: block;
        text-decoration: none;
        position: relative;
    }

        .user-details-list li a:after {
            font-family: 'themify';
            content: "\e628";
            position: absolute;
            right: 20px;
            top: 50%;
            margin-top: -14px;
        }

        .user-details-list li a:hover, .user-details-list li.active a {
            background: #337fb2;
            color: #fff;
        }

.admin .table-cell.big-cell .heading {
    margin-left: -50px;
    margin-right: -50px;
    margin-bottom: 30px;
    padding-left: 20px;
}

.authentication-search {
    float: left;
    width: 100%;
}

.search-qr .qr-code-img {
    float: left;
    width: 145;
    margin-right: 20px;
}

.search-content {
    float: right;
    width: 420px;
    margin-top: 20px;
}

.qr-code-head {
    font-size: 18px;
    color: #666;
    padding-left: 40px;
    position: relative;
}

    .qr-code-head:before {
        content: "\e629";
        font-family: 'themify';
        position: absolute;
        left: 0;
    }

.nric-number .input-group {
    width: 100%;
}

    .nric-number .input-group .input-group-append, .nric-number .input-group .form-control, .nric-number .form-control {
        display: table-cell;
        vertical-align: top;
        height: 40px;
    }

.qr-search-result {
    display: none;
    float: left;
    width: 100%;
    margin-top: 40px;
}

.table-view .heading-dottet {
    margin-left: -50px;
    margin-right: -50px;
}

.reasult-heading {
    color: #004c8a;
    font-size: 24px;
    margin: 20px 0;
}

.signature-area {
    background: #fff;
}

.reasult-heading .btn.btn-save-exit {
    float: right;
}

.search-result-notary-public {
    float: left;
    width: 100%;
    margin-top: 40px;
}

@media (max-width: 991px) {
    .navbar-brand {
        padding-right: 0;
    }

        .navbar-brand > img {
            max-width: 240px;
        }

    .navbar .navbar-nav > li > a {
        padding: 25px 7px;
        margin: 0 0;
        font-size: 14px;
    }

    .table-cell {
        padding: 20px 15px;
    }
}

@media (max-width: 767px) {
    .table-cell {
        padding: 20px 15px;
        display: block;
        width: 100%;
    }

        .table-cell .eye-icon::before {
            line-height: 100%;
            top: -10px;
        }

    .footer-links span {
        display: none
    }

        .footer-links span.visible {
            display: block;
            text-align: center;
        }

    .copyright .social-links {
        display: none;
    }

    .copyright {
        height: 30px;
        padding-top: 0;
    }

    .pull-left.footer-links {
        width: 100%;
    }

    .copyright .visible {
        margin: 5px 0;
    }

    .navbar-collapse {
        position: fixed;
        left: 0;
        height: 100% !important;
        width: 240px;
        background: #0063a7;
        z-index: 999;
        top: 0;
        padding: 15px;
        overflow: auto;
        margin-left: -240px !important;
        transition: all .2s linear;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -o-transition: all .2s linear;
    }

        .navbar-collapse.active {
            margin-left: -0px !important;
        }

    .navbar-nav {
        margin: 0;
    }

    .navbar .navbar-nav > li > a {
        padding: 10px 0;
        margin: 0;
        color: #ffffff !important;
        border: none !important;
    }

    .navbar-toggle {
        position: absolute;
        left: 15px;
        border: none !important;
        background: none !important;
        padding: 0;
        top: 15px;
        font-size: 25px;
        margin: 0;
        color: #0063a7;
        line-height: 100%;
        width: 26px;
        height: 26px;
        z-index: 9999;
    }

        .navbar-toggle::after {
            content: "\e68e";
            font-family: 'themify';
        }

        .navbar-toggle.active::after {
            content: "\e646";
            font-family: 'themify';
        }

    body.nav-open {
        left: 240px;
        height: 100%;
        overflow: hidden;
    }

    .navbar-brand {
        margin-left: 30px;
    }

    .login {
        margin: 0;
        position: absolute;
        right: 15px;
        top: 12px;
    }

    .navbar-brand > img {
        max-width: 170px;
    }

    .mobile-footer-links {
        margin-top: 90px;
        display: block;
    }

        .mobile-footer-links ul {
            padding: 0;
            list-style: none;
        }

            .mobile-footer-links ul > li > a {
                padding: 7px 0;
                margin: 0;
                color: #ddd;
                display: inline-block;
                text-decoration: none !important;
            }

        .mobile-footer-links .social-links p span {
            display: inline-block;
            margin: 0;
            color: #999;
        }
}

.table-lagends p {
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
    color: #0063a7;
    font-size: 16px;
}

    .table-lagends p strong {
        color: #999;
        margin: 0 10px;
    }

    .table-lagends p a {
        color: #0063a7;
        text-decoration: none;
        font-size: 16px;
    }

        .table-lagends p a span {
            margin-left: 10px;
            font-size: 24px;
            vertical-align: middle;
        }

            .table-lagends p a span.ti-plus {
                font-size: 15px;
                width: 24px;
                height: 24px;
                border: 2px solid #0063a7;
                border-radius: 50%;
                text-align: center;
                line-height: 20px;
                display: inline-block;
            }

.qr-code-details {
    position: absolute;
    top: 15px;
    right: 15px;
}

    .qr-code-details img {
        max-width: 100px;
        height: auto;
    }

.user-login {
    background: #fff;
    border-top: 4px solid #005f9f;
    text-align: center;
    padding: 100px 0;
}

    .user-login div {
        position: relative;
        display: inline-block;
        width: 260px;
        padding: 30px 10px;
        min-height: 300px;
        margin: 20px 30px;
        border: 1px solid #005f9f;
        border-radius: 5px;
        vertical-align: top;
    }

        .user-login div::before {
            background: #005f9f none repeat scroll 0 0;
            border: 2px solid #005f9f;
            border-radius: 50%;
            color: #fff;
            content: "via";
            font-size: 20px;
            height: 50px;
            left: 50%;
            line-height: 44px;
            margin-left: -25px;
            position: absolute;
            top: -27px;
            width: 50px;
        }

        .user-login div p img {
            max-width: 160px;
            margin: 50px 0 0 0;
        }

.absolute-btn-disable {
    position: absolute;
    bottom: 50px;
    text-align: center;
    width: 100%;
    left: 0;
    margin: 0;
}

    .absolute-btn-disable a {
        text-decoration: none;
        background: #005f9f;
        border-radius: 3px;
        display: inline-block;
        color: #989898;
        font-size: 16px;
        font-weight: 400;
        padding: 10px 15px;
        cursor: not-allowed;
    }

    .absolute-btn-disable span {
        vertical-align: middle;
        margin-left: 10px;
        margin-top: -3px;
        display: inline-block;
    }

.absolute-btn {
    position: absolute;
    bottom: 50px;
    text-align: center;
    width: 100%;
    left: 0;
    margin: 0;
}

    .absolute-btn a {
        text-decoration: none;
        background: #005f9f;
        border-radius: 3px;
        display: inline-block;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        padding: 10px 15px;
    }

        .absolute-btn a:hover {
            background: #17a49c;
        }

    .absolute-btn span {
        vertical-align: middle;
        margin-left: 10px;
        margin-top: -3px;
        display: inline-block;
    }

.via-sal {
    font-weight: 600;
    color: #005f9f;
    font-size: 30px;
    margin: 55px 0;
}

    .via-sal span {
        display: inline-block;
        vertical-align: middle;
        line-height: 60px;
        text-align: center;
        height: 60px;
        width: 60px;
        background: #005f9f;
        color: #fff;
        font-size: 20px;
        margin-top: -6px;
        border-radius: 50%;
    }

.normal-btn .btn:hover {
    background: #000;
}

.login-via-corppass:after {
    content: "or";
    border-radius: 50%;
    line-height: 40px;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    right: -55px;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background: #666;
}

.login-via-singpass:after {
    content: "or";
    border-radius: 50%;
    line-height: 40px;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    right: -55px;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background: #666;
}



.login-via-singpass-overlay:after {
    content: "or";
    border-radius: 50%;
    line-height: 40px;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    right: -55px;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background: grey;
    opacity: .8;
}

/*CONP*/
label.validationError {
    color: red;
    padding-right: 5px;
}

.k-i-clock, .k-link-time {
    display: none !important;
}

#Date-error {
    display: block;
}

.conpField {
    border: 1px solid #ccc !important;
    display: block;
}

.conp-table-header {
    vertical-align: bottom !important;
    background: #00b0ad !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    text-align: center !important;
    padding-bottom: 10px !important;
}

.conp-table-cell, .k-hierarchy-cell {
    padding: 8px;
    line-height: 1.42857143;
    border: 1px solid #fff !important;
}

.k-grid table, .k-grid-header, .k-grid-header-wrap {
    table-layout: fixed;
    border: 1px solid #fff !important;
}

div.k-grid-header {
    padding-right: 0px !important;
}

#pagerBottom {
    padding-top: 15px;
    /*float: right;*/
}

.k-state-selected {
    z-index: 3;
    color: #fff !important;
    cursor: default !important;
    background-color: #00b0ad !important;
    border-color: #00b0ad !important;
}

.k-datetimepicker, .k-input {
    border-width: 1px !important;
}

.Fees {
    width: 150px;
}

.k-hierarchy-cell, .k-hierarchy-col {
    background-color: rgb(0, 176, 173) !important;
    width: 0px !important;
}



.center-heading {
    font-weight: 300;
    margin: 30px 0;
    float: left;
    width: 100%;
    color: #0063a7;
    font-size: 30px;
}

.content-right {
    margin: 20px auto 60px auto;
    max-width: 500px;
    min-height: 400px;
}

    .content-right p {
        background: url(../images/book-bg.jpg) no-repeat left center;
        float: left;
        width: 100%;
        padding-left: 40px;
        padding-bottom: 10px;
        min-height: 30px;
        margin-bottom: 15px;
    }

        .content-right p a {
            display: inline !important;
            background: none !important;
            padding: 0 !important;
            color: #0063a7 !important;
            text-decoration: none !important;
        }

            .content-right p a:hover {
                text-decoration: underline !important;
            }

.error-box {
    border: solid;
    text-align: center;
    width: 700px;
    height: 200px;
    display: inline-block;
    border-width: thin;
    margin: 20px 10px;
}

    .error-box .center-heading {
        font-weight: 500;
    }
/* newly added */
.tooltip-blog {
    background: #f4f8fc;
    color: #333;
    text-align: left;
    padding: 20px;
    position: absolute;
    z-index: 99;
    left: 290px;
    top: 981px;
    display: none;
}

    .tooltip-blog.tooltip-bottom {
        bottom: 0;
        top: auto;
    }

.has-tooltip {
    position: relative;
}

    .has-tooltip table {
        margin-left: 20px;
    }

    .has-tooltip:hover .tooltip-blog {
        display: block;
    }

.tooltip-blog {
    width: 400px
}

    .tooltip-blog a {
        text-decoration: none;
    }

    .tooltip-blog p {
        display: flex;
        margin: 0px 0 2px 0;
    }

        .tooltip-blog p span.title {
            width: 50%;
            text-align: right;
            margin-right: 20px;
        }

        .tooltip-blog p span.title-static {
            width: 50%;
            overflow-wrap: break-word;
            word-wrap: break-word;
            word-break: break-all;
            text-align: left;
        }

.has-tooltip .ti-info-alt {
    position: absolute;
    left: 138px;
    top: -45px;
    font-size: 30px;
    color: #e86e44;
}

.btn.blue {
    background: #3382af;
}

.btn.grey {
    background: #727876;
}

.calendar::after {
    content: "\e6b6";
    font-family: 'themify';
    color: #3382af;
    font-size: 24px;
}

.terms-check-box {
    color: #0d65a5;
    font-weight: 600;
}

.form-control-static a.has-tooltip {
    display: inline-block;
    position: relative;
}

.tooltip-cust {
    position: absolute;
    width: 360px;
    background: #f2f7fb;
    font-size: 12px;
    font-style: italic;
    left: 40px;
    top: 100%;
    color: #333;
    padding: 15px 30px;
    display: none;
}

.form-control-static a:hover > .tooltip-cust {
    display: block;
}


.table-header-tooltip {
    color: #0d65a5;
}

.table-header-tooltip-2 {
    color: #0d65a5;
    text-decoration: none;
    font-size: 30px;
    vertical-align: middle;
    margin-left: 10px;
    color: #e86e44;
    position: relative;
    text-align: left;
}

.tooltip.show p {
    text-align: left;
}

.tooltip.in {
    opacity: 1 !important;
}

.tooltip p {
    text-align: left;
}

.table-header-tooltip a {
    text-decoration: none;
    font-size: 30px;
    vertical-align: middle;
    margin-left: 10px;
    color: #e86e44;
    position: relative;
}

    .table-header-tooltip a:hover > .tooltip-cust {
        display: block;
    }

    .table-header-tooltip a.has-tooltip {
        display: inline-block;
        position: relative;
    }


.decision, .dismiss, .billing-diff {
    display: none;
}

.calendar-field {
    display: inline-block;
    position: relative;
}

    .calendar-field::after {
        content: "\e6b6";
        font-family: 'themify';
        color: #3382af;
        font-size: 24px;
        position: absolute;
        right: -30px;
        bottom: 0;
    }

.checkbox-main {
    margin-top: 5px;
    margin-bottom: 5px;
}

::-webkit-input-placeholder {
    font-style: italic;
}

:-moz-placeholder {
    font-style: italic;
}

::-moz-placeholder {
    font-style: italic;
}

:-ms-input-placeholder {
    font-style: italic;
}

textarea-placeholder {
    font-style: italic;
}

.notify-blog {
    display: table;
    width: 100%;
    border-spacing: 30px;
}

    .notify-blog .dash-blog-row {
        display: table-row;
    }

        .notify-blog .dash-blog-row .blog {
            display: table-cell;
            background: #ebebeb;
            width: 100%;
            height: 240px;
            border-radius: 0px 30px 0px 30px;
        }

    .notify-blog .head {
        background: #0063a7;
        color: #fff;
        font-weight: 300;
        text-transform: uppercase;
        font-size: 17px;
        padding: 10px 60px;
        text-align: left;
        position: relative;
        border-radius: 0px 30px 0px 0px;
    }

        .notify-blog .head::before {
            content: '';
            width: 50px;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-color: #7a7b7a;
        }

    .notify-blog .notify .head::before {
        background-image: url(../images/inbox.jpg);
        background-repeat: no-repeat;
        background-position: center center;
    }

    .notify-blog .dash-blog-content {
        padding: 20px 20px 20px 40px;
        font-size: 14px;
        background: #ebebeb;
        border-radius: 0px 0px 0px 30px;
    }

.ntfy td, th {
    padding: 5px;
}

.bluearrow {
    background-image: url(../images/bluearrow.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#notification {
    position: relative;
    color: #333;
    background: #ffd200;
    text-align: center;
    padding: 10px 0;
    overflow: hidden;
    vertical-align: middle;
}

.ti-close {
    float: right;
    background: #777;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
}

    .ti-close:hover {
        cursor: pointer;
    }

.onlyappointment-blog {
    background: #e4f3f2;
    width: 100%;
}

.onlycurrent-appointment {
    display: flex;
    padding: 10px 30px 0 30px;
    align-items: center;
}

.onlyappointment-blog h3 {
    text-transform: uppercase;
    font-size: 17px;
    font-weight: bold;
    color: #0063a7;
    text-align: left;
    margin: 0 0 10px 0;
}

.onlyappointment-blog .blog {
    background: #e4f3f2;
    padding: 10px 0px;
    border-radius: 0px;
    color: #0063a7;
    font-size: 15px;
    text-align: left;
}

.onlyappointment-blog .blog {
    color: #0063a7;
    font-size: 15px;
    display: flex;
    text-align: left;
    padding: 0;
}

    .onlyappointment-blog .blog p {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 50px;
        padding-left: 60px;
    }

.onlycurrent-appointment .appintment-from {
    float: left;
    margin: 0 40px;
}

.onlycurrent-appointment .not-applicable {
    float: left;
    margin: 0 40px;
}

.oaths {
    width: 80%;
    margin: 0 auto;
    padding: 20px 30px;
    margin-bottom: 20px;
    margin-top: 20px;
}

    .oaths h1 {
        text-align: center;
        line-height: 2.0rem;
        font-size: 28px;
        font-weight: 600;
    }

    .oaths h3 {
        text-align: center;
        line-height: 2.0rem;
        font-size: 18px;
        font-weight: 600;
    }

.oathcont {
    padding: 30px 0px;
    text-align: justify;
}

.oaths input {
    /*border: #ccc solid 1px;
    border-radius: 6px;*/
    border: none;
    border-bottom: #333 solid 1px;
    border-radius: 0px;
    background: none;
    height: 20px;
}

.input-name .input-address {
    width: 80%;
    font-size: 14px;
}

.input-md-lg {
    width: 50%;
    font-size: inherit;
}

.oaths .input-lg {
    width: 80%;
    font-size: 14px;
}

.oaths .input-md {
    width: 30%;
    font-size: 14px;
}

.oathsign {
    text-align: center;
    margin: 50px;
}

    .oathsign .input-lg {
        width: 50%;
        font-size: 14px;
    }

.declared {
    margin: 0 auto;
    text-align: center;
}

.beforeme {
    text-align: center;
    margin-top: 70px;
}

    .beforeme .input-lg {
        width: 50%;
        font-size: 14px;
    }

.error-block {
    color: #FF0000;
}

.sd-upload-mian-error-block {
    color: #FF0000;
}

.supporting-doc-delete {
    cursor: pointer;
}

.displinary-doc, .displinary-edit, .ti-pencil, .ti-upload, .ti-trash, .ti-calendar, .ti-save {
    cursor: pointer;
}

    .ti-trash::before {
        content: "\e605";
        font-size: 25px;
    }


.add-applicant-search {
    width: 100%;
    padding: 10px;
    text-align: right;
}

    .add-applicant-search input {
        border: 1px solid #c2e0f5;
        margin-right: 5px;
        width: 250px;
    }

.ti-search {
    font-size: 16px;
    font-weight: 600;
}

.opc-progress {
    padding: 90px 40px 30px 40px;
    text-align: center;
    /*background: #f4f9ec;*/
}

    .opc-progress ul {
        list-style: none;
        position: relative;
        padding: 0;
        display: table;
        width: 100%;
    }

        .opc-progress ul::before {
            width: 68%;
            height: 5px;
            content: "";
            background: #c8c8c8;
            position: absolute;
            top: -100%;
            margin-top: 25px;
            margin-left: 180px;
        }

        .opc-progress ul li {
            display: table-cell;
            position: relative;
            font-weight: bold;
            height: 60px;
            color: #a4abbf;
            width: 35%;
            padding: 0 10px;
            font-size: 16px;
        }

            .opc-progress ul li.active {
                color: #0d65a5;
            }

            .opc-progress ul li a {
                display: block;
                width: 30px;
                height: 30px;
                position: absolute;
                background: #c8c8c8;
                border-radius: 50%;
                left: 50%;
                margin-left: -20px;
                top: -50px;
            }

.help {
    color: #999;
    font-size: 16px;
    font-style: italic;
}

.opc-progress ul li.active a {
    background: #0d65a5;
}

.opc-progress ul li span {
    display: block;
    font-weight: normal;
    font-size: 14px;
}

.form-control-select-grid {
    display: block;
    width: 90%;
    /*height: 34px;*/
    padding: 6px 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.required label {
}

    .required label:after {
        color: #e32;
        content: ' *';
        display: inline;
    }

.legalpaym {
    color: #0d65a5;
    font-weight: 600;
}

.legal-progress {
    padding: 90px 50px 25px 50px;
    text-align: center;
}

    .legal-progress ul {
        list-style: none;
        position: relative;
        padding: 0;
        display: table;
        width: 90%;
    }

        .legal-progress ul::before {
            width: 66%;
            height: 5px;
            content: "";
            background: #c8c8c8;
            position: absolute;
            top: -100%;
            margin-top: 23px;
            margin-left: 175px;
        }

        .legal-progress ul li {
            display: table-cell;
            position: relative;
            font-weight: bold;
            height: 60px;
            color: #a4abbf;
            width: 35%;
            padding: 0 10px;
            font-size: 16px;
        }

            .legal-progress ul li.active {
                color: #0d65a5;
            }

            .legal-progress ul li a {
                display: block;
                width: 30px;
                height: 30px;
                position: absolute;
                background: #c8c8c8;
                border-radius: 50%;
                left: 50%;
                margin-left: -20px;
                top: -50px;
            }

            .legal-progress ul li.active a {
                background: #0d65a5;
            }

            .legal-progress ul li span {
                display: block;
                font-weight: normal;
                font-size: 14px;
            }

.appointment-from span {
    display: block;
    vertical-align: middle;
    background: #0063a7;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 110%;
    margin-top: -25px;
}

.appointment-from strong {
    padding: 0px 10px;
    font-size: 18px;
}

.more {
    float: right;
    padding: 5px 15px;
    border-radius: 5px;
    border: #69a3b9 solid 1px;
}

.space {
    width: 100%;
    padding-bottom: 45px;
}



/*NEW HOME PAGE CSS STARTS*/
body {
    background: #ddd;
}

.top-header {
    padding: 20px 20px 15px 20px;
    border-bottom: 1px solid #ddd;
}

.wrapper.landing-page {
    background: #f2f2f2;
}

.notification {
    border-top: 6px solid #a4abbf;
    margin-bottom: 30px;
}

.notification-content {
    background: #e1b14a;
    border-radius: 0px 50px 0px 50px;
    padding: 20px;
    position: relative;
    padding-left: 80px;
}

    .notification-content:before {
        font-family: 'themify';
        content: "\e64f";
        position: absolute;
        color: #fff;
        line-height: 100%;
        font-size: 5rem;
        top: 50%;
        margin-top: -35px;
        left: 40px;
    }

    .notification-content ul {
        list-style: none;
        font-size: 15px;
    }

        .notification-content ul li {
            position: relative;
            padding-left: 50px;
            margin: 15px 60px 15px 0px;
            padding-bottom: 15px;
            border-bottom: 1px solid #fff;
        }

            .notification-content ul li.new {
                padding-left: 60px;
            }

                .notification-content ul li.new:before {
                    content: "New";
                    position: absolute;
                    left: 0;
                    background: #ad0119;
                    color: #fff;
                    padding: 4px 6px;
                    border-radius: 6px;
                    top: 50%;
                    margin-top: -15px;
                    font-size: 14px;
                }

            .notification-content ul li:last-child {
                margin-bottom: 0;
                padding-bottom: 0;
                border: none;
            }

            .notification-content ul li p {
                margin: 0;
                color: #27236e;
            }

.notification-close {
    position: absolute;
    right: 50px;
}

    .notification-close .ti-close {
        background: none;
        font-size: 2.3rem;
    }

.user-type {
    background: url(../images/rectangle.png);
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 80px;
    position: relative;
}

.heading-center {
    text-align: center;
}

    .heading-center span {
        background: #3382af;
        width: 300px;
        display: inline-block;
        font-weight: 600;
        color: #fff;
        text-transform: uppercase;
        padding: 15px;
        font-size: 16px;
        border-radius: 0 10px 0 10px;
        position: absolute;
        top: -25px;
        left: 50%;
        margin-left: -150px;
    }


.users ul.nav.nav-tabs {
    display: flex;
    border-radius: 0 20px 0 20px;
    background: #00b0ad;
    align-items: center;
    margin-top: 30px;
    border: none;
}

    .users ul.nav.nav-tabs .nav-item {
        flex: 1;
        text-align: center;
    }

        .users ul.nav.nav-tabs .nav-item a.nav-link {
            color: #fff;
            padding: 0px 150px;
            font-size: 2rem;
            font-weight: 300;
            border: none !important;
            background: none;
            outline: none;
            height: 110px;
            line-height: 110px;
            text-align: center;
            margin: 0;
        }

            .users ul.nav.nav-tabs .nav-item a.nav-link span {
                line-height: normal;
                display: inline-block;
                vertical-align: middle;
                text-align: left;
            }

.users .tab-content > .tab-pane {
    padding: 40px;
    padding-left: 300px;
    color: #fff;
    border-radius: 0 0 0 20px;
}

    .users .tab-content > .tab-pane h5 {
        font-size: 18px;
        margin: 0 0 30px 0;
    }

    .users .tab-content > .tab-pane ul {
        list-style: none;
        padding: 0;
    }

        .users .tab-content > .tab-pane ul li {
            margin-bottom: 50px;
            position: relative;
            padding-left: 60px;
        }

            .users .tab-content > .tab-pane ul li span.icon {
                position: absolute;
                height: 40px;
                left: 0;
                top: 50%;
                margin-top: -20px;
                padding: 0;
            }

            .users .tab-content > .tab-pane ul li strong a:before {
                display: none;
            }

            .users .tab-content > .tab-pane ul li strong a {
                display: block;
                font-size: 20px;
                font-weight: 600;
                padding-left: 0;
            }

            .users .tab-content > .tab-pane ul li strong {
                display: block;
                font-size: 20px;
                font-weight: 600;
                padding-left: 0;
            }

            .users .tab-content > .tab-pane ul li:hover .icon {
                opacity: 0.4;
            }

            .users .tab-content > .tab-pane ul li a {
                display: block;
                font-weight: 300;
                font-size: 18px;
                padding-left: 15px;
                position: relative;
                text-decoration: none !important;
            }

            .users .tab-content > .tab-pane ul li a {
                color: #fff;
            }

                .users .tab-content > .tab-pane ul li a:before {
                    content: "";
                    position: absolute;
                    left: 0;
                    background: #fff;
                    width: 6px;
                    height: 6px;
                    border-radius: 50%;
                    top: 9px;
                }

.users ul.nav.nav-tabs .nav-item a.nav-link.visitor {
    background: #00b0ad;
    border-radius: 0 0 0 20px;
}

.users ul.nav.nav-tabs .nav-item.active a.nav-link.visitor {
    border-radius: 0;
}

.users ul.nav.nav-tabs .nav-item a.nav-link.commissioner {
    background: #0063a7;
    border-radius: 0 20px 0 0;
}

.users .tab-content > #visitor.tab-pane {
    background: #00b0ad;
}

.users .tab-content > #commissioner.tab-pane {
    background: #0063a7;
}

.content-blog {
    margin: 60px 40px;
    background: #fff;
    border-radius: 0 20px 0 20px;
    position: relative;
    padding: 80px 30px 30px 30px;
    text-align: center;
}

.quic-links {
    margin: 0 30px;
    position: relative;
    padding-bottom: 80px;
    min-height: 280px;
}

    .quic-links h4 {
        color: #0063a7;
        font-weight: 600;
        text-transform: capitalize;
        font-size: 20px;
    }

    .quic-links p.buttons {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .quic-links span.icon {
        display: inline-block;
    }

        .quic-links span.icon i {
            background: #e7f6f5;
            width: 80px;
            display: inline-block;
            height: 80px;
            line-height: 80px;
            color: #0063a7;
            border-radius: 50%;
            font-size: 34px;
        }

    .quic-links a.btn.btn-book {
        background: #97c93d;
    }

    .quic-links a.btn.btn-check {
        background: #815292;
    }

    .quic-links a.btn.btn-search {
        background: #3382af;
    }

    .quic-links a.btn {
        font-size: 15px;
        border-radius: 36px;
        line-height: 36px;
        padding: 0 20px;
    }

        .quic-links a.btn:hover {
            background: #999;
        }

.news-events {
    text-align: left;
}

    .news-events h3 {
        color: #157b8c;
        text-transform: uppercase;
        font-size: 16px;
        padding-top: 20px;
        border-top: 1px solid #3382af;
    }

    .news-events h2 {
        font-weight: 300;
        font-size: 20px;
        margin-bottom: 20px;
    }

@media (max-width: 1199.98px) {

    .users ul.nav.nav-tabs .nav-item a.nav-link {
        padding: 0px 100px;
    }
}

@media (max-width: 991.98px) {

    .users ul.nav.nav-tabs .nav-item a.nav-link {
        padding: 0px 50px;
    }

    .users .tab-content > .tab-pane {
        padding-left: 40px;
    }
}

@media (max-width: 767.98px) {
    .users .tab-content > .tab-pane {
        padding: 20px;
    }

    .top-header {
        padding-left: 60px;
    }

    .notification-content {
        padding-left: 0px;
        padding-top: 20px;
    }

        .notification-content::before {
            display: none;
        }




    ul.nav.nav-tabs {
        flex-wrap: wrap;
    }


    .users ul.nav.nav-tabs {
        border-radius: 20px 20px 0 20px;
    }

    .quic-links {
        margin-bottom: 20px;
        min-height: 0;
    }



    .users ul.nav.nav-tabs .nav-item a.nav-link {
        padding: 0px 15px;
    }

    .notification-close {
        position: absolute;
        right: 50px;
        top: 30px;
    }

    .user-type {
        background-size: 360px;
    }

    .heading-center span {
        width: 240px;
        margin-left: -120px;
    }

    .users ul.nav.nav-tabs .nav-item a.nav-link {
        font-size: 14px;
    }

    .users .tab-content > .tab-pane ul li strong a, .users .tab-content > .tab-pane ul li a {
        font-size: 14px;
    }

    .quic-links {
        margin: 0 30px;
        position: relative;
        padding-bottom: 0;
        min-height: 0;
        margin-bottom: 40px;
    }

        .quic-links p.buttons {
            position: static;
        }

    .notification-close {
        position: absolute;
        right: 20px;
        top: 20px;
    }

        .notification-close .ti-close {
            background: none;
            font-size: 2rem;
        }
}

.legl-fee-table {
    margin: 10px 25px;
}

table.table.table-striped.text-left thead th, table.table.table-striped.text-left tbody td {
    text-align: left;
}

.legl-fee-table {
    margin: 10px 25px;
}

.disc li {
    font-size: 16px;
    margin: 20px 0;
    list-style: disc;
}

    .colored, .disc li a {
        color: #0063a7;
    }

    .disc li a {
        color: #0063a7;
        text-decoration: underline
    }

.disc-n li {
    list-style-type: none;
}

.heading-dottet {
    font-size: 20px;
}

.heading {
    background: #ebebeb;
}

table.table.table-striped.text-left.table-small {
    width: auto;
    min-width: 500px;
}

.static p {
    margin: 25px 0;
}

.static {
    font-size: 16px;
}

    .static .disc ul {
        padding-left: 25px;
    }

        .static .disc ul li {
            margin: 10px 0
        }

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    height: auto;
    width: 100%;
    line-height: 1;
}

/*Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb*/
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1;
    }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

p.margin-bottom-0 {
    margin-bottom: 0;
}

.faq .panel-group .panel, .our-services .panel-group .panel {
    border-radius: 0;
    border: none;
    box-shadow: none;
    margin-top: 0;
    margin-bottom: 20px;
}

.faq .panel-group .panel-heading, .our-services .panel-group .panel-heading {
    border-bottom: 0;
    padding: 0;
}

.faq .panel-title > a, .our-services .panel-title > a {
    display: block;
    color: #5f6273;
    font-size: 20px;
    font-weight: 300;
    text-decoration: none !important;
    position: relative;
}

    .faq .panel-title > a.collapsed:after, .our-services .panel-title > a.collapsed:after {
        font-family: 'themify';
        content: "\e61a";
    }

    .faq .panel-title > a:after, .our-services .panel-title > a:after {
        font-family: 'themify';
        content: "\e622";
        position: absolute;
        right: 40px;
        top: 50%;
        margin-top: -11px;
        color: #0063a7;
    }

.faq .panel-body .writups {
    padding: 0 32px;
    font-size: 16px;
}

.question {
    font-weight: 600;
    color: #0063a7;
}

.question-like-title span {
    font-weight: 600;
    color: #0063a7;
}

.answer {
    margin-bottom: 20px;
}

    .answer p {
        margin: 0;
    }

        .answer p:first-child {
            margin-top: 10px;
        }

    .answer ul {
        padding-left: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
        list-style: decimal;
    }

    .answer div {
        margin: 20px 0;
    }

.note {
    color: #0063a7;
    font-weight: 300;
    font-size: 14px;
}

.contact-details {
    margin: 30px 0;
    font-size: 16px;
}

    .contact-details p strong {
        display: block;
        color: #0063a7;
    }

    .contact-details p {
        margin-bottom: 30px;
        color: #666;
    }

.working-hours {
    width: 60%;
    margin: 30px 0;
    font-size: 16px;
}

    .working-hours p {
        margin: 0;
    }

        .working-hours p strong {
            color: #0063a7;
        }

        .working-hours p span {
            width: 160px;
            display: inline-block;
            float: right;
        }

.working-hours-complete {
    width: 60%;
    margin: 30px 0;
    /* font-size: 14px;*/
}

    .working-hours-complete p {
        margin: 0;
    }

        .working-hours-complete p strong {
            color: #0063a7;
        }

        .working-hours-complete p span {
            width: 160px;
            display: inline-block;
            float: right;
        }

.getting-to-sg-law div {
    margin: 30px 0;
}

    .getting-to-sg-law div strong {
        display: block;
        color: #0063a7;
    }

    .getting-to-sg-law div ul {
        padding: 0;
        list-style: none;
    }

        .getting-to-sg-law div ul li {
            position: relative;
            padding-left: 15px;
        }

            .getting-to-sg-law div ul li:before {
                content: "";
                position: absolute;
                left: 0;
                width: 5px;
                height: 5px;
                background: #0063a7;
                border-radius: 50%;
                top: 9px;
            }

.getting-to-sg-law {
    font-size: 16px;
}

.directory-form {
    border-radius: 0 20px 0 20px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    margin: 30px 0;
    padding: 30px;
}

.radio-control {
    display: block;
    font-weight: 400;
    width: 100%;
    position: relative;
    padding-left: 30px;
}

    .radio-control input[type="radio"] {
        opacity: 0;
        position: absolute;
        z-index: 9999;
    }

.radio-overlay {
    background: rgba(0, 0, 0, 0) url("../images/radio.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 25px;
    left: 0;
    position: absolute;
    top: -3px;
    width: 25px;
}

.radio-control input[type="radio"]:checked + .radio-overlay {
    background: rgba(0, 0, 0, 0) url("../images/radio-checked.png") no-repeat scroll 0 0;
    height: 25px;
    width: 25px;
}

/*.directory-form .form-group label.control-label {
    width: 130px;
    display: inline-block;
    float: left;
    color: #0063a7;
    font-size: 16px;
}*/

.directory-form .form-group label.radio-control {
    width: auto;
    display: inline-block;
    margin-right: 30px;
}

.directory-form .form-element {
    margin-left: 130px;
}

.static h5 {
    color: #0063a7;
    font-weight: 600;
    font-size: 16px;
    position: relative;
}

.cust-accordion h5.active:after {
    font-family: 'themify';
    content: "\e622";
}

.cust-accordion h5:after {
    font-family: 'themify';
    content: "\e61a";
    color: #0063a7;
    margin-left: 10px;
}

.cust-accordion h5:hover {
    cursor: pointer;
}

.cust-accordion-cont {
    display: none;
}

.decimal ul {
    padding-left: 20px;
    list-style: decimal;
}

.decimal > ul > li {
    list-style: decimal;
    /*padding: 0px 5px 0px 5px;*/
}

@media (max-width: 767.98px) {

    .map iframe, .working-hours {
        width: 100%;
    }
}


.terms-page {
    background: #e1e1e1;
    padding: 10px;
}

    .terms-page .content-blog {
        padding: 40px;
        text-align: left;
    }

.heading-small {
    color: #0063a7;
    font-size: 2.2rem;
    font-weight: 400;
    margin-bottom: 20px;
}

.alpha {
    margin: 20px 0;
}

    .alpha ul li {
        list-style: lower-alpha;
    }

.terms-page .roman ul li, .terms-page .alpha ul li {
    margin: 0;
}

.roman {
    margin-top: 20px;
}

    .roman ul li {
        list-style: lower-roman;
        /*padding: 0px 0px 0px 5px;*/
    }

.roman-faq ul li {
    list-style: lower-roman;
    padding-left: 10px;
}

.select-bookings {
    display: none;
}

    .select-bookings h4 {
        color: #0045b5;
        font-size: 16px;
        margin-bottom: 20px;
        margin-top: 40px;
    }

    .select-bookings label.radio-control {
        margin: 20px 0;
        font-size: 15px;
    }

.terms-page-btn {
    display: none;
    margin-top: 20px;
}

.italic {
    font-style: italic;
}

.decimal.legalisation > ul > li {
    margin-bottom: 30px;
}

.user-logged-in-details {
    min-height: 44px;
}

.italic.border-top {
    border-top: 1px solid #0063a7;
    margin-top: 30px;
    padding-top: 30px;
}

.table-action a.applicant-cancel span {
    position: relative
}

    .table-action a.applicant-cancel span::after {
        content: "x";
        position: absolute;
        left: 7px;
        top: 5px;
        font-family: 'Lato', sans-serif;
        font-size: 18px;
    }

.news {
    display: flex;
}

    .news div img {
        width: 160px;
        height: auto;
        margin-right: 20px;
    }

    .news div {
        font-size: 17px;
        font-weight: 300;
        color: #000000;
    }

        .news div a {
            color: #000000;
            text-decoration: none !important;
        }

    .news .disc ul {
        padding-left: 20px;
        margin-top: 10px;
        margin-bottom: 30px;
    }

        .news .disc ul li {
            margin: 0;
        }

            .news .disc ul li a {
                text-decoration: none;
                color: #666;
            }

    .news div a:hover {
        color: #999 !important;
    }

.static .disc .roman ul {
    padding-left: 0;
}

.writups .answer:last-child {
    margin: 0;
}
/*NEW HOME PAGE CSS ENDS*/

.tab-disabled {
    pointer-events: none;
    opacity: 0.4;
}



.item_increment {
    display: block;
}

Increment::before {
    /* Increment "my-sec-counter" by 1 */
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter) ". ";
}

.dropContainer {
    width: 100%;
    min-height: 95px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    font-weight: bold;
    color: #999;
    border: 2px dashed #ccc;
    transition: transform 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.uploadFile {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    top: 0;
    left: 0;
}

.imageCanvas {
    display: block;
    max-width: 100%
}

.dsImage {
    width: 100%;
    max-width: 181px;
    max-height: 117px;
}

.hide {
    visibility: hidden;
    position: absolute;
}