/**
    * =======================
    * Main CSS
    * =======================
*/

body {
    font-family: 'Poppins', 'Mukta', 'Segoe UI', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #414C59 !important;
    counter-reset: jSerial;
    background-color: #fcfcfd;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    margin: auto;
    /*height: 250px;*/
    width: 100%;
    height: auto;
}

.navbar {
    margin-bottom: 0;
    /*position: relative;*/
    /*min-height: 60px;*/
    height: 50px;
    border: 1px solid transparent;
    position: fixed;
    /*box-shadow: 0 2px 4px #eee;*/
}

.carousel-control {
    width: 10%;
}

.tree {
    min-height: 20px;
    margin-bottom: 20px;
}

    .tree li {
        list-style-type: none;
        margin: 0;
        padding: 5px 5px 0 5px;
        position: relative;
    }

        .tree li::before, .tree li::after {
            content: '';
            left: -20px;
            position: absolute;
            right: auto;
        }

        .tree li::before {
            border-left: 1px solid #999;
            bottom: 50px;
            height: 100%;
            top: 0;
            width: 1px;
        }

        .tree li::after {
            border-top: 1px solid #999;
            height: 20px;
            top: 17px;
            width: 25px;
        }

        .tree li span {
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border: 1px solid #999;
            border-radius: 0;
            display: inline-block;
            padding: 5px 8px;
            text-decoration: none;
        }

        .tree li.parent_li > span {
            cursor: pointer;
        }

    .tree > ul > li::before, .tree > ul > li::after {
        border: 0;
    }

    .tree li:last-child::before {
        height: 25px;
    }

/*  .tree li.parent_li > span:hover, .tree li.parent_li > span:hover + ul li span {
                background: #eee;
                border: 1px solid #94a0b4;
                color: #000;
            } */
.navbar-default .navbar-nav > li > a {
    color: #FFF;
}

.navbar-default {
    background-color: #3c8dbc;
    border: none;
    border-radius: 0;
}

.navbar-nav li.active .nav-link i {
    color: #3c8dbc;
}

@media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: 100px;
    }
}

.navbar-default .navbar-brand {
    color: #fff;
    margin-left: 0 !important;
    padding: 6px 28px 4px 12px;
    width: 218px;
}

    .navbar-default .navbar-brand img {
        width: 200px !important;
    }

.carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right,rgba(0, 0, 0, 0.09) 0,rgba(0,0,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0, 0, 0, 0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}

.navbar-form {
    text-align: center;
}

.navbar-nav > li > a {
    font-family: 'Poppins', 'Segoe UI', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 32px;
    font-size: 13px;
}

.navbar-brand {
    float: left;
    /*height: 60px;*/
    padding: 5px 15px;
    font-size: 18px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: #3c8dbc;
    color: #fff;
}

    .navbar-default .navbar-nav > .active > a i {
        color: #fff;
    }

    .navbar-default .navbar-nav > .active > a > span.nav-link {
        color: #fff;
        padding: 6px 10px;
        border: 1px solid #888;
        border-radius: 4px;
    }

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    /*color: #333;
    background-color: #fff;*/
    color: #fff;
    background-color: #367fa9;
}

.welcome_text {
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    display: block;
    margin: -35px auto 0;
    padding: 5px;
    position: absolute;
    width: 85%;
    color: #555;
}

    .welcome_text::before {
        border-color: transparent transparent #eaeaea;
        border-style: solid none solid solid;
        border-width: 17px medium 37px 17px;
        box-shadow: 0 -1px 0 -1px #cfcfcf;
        content: "";
        left: -17px;
        position: absolute;
        top: -18px;
    }

    .welcome_text::after {
        border-color: transparent transparent #eaeaea;
        border-style: solid solid solid none;
        border-width: 19px 16px 36px medium;
        box-shadow: 0 -1px 0 -1px #cfcfcf;
        content: "";
        position: absolute;
        right: -16px;
        top: -20px;
    }

.carousel-indicators {
    display: none;
}

@media screen and (min-width:320px) and (max-width:359px) {
    .welcome_text_title {
        font-size: 30px;
        margin: 15px;
    }

    .welcome_text {
        width: 90%;
    }
}

@media screen and (min-width:360px) and (max-width:767px) {
    .welcome_text_title {
        font-size: 30px;
        margin: 15px;
    }

    .welcome_text {
        width: 92%;
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .welcome_text_title {
        font-size: 30px;
        margin: 15px;
    }

    .welcome_text {
        width: 92%;
    }
}

.search-btn {
    background-color: #0275D8;
    color: #FFF;
    border: none;
    padding: 5px 30px;
}

    .search-btn:hover, .search-btn:focus, .search-btn:visited, .search-btn:active {
        background-color: #005EAE !important;
        color: #FFF !important;
        border: none;
    }

.parent {
    background-color: #0275D8;
    color: #FFF;
    border: 1px solid #0275D8 !important;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #FFF;
    border-radius: 10px;
}

.child {
    background-color: #EDEDED;
}

.heading {
    font-weight: 600;
    text-shadow: 3px 3px 5px #8c8c8c;
}

.navbar .dropdown-menu {
    width: 100%;
}

.drop-main {
    width: 100%;
    text-align: right;
}

.explore-top {
    margin-top: 20px;
}

.search-back {
    padding: 30px;
}

.fa-circle {
    color: #8bc34a;
}

.page_title {
    font-family: 'Poppins', 'Segoe UI', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    /*margin: 30px auto;*/
    text-align: center;
    color: #fff;
    font-weight: 600;
    /*font-size: 32px;*/
    font-size: 24px;
    float: left;
    margin-left: 226px;
    margin-bottom: 4px !important;
}

.title_bg {
    background-image: url(../../Images/family.png);
    background-size: auto;
    background-position: center bottom;
    height: 50px;
}

.main-content {
    border: 1px solid #CCC;
    box-shadow: 0 0 5px #6F6F6F;
    border-top-right-radius: 80px;
    border-bottom-left-radius: 80px;
    margin-bottom: 50px;
    margin-top: 20px;
    padding-bottom: 10px;
    background-color: #fff;
}

.para {
    padding: 0 8px;
}

.title {
    font-size: 22px;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 0;
    background: url(../../Images/dots.png) repeat;
    height: 16px;
}

.header {
    background: #fff;
    padding-right: 11px;
    line-height: 20px;
    float: left;
    position: relative;
    top: -3px;
}
/*Panel tabs*/
.panel-tabs {
    position: relative;
    bottom: 30px;
    clear: both;
    border-bottom: 1px solid transparent;
}

.pop-box {
    /*box-shadow: 0 0 5px #295B86;*/
    padding: 0;
    /*position: fixed;
    right: 7%;
    bottom: 26%;*/
}

.arrow-left {
    width: 0;
    height: 30px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #337ab7;
    position: absolute;
    left: -4px;
    top: 60px;
}

.jstree-themeicon {
    display: none !important;
}

.jstree-node {
    background-color: #0275D8;
    color: #000;
    padding: 3px 20px;
    margin-bottom: 10px;
}

    .jstree-node a {
        background-color: #efefef;
        padding: 0 20px;
        border: 1px solid #999;
        margin-top: 3px;
        margin-bottom: 3px;
    }

.jstree-leaf > a {
    background-color: #fff;
    padding: 0 20px;
    border: 1px solid #999;
}

.pop-box-details {
    padding: 0;
    /*max-height: 250px;*/
    overflow-y: auto;
}

.jstree-default .jstree-clicked {
    background: #9ea0a5 !important;
    border-radius: 12px !important;
    /*box-shadow: inset 0 0 1px #999;*/
    color: #fff !important;
    border: 1px solid #8a8c91;
    box-shadow: inset 0 0 4px #8a8c91 !important;
}

.text-muted {
    color: #777 !important;
    margin: 0 !important;
}

.div-footer {
    bottom: 0;
    background-color: #eee;
    color: #FFF;
    padding: 5px;
    position: fixed;
    width: 100%;
    border-top: 1px solid #ccc;
    font-size: 13px;
}

.btn-primary {
    color: #fff;
    /*background-color: #a92421 !important;*/
    background-color: #8BC34A !important;
    border: 0 !important;
    padding: 6px 16px;
    border-radius: 0;
    /*border-bottom: 4px solid #610806 !important;*/
    /*border-bottom: 4px solid #8bc34a !important;*/
    border-bottom: none;
}

    .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
        color: #fff;
        /*background-color: #750d0a !important;*/
        /*border: 0 !important;*/
        /*border-radius: 0;*/
        /*border-bottom: 2px solid #610806 !important;*/
        background-color: #8BC34A !important;
        border-bottom: none;
    }

.jstree-container-ul {
    padding-bottom: 20px !important;
    margin-left: 20px !important;
}

.loader {
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    -o-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: absolute;
    left: 44%;
    top: 45%;
    z-index: 1000;
    margin: 10px;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.jstree-default .jstree-anchor {
    font-family: 'Poppins', 'Segoe UI', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 0 !important;
    /*height: 24px;*/
    margin-left: 2px;
    /*background-color: #edf6fb;*/
    border-radius: 12px;
    background-color: #eee;
    font-size: 14px;
    padding: 12px 32px;
    box-shadow: inset 0 0 4px #ccc;
}

    .jstree-default .jstree-anchor:active, .jstree-default .jstree-anchor:hover {
        border-radius: 12px;
    }

.jstree-default .jstree-open > .jstree-ocl {
    background-position: -140px -4px !important;
}

.jstree-default .jstree-closed > .jstree-ocl {
    background-position: -108px -4px !important;
}

.jstree-default .jstree-node {
    background-position: -300px -4px !important;
    background-repeat: repeat-y;
}

.jstree-default .jstree-leaf > .jstree-ocl {
    background-position: -76px -4px !important;
}

.searchEntity > p {
    margin-bottom: 12px !important;
}

.searchEntity {
    /*border-bottom: 1px solid #CCC;*/
    padding: 8px;
    padding-top: 0 !important;
    padding-bottom: 4px;
    border: 1px solid #ccc;
    border-radius: 4px !important;
    margin: 8px;
    cursor: pointer;
}

.btn-close:hover, .btn-close:active, btn-close:focus {
    background-color: #ec1e1e;
    border: #ec1e1e;
    color: #FFF;
}

.btn-close {
    margin-top: -5px;
    padding: 2px 7px;
    background-color: transparent;
    color: #FFF;
    border: none !important;
    font-size: 16px;
}

.result-box {
    box-shadow: 0 0 5px #295B86;
    padding: 0;
}

.btn-clear {
    border-radius: 0 !important;
    padding: 4px 10px !important;
}

/* Parent Panel */
.main-panel {
    margin-top: 120px !important;
}

/* Identify section with header and content. */
.panel {
    border: 1px solid #dfe8f1;
    margin-bottom: 20px;
    border-radius: 4px;
    background-color: #fff;
    /*box-shadow: 0 0 5px #999;*/
    border-top: 2px solid #8BC34A;
}

    .panel .panel-heading {
        font-family: 'Poppins', 'Segoe UI', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
        margin: 0 0 15px;
        text-transform: capitalize;
        font-size: 16px;
        opacity: 1;
        background-color: #eee;
        background-image: none;
        padding: 10px 12px;
        border-bottom: 1px solid #dfe8f1;
        margin-bottom: 0;
        color: #4b5056;
    }

    .panel .panel .panel-heading {
        background-color: #f9fafe;
        font-size: 14px;
        padding: 6px 12px;
    }

        .panel .panel .panel-heading .panel-title {
            font-weight: bold;
        }

    .panel .panel-footer {
        opacity: 0.7;
        background-color: #fafcfe !important;
        background-image: none;
        padding: 12px 12px;
        border-top: 1px solid #dfe8f1;
    }

        .panel .panel-footer .btn-primary {
            padding: 4px 12px;
        }

/* Validation */
.input-error {
    /*border: 1px solid #f00 !important;*/
    border-radius: 0;
    margin-bottom: 2px;
}

.validation-text {
    color: #f00;
    font-size: 12px;
}

/*.validation-text:before {
        font-family: FontAwesome;
        content: '\f06a \00a0';
    }*/

/* Validation */

.logged-user-menu {
    /*background-color: #f4b42a;*/
}

.navbar .dropdown-menu li {
    height: auto !important;
}

    .navbar .dropdown-menu li a {
        font-size: 13px;
        height: auto !important;
    }

    .navbar .dropdown-menu li span {
        color: #f4b42a;
        margin-right: 8px;
    }

.navbar .dropdown-menu::before {
    position: absolute;
    top: -7px;
    display: inline-block;
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #fff;
    left: 130%;
    margin-left: -80px;
}

.required .control-label:after {
    content: " *";
    color: red;
}

.control-label {
    font-family: 'Poppins', 'Mukta', 'Segoe UI', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600;
}

/* Tags Input */
.bootstrap-tagsinput {
    width: 100%;
    border-radius: 0 !important;
    box-shadow: none !important;
}

    .bootstrap-tagsinput .tag {
        font-size: 13px;
        padding: 2px 6px;
    }

/* Bootstrap Sweet Alert */
.sweet-alert h2 {
    /*font-size: 18px !important;*/
    font-size: 14px !important;
    padding: 8px 16px;
    line-height: 20px;
}

.sweet-alert .sa-button-container button {
    padding: 6px 16px;
}

.sweet-alert .sa-icon {
    margin-bottom: 28px !important;
}

/* Verification page >> */

.activate-user-id {
    margin-bottom: 16px;
    color: #a92421 !important;
    background: #fbf5f5 !important;
    padding: 8px;
    border: 1px solid #d4a4a3 !important;
    border-radius: 4px;
    font-weight: bold;
}

/* << Verification page */

.input-group .input-group-addon {
    border-radius: 0;
}

    .input-group .input-group-addon i {
        /*color: #3c8dbc;*/
        color: #414C59;
        font-size: 12px;
    }

input, select, textarea {
    font-family: 'Segoe UI', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Spinner dialog >> */

#spinnerModal img {
    width: 200px;
}

#spinnerModal-label {
    font-size: 16px;
}

/* << Spinner dialog */

.btn {
    font-family: 'Poppins', 'Segoe UI', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    /*box-shadow: 0 4px 4px rgba(0,0,0,.5) !important;*/
}

/* Navigation bar >> */

.nav-link i {
    margin-right: 4px;
}

.navbar li {
    height: 50px;
}

    .navbar li a {
        height: 50px;
    }

#navLoggedUser i {
    margin-right: 4px;
}

/* << Navigation bar */

.page_title i {
    margin-right: 8px;
}

#btnClosePersonInfo {
    padding: 2px !important;
    color: #4b5056;
    border-bottom: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    position: absolute;
    top: 4px;
    right: 4px;
}

    #btnClosePersonInfo:hover {
        background-color: transparent;
    }

#divSearchResults {
    /*border: none;*/
    box-shadow: none;
}

    #divSearchResults .panel-heading {
        /*background: none;*/
        padding-left: 8px !important;
    }

    #divSearchResults .active {
        /*background-color: #337ab7 !important;*/
        /* border-bottom: 4px solid #a92421; */
        /*box-shadow: 0 0 12px #aaa;*/
        /*color: #fff;*/
        /*border: 1px solid #337ab7;*/
        background-color: #eeeeee;
        border-top: 2px solid #8BC34A;
    }

.person-floating-menu {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 4px;
}

.para i {
    margin-right: 4px;
}

.btn-default {
    background-color: #fff !important;
    color: #555;
}

#divDisplayInfo .main-info {
    /*background-color: azure;*/
    /*padding: 4px 0;*/
    /*border-radius: 4px;*/
    /*border: 1px solid #d8e2e2;*/
    /*margin-bottom: 8px;*/
    /*margin-top: 4px;*/
}

    #divDisplayInfo .main-info .spouse-info {
        background-color: #f1f9f9;
        padding: 6px;
        /*border-radius: 4px;*/
        border: 1px solid #a7c7c7;
        margin-top: 4px;
        margin-bottom: 4px;
    }

.disabled-div {
    pointer-events: none;
    opacity: 0.6;
}

.person-entry-menu {
    background-color: #f8cccb;
    border: 1px solid #f4b42a;
    padding: 4px;
    border-radius: 2px;
}

.modal-title {
    font-family: 'Poppins', 'Segoe UI', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: 600;
}

    .modal-title i {
        background-color: #fdead3;
        color: #f4b42a;
        padding: 4px;
        border: 1px solid #f4b42a;
        border-radius: 2px;
    }

#ui-datepicker-div {
    z-index: 1051 !important;
}

/* Bootstrap Table >> */

.bootstrap-table .table tr td:first-child:before {
    counter-increment: jSerial;
    content: counter(jSerial);
}

.bootstrap-table thead th {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.bootstrap-table tr td {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.table {
    counter-reset: jSerial;
}

    .table .no-records-found td:first-child:before {
        content: '' !important;
    }

.pagination-detail {
    font-size: 13px;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    color: #8da0aa;
}

.pagination .active a {
    background: #f4b42a !important;
    color: #fff !important;
    border-color: #f4b42a;
}

.pagination .page-number a {
    color: #8da0aa;
}

.action-buttons i {
    background: #fff;
    padding: 4px !important;
    margin: 0 4px;
    border: 1px solid #8da0aa;
    border-radius: 4px;
    cursor: pointer;
}

.table-footer {
    background: #f9fafe;
    color: #4b5056;
    padding: 8px;
    margin: 0;
    border: 1px solid #ddd;
    border-top: 0;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}

table {
    margin-top: 0 !important;
    background-color: #fff;
    border-radius: 0 !important;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th {
    color: #4b5056;
    background-color: #f9fafe;
}

.table > tbody > tr > td {
    color: #4b5056;
    padding: 6px 8px !important;
    vertical-align: middle;
}

.fixed-table-container {
    border: none !important;
    border-radius: 0 !important;
}

.bootstrap-table {
    margin: 16px;
    border: 1px solid #eee;
    border-radius: 2px;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    /*box-shadow: 0 2px 20px #ddd;*/
    font-family: 'Poppins', 'Segoe UI', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

    .bootstrap-table .fixed-table-toolbar {
        background-color: #fff;
        border-radius: 2px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding-left: 8px;
        padding-right: 8px;
        /*background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 50%, #eee 50%, #eee 75%, transparent 75%, #fff);
                background-size: 6px 6px;*/
    }

    .bootstrap-table .table {
        border-left: none;
        border-right: none;
    }

        .bootstrap-table .table th:last-child {
            border-right: none;
        }

        .bootstrap-table .table td:last-child {
            border-right: none;
        }

    .bootstrap-table .fixed-table-pagination {
        padding-left: 16px;
        padding-right: 16px;
        border-bottom: 2px solid #ccc;
        /*background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 50%, #eee 50%, #eee 75%, transparent 75%, #fff);
                background-size: 6px 6px;*/
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
    }

.pagination-detail {
    color: #4b5056;
}

.fixed-table-toolbar #divSearchBox {
    margin-top: 0;
    margin-bottom: 0;
}

.bootstrap-table .table tr td:first-child:before {
    counter-increment: jSerial;
    content: "" !important;
}

/* Bootstrap Table << */

.nav .navbar-nav .navbar-right li {
    cursor: pointer;
}

#spnReqCount {
    background-color: #f4b42a;
    color: #fff;
    padding: 0 4px;
    border-radius: 20%;
    margin: 4px;
    border: 1px solid #ca9523;
}

.modal.modal-wide .modal-dialog {
    width: 90%;
}

.modal-wide .modal-body {
    overflow-y: auto;
}

.modal-dialog {
    border-radius: 0 !important;
}

    .modal-dialog .modal-content .modal-header {
        background-color: #eee !important;
        color: #4b5056;
        border-top: 4px solid #f4b42a;
        background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 50%, #eee 50%, #eee 75%, transparent 75%, #fff);
        background-size: 6px 6px;
    }

        .modal-dialog .modal-content .modal-header .close {
            color: #4b5056;
            opacity: 1;
        }

.modal .section {
    border: 1px solid #CCC;
}

.prop-access {
    cursor: pointer;
}

    .prop-access.open i {
        color: #6c9043 !important;
    }

    .prop-access.closed i {
        /*color: #a92421;*/
        color: #b94340;
    }

    .prop-access.inactive {
        pointer-events: none;
        /*opacity: 0.3;*/
    }

        .prop-access.inactive i {
            opacity: 0.3;
        }

.info-id {
    /*border: 1px solid #bfc1c1;
    background-color: #e9edef;*/
    /*padding: 4px;*/
    margin-top: 8px;
    margin-bottom: 8px;
}

.searchEntity.active > p.info-id {
    /*border: 1px solid #6a6d6d;
    background-color: #767777;*/
}

#divDisplay {
    /*background: #fbfcfd;
    padding: 8px !important;
    border-radius: 4px;
    border: 1px solid #e1e4e6;*/
    padding-top: 0 !important;
}

.info-collapse {
    background-color: #f9fafe;
    padding: 4px;
    border-radius: 4px;
    cursor: zoom-in;
}

    .info-collapse.less {
        height: 80px;
        overflow: hidden;
    }

    .info-collapse.more {
        height: auto;
        overflow: visible;
    }

    .info-collapse .info-collapse-overlay {
        width: 100%;
        vertical-align: top;
    }

    .info-collapse:after, .info-collapse:before {
        position: absolute;
        opacity: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .info-collapse:after {
        content: '\A';
        /*width: 100%;*/
        /*height: 100%;*/
        top: 0;
        left: 0;
        /*background: rgba(0,0,0,0.6);*/
    }

    .info-collapse:before {
        content: "विस्तृत / संकुचित करण्यासाठी क्लिक करा.";
        /*width: 100%;*/
        color: #fff;
        z-index: 1;
        top: 0;
        padding: 4px 10px;
        text-align: center;
        background: #f4b42a;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .info-collapse:hover:after, .info-collapse:hover:before {
        opacity: 1;
    }

    .info-collapse span {
        font-weight: bold;
    }

#myCarousel {
    /*padding: 12px;
    padding-bottom: 4px;*/
    background-color: #fcfcfd;
    opacity: 0.8;
}

.carousel-inner {
    box-shadow: 0 0 2px 2px #ccc;
    border-radius: 4px;
}

#liLogin.active span {
    border: none !important;
    background-color: transparent;
}

input.medium, select.medium, button.medium {
    height: 40px;
    font-size: 14px !important;
}

#divDisplayInfo .action {
    /*padding-left: 8px;
    padding-right: 8px;*/
    padding: 2px;
    background-color: #f3f3f5;
    box-shadow: 0 2px 2px #ccc;
}

    #divDisplayInfo .action button {
        /*margin: 4px;*/
        border: 1px solid #ccc;
        padding: 4px;
        cursor: pointer;
        font-family: 'Poppins', 'Segoe UI', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }

        #divDisplayInfo .action button:hover {
            background-color: #eee;
        }

    #divDisplayInfo .action i {
        margin-right: 4px;
        color: #f4b42a;
        font-size: 14px;
    }

.pop-up-action-btn {
    /*border-bottom: 4px solid #ccc !important;*/
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 4px;
    border-radius: 4px;
}

.fixed-table-toolbar input {
    font-style: italic;
    color: #3c8dbc;
    border-radius: 2px !important;
}

.general-margin {
    margin: 16px;
}

.btn.btn-flat {
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

#divSearchResults .individual-result, .modal .individual-result, .searchEntity, .no-data-div {
    /*border: 1px solid #ccc;*/
    /*border-radius: 8px;*/
    padding: 8px;
    /*margin: 8px;*/
    /*background-color: #fff;*/
    /*box-shadow: 0 2px 2px 2px #eee;*/
    margin: 8px 0;
}

.no-data-div {
    border: none !important;
}

#divSearchResults .individual-result {
    cursor: pointer;
}

.modal .individual-result {
    box-shadow: none;
    border: none;
    padding: 0;
    /*margin: 0;
    margin-bottom: 8px;*/
}

    #divSearchResults .individual-result .name, .modal .individual-result .name {
        margin-top: 4px;
    }

    #divSearchResults .individual-result .other-info, .modal .individual-result .other-info {
        margin-top: 4px;
    }

#divSearchResults .kul-info, #divDisplayInfo .kul-info {
    float: right;
    border: none;
    /*background-color: #6c9043;*/
    background-color: #555;
    color: #fff;
    padding: 2px 12px;
    font-size: 14px;
    border-radius: 2px;
    /*border: 1px solid #a92421;*/
    /*position: absolute;
    right: 15px;*/
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.spouse-info {
    border: 1px solid #eee !important;
    border-radius: 2px;
}

    .spouse-info .spouse-header {
        padding: 6px 8px;
        background-color: #eee;
        color: #fff;
        font-weight: bold;
        margin-bottom: 12px !important;
        font-family: 'Poppins', 'Mukta', 'Segoe UI', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        color: #4b5056;
    }

    .spouse-info .individual-result {
        padding-left: 8px;
        padding-right: 8px;
    }

.modal {
    overflow-y: scroll;
}

.point-section {
    text-align: center;
    border: 1px solid #eee;
    border-radius: 4px;
    width: 160px;
    height: 160px;
    vertical-align: middle;
    padding: 8px;
    background-color: #fff;
}

    .point-section:hover {
        box-shadow: 0 2px 2px #ccc;
    }

    .point-section img {
        width: 72px;
    }

    .point-section .point-section-label {
        margin: 6px;
        font-size: 12px;
    }

#divDisplayInfo .panel-heading {
    padding: 8px !important;
}

    #divDisplayInfo .panel-heading .panel-title {
        font-size: 20px !important;
    }

#spnPersonID {
    font-size: 14px;
    background-color: #aaa;
    border-radius: 2px;
    padding: 2px 4px;
    margin-top: 4px;
    color: #fff;
}

#spnPersonUpdatedOn {
    float: right;
    font-size: 14px;
    background-color: #aaa;
    border-radius: 2px;
    padding: 2px 4px;
    margin-top: 4px;
    color: #fff;
}

#divDisplayInfo .row {
    margin-bottom: 4px;
}

.btn.no-back {
    border: none;
    box-shadow: none !important;
    border-bottom: none !important;
}

.spouse-header .edit-spouse {
    /*background-color: #f4b42a;
    color: #fff;
    margin-left: 8px;
    border: none;
    border-bottom: 4px solid #610806;*/
}

    .spouse-header .edit-spouse i {
        margin-right: 4px;
    }

.highlight-changes-val {
    background-color: #4b5056 !important;
    color: #f4b42a !important;
    font-weight: 600;
}

.prop-access.closed.highlight-changes-access {
    background-color: beige;
}

.prop-access.open.highlight-changes-access {
    background-color: aliceblue;
}

#divSearchBox {
    position: relative;
    /*top: 100px;*/
    /*margin-top: 16px;*/
    margin-bottom: 52px;
    /*padding-bottom: 1px;*/
    /*margin-top: 8px;*/
    /*background-color: #fcfcfd;*/
    /*padding-top: 64px;*/
    padding-top: 100px;
}

    #divSearchBox .bootstrap-tagsinput input {
        font-size: 14px !important;
        padding: 6px;
    }

    #divSearchBox .bootstrap-tagsinput {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        border-left: none;
    }

    #divSearchBox span.search-icon {
        background-color: #fff;
        border-right: none;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        padding-right: 0;
    }

    #divSearchBox #spnSearchDefault {
        border-top-right-radius: 8px !important;
        border-bottom-right-radius: 8px !important;
        /*background-color: #3c8dbc !important;*/
        background-color: #9ea0a5 !important;
    }

    #divSearchBox .input-group {
        /*background-color: #fcfcfd;*/
        /*padding: 4px;*/
        border-radius: 8px;
        padding-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        /*box-shadow: 0px 2px 12px #ccc;*/
    }

    #divSearchBox .search-box-logo {
        width: 95px;
        height: 95px;
        margin-bottom: 16px;
        border-radius: 45px;
        background-color: #eee;
        padding: 8px;
        opacity: 0.9;
    }

.ui-keyboard.ui-widget-content.ui-widget {
    background-color: #fff;
    opacity: 0.9;
}

.ui-keyboard-button.ui-keyboard-2346.ui-state-default.ui-corner-all.ui-state-hover {
    background-color: #fff !important;
}

#spnLegend {
    padding: 8px;
    background-color: #eee;
    font-size: 12px;
    border-radius: 4px;
    float: right;
}

    #spnLegend i.green {
        color: #0da548;
    }

    #spnLegend i.red {
        color: #a92421;
    }

img[src="KulContent/EmailAddress.png"] {
    cursor: pointer;
    margin-left: 2px;
    margin-right: 2px;
}

.para a {
    font-weight: bold;
}

.para .editor-name {
    font-size: 18px;
    font-weight: bold;
}

.para .editor-post {
    font-size: 12px;
}

.note {
    font-size: 13px;
}

/**
*   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    Callout
*/
.callout {
    height: 60px;
    width: 200px;
    float: left;
    background-color: #444;
    background-image: -moz-linear-gradient(top, #444, #444);
    position: relative;
    color: #ccc;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0 0 20px #999;
    margin: 25px;
    /*min-height: 50px;*/
    border: 1px solid #333;
    text-shadow: 0 0 1px #000;
}

    .callout::before {
        content: "";
        width: 0;
        height: 0;
        border: 0.8em solid transparent;
        position: absolute;
    }

    .callout.top::before {
        left: 45%;
        bottom: -20px;
        border-top: 10px solid #444;
    }

    .callout.bottom::before {
        left: 45%;
        top: -20px;
        border-bottom: 10px solid #444;
    }

    .callout.left::before {
        right: -20px;
        top: 40%;
        border-left: 10px solid #444;
    }

    .callout.right::before {
        left: -20px;
        top: 40%;
        border-right: 10px solid #444;
    }

    .callout.top-left::before {
        left: 7px;
        bottom: -20px;
        border-top: 10px solid #444;
    }

    .callout.top-right::before {
        right: 7px;
        bottom: -20px;
        border-top: 10px solid #444;
    }

/**
*   <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
    Callout
*/

.para.highlight {
    border: 1px solid #eee;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #eee;
}

.section.heading, .section.sub-heading {
    font-family: 'Poppins', 'Segoe UI', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 16px;
    color: #a92421;
    font-weight: 600;
    text-shadow: none !important;
    margin-bottom: 8px;
}

.section.sub-heading {
    font-size: 14px;
}

.blockquote {
    background: #f9f9f9;
    border: 1px solid #eee;
    border-left: 10px solid #d2efb2;
    /*margin: 1.5em 10px;*/
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
    margin-bottom: 1.5em;
}

    .blockquote:before {
        color: #ccc;
        content: open-quote;
        font-size: 4em;
        line-height: 0.1em;
        margin-right: 0.25em;
        vertical-align: -0.4em;
    }

    .blockquote p {
        display: inline;
    }

.btn.btn-link {
    box-shadow: none !important;
}

.dash-main {
    margin: 8px;
}

    .dash-main .dash-box {
        padding: 4px;
        padding-top: 14px;
        background-color: #fff;
        border: 1px solid #eee;
        border-radius: 2px;
        border-top-right-radius: 25px;
        border-bottom-left-radius: 25px;
        min-height: 360px;
        max-width: 688px;
        float: right;
    }

    .dash-main .heading {
        font-family: 'Poppins', 'Segoe UI', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 20px;
        text-shadow: none;
        margin-bottom: 16px;
    }

        .dash-main .heading span {
            padding-bottom: 4px;
            /*border-bottom: 4px solid #3c8dbc;*/
            /*color: #3c8dbc;*/
            color: #f4b42a;
        }

        .dash-main .heading i {
            /*color: #3c8dbc;*/
            color: #f4b42a;
        }

    .dash-main .content {
        padding: 8px;
        padding-top: 10px;
        font-size: 12px;
    }

    .dash-main .dash-section {
        /*background-color: #f5f5f5;*/
        /*height: 90px;*/
        /* border: 1px solid #ccc; */
        border-radius: 4px;
        /* border-top: 6px solid #ccc; */
        background-repeat: no-repeat;
        background-size: cover;
        color: #414C59 !important;
        /* box-shadow: 0 2px 8px 4px #eee !important; */
    }

        /*.dash-main .dash-section:hover {
    background-color: #eee;
    border: 1px solid #ccc;
}*/

        .dash-main .dash-section i {
            font-size: 24px;
            /*color: #414C59;*/
            /*color: #3c8dbc;*/
            /*display: none;*/
            color: #f4b42a;
        }

        .dash-main .dash-section .icon {
            padding: 4px;
            padding-bottom: 8px;
        }

        .dash-main .dash-section .desc {
            padding: 4px;
            padding-top: 8px;
            padding-left: 6px;
            padding-right: 6px;
            border-top: 1px dashed #ccc;
            border-radius: 25px;
            font-size: 12px;
        }

    .dash-main .content .sub-heading {
        margin-top: 16px;
        font-weight: bold;
        font-size: 14px;
    }

hr {
    margin-top: 4px;
    margin-bottom: 4px;
}

.ui-keyboard-input {
    border-color: #ccc !important;
}

/*.input-group.date .input-group-addon {
    background-color: #52a4ea;
    border: 1px solid #52a4ea;
}

    .input-group.date .input-group-addon i {
        color: #fff;
    }

    .input-group.date .input-group-addon.prop-access {
        background-color: #eee;
        border: 1px solid #ccc;
    }*/

.swal-modal .swal-title {
    font-size: 16px !important;
    line-height: 1.5;
}

.search-count-bg {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfcfd+0,f6f6f6+47,ededed+100;White+3D+%231 */
    background: #fcfcfd;
    font-family: 'Poppins', 'Mukta', 'Segoe UI', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.search-count-bg-left {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfcfd+0,f6f6f6+47,ededed+100;White+3D+%231 */
    background: #fcfcfd;
    font-family: 'Poppins', 'Mukta', 'Segoe UI', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.hide {
    display: none;
}

.swal-button {
    background-color: #3c8dbc !important;
}

    .swal-button:active {
        background-color: #3c8dbc !important;
    }

.prev-tag, .forw-tag {
    color: #3c8dbc;
    cursor: pointer;
}

.ui-keyboard-preview {
    height: 34px;
    padding: 6px 12px;
    line-height: 1.42857143;
    -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-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;
    box-shadow: none;
}

    .ui-keyboard-preview:focus {
        outline: none !important;
        border: 1px solid #0f86ff;
    }

.mr-keyboard-slot, .history-slot {
    border: none;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    padding: 8px;
}

    .mr-keyboard-slot i, .history-slot i {
        cursor: pointer;
        color: #f4b42a !important;
    }

.input-group.has-keyboard .bootstrap-tagsinput, .input-group.has-keyboard input, .input-group.has-keyboard textarea {
    border-right: none;
}

.input-group input, .input-group textarea, .input-group .bootstrap-tagsinput {
    border-right: none;
}

.input-group.has-keyboard .bootstrap-tagsinput {
    padding: 5px 6px;
}

.btn.btn-delete {
    background-color: #f13d04 !important;
}

.display-info-section {
    font-family: 'Poppins', 'Segoe UI', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-color: #fcfcfd;
    padding: 6px;
    padding-bottom: 1px;
    margin: 0;
    margin-bottom: 8px;
    border: 1px solid #eee;
    margin-top: 4px;
    margin-bottom: 12px;
    font-size: 15px;
}

.display-info-section-head {
    background-color: #fcfcfd;
    color: #414C59;
    padding: 6px;
    /*border-top-left-radius: 4px;
    border-top-right-radius: 4px;*/
    font-size: 16px;
    border: 1px solid #eee;
    border-bottom: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#fdsPersonEntry .display-info-section {
    margin-top: 0;
}

.input-group.has-keyboard textarea + span.mr-keyboard-slot {
    vertical-align: top;
}

.mr-keyboard-slot i:hover, .history-slot i:hover {
    color: #a92421;
}

/*.landing-page-navbar {
    background-color: transparent;
    box-shadow: none;
}*/

.nav.navbar-nav {
    background-color: #3c8dbc !important;
}

a.navbar-brand {
    background-color: #8BC34A;
    border-radius: 4px;
    border-top-right-radius: 70px;
    border-bottom-left-radius: 42px;
    margin-top: 0;
    text-decoration: none;
}

    a.navbar-brand:hover {
        background-color: #8BC34A !important;
    }

    a.navbar-brand span {
        color: #fff;
        font-size: 20px;
        font-family: 'Poppins', 'Mukta', 'Segoe UI', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }

        a.navbar-brand span:hover {
            color: #fff;
        }

    a.navbar-brand img {
        display: inline-block;
    }

.modal-dialog .btn {
    border-top: 0;
    border-left: 0;
    padding: 8px 16px !important;
    border-radius: 4px !important;
}

.modal-dialog .btn-green {
    background-color: #8BC34A;
    /*border-bottom: 4px solid #1f4010;*/
    border-bottom-width: 0;
    color: #fff;
    border-radius: 0;
}

    .modal-dialog .btn-green:hover, .modal-dialog .btn-green:active {
        background-color: #1f4010;
        border-bottom-width: 0;
    }

.modal-dialog .btn-default {
    background-color: #fff;
    color: #555;
    border: none;
}

.modal-dialog .btn-red {
    background-color: #b94340 !important;
    border-bottom: 4px solid #610806 !important;
    color: #fff;
}

    .modal-dialog .btn-red:hover, .modal-dialog .btn-red:active {
        background-color: #610806 !important;
        border-bottom-width: 0 !important;
    }

.btn.btn-default:hover, .btn.btn-default:active {
    border-bottom-width: 1px !important;
}

.search-box {
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ccc;
    background-color: #eee;
}

    .search-box .note {
        font-size: 13px;
        margin-bottom: 6px;
    }

.no-padding {
    padding: 0 !important;
    margin: 0 !important;
}

.no-round-border, .modal-dialog .no-round-border {
    border-radius: 0 !important;
}

#ulHistorySearchTerms {
    list-style-type: none;
}

    #ulHistorySearchTerms li {
        background-color: #fcfcfd;
        padding: 4px;
        margin: 2px;
        cursor: pointer;
        font-weight: bold;
        font-size: 13px;
        display: inline-block;
        border: 1px solid #ccc;
    }

        #ulHistorySearchTerms li:hover {
            background-color: #3c8dbc;
            color: #fff;
        }

.history-term-help {
}

/**
    Custom Tooltip
*/

.tooltip {
    background-color: #edee93;
    color: #000;
    opacity: 0.8;
    border: none;
    box-shadow: 0 2px 2px #eee;
    padding: 6px;
    position: absolute;
    margin-top: 42px;
    left: 0;
}

    .tooltip:after {
        content: '';
        position: absolute;
        top: -6px;
        width: 10px;
        height: 10px;
        border-top: 5px solid #edee93;
        border-left: 5px solid #edee93;
        background: #edee93;
        left: 10%;
        margin-left: -10px;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.bootstrap-table .alternate-row {
    background-color: #eeffdb;
}

.bootstrap-table .no-records-found td:first-child:before {
    content: "कोणतेही जुळणारे रेकॉर्ड आढळले नाहीत." !important;
}

.btn.grid-button {
    text-align: center;
    border-radius: 0 !important;
    border: 1px solid #ccc;
    font-size: 12px;
    padding: 4px 8px !important;
    background: #f4b42a !important;
    border-color: #f4b42a !important;
    color: #fff !important;
    border-bottom: 4px solid rgba(0, 0, 0, 0.125) !important;
}

    .btn.grid-button:hover {
        border-bottom: 1px solid #ccc !important;
    }

.modal-dialog .modal-footer .btn i {
    margin-right: 4px;
}

.fixed-content {
    margin-bottom: 20px !important;
    padding: 0 !important;
    position: absolute !important;
    top: 118px !important;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: hidden;
}

    .fixed-content:hover {
        overflow-y: scroll;
    }

@media only screen and (max-width: 994px) {
    .fixed-content {
        top: 208px !important;
    }
}

/*#ajax-loader {
    -moz-animation: blink 2s linear infinite;
    -o-animation: blink 2s linear infinite;
    -webkit-animation: blink 2s linear infinite;
    animation: blink 2s linear infinite;
}*/

    #ajax-loader > img {
        width: 100px;
    }

/* Firefox old*/
@-moz-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* IE */
@-ms-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* Opera and prob css3 final iteration */
@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

#ajax-loader {
    -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
    animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}

#imgUpload {
    width: 136px;
    height: 136px;
    padding: 4px;
    border: 1px solid #eee;
    border-bottom: none;
    /*box-shadow: inset 0 0 8px #ccc;*/
}

#divImageUploader > #btnImageSave {
    border-radius: 0 !important;
    font-size: 13px;
    width: 100%;
}

#divPersonInfo .col-md-3.col-sm-3, #divPersonInfo .col-md-6.col-sm-6 {
    padding: 4px;
}

#fdsPersonEntry .uploaded-image {
    width: 60px;
    height: 60px;
}

#divUploadedImages .col-md-6 {
    padding-left: 2px;
    padding-right: 2px;
}

/* width */
::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

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

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

#divPersonImageUploadCaption img[src="Images/no-image.png"] {
    opacity: 0.6;
}

#fdsPersonEntry .form-group {
    margin-bottom: 6px !important;
}

#divImageGallery {
    margin-top: 4px;
    max-height: 219px;
    overflow-y: scroll;
}

    #divImageGallery img {
        width: 64px;
        height: 64px;
    }

    #divImageGallery .col-md-6 {
        padding: 4px;
    }

#divImageSlideshowClose {
    font-size: 32px;
    text-align: right;
}

#divImgCarousel .carousel-inner {
    width: 100%;
}

.carousel-inner .caption {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f5f5f5;
    padding: 8px;
    width: 100%;
    font-weight: 600;
    font-size: 13px;
    opacity: 0.6;
    border-bottom: 1px solid #eee;
}

    .carousel-inner .caption i {
        margin-right: 8px;
    }

.kul-contact-email {
    font-family: 'Segoe UI', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #46afea;
    font-size: 14px;
    cursor: pointer;
}

#spinnerModal-label {
    font-family: 'Poppins', 'Segoe UI', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-family: 14px;
}

input, select, textarea {
    font-family: 'Poppins', 'Segoe UI', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.download-link i {
    opacity: 0.4;
    margin-right: 4px;
    color: #f4b42a;
}

.download-link a {
    font-family: 'Segoe UI', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-decoration: none;
    color: #f4b42a;
}

a {
    /*color: #3c8dbc;*/
    color: #f4b42a;
}

    a:hover, a:focus {
        text-decoration: none;
        color: #f4b42a;
    }

#divImageGallery .newly-added-image {
    border: 2px dotted #dc7c0b;
}

.label-info {
    background-color: #f4b42a;
}

#divDisplayInfo #imgDisplayPicture {
    width: 36px;
    height: 36px;
}

#divLandingSection .landing-background {
    height: 500px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    opacity: 0.2;
    position: absolute;
    width: 100%;
    height: 100%;
}

#divSearchBox .extra-info {
    font-family: 'Poppins', 'Segoe UI', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 16px;
}

#divSearchBox .extra-info-bottom {
    font-family: 'Poppins', 'Segoe UI', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: 500;
    margin-top: 4px;
}

.m-r-4 {
    margin-right: 4px;
}

.orange {
    color: #f4b42a;
}

.red {
    color: #c50909;
}

.inline {
    display: inline-flex !important;
    width: auto !important;
}

.no-border {
    border: 0;
}

.pointer {
    cursor: pointer;
}

.btn-grey {
    background-color: #8a8c91 !important;
    border: 1px solid #8a8c91 !important;
}

    .btn-grey:hover {
        background-color: #9ea0a5 !important;
        border: 1px solid #8a8c91 !important;
    }

.btn-search {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

.no-data-div .no-data-msg {
    font-size: 16px;
    font-weight: 600;
}

.no-data-div .note {
    font-size: 14px;
}

/* Navbar: Transperant Background. >> */

.navbar.navbar-default.navbar-fixed-top.bg-transperant {
    background-color: transparent;
}

    .navbar.navbar-default.navbar-fixed-top.bg-transperant .nav.navbar-nav {
        background-color: transparent !important;
    }

        .navbar.navbar-default.navbar-fixed-top.bg-transperant .nav.navbar-nav > li.active > a {
            background-color: transparent;
        }

        .navbar.navbar-default.navbar-fixed-top.bg-transperant .nav.navbar-nav > li > a > span.nav-link {
            color: #666;
        }

    .navbar.navbar-default.navbar-fixed-top.bg-transperant.text-light .nav.navbar-nav > li > a > span.nav-link {
        color: #fff;
    }

    .navbar.navbar-default.navbar-fixed-top.bg-transperant .nav.navbar-nav > li.active > a > span.nav-link {
        color: #666;
        /*border: 1px solid #666;*/
        box-shadow: 0 3px 14px 0 rgba(5,16,44,.15);
    }

    .navbar.navbar-default.navbar-fixed-top.bg-transperant.text-light .nav.navbar-nav > li.active > a > span.nav-link {
        color: #fff;
        border: 1px solid #ccc;
        background-color: #555;
    }

    .navbar.navbar-default.navbar-fixed-top.bg-transperant .nav.navbar-nav > li.active > a > span.nav-link i {
        color: #666;
    }

    .navbar.navbar-default.navbar-fixed-top.bg-transperant.text-light .nav.navbar-nav > li.active > a > span.nav-link i {
        color: #fff;
    }

    .navbar.navbar-default.navbar-fixed-top.bg-transperant .nav.navbar-nav > li.btn-login > a > span.nav-link {
        padding: 8px 12px;
        color: #fff;
        background-color: #f4b42a !important;
    }

        .navbar.navbar-default.navbar-fixed-top.bg-transperant .nav.navbar-nav > li.btn-login > a > span.nav-link:hover {
            color: #fff;
        }

    .navbar.navbar-default.navbar-fixed-top.bg-transperant .nav.navbar-nav > li > a:hover {
        background-color: transparent;
        color: #444;
    }

    .navbar.navbar-default.navbar-fixed-top.bg-transperant .nav.navbar-nav > .open > a {
        background-color: transparent;
    }

#liLoggedUser ul.dropdown-menu {
    position: absolute;
    top: 52px;
    background-color: #fff;
    min-width: 200px;
}

/* Navbar: Transperant Background. << */

.admin-email {
    /*color: #3c8dbc;*/
    color: #f4b42a;
    font-size: 16px;
    font-weight: 500;
    margin-left: 3px;
    margin-right: 3px;
}

.row.title-note {
    padding-top: 8px;
}

    .row.title-note span.note {
        margin: 16px;
        font-size: 13px;
    }

.form-control {
    height: 36px;
}

.input-group .form-control.border-right {
    border: 1px solid #ccc;
}

#divInviteUserModal .bootstrap-tagsinput {
    border-right: 1px solid #ccc;
}

.main-page-bg {
    background-color: #fcfcfd !important;
}

.mark, mark {
    background-color: #fee149;
}

.divUserKulWiseAccess > .input-group > .btn-group > button {
    border: 1px solid #000;
}

.divUserKulWiseAccess > .input-group > .btn-group {
    margin-right: 10px;
}

@media (min-width: 320px) and (max-width:786px) {
    #divDisplayInfo {
        left: 0 !important;
    }
}