body {
    margin: 0px;
    padding: 0px;
     font-family: 'ArialNarrow'; 
}
 @font-face {
    font-family: 'ArialNarrow';
    src: url('../fonts/NarrowArial.ttf');  
}
@font-face {
    font-family: "ArialNarrow";
    src: url(../fonts/NarrowArial.ttf) format("truetype");
    src: url(../fonts/NarrowArial.eot);
} 
.letterRed {
    color: red;
}
.letterGreen {
    color: green;
}
.letterbgColor {
    color: #C7BA3C;
 
}
.hyperlinkcolor
{
    color:blue;
    
}
.colorblack
{
    color:black;
}
.smenu {
    color:white;
    text-align: left;
    padding-left: 50px;
}
.resentotp {
    text-align: center;
    display: block;
    width: 100%;
    font-weight:bold;
}
.textaligncenter {
    text-align: center;
}
.textalignright {
    text-align: right
}
.fontsize14px {
    font-size: 14px;
}

/* PAGE LOADER CSS*/
/*.pageLoaderImage {
    padding: 0px;
    margin: 0px;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: rgba(45, 41, 41, 0.86);
    background-repeat: no-repeat;
    z-index: 100000;
    background-position: center;
    background-image: url(../images/AKI-loder.gif);
}*/

.pageLoaderImage {
    padding: 0px;
    margin: 0px;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    position: fixed;
    background-color: rgba(45, 41, 41, 0.86);
    z-index: 100000;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0.9;
    background-color: rgba(45, 41, 41, 0.86);
    background-image: url(../images/AKI-loder.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.mantadory-txt-red {
    color: red;
}
.textcolor {
    color: #c7ba3c;
}
.height20px {
    height: 20px
}
.fontweightBold {
    font-weight: bold;
}
/*.colorblue {
    color:blue;
    text-decoration:underline;
}*/
.whitebackground {
    background-color: white !important;
}
.colorblack
{
    color:black;
}
/*button colors*/
.btn-space {
    margin-right: 10px;
}

.btn-yellow {
    color: black !important;
    /*background: #c7ba3c !important;
    border: 1px solid #C7BA3C !important;*/
    background: white !important;
    border: 1px solid black !important;
    font-size: 20px !important;
}
.btn-yellowlogout {
    color: black !important;
    /*background: #c7ba3c !important;
    border: 1px solid #C7BA3C !important;*/
    background: white !important;
    border: 1px solid black !important;
    padding: 4px;
}
    .btn-yellowlogout:hover {
        color: white !important;
        background: #c7ba3c !important;
    }
    .btn-yellow:hover {
        color:white !important;
        background: #c7ba3c !important;
    }

.btn-formatStyle {
    border-radius: 0px !important;
    font-size: 16px !important;
    text-shadow: none !important;
    border: 1px solid #C8B93C;
}
.input-group-text1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    background-color: white;
    white-space: nowrap;
    background-color: white;
    border: 1px solid white;
    border-radius: 0.25rem;
}
/*header styles start*/
/*menu icon*/
.menu-iconbar {
    font-size: 1.5em;
    color: #c7ba3c;
}
/*menu styles*/
.menu-max-height {
    max-height: 450px;
}

/*menu styles end*/

/*fixed table header start*/
.table-scroll {
    position: relative;
    /*max-width: 1280px;*/
    width: 100%;
    margin: auto;
    display: table;
    table-layout: fixed
}

.table-wrap {
    /*width: 100%;*/
    display: block;
    height: 60vh;
    overflow: auto;
    position: relative;
    z-index: 1;
    
}

.table-scroll table {
    width: 100%;
    margin: auto;
    border-collapse: separate;
    border-spacing: 0;
}

.table-scroll th, .table-scroll td {
    padding: 5px 10px;
    border: 1px solid #000;
    background: #fff;
    vertical-align: top;
}

.sa-table table {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
}

    .sa-table table + table {
        top: auto;
        bottom: 0;
    }

    .sa-table table tbody, .sa-table tfoot {
        visibility: hidden;
        border-color: transparent;
    }

    .sa-table table + table thead {
        visibility: hidden;
        border-color: transparent;
    }

    .sa-table table + table tfoot {
        visibility: visible;
        border-color: #000;
    }

.sa-table thead th, .sa-table tfoot th, .sa-table tfoot td {
    background: #ccc;
}

.sa-table {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow-y: scroll;
}

    .sa-table thead, .sa-table tfoot, .sa-table thead th, .sa-table tfoot th, .sa-table tfoot td {
        position: relative;
        z-index: 2;
    }
/*fixed table header end*/

/*.cnt-details-cntnr {
    background: #000;
    color: #fff;
    padding: 10px 0px;
    font-size: 14px;
    z-index: 1000;
}*/

/* Breadcrumb start*/

.cf:before, .cf:after {
    content: ' ';
    display: table;
}

.cf:after {
    clear: both;
}
.postop {
    top: -25px;
    position: relative
}

.backgroundcolorGreen {
    background-color: #228B22;
}
.backgroundcolorGray {
    background-color: gray !important;
}
.breadcrumbs ul {
    border-left: 1px solid #228B22;
    border-right: 1px solid #228B22;
}

.breadcrumbs li {
    float: left;
    width: 30%;
}

.breadcrumbs a {
    position: relative;
    display: block;
    padding: 20px;
    padding-right: 0 !important;
    /* important overrides media queries */
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    /*color: #228B22;*/
    /*cursor: pointer;*/
    background-color: #228B22;
}

    .breadcrumbs a:before,
    .breadcrumbs a:after {
        content: '';
        position: absolute;
        top: 0;
        left: 100%;
        z-index: 1;
        display: block;
        width: 0;
        height: 0;
        border-top: 32px solid transparent;
        border-bottom: 32px solid transparent;
        border-left: 16px solid transparent;
    }

    .breadcrumbs a:before {
        margin-left: 0px;
        /*border-left-color: white;*/
    }

/*.breadcrumbs a:last-child:after 
{
    background: orange;
}*/
    /*.breadcrumbs a:after {
        border-left-color: #228B22; /*#C7BA3C;*/
    /*}*/
   
    .breadcrumbs a:nth-child(0):after {
        border-left-color: black;
    }
    /*.breadcrumbs a:hover:after {
        border-left-color: #228B22;
    }*/

    .breadcrumbs a.active:after {
        border-left-color: #fafafa;
    }

    .breadcrumbs a span:first-child {
        display: inline-block;
        width: 22px;
        height: 22px;
        padding: 2px;
        margin-right: 5px;
        border: 2px solid #c7ba3c;
        border-radius: 50%;
        background-color: #c7ba3c;
    }

    .breadcrumbs a.active span:first-child {
        color: #228B22;
        border-color: #228B22;
        background-color: #228B22;
    }
@media (max-width: 720px) {
    .breadcrumbs a {
        padding: 15px;
    }

        .breadcrumbs a:before,
        .breadcrumbs a:after {
            border-top-width: 26px;
            border-bottom-width: 26px;
            border-left-width: 13px;
        }
}

@media (max-width: 620px) {
    .breadcrumbs a {
        padding: 8px;
        font-size: 10px;
    }

        .breadcrumbs a:before,
        .breadcrumbs a:after {
            border-top-width: 18px;
            border-bottom-width: 22px;
            border-left-width: 11px;
        }
}

@media (max-width: 520px) {
    .breadcrumbs a {
        padding: 5px;
    }
    .mobilePadding {
        padding-left: 50px;
    }
    .btn-responsive {
        /*width: 80%;*/
        display: table;
        content: " ";
    }
        .breadcrumbs a:before,
        .breadcrumbs a:after {
            border-top-width: 16px;
            border-bottom-width: 16px;
            border-left-width: 8px;
        }

    .breadcrumbs li a span:first-child {
        display: block;
        margin: 0 auto;
    }

    .breadcrumbs li a span:last-child {
        display: none;
    }
    .submit-form {
        width: 100%;
        margin: auto;       
    }
     
}
/*BreadCrumb end*/

/* validation message start*/
.modal-headerpart {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    background-color: #C8B93C;
}
.text-green 
{
    color:green;
}
.has-error .colordiv {
    color: #a94442;
    border-color: #a94442;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #a94442;
}
.has-error .form-group {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
/*.has-error .form-group1 {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .select2 {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .select2-choice {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .select2-container {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .select2-selection {
    border-color: #a94442 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .selecterror {
    border-color: #a94442 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
*/
.has-error .select2-container .select2-choice {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    }

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
}

.has-error .form-control-feedback {
    color: #a94442;
}
/*validation message end*/
.cnt-details-cntnr {
    background: #000;
    color: #fff;
    padding: 10px 0px;
    font-size: 14px;
    top: 0px;
    position: fixed;
    z-index: 1000;
}

.icon-space > span.d-block {
    display: block;
}

.icon-space {
    padding: 0px 5px;
    display: inline-block;
}

.fa-tasks, .fa-user, .fa-question, .fa-power-off, .fa-phone, .fa-envelope, .fa-keyboard-o, .fa-commenting, .fa-key, .fa-cart-plus, .fa-comment, .fa-studiovinari, .fa-lg {
    color: #C7BA3C;
}

    .fa-tasks:hover,
    .fa-user:hover,
    .fa-question:hover,
    .fa-power-off:hover,
    .fa-commenting:hover {
        color: #000;
    }
/*header styles end*/
/*footer styles start*/
.footer-bg {
    color: #fff;
    background: #000;
    padding: 2px 0px;
    margin: 20px 0px 0px;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.version-padding {
    padding: 0px 25px 0px 0px;
}
/*footer styles end*/
/*page top heading line*/
.header-line {
    padding: 0px 0px 5px 0px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    -webkit-box-shadow: 0 5px 6px -4px #ccc;
    -moz-box-shadow: 0 5px 6px -4px #ccc;
    box-shadow: 0 5px 6px -4px #ccc;
    font-weight: 600;
}
/*table styles start*/
.mvic table thead th {
    background: #000;
    border: 1px solid #fff !important;
    color: #fff;
    text-align: center;
    white-space: normal;
}

.mvic .mbtn .btn-orange {
    border-radius: 0;
    background-color: rgba(199, 186, 60, 1);
    color: #fff;
}

.certificate .mbtn .btn-orange:hover {
    background-color: #000;
    color: #fff;
}

.mvic .mbtn .btn-white {
    border-radius: 0;
    background-color: #fff;
    /*color: rgba(199,186,60,1);*/
    color: black;
    /*border: 1px solid black;*/
    /*border: 1px solid rgba(199,186,60,1);*/
}

    .mvic .mbtn .btn-white:hover {
        /*background-color: #000;*/
        /*background: #c7ba3c !important;*/
        color: black;
        /*border: 1px solid black;*/
        text-decoration:underline;
        /*color: rgba(199, 186, 60, 1);*/
    }

.levelOne {
    background-color: #006DCC;
    color: white;
}

.clickableRow {
    cursor: pointer;
}

.borderless td, .borderless th {
    /*border: none;*/
    padding: 5px 10px 10px 10px;
}

.trcolor {
    background: #C7BA3C;
}

.containerTable {
    display: flex;
    justify-content: center;
    align-items: center;
}

.tdstyle {
    background-color: black;
    color: white;
    text-align: center;
    font-weight: bold;
    padding: 10px;
}

.profile-scroll-div {
    height: 380px;
    overflow: auto;
}

.profile-scroll-div {
    height: auto;
}
/*table styles end*/
input[type="text"][disabled] {
    color: black;
    background-color: white;
    border: 0;
    box-shadow: none;
}

.txtAlignRight {
    text-align: right
}

.modal-headerpopup {
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.cnt-details-cntnr1 {
    background: #000;
    color: #fff;
    padding: 10px 0px;
    font-size: 14px;
    z-index: 1000;
    top: 0px;
    position: fixed;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.letterSpacing {
    letter-spacing: 2px;
}

.capitilize {
    text-transform: capitalize;
}

.letterColor {
    color: #ffffff;
}

.fixedheader {
    position: fixed;
    z-index: 1000;
}

.indexz {
    z-index: 1000;
}

.table-bordered1 {
    padding-bottom: 10px;
    padding: 0px;
}

#wrapper.active {
    padding-left: 150px;
}

    #wrapper.active #sidebar-wrapper {
        left: 150px;
    }

.labelcolorwhite {
    color: white;
}

ul {
    list-style-type: none;
    /*margin-left: -40px;*/
}

.alignleft {
    float: left;
    clear: both;
}
/*validation message color*/
.Error-input-border {
    height: 34px;
    border-left: 1px solid red !important;
    border-right: 1px solid red !important;
    border-top: 1px solid red !important;
    border-bottom: 1px solid red !important;
    width: 100%
}

.Success-input-border {
    height: 34px;
    width: 100%
}

/*approve orders screen*/
.allocateCR .alert {
    margin-bottom: 0px !important;
}

.border-bottom {
    border-bottom: 2px solid #999;
    padding: 10px 0px;
    margin: 0px 0px 10px !important;
}

.user-details {
    font-size: 15px !important;
    padding: 5px 0px;
}

.scroll-div {
    height: 100vh;
    overflow: auto;
}

.verticalscroll-div {
    width: 100vh;
    overflow-x: auto;
}

.scroll-div-child {
    height: 150px;
    overflow: auto;
}

.label-bg-gray {
    background: #eee;
}
#wrapper {
    padding: 90px 15px;
}

.navbar-expand-lg .navbar-nav.side-nav {
    flex-direction: column;
    /*margin-top: 48px*/
}

.card {
    margin-bottom: 15px;
    border-radius: 0;
    box-shadow: 0 3px 5px rgba(0,0,0,.1);
}

.header-top {
    box-shadow: 0 3px 5px rgba(0,0,0,.1)
}

.leftmenutrigger, .navbar-nav li a .shortmenu {
    display: none
}

.card-title {
    font-size: 28px
}

.animate {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.navbar-nav li a svg {
    font-size: 25px;
    float: left;
    margin: 0 10px 0 5px;
}

.side-nav li {
    /*border-bottom: 1px solid #50575d;*/
}

.side-nav .dropdown {
    position: initial;
}

.side-nav .dropdown-menu {
    position: relative;
    opacity: 0;
    left: 120%;
    top: 0;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: 5px 0 5px rgba(0,0,0,.1);
    background: #eee;
    visibility: hidden;
    display: block;
    transition: .4s ease all;
}

    .side-nav .dropdown-menu.show {
        left: 100%;
        opacity: 1;
        visibility: visible;
        display: block;
        transition: .4s ease all;
    }

.bg-dark {
    background-color: #C7BA3C !important;
}

.fa-tasks, .fa-user, .fa-question, .fa-power-off, .fa-phone, .fa-envelope, .fa-keyboard-o, .fa-commenting, .fa-key, .fa-cart-plus, .fa-comment {
    color: black;
}
.fa-user, .fa-key {
    color: white !important;
}
.setpassword > .fa-user   {
    color: black !important;
}
.setpassword > .fa-key {
    color: black !important;
}

    .fixed-top-2 {
        margin-top: 40px;
        z-index: 1000;
    }

/*only media queries*/

@media (min-width: 30em) and (orientation:landscape) {
    .table-wrap {
        width: 100%;
        display: block;
        height: 10vh;
        overflow: auto;
        position: relative;
        z-index: 1;
    }
}
@media only screen and (min-width : 321px) {
    
    .table-wrap {
        width: 100%;
        display: block;
        height: 10vh;
        overflow: auto;
        position: relative;
        z-index: 1;
    }
}
 
@media (max-width: 468px) {
    .navbar-nav.side-nav {
        background-color:black !important;
    }   

    .navbar-dark .navbar-nav .nav-link {
        color: rgba(255, 255, 255, 0.5);
        background-color: black;
    }

   
}
@media (max-width: 480px) {

    .profileName .nav-item .nav-link {
        position: fixed;
        top: 10px;
        width: 208px;
        right: 3px;
        font-size: 15px;
    }

    /*.profileName ul li {
  

            top: 100px;
    width: 202px;
    right: 18px;
    position: absolute;
    }*/
    .navbar-default .navbar-toggler-icon.leftmenutrigger {
        width: 100%;
        top: 12px;
        position: absolute;
        /*right: 116px;*/
        right:75px;
    }
    .btn-responsive {
        /*width: 80%;*/
        display: table;
        content: " ";
    }
    /*.rightpullbadge {
        float: right;
        text-align: right !important;
        position: absolute;
        margin: 65px;
    }*/

    .navbar-dark .navbar-nav .nav-link {
        color: rgba(255, 255, 255, 0.5);
        background-color: black;
    }

   
    .fixedscroll {
        height: 10px;
        overflow: auto;
    }
}
@media only screen and (max-width: 480px) {
    .mobile-margin-bottom {
        margin-bottom: 15px;
    }
    .btn-responsive {
        dmvicicon225
        /*width: 80%;*/
        display: table;
        content: " ";
    }
    .mobile-lblmargin-bottom {
        margin-bottom: 5px;
    }

    .mobile-header-font {
        font-size: 16px !important;
    }

    .user-profile-scroll {
        max-height: none;
        overflow: auto;
    }

    .btn-formatStyle {
        font-size: 14px !important;
    }

    .profile-scroll-div {
        height: auto;
    }

    .claimsearch-scroll-div {
        height: auto !important;
    }

    .lbltext-direction {
        text-align: left !important;
    }

    .user-details {
        font-size: 15px !important;
    }

    .order-no-txt {
        font-size: 16px !important;
    }
}

@media only screen and (max-width: 480px) {
    .title-txt, .txt-user {
        font-size: 20px;
    }
    .btn-responsive {
        /*width: 80%;*/
        display: table;
        content: " ";
    }
    .nav-tabs {
        font-size: 12px;
    }

    .zero-padding-xs {
        padding: 0px !important;
    }

    .upload-txt {
        font-size: 20px;
    }

    .right-txt {
        font-size: 20px;
        font-weight: 600;
    }

    .fa-5x {
        font-size: 3.5em !important;
    }

    .notification-icon {
        padding: 5px;
        font-size: 18px;
        width: 2em;
        height: 2em;
        right: 45px !important;
    }

    .nav-pills > li > a {
        padding: 0px 5px !important;
        font-size: 12px;
    }

    .login-btn {
        padding: 8px 30px !important;
    }

    .login-title, .underWriting-title, .claims-title {
        font-size: 14px;
    }

    .sub-title-txt {
        font-size: 16px;
    }

    h3 {
        font-size: 22px;
    }

    .back-icon-align {
        margin: 0px 5px 15px;
    }
}

@media only screen and (max-device-width:480px) {
    .footer-bg {
        color: #fff;
        background: #000;
        padding: 2px 0px;
        margin: 20px 0px 0px;
        position: fixed;
        bottom: 0;
        width: 100%;
        
    }
    .btn-responsive {
        width: 80%;
        display: table;
        content: " ";
    }

    /* styles for mobile browsers smaller than 480px; (iPhone) */
    .mainDiv {
        width: 300px;
    }

    .navbar-nav.side-nav {
        background: #C7BA3C;
    }

    .navbar-dark .navbar-nav .nav-link {
        color: rgba(255, 255, 255, 0.5);
        background-color: #C7BA3C;
    }
}
@media only screen and (max-device-width: 480px) {
    .rightpull {
        float: right;
        text-align: right !important;
    }
    .btn-responsive {
        width: 80%;
        display: table;
        content: " ";
    }
    /*.rightpullbadge {
        float: right;
        text-align: right !important;
    }*/

    .footer-bg {
        color: #fff;
        background: #000;
        padding: 2px 0px;
        margin: 20px 0px 0px;
        position: fixed;
        bottom: 0;
        width: 100%;
    }

    .mainDiv {
        width: auto;
    }

    .navbar-nav.side-nav {
        background: #C7BA3C;
    }

    .navbar-dark .navbar-nav .nav-link {
        color: rgba(255, 255, 255, 0.5);
        background-color: #C7BA3C;
    }
}

/* different techniques for iPad screening */
@media screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {

    .table-wrap {
        width: 100%;
        display: block;
        height: 30vh;
        overflow: auto;
        position: relative;
        z-index: 1;
    }
}

@media (max-width: 320px)     {
    .table-wrap {
        width: 100%;
        display: block;
        height: 10vh;
        overflow: auto;
        position: relative;
        z-index: 1;
    }
}
@media (min-width: 320px) and (max-width: 480px)   {
    .table-wrap {
        width: 100%;
        display: block;
        height: 30vh;
        overflow: auto;
        position: relative;
        z-index: 1;
    }
    .leftmenutrigger {
        display: block;
        display: block;
        margin: 7px 20px 4px 0;
        cursor: pointer;
        margin-left: 10px;
    }
    .dmvicicon225 {
        background-image: url('../Content/logo/dmvic_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .amaco {
        background-image: url('../Content/companyLogo/amaco_50.png');
        width: 50px;
        height: 45px;
        position: relative;
        background-color:lightcoral;
        display: inline-block;
    }

    .aig {
        background-image: url('../Content/companyLogo/AIG_50.png');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: navy;
        display: inline-block;
    }

    .alliance {
        background-image: url('../Content/companyLogo/allianz_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .apa {
        background-image: url('../Content/companyLogo/apa_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .britam {
        background-image: url('../Content/companyLogo/britam_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .cic {
        background-image: url('../Content/companyLogo/KE-CIC-50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .corporate {
        background-image: url('../Content/companyLogo/CIC-logo_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .directline {
        background-image: url('../Content/companyLogo/Directline_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .fidelity {
        background-image: url('../Content/companyLogo/Fidelity_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .firstassurance {
        background-image: url('../Content/companyLogo/first_assurance_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .ga {
        background-image: url('../Content/companyLogo/ga_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .geminia {
        background-image: url('../Content/companyLogo/geminia_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .icea {
        background-image: url('../Content/companyLogo/icea_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .Intra {
        background-image: url('../Content/companyLogo/Intra_50.png');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: blue;
        display: inline-block;
    }

    .Invesco {
        background-image: url('../Content/companyLogo/invesco_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .Jubilee {
        background-image: url('../Content/companyLogo/Jubilee_50.png');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: #ba0c2f;
        display: inline-block;
    }

    .Kenindia {
        background-image: url('../Content/companyLogo/KenIndia_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .KenyaOrient {
        background-image: url('../Content/companyLogo/KO_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .Kenyan {
        background-image: url('../Content/companyLogo/Kenya-alliance_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .madison {
        background-image: url('../Content/companyLogo/madisonlogo_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .mayfair {
        background-image: url('../Content/companyLogo/mayfair-50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .metropolitan {
        background-image: url('../Content/companyLogo/metropolitan-logo_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .Occidental {
        background-image: url('../Content/companyLogo/Occidental_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .pacis {
        background-image: url('../Content/companyLogo/pacis_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .phoenix {
        background-image: url('../Content/companyLogo/PHOENIX_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .pioneer {
        background-image: url('../Content/companyLogo/pioneerlogo_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .resolutionInsurance {
        background-image: url('../Content/companyLogo/resolution-insurance_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .saham {
        background-image: url('../Content/companyLogo/saham_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .sanlam {
        background-image: url('../Content/companyLogo/sanlam-logo_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .Takaful {
        background-image: url('../Content/companyLogo/Takaful_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .Tausi {
        background-image: url('../Content/companyLogo/Tausi_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .HeritageInsurance {
        background-image: url('../Content/companyLogo/heritage_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .Monarch {
        background-image: url('../Content/companyLogo/The-Monarch-Insurance-Company-Limited_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .Trident {
        background-image: url('../Content/companyLogo/trident_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .uapinsurance {
        background-image: url('../Content/companyLogo/uap_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .xplicoinsurance {
        background-image: url('../Content/companyLogo/Xplico_50.jpg');
        width: 50px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }
}
@media (min-width: 481px) and (max-width: 576px) {
    .dmvicicon225 {
        background-image: url('../Content/logo/dmvic_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }
    .amaco {
        background-image: url('../Content/companyLogo/amaco_75.png');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: lightcoral;
        display: inline-block;
        top: -10px;
    }

    .aig {
        background-image: url('../Content/companyLogo/AIG_75.png');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: navy;
        display: inline-block;
        top: -10px;
    }

    .alliance {
        background-image: url('../Content/companyLogo/allianz_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .apa {
        background-image: url('../Content/companyLogo/apa_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .britam {
        background-image: url('../Content/companyLogo/britam_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .cic {
        background-image: url('../Content/companyLogo/KE-CIC-75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .corporate {
        background-image: url('../Content/companyLogo/CIC-logo_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .directline {
        background-image: url('../Content/companyLogo/Directline_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .fidelity {
        background-image: url('../Content/companyLogo/Fidelity_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .firstassurance {
        background-image: url('../Content/companyLogo/first_assurance_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .ga {
        background-image: url('../Content/companyLogo/ga_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .geminia {
        background-image: url('../Content/companyLogo/geminia_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .icea {
        background-image: url('../Content/companyLogo/icea_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .Intra {
        background-image: url('../Content/companyLogo/Intra_75.png');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: blue;
        display: inline-block;
        top: -10px;
    }

    .Invesco {
        background-image: url('../Content/companyLogo/invesco_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .Jubilee {
        background-image: url('../Content/companyLogo/Jubilee_75.png');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: #ba0c2f;
        display: inline-block;
        top: -10px;
    }

    .Kenindia {
        background-image: url('../Content/companyLogo/KenIndia_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .KenyaOrient {
        background-image: url('../Content/companyLogo/KO_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .Kenyan {
        background-image: url('../Content/companyLogo/Kenya-alliance_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .madison {
        background-image: url('../Content/companyLogo/madisonlogo_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .mayfair {
        background-image: url('../Content/companyLogo/mayfair-75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .metropolitan {
        background-image: url('../Content/companyLogo/metropolitan-logo_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .Occidental {
        background-image: url('../Content/companyLogo/Occidental_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .pacis {
        background-image: url('../Content/companyLogo/pacis_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .phoenix {
        background-image: url('../Content/companyLogo/PHOENIX_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .pioneer {
        background-image: url('../Content/companyLogo/pioneerlogo_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .resolutionInsurance {
        background-image: url('../Content/companyLogo/resolution-insurance_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .saham {
        background-image: url('../Content/companyLogo/saham_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .sanlam {
        background-image: url('../Content/companyLogo/sanlam-logo_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .Takaful {
        background-image: url('../Content/companyLogo/Takaful_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .Tausi {
        background-image: url('../Content/companyLogo/Tausi_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .HeritageInsurance {
        background-image: url('../Content/companyLogo/heritage_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .Monarch {
        background-image: url('../Content/companyLogo/The-Monarch-Insurance-Company-Limited_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .Trident {
        background-image: url('../Content/companyLogo/trident_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .uapinsurance {
        background-image: url('../Content/companyLogo/uap_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }

    .xplicoinsurance {
        background-image: url('../Content/companyLogo/Xplico_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
        top: -10px;
    }
}
    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
        .footer-bg {
            color: #fff;
            background: #000;
            padding: 2px 0px;
            margin: 20px 0px 0px;
            position: fixed;
            bottom: 0;
            width: 100%;
        }

        .navbar-nav.side-nav {
            background: #C7BA3C;
        }

        .navbar-dark .navbar-nav .nav-link {
            color: rgba(255, 255, 255, 0.5);
            background-color: #C7BA3C;
        }

        .mainDiv {
        }
        /* For portrait layouts only */
    }

    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
        .footer-bg {
            color: #fff;
            background: #000;
            padding: 2px 0px;
            margin: 20px 0px 0px;
            position: fixed;
            bottom: 0;
            width: 100%;
        }

        .navbar-nav.side-nav {
            background: #C7BA3C;
        }

        .navbar-dark .navbar-nav .nav-link {
            color: rgba(255, 255, 255, 0.5);
            background-color: #C7BA3C;
        }

        .mainDiv {
            /* For landscape layouts only */
        }

        /*.rightpullbadge {
        float: right;
        text-align: right !important;
        position: absolute;
        margin: 65px;
    }*/
    }

    @media (min-width: 576px) {
    }

    @media only screen and (max-width: 600px) {
        .title-txt, .txt-user {
            font-size: 18px;
        }

        .nav-tabs {
            font-size: 14px;
        }

        .fa-3x {
            font-size: 2.5em !important;
        }

        .count-txt {
            font-size: 25px;
            padding: 6px 0px;
        }

        .circle-bdr1 {
            font-size: 2em !important;
            padding: 16px;
        }

        .notification-icon {
            right: 88px !important;
            padding: 3px;
            font-size: 14px;
            width: 2em;
            height: 2em;
        }

        /*.cnt-details-cntnr {
        font-size: 14px;
    }*/

        .nav > li > a {
            padding: 10px 12px !important;
        }

        .nav-pills > li > a {
            padding: 0px 15px !important;
        }

        .zero-padding-xs {
            padding: 0px;
        }
    }

    @media (min-width: 768px) {
        .col-md1-4 {
            -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
            max-width: 100%;
            /*position: relative;
        top: -22px;*/
            position: absolute;
            top: -1px;
            padding: 1px;
        }

        .footer-bg {
            color: #fff;
            background: #000;
            padding: 2px 0px;
            margin: 20px 0px 0px;
            position: fixed;
            bottom: 0;
            width: 100%;
        }


        .navbar-dark .navbar-nav .nav-link {
            color: rgba(255, 255, 255, 0.5);
            /*background-color: #C7BA3C;*/
        }
    }

@media (min-width: 577px) and (max-width: 768px) {
    .dmvicicon225 {
        background-image: url('../Content/logo/dmvic_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }
    .amaco {
        background-image: url('../Content/companyLogo/amaco_75.png');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: lightcoral;
        display: inline-block;
    }

    .aig {
        background-image: url('../Content/companyLogo/AIG_75.png');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: navy;
        display: inline-block;
    }

    .alliance {
        background-image: url('../Content/companyLogo/allianz_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .apa {
        background-image: url('../Content/companyLogo/apa_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .britam {
        background-image: url('../Content/companyLogo/britam_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .cic {
        background-image: url('../Content/companyLogo/KE-CIC-75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .corporate {
        background-image: url('../Content/companyLogo/CIC-logo_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .directline {
        background-image: url('../Content/companyLogo/Directline_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .fidelity {
        background-image: url('../Content/companyLogo/Fidelity_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .firstassurance {
        background-image: url('../Content/companyLogo/first_assurance_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .ga {
        background-image: url('../Content/companyLogo/ga_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .geminia {
        background-image: url('../Content/companyLogo/geminia_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .icea {
        background-image: url('../Content/companyLogo/icea_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .Intra {
        background-image: url('../Content/companyLogo/Intra_75.png');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: blue;
        display: inline-block;
    }

    .Invesco {
        background-image: url('../Content/companyLogo/invesco_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .Jubilee {
        background-image: url('../Content/companyLogo/Jubilee_75.png');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: #ba0c2f;
        display: inline-block;
    }

    .Kenindia {
        background-image: url('../Content/companyLogo/KenIndia_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .KenyaOrient {
        background-image: url('../Content/companyLogo/KO_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .Kenyan {
        background-image: url('../Content/companyLogo/Kenya-alliance_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .madison {
        background-image: url('../Content/companyLogo/madisonlogo_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .mayfair {
        background-image: url('../Content/companyLogo/mayfair-75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .metropolitan {
        background-image: url('../Content/companyLogo/metropolitan-logo_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .Occidental {
        background-image: url('../Content/companyLogo/Occidental_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .pacis {
        background-image: url('../Content/companyLogo/pacis_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .phoenix {
        background-image: url('../Content/companyLogo/PHOENIX_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .pioneer {
        background-image: url('../Content/companyLogo/pioneerlogo_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .resolutionInsurance {
        background-image: url('../Content/companyLogo/resolution-insurance_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .saham {
        background-image: url('../Content/companyLogo/saham_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .sanlam {
        background-image: url('../Content/companyLogo/sanlam-logo_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .Takaful {
        background-image: url('../Content/companyLogo/Takaful_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .Tausi {
        background-image: url('../Content/companyLogo/Tausi_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .HeritageInsurance {
        background-image: url('../Content/companyLogo/heritage_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .Monarch {
        background-image: url('../Content/companyLogo/The-Monarch-Insurance-Company-Limited_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .Trident {
        background-image: url('../Content/companyLogo/trident_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .uapinsurance {
        background-image: url('../Content/companyLogo/uap_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .xplicoinsurance {
        background-image: url('../Content/companyLogo/Xplico_75.jpg');
        width: 75px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }
}
@media (min-width: 769px) and (max-width: 991px) {
    .dmvicicon225 {
        background-image: url('../Content/logo/dmvic_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }
    .amaco {
        background-image: url('../Content/companyLogo/amaco_100.png');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: lightcoral;
        display: inline-block;
    }

    .aig {
        background-image: url('../Content/companyLogo/AIG_100.png');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: navy;
        display: inline-block;
    }

    .alliance {
        background-image: url('../Content/companyLogo/allianz_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .apa {
        background-image: url('../Content/companyLogo/apa_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .britam {
        background-image: url('../Content/companyLogo/britam_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .cic {
        background-image: url('../Content/companyLogo/KE-CIC-100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .corporate {
        background-image: url('../Content/companyLogo/CIC-logo_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .directline {
        background-image: url('../Content/companyLogo/Directline_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .fidelity {
        background-image: url('../Content/companyLogo/Fidelity_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .firstassurance {
        background-image: url('../Content/companyLogo/first_assurance_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .ga {
        background-image: url('../Content/companyLogo/ga_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .geminia {
        background-image: url('../Content/companyLogo/geminia_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .icea {
        background-image: url('../Content/companyLogo/icea_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .Intra {
        background-image: url('../Content/companyLogo/Intra_100.png');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: blue;
        display: inline-block;
    }

    .Invesco {
        background-image: url('../Content/companyLogo/invesco_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .Jubilee {
        background-image: url('../Content/companyLogo/Jubilee_100.png');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: #ba0c2f;
        display: inline-block;
    }

    .Kenindia {
        background-image: url('../Content/companyLogo/KenIndia_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .KenyaOrient {
        background-image: url('../Content/companyLogo/KO_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .Kenyan {
        background-image: url('../Content/companyLogo/Kenya-alliance_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .madison {
        background-image: url('../Content/companyLogo/madisonlogo_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .mayfair {
        background-image: url('../Content/companyLogo/mayfair-100jpg.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .metropolitan {
        background-image: url('../Content/companyLogo/metropolitan-logo_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .Occidental {
        background-image: url('../Content/companyLogo/Occidental_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .pacis {
        background-image: url('../Content/companyLogo/pacis_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .phoenix {
        background-image: url('../Content/companyLogo/PHOENIX_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .pioneer {
        background-image: url('../Content/companyLogo/pioneerlogo_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .resolutionInsurance {
        background-image: url('../Content/companyLogo/resolution-insurance_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .saham {
        background-image: url('../Content/companyLogo/saham_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .sanlam {
        background-image: url('../Content/companyLogo/sanlam-logo_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .Takaful {
        background-image: url('../Content/companyLogo/Takaful_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .Tausi {
        background-image: url('../Content/companyLogo/Tausi_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .HeritageInsurance {
        background-image: url('../Content/companyLogo/heritage_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .Monarch {
        background-image: url('../Content/companyLogo/The-Monarch-Insurance-Company-Limited_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .Trident {
        background-image: url('../Content/companyLogo/trident_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .uapinsurance {
        background-image: url('../Content/companyLogo/uap_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }

    .xplicoinsurance {
        background-image: url('../Content/companyLogo/Xplico_100.jpg');
        width: 100px;
        height: 45px;
        position: relative;
        background-color: white;
        display: inline-block;
    }
}

    @media only screen and (max-width: 768px) {
        .title-txt, .txt-user {
            font-size: 20px;
        }

        .nav-tabs {
            font-size: 14px;
        }

        .notification-icon {
            right: 100px !important;
        }

        .login-btn {
            padding: 8px 80px !important;
        }

        .notification-icon {
            right: 93px !important;
        }

        .nav-pills > li > a {
            padding: 0px 15px !important;
        }

        #exCollapsingNavbar {
            position: relative !important;
            left: 0px;
        }

        .zero-padding-xs {
            padding: 0px !important;
        }

        .menucontrol {
            /*margin-bottom: -470px;
        border: 3px solid #C7BA3C;
        height: 200px;
        width: 300px;
        padding: 20px;
        margin-left: -75px;
        
        border-radius: 5px;
        background-color: white;
        margin-top: 40px;*/
        }
    }

    @media only screen and (max-width: 768px) {
        .xs-icon {
            font-size: 1.5em;
        }

        .align-center {
            text-align: center !important;
        }

        .icon-margin {
            margin-top: 5px !important;
            clear: both;
        }

        .header-mblViewCenter {
            text-align: center !important;
        }
    }

    @media only screen and (device-width:768px) {
        .footer-bg {
            color: #fff;
            background: #000;
            padding: 2px 0px;
            margin: 20px 0px 0px;
            position: fixed;
            bottom: 0;
            width: 100%;
        }

        .navbar-nav.side-nav {
            background: #C7BA3C;
        }

        .navbar-dark .navbar-nav .nav-link {
            color: rgba(255, 255, 255, 0.5);
            background-color: #C7BA3C;
        }

        .mainDiv {
            width: auto;
        }
        /* default iPad screens */
    }

    @media screen and (min-device-width: 481px) and (max-device-width: 768px) {
        .rightpull {
            float: right;
            text-align: right !important;
        }

        /*.rightpullbadge {
        float: right;
        text-align: right !important;
    }*/

        .footer-bg {
            color: #fff;
            background: #000;
            padding: 2px 0px;
            margin: 20px 0px 0px;
            position: fixed;
            bottom: 0;
            width: 100%;
        }

        .navbar-nav.side-nav {
            background: #C7BA3C;
        }

        .navbar-dark .navbar-nav .nav-link {
            color: rgba(255, 255, 255, 0.5);
            background-color: #C7BA3C;
        }
    }


    @media screen and (max-width: 576px) {

        /*.menucontrol {
      
        margin-bottom: -470px;
        border: 3px solid #C7BA3C;
        height: 300px;
        width: 487px;
        padding: 20px;
       
        border-radius: 5px;
        background-color: white;
        margin-top: 40px;
        padding: 0px;
    }*/


    }

    @media screen and (max-width: 769px) {

        .menucontrol {
            margin-left: 11px !important;
            margin-bottom: -470px;
            border: 3px solid #C7BA3C;
            height: 300px;
            width: 459px;
            border-radius: 5px;
            background-color: white;
            margin-top: 40px;
            padding: 0px !important;
        }

        .footer-bg {
            color: #fff;
            background: #000;
            padding: 2px 0px;
            margin: 20px 0px 0px;
            position: fixed;
            bottom: 0;
            width: 100%;
        }

        .navbar-nav.side-nav {
            background-color: black !important;
        }

        .navbar-dark .navbar-nav .nav-link {
            color: rgba(255, 255, 255, 0.5);
            background-color: #C7BA3C;
            margin-left: 50px;
        }
    }

    @media only screen and (min-width:960px) {
        .mainDiv {
            width: auto;
        }

        /*.rightpullbadge {
        float: right;
        text-align: right !important;
    }*/

        .footer-bg {
            color: #fff;
            background: #000;
            padding: 2px 0px;
            margin: 20px 0px 0px;
            position: fixed;
            bottom: 0;
            width: 100%;
            text-align: center;
        }

        /* styles for browsers larger than 960px; */
    }
    /*not used*/
    @media screen and (max-width: 991px) {

        .marginleft10px {
            margin-left: 10px;
        }

        .marginright10px {
            margin-right: 10px;
        }

        .rightpull {
            float: right;
            text-align: right !important;
        }

        .sslicon {
            position: fixed;
            bottom: 60px;
            text-align: center;
            top: 73px;
            position: relative !important;
            background-color: black;
            width: auto !important;
        }

        .mobilemarginbottom36px {
            margin-bottom: -36px;
        }

        .ssliconmobile {
            width: auto;
            height: 32px;
        }

        .table-wrap {
            width: 100%;
            display: block;
            height: 50vh;
            overflow: auto;
            position: relative;
            z-index: 1;
        }

        .rightpullbadge {
            /*float: right;*/
            text-align: right !important;
            position: relative;
            top: -12px;
            /*left: 125px;
        top: 165px;*/
        }

        .footer-bg {
            color: #fff;
            background: #000;
            padding: 2px 0px;
            margin: 20px 0px 0px;
            position: fixed;
            bottom: 0;
            width: 100%;
            font-size: 10px;
            text-align: center;
        }

        .navbar-nav.side-nav {
            background: #C7BA3C;
        }

        .sub-menu {
            background-color: black !important;
        }

        .submenu1 {
            /*top: 50px;*/
            position: absolute;
        }

        .iconcolor {
            color: #C7BA3C;
        }

        .iconcolorwhite {
            color: white;
            height: 20px;
        }

        .letterdownline {
            /*border-bottom: 1px solid white;*/
        }

        .navbar-dark .navbar-nav .nav-link {
            color: rgba(255, 255, 255, 0.5);
            /*background-color: #C7BA3C;*/
            background-color: black !important;
        }
    }

    @media(min-width:992px) {


        .menucontrol {
            margin-bottom: -470px;
            border: 3px solid #C7BA3C;
            height: 200px;
            width: 750px !important;
            padding: 20px;
            margin-left: -180px !important;
            /*padding: 30px;*/
            border-radius: 5px;
            background-color: white;
            margin-top: 40px;
        }

        .leftmenutrigger {
            display: block;
            display: block;
            margin: 7px 20px 4px 0;
            cursor: pointer;
            margin-left: 10px;
        }

        .iconcolor {
            color: #C7BA3C;
        }

        .submenu1 {
            /*position: relative;
            top: -40px;*/
            /*position: absolute;*/
            /* top:22px;*/
            position: absolute;
            /*left: 154px;
            top: 87px;*/
        }

        #wrapper {
            padding: 90px 15px 15px 75px;
        }

            #wrapper.open {
                padding: 90px 15px 15px 225px;
            }

            #wrapper.open1 {
                padding: 90px 15px 15px 225px;
            }

        .navbar-nav.side-nav.open {
            left: 0;
        }

        .navbar-nav.side-nav.open1 {
            left: 0;
        }

        #wrapper.close {
            padding: 90px 15px 15px 225px;
        }

        .navbar-nav.side-nav.close {
            left: 0;
        }

            .navbar-nav.side-nav.close.navbar-nav li a .shortmenu {
                opacity: 0
            }

        .side-nav li a {
            /*padding: 10px*/
            padding: 0px
        }

        .navbar-nav li a .shortmenu {
            float: right;
            display: block;
            opacity: 1
        }

        .navbar-nav.side-nav.open.navbar-nav li a .shortmenu {
            opacity: 0
        }

        .navbar-nav.side-nav.open1.navbar-nav li a .shortmenu {
            opacity: 0
        }

        .navbar-nav.side-nav {
            background: #585f66;
            box-shadow: 2px 1px 2px rgba(0,0,0,.1);
            position: fixed;
            /*top: 85px;*/
            top: 45px;
            flex-direction: column !important;
            /*left: -140px;*/
            /*width: 200px;*/
            /*width: 220px;*/
            bottom: 0;
            padding-bottom: 40px;
            bottom: 28px;
            /* width: 200px; */
            /*left: -211px;
            width: 267px;*/
            left: -240px;
            /* width: 200px; */
            width: 286px;
        }

        .table-wrap {
            /*width: 100%;*/
            display: block;
            height: 60vh;
            overflow-y: auto;
            overflow-x: auto;
            position: relative;
            z-index: 1;
        }

        .navbar-nav.side-nav {
            background: #585f66;
        }

        .rightpullbadge {
            /*float: right;
        text-align: right !important;*/
            left: 82px;
            top: -15px;
            position: relative;
            margin-left: -30px;
        }

        .dmvicicon25 {
            background-image: url('../Content/logo/dmviclogo-25.png');
            width: 50px;
            height: 25px;
            position: relative;
            display: inline-block;
            background-color: white;
        }

        .dmvicicon225 {
            /*background-image: url('../Content/logo/D-MVIC-Image_25.png');
            width: 100px;
            height: 25px;
            position: relative;
            background-color: white;
            display: inline-block;*/
            /*background-image: url(../Content/logo/D-MVIC-Image_25.png);*/
            background-image: url('../Content/logo/dmvic_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .amaco {
            background-image: url('../Content/companyLogo/amaco_125.png');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: lightcoral;
            display: inline-block;
        }

        .aig {
            background-image: url('../Content/companyLogo/AIG_125.png');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: navy;
            display: inline-block;
        }

        .alliance {
            background-image: url('../Content/companyLogo/allianz_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .apa {
            background-image: url('../Content/companyLogo/apa_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .britam {
            background-image: url('../Content/companyLogo/britam_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .cic {
            background-image: url('../Content/companyLogo/KE-CIC-125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .corporate {
            background-image: url('../Content/companyLogo/CIC-logo_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .directline {
            background-image: url('../Content/companyLogo/Directline_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .fidelity {
            background-image: url('../Content/companyLogo/Fidelity_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .firstassurance {
            background-image: url('../Content/companyLogo/first_assurance_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .ga {
            background-image: url('../Content/companyLogo/ga_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .geminia {
            background-image: url('../Content/companyLogo/geminia_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .icea {
            background-image: url('../Content/companyLogo/icea_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .Intra {
            background-image: url('../Content/companyLogo/Intra_125.png');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: blue;
            display: inline-block;
        }

        .Invesco {
            background-image: url('../Content/companyLogo/invesco_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .Jubilee {
            background-image: url('../Content/companyLogo/Jubilee_125.png');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: #ba0c2f;
            display: inline-block;
        }

        .Kenindia {
            background-image: url('../Content/companyLogo/KenIndia_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .KenyaOrient {
            background-image: url('../Content/companyLogo/KO_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .Kenyan {
            background-image: url('../Content/companyLogo/Kenya-alliance_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .madison {
            background-image: url('../Content/companyLogo/madisonlogo_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .mayfair {
            background-image: url('../Content/companyLogo/mayfair-125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .metropolitan {
            background-image: url('../Content/companyLogo/metropolitan-logo_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .Occidental {
            background-image: url('../Content/companyLogo/Occidental_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .pacis {
            background-image: url('../Content/companyLogo/pacis_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .phoenix {
            background-image: url('../Content/companyLogo/PHOENIX_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .pioneer {
            background-image: url('../Content/companyLogo/pioneerlogo_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .resolutionInsurance {
            background-image: url('../Content/companyLogo/resolution-insurance_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .saham {
            background-image: url('../Content/companyLogo/saham_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .sanlam {
            background-image: url('../Content/companyLogo/sanlam-logo_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .Takaful {
            background-image: url('../Content/companyLogo/Takaful_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .Tausi {
            background-image: url('../Content/companyLogo/Tausi_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .HeritageInsurance {
            background-image: url('../Content/companyLogo/heritage_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .Monarch {
            background-image: url('../Content/companyLogo/The-Monarch-Insurance-Company-Limited_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .Trident {
            background-image: url('../Content/companyLogo/trident_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .uapinsurance {
            background-image: url('../Content/companyLogo/uap_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }

        .xplicoinsurance {
            background-image: url('../Content/companyLogo/Xplico_125.jpg');
            width: 125px;
            height: 45px;
            left: -14px;
            position: relative;
            padding: -27px;
            margin-top: -10px;
            margin-bottom: -6px;
            background-color: white;
            display: inline-block;
        }
    }





    @media (min-width: 1200px) {

        .scroll-div {
            height: 100vh;
            overflow: auto;
        }
    }

    @media only screen and (min-width:1440px) {
        /* styles for browsers larger than 1440px; */
        .mainDiv {
            width: auto;
        }

        .footer-bg {
            color: #fff;
            background: #000;
            padding: 2px 0px;
            margin: 20px 0px 0px;
            position: fixed;
            bottom: 0;
            width: 100%;
        }
    }

    @media only screen and (min-width:2000px) {
        /* for sumo sized (mac) screens */
        .footer-bg {
            color: #fff;
            background: #000;
            padding: 2px 0px;
            margin: 20px 0px 0px;
            position: fixed;
            bottom: 0;
            width: 100%;
        }

        .mainDiv {
            width: auto;
        }
    }

    .PIN-form {
        width: 340px;
        margin: 50px auto;
        /*height: 400px;
        background: linear-gradient(to left, #c7ba3c,#c7ba3c 100%)*/
    }
    /* form design*/
    .login-form {
        width: 340px;
        margin: 50px auto;
        /*height: 400px;
        background: linear-gradient(to left, #c7ba3c,#c7ba3c 100%)*/
    }

    .PIN-form form {
        margin-bottom: 15px;
        background: #c7ba3c;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
        padding: 30px;
    }

    .login-form form {
        margin-bottom: 15px;
        background: #f7f7f7;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
        padding: 30px;
    }

    .login-form h2 {
        margin: 0 0 15px;
    }

    .PIN-form h2 {
        margin: 0 0 15px;
    }

    .form-control, .btn {
        min-height: 38px;
        border-radius: 2px;
    }

    .btn {
        font-size: 15px;
        font-weight: bold;
    }

    .form-control {
        width: 70%;
    }

    .form-control2 {
        display: block;
        width: 100%;
        height: calc(2.25rem + 2px);
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .form-control2 {
        width: 100%;
    }

    .form-control2, .btn {
        min-height: 38px;
        border-radius: 2px;
        background-color: #eee;
    }

    .submit-form {
        /*width: 100%;*/
        /*margin: 50px auto;*/
        /*margin-left:10%;*/
    }

    .select2 {
        width: 70% !important;
        height: 40px;
    }

    .submit-form form {
        margin-bottom: 15px;
        padding: 30px;
    }

    .generic-form {
        margin-bottom: 15px;
        margin-left: 10%;
        /*padding: 30px;*/
    }

    .form-group1 {
        margin-bottom: 1rem;
        /* margin-bottom: 0.5rem; */
    }

    .clearfix:before,
    .clearfix:after,
    .dl-horizontal dd:before,
    .dl-horizontal dd:after,
    .container:before,
    .container:after,
    .container-fluid:before,
    .container-fluid:after,
    .row:before,
    .row:after,
    .form-horizontal .form-group:before,
    .form-horizontal .form-group:after,
    .btn-toolbar:before,
    .btn-toolbar:after,
    .btn-group-vertical > .btn-group:before,
    .btn-group-vertical > .btn-group:after,
    .nav:before,
    .nav:after,
    /*.navbar:before,
.navbar:after,*/
    .navbar-header:before,
    .navbar-header:after,
    .navbar-collapse:before,
    .navbar-collapse:after,
    .pager:before,
    .pager:after,
    .panel-body:before,
    .panel-body:after,
    .modal-header:before,
    .modal-header:after,
    .modal-footer:before,
    .modal-footer:after {
        display: table;
        content: " ";
    }

    .clearfix:after,
    .dl-horizontal dd:after,
    .container:after,
    .container-fluid:after,
    .row:after,
    .form-horizontal .form-group:after,
    .btn-toolbar:after,
    .btn-group-vertical > .btn-group:after,
    .nav:after,
    .navbar:after,
    .navbar-header:after,
    .navbar-collapse:after,
    .pager:after,
    .panel-body:after,
    .modal-header:after,
    .modal-footer:after {
        clear: both;
    }



    .panel {
        /*margin-bottom: 20px;*/
        width: 100%;
        border-color: red;
        border: 1px solid transparent;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    }

    /*.panel-body {
    padding: 15px;
}*/

    .panelcertificate {
        padding: 25px;
        border: 5px solid #c7ba3c;
    }

    .fontweightBold {
        font-weight: bold;
    }

    .content-boxwhite {
        padding-left: 30px;
        padding-top: 30px;
        padding-right: 30px;
        border: 1px solid rgba(255, 255, 255, 0.5);
        /*margin: 5px 0px;*/
        border-radius: 5px;
    }

    .inventorycontent-box {
        padding-left: 40px;
        padding-right: 40px;
        padding: 30px;
        border: 1px solid #ccc;
        /*margin: 5px 0px;*/
        border-radius: 5px;
        /*width:90%;*/
    }

    .content-box {
        padding: 30px;
        border: 1px solid #ccc;
        /*margin: 5px 0px;*/
        border-radius: 5px;
        /*width:90%;*/
    }

    .login-tab {
        background: #fff !important;
        padding: 0px 0px;
    }

    .form-group2 {
        margin-bottom: 0.5rem;
    }

    .content-box2 {
        padding: 10px;
        border: 1px solid #ccc;
        /* margin: 5px 0px; */
        border-radius: 5px;
        /*width: 90%;*/
    }


    .custom-table-header-bg {
        background: #000;
        color: #FFF;
    }

    .tclass {
        padding: 0.5rem;
        /* vertical-align: top; */
        /* border-top: 1px solid #dee2e6; */
    }

    .order-no-txt {
        font-weight: bold;
        padding: 5px 0px;
        margin: 5px 0px;
        background: #000;
        color: #fff;
        font-size: 20px !important;
    }

    .border-bottom {
        border-bottom: 2px solid #999;
        padding: 10px 0px;
        margin: 0px 0px 10px !important;
    }

    .user-details {
        font-size: 17px;
        padding: 5px 0px;
    }

    .deliveryCR .alert {
        margin-bottom: 0px !important;
    }

    .inventory-form {
        width: 80%;
        margin: 50px auto;
        /*margin-left: 10%;*/
        /*padding-left: 40px;
    padding-right: 40px;*/
    }

    .border-bottom2 {
        padding: 10px 0px;
        margin: 0px 0px 10px !important;
    }

    .border-top {
        border-top: 1px solid black !important;
    }

    .padding30px {
        padding: 30px
    }

    .height100px {
        height: 100px
    }

    .width100 {
        width: 100%;
    }

    .cursor-pointer {
        cursor: pointer;
    }

    .multiselect {
        color: black;
        background-color: #C7BA3C;
        /*border-radius: 10px;*/
        border-color: gray;
        width: 10%;
    }

    @media (min-width: 320px) {
        .leftmenutrigger {
            display: block;
            /*margin: 7px 20px 4px 0;*/
            margin: 0px 0px 4px 0;
            cursor: pointer;
            margin-left: 10px;
            margin-right: -10px;
        }
    }

    @media (max-width: 320px) {
        .leftmenutrigger {
            display: block;
            margin: 7px 20px 4px 0;
            cursor: pointer;
            margin-left: 10px;
        }

        .mobilemarginbottom36px {
            margin-bottom: -36px;
        }

        .panelcertificate {
            width: 90%;
        }

        .content-boxwhite {
            padding-left: 20px;
            padding-top: 30px;
            padding-right: 50px;
            border: 1px solid rgba(255, 255, 255, 0.5);
            /* margin: 5px 0px; */
            border-radius: 5px;
        }

        .content-box2 {
            padding: 10px;
            border: 1px solid #ccc;
            /* margin: 5px 0px; */
            border-radius: 5px;
            width: 90%;
        }

        .content-box {
            padding: 30px;
            border: 1px solid #ccc;
            /*margin: 5px 0px;*/
            border-radius: 5px;
            width: 90%;
        }

        .inventorycontent-box {
            padding-left: 40px;
            padding-right: 40px;
            padding: 30px;
            border: 1px solid #ccc;
            /*margin: 5px 0px;*/
            border-radius: 5px;
            width: 100%;
        }

        .nav-item {
            /*background-color: black;*/
        }

        .login-form {
            width: 280px;
            margin: 20px auto;
        }

        .PIN-form {
            width: 280px;
            margin: 20px auto;
        }

        .mobiletxtcenter {
            text-align: center;
        }

        .navbar-expand-lg .navbar-nav.side-nav {
            flex-direction: column;
            margin-top: 5px;
        }

        .generic-form {
            width: 100%;
            margin: auto;
            margin-left: 0%;
            padding-left: 20%;
        }

        .form-control {
            width: 100%;
        }

        .select2-container .select2-choice {
            width: 141%;
        }

        .inventory-form {
            width: 100%;
            margin: 50px auto;
            /*margin-left: 10%;*/
            /*padding-left: 40px;
        padding-right: 40px;*/
        }

        .fixed_header {
            table-layout: fixed;
            border-collapse: collapse;
        }

        .marginleft10px {
            margin-left: 10px;
        }

        .marginright10px {
            margin-right: 10px;
        }

        .navbar-dark .navbar-nav .nav-link {
            color: rgba(255, 255, 255, 0.5);
            background-color: #C7BA3C;
            margin-left: 0px;
        }

        .menucontrol {
            margin-bottom: -470px;
            border: 3px solid #C7BA3C;
            height: 250px !important;
            width: 280px !important;
            padding: 20px;
            margin-left: -75px;
            padding: 30px;
            border-radius: 5px;
            background-color: white;
            margin-top: 40px;
            overflow-y: auto;
            margin-left: 30px;
        }

        .profileName {
            display: inline-flex;
        }
    }

    @media (max-width: 480px) {
        .navbar-expand-lg {
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

        .mobilemarginbottom36px {
            margin-bottom: -36px;
        }

        .menumargin {
        }

        .marginleft10px {
            margin-left: 10px;
        }

        .marginright10px {
            margin-right: 10px;
        }

        .panelcertificate {
            width: 90%;
        }

        .content-boxwhite {
            padding-left: 20px;
            padding-top: 30px;
            padding-right: 50px;
            border: 1px solid rgba(255, 255, 255, 0.5);
            /* margin: 5px 0px; */
            border-radius: 5px;
        }

        .content-box2 {
            padding: 10px;
            border: 1px solid #ccc;
            /* margin: 5px 0px; */
            border-radius: 5px;
            width: 90%;
        }

        .content-box {
            padding: 30px;
            border: 1px solid #ccc;
            /*margin: 5px 0px;*/
            border-radius: 5px;
            width: 90%;
        }

        .inventorycontent-box {
            padding-left: 40px;
            padding-right: 40px;
            padding: 30px;
            border: 1px solid #ccc;
            /*margin: 5px 0px;*/
            border-radius: 5px;
            width: 100%;
        }

        .nav-item {
            /*background-color: black;*/
        }

        .navbar-expand-lg .navbar-nav.side-nav {
            flex-direction: column;
            margin-top: 5px;
            margin-bottom: -36px;
        }

        .mobilemarginbottom36px {
        }

        .generic-form {
            width: 100%;
            margin: auto;
            margin-left: 0%;
            padding-left: 25px;
            padding-right: 25px;
        }

        .form-control {
            width: 100%;
        }

        .select2-container .select2-choice {
            width: 141%;
        }

        .inventory-form {
            width: 100%;
            margin: 50px auto;
            /*margin-left: 10%;*/
            /*padding-left: 40px;
        padding-right: 40px;*/
        }

        .fixed_header {
            table-layout: fixed;
            border-collapse: collapse;
        }

        .navbar-dark .navbar-nav .nav-link {
            color: rgba(255, 255, 255, 0.5);
            background-color: #C7BA3C;
            margin-left: 0px;
        }

        .ulclas {
            margin: 0px;
            padding: 0px;
            margin-left: -10px;
            margin: -20px;
        }

        .menucontrol {
            margin-bottom: -470px;
            border: 3px solid #C7BA3C;
            height: 400px !important;
            /*width: 320px !important;*/
            width: 308px !important;
            border-radius: 5px;
            background-color: white;
            /*margin-left: -20px !important;*/
            margin-left: -55px !important;
            padding: 0px !important;
        }

        .profileName {
            display: inline-flex;
            display: inline-flex;
            top: -82px;
            position: relative;
            margin-left: 115px;
        }

        .marginrightdmvic {
            margin-right: 286px;
        }
    }

    @media (max-width: 576px) {

        .mobilemarginbottom36px {
            margin-bottom: -36px;
        }

        .panelcertificate {
            width: 90%;
        }

        .content-boxwhite {
            padding-left: 20px;
            padding-top: 30px;
            padding-right: 50px;
            border: 1px solid rgba(255, 255, 255, 0.5);
            /* margin: 5px 0px; */
            border-radius: 5px;
        }

        .content-box2 {
            padding: 10px;
            border: 1px solid #ccc;
            /* margin: 5px 0px; */
            border-radius: 5px;
            width: 90%;
        }

        .content-box {
            padding: 30px;
            border: 1px solid #ccc;
            /*margin: 5px 0px;*/
            border-radius: 5px;
            width: 90%;
        }

        .nav-item {
            /*background-color: black;*/
        }

        .generic-form {
            width: 100%;
            margin: auto;
            margin-left: 0%;
            padding-left: 25px;
            padding-right: 25px;
        }

        .form-control {
            width: 100%;
        }

        .select2-container .select2-choice {
            width: 141%;
        }

        .inventory-form {
            width: 100%;
            margin: 50px auto;
            /*margin-left: 10%;*/
            /*padding-left: 40px;
        padding-right: 40px;*/
        }

        .fixed_header {
            table-layout: fixed;
            border-collapse: collapse;
        }

        .menumargin {
            margin-left: -40px;
        }

        .msubmenu {
            margin-left: -20px;
        }

        .mobilepadding5px {
            padding: 15px;
        }

        .marginleft10px {
            margin-left: 10px;
        }

        .marginright10px {
            margin-right: 10px;
        }

        .navbar-dark .navbar-nav .nav-link {
            color: rgba(255, 255, 255, 0.5);
            background-color: #C7BA3C;
            margin-left: 0px;
        }

        .menucontrol {
            /*margin-bottom: -470px;
        border: 3px solid #C7BA3C;
        height: 300px;
        width: 487px;
        padding: 20px;
        
        border-radius: 5px;
        background-color: white;
        margin-top: 40px;
        padding: 0px;*/
        }

        .profileName {
            display: inline-flex;
            top: -82px !important;
            position: relative;
            margin-left: 170px;
        }

        .marginrightdmvic {
            /*margin-right: 285px;*/
        }
    }

    @media (min-width: 576px) {

        .popupright {
            display: block !important;
            float: right !important;
            top: 20px !important;
            margin-right: 10px;
        }

        .navbar-expand-lg {
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

        .profileName {
            display: inline-flex;
        }

        .fixed_header {
            width: 100% !important;
            table-layout: fixed;
            border-collapse: collapse;
        }

        ul {
            list-style-type: none;
            margin-left: -40px;
        }
    }

    /*Medium devices (tablets, 768px and up)*/
    @media (min-width: 768px) {
        .profileName {
            display: inline-flex;
        }

        ul {
            list-style-type: none;
            margin-left: -40px;
        }

        .iconcolor {
            color: #C7BA3C;
        }

        .menucontrol {
            margin-bottom: -470px;
            border: 3px solid #C7BA3C;
            height: 200px;
            width: 800px !important;
            /*width: 700px !important;*/
            padding: 20px;
            margin-left: -184px;
            border-radius: 5px;
            background-color: white;
            margin-top: 42px;
        }
    }

    /*Large devices (desktops, 992px and up)*/
    @media (min-width: 992px) {
        .marginleft11px {
            margin-left: 10px;
        }

        .iconcolor {
            color: #C7BA3C;
        }

        .triangle-up {
            width: 0;
            height: -27px;
            border-left: 15px solid white;
            border-right: 15px solid white;
            border-bottom: 20px solid #bbbb24;
            position: relative;
            top: 32px;
            left: -33px;
        }
    }

    /*Extra large devices (large desktops, 1200px and up)*/
    @media (min-width: 1200px) {

        .iconcolor {
            color: #C7BA3C;
        }
    }

    @media (min-width:1400px) {
        .menucontrol {
            margin-bottom: -470px;
            border: 3px solid #C7BA3C;
            height: 200px;
            width: 800px !important;
            padding: 20px;
            margin-left: -210px !important;
            border-radius: 5px;
            background-color: white;
            margin-top: 42px;
        }
    }

    @media (min-width:1600px) {
        .menucontrol {
            margin-bottom: -470px;
            border: 3px solid #C7BA3C;
            height: 200px;
            width: 800px !important;
            padding: 20px;
            margin-left: -240px !important;
            border-radius: 5px;
            background-color: white;
            margin-top: 42px;
        }
    }

    input:focus {
        outline: none !important;
        border: 1px solid white;
        box-shadow: 0 0 1px black;
    }

.ui-grid-header-cell-label {
    /*text-transform: capitalize;*/
    letter-spacing: 2px;
    text-transform: none;
}

    .ui-grid-row:nth-child(odd) .ui-grid-cell {
        background-color: white !important;
        border-color: black;
        border-bottom-color: black;
    }

    .ui-grid-row:nth-child(even) .ui-grid-cell {
        background-color: white !important;
        border-color: black;
        border-bottom-color: black;
    }

    .mvic .model {
        overflow: auto;
    }

    .iconposition {
        position: relative;
        top: -5px;
        font-size: 20px;
    }

    .homeiconBlack {
        /*background-image: url(../images/AKI_Report_Loader.png);*/
        background-image: url('../Content/icons/HomeIcon_25.png');
        width: 25px;
        height: 25px;
    }

    .homeicon {
        /*background-image: url(../images/AKI_Report_Loader.png);*/
        background-image: url('../Content/icons/HomeIcon_25.png');
        width: 25px;
        height: 25px;
        display: inline-block;
    }

    .usermanagementicon {
        background-image: url('../Content/icons/PeopleIcon_25.png');
        width: 25px;
        height: 25px;
        display: inline-block;
    }

    .certificatemanagementicon {
        background-image: url('../Content/icons/DigitalCerificateIcon_25.png');
        width: 25px;
        height: 25px;
        display: inline-block;
    }

    .verifycertificateicon {
        background-image: url('../Content/icons/WebVerificationIcon_25.png');
        width: 25px;
        height: 25px;
        display: inline-block;
    }

    .reporticon {
        background-image: url('../Content/icons/ReportIcon_25.png');
        width: 25px;
        height: 25px;
        display: inline-block;
    }

    .manageentityicon {
        background-image: url('../Content/icons/ManageBusinessIcon1_25.png');
        width: 25px;
        height: 25px;
        display: inline-block;
        position: relative;
        top: 10px;
    }

    .manageuser {
        background-image: url('../Content/icons/ManageUsersIcon2_25.png');
        width: 25px;
        height: 25px;
        display: inline-block;
        position: relative;
        top: 10px;
    }

    .loginhistoryicon {
        background-image: url('../Content/images/HelpIcon_25.png');
        width: 25px;
        height: 25px;
        display: inline-block;
        position: relative;
        top: 10px;
    }

    .addinventoryicon {
        background-image: url('../Content/icons/AddInventoryIcon_25.png');
        width: 25px;
        height: 25px;
        position: relative;
        top: 10px;
        display: inline-block;
    }

    .addinventoryblackicon {
        background-image: url('../Content/icons/AddInventoryIcon_black_25.png');
        width: 25px;
        height: 25px;
        position: relative;
        display: inline-block;
        padding-left: 28px;
        top: 5px;
    }

    .addrequisition {
        background-image: url('../Content/icons/AddRequisition-Icon_25.png');
        width: 25px;
        height: 25px;
        position: relative;
        top: 10px;
        display: inline-block;
    }

    .managerequisition {
        background-image: url('../Content/icons/ManageRequests-Icon_25.png');
        width: 25px;
        height: 25px;
        position: relative;
        top: 10px;
        display: inline-block;
    }

    .issueCertificateicon {
        background-image: url('../Content/icons/issue-certificate.png');
        width: 25px;
        height: 25px;
        display: inline-block;
    }

    .logoutfontsize {
        font-size: 16px;
    }

    .submitbutton {
        background-image: url('../Content/icons/tIcon.png');
        width: 30px;
        height: 30px;
        display: inline-block;
        position: relative;
        top: 5px;
    }

    .submitbutton1 {
        top: -3px;
        position: relative;
        font-size: 18px;
    }

    .closebutton {
        background-image: url('../Content/icons/close.png');
        width: 25px;
        height: 25px;
        display: inline-block;
        position: relative;
        top: 5px;
    }

    .fontsize18 {
        font-size: 18px;
    }

    .successfulicon {
        background-image: url('../Content/icons/SuccessfulIcon_black_25.png');
        width: 25px;
        height: 25px;
        position: relative;
        display: inline-block;
        padding-left: 28px;
        top: 5px;
    }

    .failicon {
        background-image: url('../Content/icons/SuccessfulIcon_black_25.png');
        width: 25px;
        height: 25px;
        position: relative;
        display: inline-block;
        padding-left: 28px;
        top: 5px;
    }

    .sslicon {
        position: fixed;
        bottom: 60px;
        width: 200px;
        text-align: center;
    }

    .certificateInventory {
        background-image: url('../Content/icons/Add_Inventory_75.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .cancelcertificate1 {
        background-image: url('../Content/icons/Cancel_certificate_75.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .certificateRequest {
        background-image: url('../Content/icons/manage_requests-75.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .certificateRequisition {
        background-image: url('../Content/icons/Add_requisition_75.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .userloginHistory {
        background-image: url('../Content/icons/login-history_75.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .bulkissueCertificate {
        background-image: url('../Content/images/bulk_Issue_Certificates_75.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .issuanceHistory {
        background-image: url('../Content/images/Issue_Certificates_history_75.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .validateRevoke {
        background-image: url('../Content/images/validate_Intermediatery_revoke_75.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .validateIntermediary {
        background-image: url('../Content/images/validate_Intermediatery_75.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .userManageEntity {
        background-image: url('../Content/icons/Icon_Manage_Businesicon.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .userManageUser {
        background-image: url('../Content/icons/Manage_Users-75.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .setTransactionPIN {
        background-image: url('../Content/icons/SetTransactionPin-75.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .masterdatamanagement {
        background-image: url('../Content/icons/Master_data_management_75.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .membercompanyManagement {
        background-image: url('../Content/icons/Member_company_management1-75.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .membercompanyAgentManagement {
        background-image: url('../Content/icons/Member_company_management1-75.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

.membercompanyAgentManagement {
    background-image: url('../Content/icons/akiagent.png');
    width: 75px;
    height: 75px;
    position: relative;
    display: inline-block;
}

    .brokermanagement {
        background-image: url('../Content/icons/broker_management_75.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .profilemanagement {
        background-image: url('../Content/icons/profile_management_75.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .systemsettings {
        background-image: url('../Content/icons/stock.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .home {
        background-image: url('../Content/icons/home_7.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .inventory {
        background-image: url('../Content/icons/Inventory_certificate_75.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .issuecertificate {
        background-image: url('../Content/icons/Issue-Certificates_75.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .reports {
        background-image: url('../Content/icons/Dashboard_75.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .addStock {
        background-image: url('../Content/icons/Add_Stock_75.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .agentManagement {
        background-image: url('../Content/icons/Agent_management_75.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .requestCertificate {
        background-image: url('../Content/images/request_certificate_75.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .stockstatement {
        background-image: url('../Content/icons/Stock_Statement_75.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .verifycertificate {
        background-image: url('../Content/icons/verify_certificates_75.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .financemanagement {
        background-image: url('../Content/icons/Finance Management_75.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .administration {
        background-image: url('../Content/icons/administration_75.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .digitalcertificate {
        background-image: url('../Content/icons/digital_certificate_Icon_75.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .cancelcertificate {
        background-image: url('../Content/icons/Cancel_certificate_75.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .stock {
        background-image: url('../Content/icons/stock.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .EntityTransaction {
        background-image: url('../Content/icons/Entity_Transaction_25.png');
        width: 25px;
        height: 25px;
        position: relative;
        display: inline-block;
    }

    .um > ul li {
        display: inline-block;
        padding: 20px;
        width: 250px;
    }

    .menuIconInventory {
        background-image: url('../Content/images/request_certificate_75.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .brokerInventory {
        background-image: url('../Content/icons/broker_inventory.png');
        width: 75px;
        height: 75px;
        position: relative;
        display: inline-block;
    }

    .menubar {
        display: none;
    }

    .watermark {
        position: absolute;
        top: 50%;
        font-size: 3em;
        width: 100%;
        text-align: center;
        z-index: 1000;
    }

    .menus > ul li {
        display: inline-block;
        padding: 10px;
    }

    .likeicon {
        background-image: url('../Content/icons/like.png');
        width: 30px;
        height: 30px;
        display: inline-block;
        margin: -4px;
    }

    .dislikeicon {
        background-image: url('../Content/icons/dislike.png');
        width: 30px;
        height: 30px;
        display: inline-block;
        margin-bottom: -10px;
    }

    .dislikecolor {
        color: #CF2127;
    }

    .paddingright10px {
        padding-right: 5px;
    }

    .displayinlineflex {
        display: inline-flex;
    }

    .name {
        top: 8px;
        position: relative;
    }

    .colorblue {
        color: blue !important;
    }
    /*25 px icons classes*/
    .agentstock25 {
        background-image: url('../Content/icons25/Agent_stock_25.png');
        width: 25px;
        height: 25px;
        position: relative;
        display: inline-block;
    }

    .entitytransaction25 {
        background-image: url('../Content/icons25/Entity_transaction_25.png');
        width: 25px;
        height: 25px;
        position: relative;
        display: inline-block;
    }

    .entitysuspend25 {
        background-image: url('../Content/icons25/Entity_Suspend_25.png');
        width: 25px;
        height: 25px;
        position: relative;
        display: inline-block;
    }

    .entitydeactivate25 {
        background-image: url('../Content/icons25/deactivate.png');
        width: 25px;
        height: 25px;
        position: relative;
        display: inline-block;
    }

    .agent25 {
        background-image: url('../Content/icons25/agent_25.png');
        width: 25px;
        height: 25px;
        position: relative;
        display: inline-block;
    }

    .stock25 {
        background-image: url('../Content/icons25/stock_25.png');
        width: 25px;
        height: 25px;
        position: relative;
        display: inline-block;
    }

    .activateaccount {
        background-image: url('../Content/icons25/Account_Activite_25.png');
        width: 25px;
        height: 25px;
        position: relative;
        display: inline-block;
    }

    .entitytracker25 {
        background-image: url('../Content/icons25/Entity_Activity_Tracker-25.png');
        width: 25px;
        height: 25px;
        position: relative;
        display: inline-block;
    }

    .entityuser25 {
        background-image: url('../Content/icons25/Entity_Suspend_25.png');
        width: 25px;
        height: 25px;
        position: relative;
        display: inline-block;
    }


    .membercompanymanagement25 {
        background-image: url('../Content/icons25/Member_company_Management_25.png');
        width: 25px;
        height: 25px;
        position: relative;
        display: inline-block;
    }

    .membercompanybrokers25 {
        background-image: url('../Content/icons25/Member_company_Brokers_25.png');
        width: 25px;
        height: 25px;
        position: relative;
        display: inline-block;
    }

    .membercompanyagent25 {
        background-image: url('../Content/icons25/Member_company_Agent_25.png');
        width: 25px;
        height: 25px;
        position: relative;
        display: inline-block;
    }

    .membercompanyrequests25 {
        background-image: url('../Content/icons25/Member_company_Requests_25.png');
        width: 25px;
        height: 25px;
        position: relative;
        display: inline-block;
    }

    .membercompanypayment25 {
        background-image: url('../Content/icons25/Member_company_Payments_25.png');
        width: 25px;
        height: 25px;
        position: relative;
        display: inline-block;
    }

    .membercompanystock25 {
        background-image: url('../Content/icons25/Member_company_Stock_25.png');
        width: 25px;
        height: 25px;
        position: relative;
        display: inline-block;
    }

    .brokerstock25 {
        background-image: url('../Content/icons25/Broker_stock_25.png');
        width: 25px;
        height: 25px;
        position: relative;
        display: inline-block;
    }

    .DMVIC25 {
        background-image: url('../Content/icons25/Broker_stock_25.png');
        width: 25px;
        height: 25px;
        position: relative;
        display: inline-block;
    }

    .brokermembercompany25 {
        background-image: url('../Content/icons25/Broker_stock_25.png');
        width: 25px;
        height: 25px;
        position: relative;
        display: inline-block;
    }

    .entityactivityUser25 {
        background-image: url('../Content/icons25/Entity_Activity_users-25.png');
        width: 25px;
        height: 25px;
        position: relative;
        display: inline-block;
    }

    .user25 {
        background-image: url('../Content/icons25/user_25.png');
        width: 25px;
        height: 25px;
        position: relative;
        display: inline-block;
    }

    .entityReactive {
        background-image: url('../Content/icons25/Entity_reactive.png');
        width: 25px;
        height: 25px;
        position: relative;
        display: inline-block;
    }

    .resetpassword25 {
        background-image: url('../Content/icons25/Reset_Password_25.png');
        width: 25px;
        height: 25px;
        position: relative;
        display: inline-block;
    }

    .marginGridBtn {
        margin-top: 25px;
    }

    .menuiconline {
        display: inline-flex;
        padding-left: 15px;
    }

    .floatright {
        float: right
    }

    .mailIcon25 {
        background-image: url('../Content/icons25/mail-20.png');
        width: 20px;
        height: 20px;
        position: relative;
        display: inline-block;
    }

    .marginright10px {
        margin-right: 10px;
    }

    .plusIcon {
        background-image: url('../Content/icons25/plus1_20.png');
        width: 20px;
        height: 20px;
        position: relative;
        display: inline-block;
    }

    .minusIcon {
        background-image: url('../Content/icons25/minus1_20.png');
        width: 20px;
        height: 20px;
        position: relative;
        display: inline-block;
    }

    .tabmenu {
        color: black !important;
        text-align: center;
        height: 50px;
        font-size: 18px;
    }

    .errorloader {
        padding: 0px;
        margin: 0px;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        position: fixed;
        background-color: rgba(45, 41, 41, 0.86);
        z-index: 100000;
        width: 100%;
        height: 100%;
        text-align: center;
        opacity: 0.9;
    }

    .annotate-container {
        position: relative;
        top: 35px;
    }

        .annotate-container > [id^=baseLayer] {
            position: absolute;
            top: 0px;
            left: 0;
            z-index: 0;
            
        }

        .annotate-container > [id^=drawingLayer] {
            position: absolute;
            top: 0px;
            left: 0;
            z-index: 1;
            background: transparent;
        }


    .activateaccount15 {
        background-image: url('../Content/icons25/activate_account_15.png');
        width: 15px;
        height: 15px;
        position: relative;
        display: inline-block;
    }

    .activateaccount20 {
        background-image: url('../Content/icons25/activate_account_20.png');
        width: 20px;
        height: 20px;
        position: relative;
        display: inline-block;
    }

    .issuebox {
        background-color: black;
        color: white;
        padding: 5px;
    }

    .issuebackground {
        background-color: #F9F9F9;
    }

    .fontsize14 {
        font-size: 14px !important
    }

    .padding5px {
        padding: 5px
    }

    .paddingleft30px {
        padding-left: 30px
    }

    /*.dmvicicon25 {
    background-image: url('../Content/logo/dmviclogo-25.png');
    width: 50px;
    height: 25px;
    position: relative;
    display: inline-block;
    background-color: white;
}

.dmvicicon225 {
    background-image: url('../Content/logo/D-MVIC-Image_25.png');
    width: 50px;
    height: 25px;
    position: relative;
    background-color: white;
    display: inline-block;
}*/


.screenLoaderImage {
    padding: 0px;
    margin: 0px;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    position: fixed;
    background-color: rgba(45, 41, 41, 0.86);
    z-index: 100000;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0.9;
    background-color: rgba(45, 41, 41, 0.86);    
    background-repeat: no-repeat;
    background-position: center;
}

/*
.ui-grid-header-cell {
    white-space: normal !important;
    word-break: break-word !important;
}

.ui-grid-cell-contents {
    white-space: normal !important;
    word-break: break-word !important;
}*/


.dispatch {
    background-image: url('../Content/images/user_headphoneIcon_25.png');
    width: 25px;
    height: 25px;
    position: relative;
    display: inline-block;
}
.height50px{
    height:50px;
}
.capitilizenone {
    text-transform: none;
}

.revokeHistory {
    background-image: url('../Content/icons/revoke_history.png');
    width: 75px;
    height: 75px;
    position: relative;
    display: inline-block;
}
.allocationHistory {
    background-image: url('../Content/icons/allocation_history.png');
    width: 75px;
    height: 75px;
    position: relative;
    display: inline-block;
}
.reportIssue {
    background-image: url('../Content/icons/allocation_history.png');
    width: 75px;
    height: 75px;
    position: relative;
    display: inline-block;
}
.queriesHistory {
    background-image: url('../Content/icons/queries_History.png');
    width: 75px;
    height: 75px;
    position: relative;
    display: inline-block;
}
.questionask {
    background-image: url('../Content/icons/ask_question.png');
    width: 75px;
    height: 75px;
    position: relative;
    display: inline-block;
}
.font24px
{
    font-size:24px;
}
.font20px {
    font-size: 20px;
}

.width100per
{
    width:100%;

}
.width30per {
    width: 30%;
    color:black;
}

.mTab {
    background-color: #C7BA3C !important;
    color: white !important;
    text-align: center;
    height: 40px;
    font-size: 18px;
}
.historyTab {
    background-color: black !important;
    color: white !important;
    text-align: center;
    height: 40px;
    font-size: 18px;
}


.width60
{
    width:60%;
}


.fontItalic {
    font-style: italic;
    color: red;
}
.floatright30px {
    float: right;
    margin-right: 10px;
}
.excelIcon30 {
    background-image: url('../Content/downloadIcon/excel-icon_30.png');
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
  
}
.pdfIcon30 {
    background-image: url('../Content/downloadIcon/pdf-icon_30.png');
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
     
}
.excelIcon35 {
    background-image: url('../Content/downloadIcon/excel-icon_30.png');
    width: 35px;
    height: 35px;
    position: relative;
    display: inline-block;
}

.pdfIcon35 {
    background-image: url('../Content/downloadIcon/pdf-icon_30.png');
    width: 35px;
    height: 35px;
    position: relative;
    display: inline-block;
}
.excelIcon40 {
    background-image: url('../Content/downloadIcon/excel-icon_40.png');
    width: 40px;
    height: 40px;
    position: relative;
    display: inline-block;
}

.pdfIcon40 {
    background-image: url('../Content/downloadIcon/pdf-icon_40.png');
    width: 40px;
    height: 40px;
    position: relative;
    display: inline-block;
}
.colorgreen{
    color:green;
}
.textalign30px {
    text-align: center;
    font-size: 30px
}

.lineHeight {
    line-height: 2.2
}

.modalheadernew {
   background-color:black;
    color: #C7BA3C;
}

.colorblueHyperlink {
    color: blue !important;
    /*text-decoration: underline !important;*/
}
.colorwhite
{
    color:white !important;
}
.arrow {
    width: 120px;
    margin: 50px auto;
}

.line {
    margin-top: 14px;
    width: 90px;
    background: blue;
    height: 10px;
    float: left;
}

.point {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 30px solid blue;
    float: right;
}

.rotate {
    transform: rotate(90deg) !important;
}
.flowwidth{
    width:30%;

}

.printLoaderImage {
    padding: 0px;
    margin: 0px;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    position: fixed;
    background-color: rgba(45, 41, 41, 0.86);
    z-index: 100000;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0.9;
    /*background-color: rgba(45, 41, 41, 0.86);*/
    /*background-image: url(../images/AKI-loder.gif);
    background-repeat: no-repeat;*/
    background-position: center;
}

#dashboardid:hover {
    background-color: #C7BA3C;
    cursor:pointer;
}
.dashbold {
    font-weight: bold;
 
}
.dashbold2 {
    font-weight: bold;
    letter-spacing: 1px;
}

.newLogo {
    background-image: url('../Content/companyLogo/new.gif');
    width: 50px;
    height: 45px;
    position: relative;
    display: inline-block;
}


.content-box-gray .content {
    overflow: hidden;
    padding: 25px;
    border: 1px solid gray;
}

.content-box-gray .title {
    letter-spacing: 2px;
    line-height: 30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #C7BA3C;
    font-size: 18px;
    font-weight: bold;
    display: block;
    color: white;
    display: block;
    padding: 10px;
    border: 1px solid gray;
    border-bottom: none;
}

select option:empty {
    display: none !important
}


.textalignright {
    text-align:right;
}