body {
    font-family: 'open_sansregular';
    font-size: 13px;
    background-color: rgba(231, 235, 239, 1);
}

.bold {
    font-family: 'open_sansbold';
}

.semibold {
    font-family: 'open_sanssemibold';
}

a {
    text-decoration-skip: ink;
}

    a:hover {
        text-decoration: none;
    }

/* img {
    max-width: 100%} */

svg {
    touch-action: none;
}

#main_content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100%
}

.form-control {
    border-color: #E8E9E9;
    font-size: 12px;
}

    .form-control::placeholder {
        color: #BABDBF;
    }

    .form-control:focus {
        color: #495057;
        background-color: #fff;
        border-color: #E8E9E9;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgb(0 0 0 / 0%)
    }

.menu_toggle {
    color: #fff;
    font-size: 18px;
    opacity: .8;
}

    .menu_toggle:hover {
        color: #fff;
    }

/*
.search_txt {
    background-color: #ffffff;
    background-image: url('../../_Images/search-icon_black.svg');
    background-position: 10px 8px;
    background-position: right 8px bottom 9px;
    background-repeat: no-repeat;
    background-size: 14px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}*/

.sub_hd_txt {
    font-size: .9rem;
    font-family: 'open_sanssemibold';
}



/*================Page Wrapper================*/
.page {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    left: 265px;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: calc(100% - 265px);
    position: relative;
}

@media screen and (max-width: 1200px) {
    .page {
        left: 60px;
        width: calc(100% - 60px);
    }
}

@media screen and (max-width: 767px) {
    .page {
        /*padding: 56px 0 0 0;*/
        width: 100%;
        left: 0;
    }
}

.page .section-body {
    padding: 0 0px;
}

@media screen and (max-width: 767px) {
    .page .section-body {
        padding: 0;
    }
}

.page .section-body {
    background: #f4f6f9;
}

/*======================Leftsidebar==============================*/
#left-sidebar {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 280px;
    background-color: #fff;
    border-right: 1px solid #E6E9ED;
    left: -15px;
    overflow-y: auto;
    position: fixed;
    top: 0;
    padding: 10px 15px 20px 76px;
    z-index: 999;
}

#left-sidebar {
    background-color: #fff;
    height: -webkit-fill-available;
}

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


    #left-sidebar {
        left: -280px;
    }
}

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

    .header_top {
        left: -60px !important;
    }

    #left-sidebar {
        padding-top: 65px;
        padding-left: 20px;
    }
}

#left-sidebar > .container {
    padding: 0;
}

#left-sidebar .brand-name {
    margin-top: 5px;
}

#left-sidebar .sidebar-nav {
    /*  height: calc(100vh - 190px); */
    overflow-y: auto;
    margin-right: -15px;
}

@media screen and (max-width: 767px) {
    #left-sidebar .sidebar-nav {
        padding-bottom: 40px;
        height: calc(100vh - 97px);
    }
}

#left-sidebar .menu_option {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0.3;
}

    #left-sidebar .menu_option.active, #left-sidebar .menu_option:hover {
        opacity: 1;
    }

#left-sidebar .nav-link, #left-sidebar .nav-item {
    min-width: auto;
}

.header_top > .container {
    padding: 0;
    /*display: flex;
    justify-content: space-between;
    flex-direction: column;*/
    height: 100vh;
}
.hright{
    bottom:0;
    position:fixed;
}
#heade_container .row {
    border-bottom: 1px solid #e3e3e3;
}

@media screen and (max-width: 425px) {
    #heade_container .row {
        border-bottom: 1px solid #019cac;
    }
}

@media screen and (max-width: 767px) {
    #heade_container {
        background: #019cac;
        z-index: 1030;
        position: fixed;
        top: 0;
        color: #fff;
    }
}


.pagination-wrap {
    position: fixed;
    bottom: 0px;
    /*    background: #F2F2F2;*/
    background: #F0F7FC;
    width: calc(100% - 260px);
    z-index: 2;
    padding: 10px;
    font-size: 12px;
    font-weight: 500;
    justify-content: flex-end;
}

.offcanvas-active .pagination-wrap {
    width: calc(100% - 60px);
}




/*===================Offcanvas leftsidebar menu=================*/
.offcanvas-active .flex-item {
    width: 239px;
}

.offcanvas-active #header_top {
    background: #019CAC;
}

.offcanvas-active #left-sidebar {
    left: -280px;
}

@media screen and (max-width: 767px) {
    .offcanvas-active .header_top {
        left: 0px !important;
        transition: all 0.3s ease-in-out;
        padding-top: 65px !important;
    }

    .pagination-wrap {
        width:100% !important;
    }
   
}

@media screen and (max-width: 1024px) {
    .offcanvas-active .flex-item {
        width: 217px;
    }
}

@media screen and (max-width: 1200px) {
    .offcanvas-active #left-sidebar {
        left: -15px;
        position: fixed;
        z-index: 999;
        height: 100%;
    }


    .pagination-wrap {
        width: calc(100% - 60px);
    }
   


}

@media screen and (max-width: 767px) {
    .offcanvas-active #left-sidebar {
        left: 35px;
        position: fixed;
    }
}

.offcanvas-active .page {
    left: 60px;
    width: calc(100% - 60px);
}

@media screen and (max-width: 767px) {
    .offcanvas-active .page {
        left: 0;
        width: 100%
    }
}

/*==========================fixed side haeder===================*/
#header_top {
    background: #019CAC;
    z-index: 1030;
    position: fixed;
    width: 60px;
    height: 100vh;
    top: 0;
    left: 0;
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
}

@media screen and (max-width: 1200px) {
    #header_top {
        background: #019CAC;
        border-right: 1px solid rgba(0, 40, 100, 0.12);
    }

        #header_top .hright {
            display: flex;
            align-items: center;
        }
}

#header_top .nav-link {
    padding: 12px;
    display: inline-flex;
    color: #333537;
}

    #header_top .nav-link i {
        font-size: 20px;
        color: #fff;
    }


/* =================2nd side bar list item================*/
.metismenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .metismenu .collapse {
        display: none;
    }

        .metismenu .collapse.in {
            display: block;
        }

    .metismenu .collapsing {
        position: relative;
        height: 0;
        overflow: hidden;
        transition-timing-function: ease;
        transition-duration: .35s;
        transition-property: height, visibility;
    }

    .metismenu .g_heading {
        font-size: 11px;
        text-transform: uppercase;
        color: #666A6D;
        padding-left: 22px;
        padding-bottom: 11px;
        padding-top: 11px;
    }

    .metismenu > li {
        padding-left: 15px;
        border-bottom: 1px solid #ededed;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
    }

        .metismenu > li i {
            font-size: 16px;
            width: 30px;
            display: inline-block;
            position: relative;
            top: 1px;
        }

    .metismenu a {
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        display: block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: block;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        /*  border-right: 2px solid transparent;
    color: #292b30;*/
        position: relative;
        padding: 10px 0;
        outline-width: 0;
    }

      /*  .metismenu a:hover {
            color: #1A5089;
            border-color: #1A5089;
            letter-spacing: 1px;
        }*/

        .metismenu a:hover {
            color: #019cac;
            font-family: 'open_sanssemibold';
            border-color: #1A5089;
        }

    .metismenu > li.active {
        background-color: #F0F7FC;
    }

    .metismenu .active > a {
        font-family: 'open_sanssemibold';
        color: #292b30;
        border-color: #292b30;
    }

    .metismenu .active ul .active a {
        color: #292b30;
        background: transparent;
    }

    .metismenu ul {
        padding: 0;
        list-style: none;
    }

        .metismenu ul > li:last-child {
            padding-bottom: 20px;
        }

        .metismenu ul a {
            color: #4D5052;
            font-size: 14px;
            padding: 5px 15px 5px 30px;
            position: relative;
        }

            .metismenu ul a::before {
                font-size: 14px;
                font-family: 'open_sanssemibold' !important;
                content: "\e999";
                position: absolute;
                left: 1px;
            }

            .metismenu ul a.list-b::before {
                content: "\e945"
            }

            .metismenu ul a.list-c::before {
                content: "\e911"
            }

        .metismenu ul ul a {
            padding: 10px 15px 10px 70px;
        }

        .metismenu ul.collapse a:hover, .metismenu ul.collapse a:focus {
            text-decoration: none;
        }

    .metismenu a {
        color: #202121
    }

      

    .metismenu .active > a {
        color: #019cac;
        border-color: #1A5089
    }

    .metismenu .active ul .active a {
        color: #1A5089;
        background: transparent
    }

    .metismenu.grid > li.active > a,
    .metismenu.grid > li > a:hover {
        background: rgba(26, 80, 137, 0.1);
        color: #1A5089;
    }



.icon i {
    vertical-align: -1px;
}

a.icon {
    text-decoration: none;
    cursor: pointer;
}

    a.icon.active {
        background-color: #20818B;
        border-radius: 5px;
    }
/*==================breadcrumb=============*/
.breadcrumb {
    padding: 3px 3px;
    margin-bottom: 0px;
    font-family: 'open_sanssemibold';
    position: relative;
    top: 5px;
}

.breadcrumb_row {
    padding: 5px 0px;
}

.breadcrumb-item a {
    color: #6c757d;
}

.breadcrumb-item.active {
    color: #000;
}

.show_count_block {
    padding-top: 10px;
    padding-right: 15px;
    color: #4c4c4c;
}

@media screen and (max-width: 425px) {
    .show_count_block {
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 10px;
    }

    .breadcrumb_row {
        margin-top: -10px;
    }
}

/*=========================Card===============================*/
.card {
    background-color: #fff;
}

    .card .card-options a {
        color: #1A5089
    }

        .card .card-options a.btn {
            color: #fff
        }

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

.card {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    /*  border-radius: .55rem; */
    border-color: #E6E9ED;
    position: relative;
    width: 100%;
}

    .card.box_shadow {
        -moz-box-shadow: 0 3px 10px rgba(41, 43, 48, 0.08);
        -webkit-box-shadow: 0 3px 10px rgba(41, 43, 48, 0.08);
        box-shadow: 0 3px 10px rgba(41, 43, 48, 0.08);
    }

    .card .card {
        box-shadow: none;
    }

.card-body {
    padding: 10px 15px;
    flex: 1 1 auto;
    position: relative;
}

    .card-body + .card-body {
        border-top: 1px solid rgba(0, 40, 100, 0.12);
    }

@media print {
    .card-body {
        padding: 0;
    }
}

@media screen and (max-width: 767px) {
    .card-body {
        padding: 15px 15px;
    }
}

.card-body-scrollable {
    overflow: auto;
}

.card-header {
    padding: 0px 0px;
    /*   display: flex; */
    align-items: center;
    border-color: #E6E9ED;
    background-color: #fff;
}

.card-body + .card-table {
    border-top: 1px solid rgba(0, 40, 100, 0.12);
}

.card-profile .card-header {
    height: 9rem;
    background-size: cover;
}

.card-body + .card-list-group {
    border-top: 1px solid rgba(0, 40, 100, 0.12);
}

.dropdown {
    display: inline-block;
}



/*==================================Media Querys===================*/

@media screen and (max-width: 1024px) {
    .hidden-md {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    .hidden-sm {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .hidden-xs {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    .sm-hide {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .xs-hide {
        display: none !important;
    }
}




/*=================-Custom Tabs-=================*/
.kpc_tabs {
    font-family: 'open_sansregular';
    font-size: 14px;
    background: #fff;
}

    .kpc_tabs li {
        margin-right: -1px !important;
    }

.nav-tabs .nav-item {
    margin-left:10px !important;
    margin-right: -1px !important;
    padding-right: 5px;
}

.kpc_tabs li a {
    color: #000;
    font-family: 'open_sanssemibold';
    padding: 7px 0px;
    -o-border-image: initial !important;
    border-image: initial !important;
    border-radius: 0px !important;
    letter-spacing: .22px;
}

    .kpc_tabs li a.active {
        font-family: 'open_sanssemibold';
        color: #019cac !important;
        background-color: #fff !important;
        border-bottom: 3px solid #39a9ff !important;
    }

/* .kpc_tabs li a.active .menu_line {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  border-top: 3px solid #39a9ff !important;
  margin-top: 5px;
  margin-bottom: -7px;
  opacity: 1;
} */

.menu_line {
    display: none;
}

    .menu_line:hover {
        display: none;
    }

.nav-tabs .nav-link {
    border: 0px solid transparent !important;
}

.nav-tabs {
    border-bottom: 0px solid #efefef;
}

.flex-wrap a {
    color: #000;
}

.flex-item {
    background-color: #fff;
    border-radius: 4px;
    border: 2px solid #ddd;
    background: #FFFFFF;
    width: 250px;
    box-shadow: 0 5px 20px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 5px 20px rgb(0 0 0 / 10%);
}

    .flex-item:hover {
        cursor: pointer;
        transition-delay: .1s;
        box-shadow: none;
        border: 2px solid #ccc;
    }


/*-=================Accordian ================*/
.accordion {
    margin-top: 40px;
}

    .accordion .card {
        border: none;
        margin-bottom: 20px;
    }

        .accordion .card .card-head {
            background: url('https://cdn0.iconfinder.com/data/icons/entypo/91/arrow56-512.png') no-repeat calc(100% - 6px) center;
            /*background: url('../../_Images_new/arrow-up.png') no-repeat calc(100% - 6px) center;*/
            background-size: 12px !important;
            cursor: pointer;
        }

            .accordion .card .card-head.collapsed {
                /*background-image: url('../../_Images_new/arrow-down.png') ;*/
                background-image: url('https://cdn0.iconfinder.com/data/icons/arrows-android-l-lollipop-icon-pack/24/expand2-256.png');
            }
        .accordion .card .card-head h2 {
            font-size: 14px;
        }

        .accordion .card-body {
            padding-left: 0;
            padding-right: 0;
        }

.custom-card-header {
    background-color: #eff3fb !important;
    color: #125997;
    font-size: 13px;
    padding: 10px 10px;
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.accordion > .card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.accordion > .card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

@media only screen and (max-width: 425px) {
    .myfolder {
        padding-left: 5px;
        padding-right: 5px;
    }

    .caseteam {
        padding: 0 10px;
    }

    .over_summary {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.page .section-body {
    background: #e7ebef
}

#header_top .nav-link {
    color: #202121
}




@media only screen and (max-width: 1200px) {
    .header_top > .container {
        border-right: 1px solid rgba(255, 255, 255, 0.07)
    }
}


/*----------------my code----------*/


.alert {
    font-size: .9375rem;
    margin: 0 auto;
    max-width: 430px;
}

.alert-success {
    color: #087380;
    background-color: #08738005;
    border-color: #08738005;
}

/* @media only screen and (max-width:320px){
    .kpc_table tr td{
        display: block;
        width: 100%;
    }
} */

.search_txt {
    border: 0;
}

/*==============Checkbox control===============*/

.check_label {
    position: relative;
    padding-left: 26px;
    margin-top: 0.2rem;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .check_label input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 10px;
    width: 10px;
/*    margin-top: 0px;*/
    background-color: #fff;
    border: 2px solid #ccc;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.check_label:hover input ~ .checkmark {
    background-color: #fff;
    border: 2px solid #ccc;
}

.check_label input:checked ~ .checkmark {
    background-color: #fff;
    border: 2px solid #fff;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.check_label input:checked ~ .checkmark:after {
    display: block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.check_label .checkmark:after {
    left: 2px;
    /* top: 1px; */
    top: -2px;
    width: 4px;
    height: 10px;
    border: solid #0099c9;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.check_label input:disabled ~ .checkmark {
    background-color: #ddd !important;
    border: 2px solid #ccc;
}


@media screen and (max-width: 788px) {
    .flex-item {
        width: 206px !important;
    }
}



@media screen and (max-width: 1200px) {
    .flex-item {
        width: 217px;
    }
}

/* @media screen and (max-width: 1440px){
  .flex-item{
    width: 214px;
  }
}
 */


@media screen and (max-width: 426px) {
    .flex-item {
        width: 172px !important;
    }

    .nav-tabs .nav-item {
        font-size: 12px;
        padding-right: 7px;
    }

    .card-header {
        background-color: #f0fcfd;
    }

    .kpc_tabs {
        background-color: #f0fcfd;
    }

        .kpc_tabs li a.active {
            box-shadow: 0 0 2px #ccc;
        }

    .show_count {
        font-size: 11px;
    }
}

@media screen and (max-width: 375px) {
    .flex-item {
        width: 303px !important;
    }

    .nav-tabs .nav-item {
        padding-right: 3px;
    }
}

@media screen and (max-width: 320px) {
    .nav-tabs .nav-item {
        padding-right: 0px;
    }
}

/*=============== Page Loader =================*/
.loader {
    height: 2.5rem;
    width: 2.5rem;
    color: #2185d0;
    display: block;
    position: relative
}

.loader {
    color: #1A5089
}

    .loader:before,
    .loader:after {
        width: 2.5rem;
        height: 2.5rem;
        margin: -1.25rem 0 0 -1.25rem;
        position: absolute;
        content: '';
        top: 50%;
        left: 50%
    }

    .loader:before {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 3px solid currentColor;
        opacity: .15
    }

    .loader:after {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        animation: loader .6s linear;
        animation-iteration-count: infinite;
        border: 3px solid;
        border-color: transparent;
        border-top-color: currentColor;
        box-shadow: 0 0 0 1px transparent
    }


.page-loader-wrapper {
    text-align: center;
    z-index: 99999999;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #E8E9E9;
    display: flex
}

    .page-loader-wrapper .loader {
        position: relative;
        top: calc(40% - 30px);
        justify-content: center;
        width: 100%
    }

    .page-loader-wrapper img {
        width: 38px;
        height: 38px
    }


@keyframes loader {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}



/* =================Scrollbar Styling ================*/
::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 10px;
    background: #a7a2a296;
    /*background: #cccccc96;*/
}

h6.mt-2 {
    margin-top: 0.3rem !important;
}

.mb-1, .my-1 {
    margin-bottom: 0.2rem !important;
    margin-top: 3px;
}




/* =================Temporary purpose strat ================*/

.black_overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #777;
    z-index: 100;
    -moz-opacity: 0.45;
    opacity: .45;
    filter: alpha(opacity=45);
    overflow: auto;
}

.inner_sec {
    border-bottom: 1px solid #E2E2E2;
    width: 98%;
    margin: 0 auto;
    margin-bottom: 10px;
    border-top: 3px solid #087380;
    background: #FFF;
    border-radius: 4px;
    padding-top: 5px;
    padding-bottom: 10px;
    line-height: 25px;
    -webkit-box-shadow: rgba(0,0,0,.2) 0 0 4px;
    -moz-box-shadow: rgba(0,0,0,.2) 0 0 4px;
    box-shadow: rgba(0,0,0,.2) 0 0 4px;
    
}

.kpc_alert {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 40%;
    margin: 0 auto;
    top: 100px;
    left: 35%;
    z-index: 5;
}

.kpc_alert_txt {
    background-color: #F0F7FC;
    font-size: 14px;
    padding-top: 25px;
    padding-bottom: 20px;
    text-align: center;
    border-bottom: 1px solid #019cac;
    /*    border-bottom: 1px solid #ccc;*/
}

.kpc_alert_btn {
    /*    background-color: #f2f2f2;*/
    background-color: #fff;
    width: 100%;
}

.kpc_alert_btn td {
    padding-top: 5px;
    padding-bottom: 5px
}

.alert_close {
    float: right;
    font-weight: bold;
    font-size: 14px;
    padding-right: 5px;
    padding-left: 5px;
    cursor: default;
}

.alert_close:hover {
/*    background-color: #ddd;*/
}

.alert_msg {
    width: 80%;
    background-color: #def2ff;
    color: #014977;
    text-align: center;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
   /* font-weight: bold;*/
    font-family: 'open_sanssemibold';
    border: 1px solid #c2e1f5;
    font-size: 13px;
}

.Dropdown_menu{
    z-index:101 !important;
}
.dropdown_menu_inner {
    box-shadow: 2px 2px 4px 0 #ccc;
    color: #000;
}

.Dropdown_menu tr td {
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    padding: 4px 8px;
}

.drp_table td {
    background-color: #fff;
    padding: 4px 4px;
    font-size: 12px;
    border: 1px solid #e4e4e4;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-family: sans-serif;
}


    .drp_table td:hover {
        background-color: #e2fbfe;
        color: #000;
    }


.inline_alert {
    color: red;
    font-size: 12px;
    font-style: italic;
}

/* =================Temporary purpose stop ================*/



/*--push-menu-css--*/
.cbp-spmenu {
    position: fixed;
}

.cbp-spmenu-vertical {
    width: 15%;
    height: 100%;
    top: 45px;
    z-index: 1000;
    background-color: #ffffff;
    padding: 1em 0;
    /*border-right:1px solid #d7dceb*/
}

.cbp-spmenu-left {
    left: 0;
}

    .cbp-spmenu-left.cbp-spmenu-open {
        left: -309px;
    }
/* Push classes applied to the body */
.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
}

.cbp-spmenu-push-toright {
    left: 0;
}
/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,.15);
    box-shadow: 2px 2px 8px rgba(0,0,0,.15);
}

    .cbp-spmenu-push div#page-wrapper {
        /* margin: 0 0 0 19.3em;*/
        margin: 0px;
        margin-left: 15%;
        padding: 0px;
        padding-top: 60px;
        transition: .5s all;
        -webkit-transition: .5s all;
        -moz-transition: .5s all;
    }

    .cbp-spmenu-push.cbp-spmenu-push-toright div#page-wrapper {
        margin: 0;
    }
/*--//push-menu-css--*/



#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 115px;
    height: 115px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;
    -webkit-animation: spin 2s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */
    z-index: 1001;
}

#loader-logo {
    display: block;
    position: absolute;
    left: 48%;
    top: 46%;
    background: url(../images/user-bg-2.jpg) no-repeat center center;
    z-index: 1001;
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #e74c3c;
    -webkit-animation: spin 3s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 3s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;
    -webkit-animation: spin 1.5s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */
}


@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: -1;
    -moz-opacity: 0.45;
    opacity: .45;
    -webkit-transform: translateX(0);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(0);
    /* IE 9 */
    transform: translateX(0);
    /* Firefox 16+, IE 10+, Opera */
}

    #loader-wrapper .loader-section.section-left {
        left: 0;
    }


.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(-100%);
    /* IE 9 */
    transform: translateX(-100%);
    /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
    visibility: hidden;
}
/* JavaScript Turned Off */

.no-js #loader-wrapper {
    display: none;
}

.progress {
    background-color: rgba(255, 64, 129, 0.22);
}
/*
.ACRAdd {
    border-left: 1px solid #dfe1e5;
    height: 150%;
    position: absolute;
    top: -25%;
}*/

.SelectionColor {
   /* background-color: #fcf8e3 !important;*/
    background-color: #f4f4ff !important;
}

.mdl-grid {
    display: -webkit-flex;
}

@media (min-width: 840px) {
    .mdl-grid {
        /* padding: 8px; */
    }

    .mdl-cell {
        margin: 8px;
        width: calc(33.3333333333% );
    }

    .mdl-grid--no-spacing > .mdl-cell {
        width: 33.3333333333%
    }

    .mdl-cell--hide-desktop {
        display: none !important
    }

    .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .mdl-cell--1-col,
    .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
        width: calc(8.3333333333% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--1-col,
    .mdl-grid--no-spacing > .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
        width: 8.3333333333%
    }

    .mdl-cell--2-col,
    .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
        width: calc(16.6666666667% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--2-col,
    .mdl-grid--no-spacing > .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
        width: 16.6666666667%
    }

    .mdl-cell--3-col,
    .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        width: calc(25% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--3-col,
    .mdl-grid--no-spacing > .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        width: 25%
    }

    .mdl-cell--4-col,
    .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
        /* width: calc(33.3333333333% - 16px); */
    }

    .mdl-grid--no-spacing > .mdl-cell--4-col,
    .mdl-grid--no-spacing > .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
        width: 33.3333333333%
    }

    .mdl-cell--5-col,
    .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
        width: calc(41.6666666667% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--5-col,
    .mdl-grid--no-spacing > .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
        width: 41.6666666667%
    }

    .mdl-cell--6-col,
    .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: calc(50% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--6-col,
    .mdl-grid--no-spacing > .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: 50%
    }

    .mdl-cell--7-col,
    .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
        width: calc(58.3333333333% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--7-col,
    .mdl-grid--no-spacing > .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
        width: 58.3333333333%
    }

    .mdl-cell--8-col,
    .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
        width: calc(66.6666666667% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--8-col,
    .mdl-grid--no-spacing > .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
        width: 66.6666666667%
    }

    .mdl-cell--9-col,
    .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: calc(75% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--9-col,
    .mdl-grid--no-spacing > .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: 75%
    }

    .mdl-cell--10-col,
    .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
        width: calc(83.3333333333% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--10-col,
    .mdl-grid--no-spacing > .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
        width: 83.3333333333%
    }

    .mdl-cell--11-col,
    .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
        width: calc(91.6666666667% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--11-col,
    .mdl-grid--no-spacing > .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
        width: 91.6666666667%
    }

    .mdl-cell--12-col,
    .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: calc(100% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--12-col,
    .mdl-grid--no-spacing > .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: 100%
    }

    .mdl-cell--1-offset,
    .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
        margin-left: calc(8.3333333333% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset,
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
        margin-left: 8.3333333333%
    }

    .mdl-cell--2-offset,
    .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
        margin-left: calc(16.6666666667% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset,
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
        margin-left: 16.6666666667%
    }

    .mdl-cell--3-offset,
    .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
        margin-left: calc(25% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset,
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
        margin-left: 25%
    }

    .mdl-cell--4-offset,
    .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
        margin-left: calc(33.3333333333% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset,
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
        margin-left: 33.3333333333%
    }

    .mdl-cell--5-offset,
    .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
        margin-left: calc(41.6666666667% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset,
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
        margin-left: 41.6666666667%
    }

    .mdl-cell--6-offset,
    .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
        margin-left: calc(50% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset,
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
        margin-left: 50%
    }

    .mdl-cell--7-offset,
    .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
        margin-left: calc(58.3333333333% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset,
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
        margin-left: 58.3333333333%
    }

    .mdl-cell--8-offset,
    .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
        margin-left: calc(66.6666666667% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset,
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
        margin-left: 66.6666666667%
    }

    .mdl-cell--9-offset,
    .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
        margin-left: calc(75% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset,
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
        margin-left: 75%
    }

    .mdl-cell--10-offset,
    .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
        margin-left: calc(83.3333333333% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset,
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
        margin-left: 83.3333333333%
    }

    .mdl-cell--11-offset,
    .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
        margin-left: calc(91.6666666667% + 8px)
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset,
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
        margin-left: 91.6666666667%
    }
}


input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number] {
    border-radius: 4px !important;
    /*color: rgba(51, 51, 51, 0);*/
    background-color: #FFF;
    border: 1px solid #D5D5D5;
    /*padding: 2px;*/
    font-size: 13px;
    font-family: inherit;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    height: 30px !important;
}

input[disabled] {
    color: #848484;
    background-color: #EEE
}

button.popover-icon{
    padding-left:6px;
}

input[type=submit][disabled=disabled], button[disabled=disabled] {
    color: #585555;
    border-color: #adadad !important;
    background: #f1f0f0;
    font-weight: 500;
    border: 1px solid #079CAC;
    padding: 0.25rem 1.2rem !important;
    font-size: .875rem;
    font-family:inherit;
}


input[type=button][disabled] {
    color: #585555 !important;
    background: #f1f0f0 !important;
    font-weight: 500 !important;
    border-color: #adadad !important;
    padding: 0.25rem 1.2rem !important;
    font-size: .875rem !important;
    font-family: inherit !important;
}

input[disabled]:hover {
        border-color: #D5D5D5 !important
}



.ValidationInfo-header {
    padding: 10px 15px;
    flex: 1 1 auto;
    position: relative;
    background: #ffffff;
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    pointer-events: auto;
    background-clip: padding-box;
    border-radius: 0.15rem;
    margin-top: 1%;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 14%);
}

.ValidationInfo-body {
    padding: 7px 15px;
    flex: 1 1 auto;
    position: relative;
    background: #e7ebef;
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    pointer-events: auto;
    background-clip: padding-box;
    border-radius: 0.15rem;
    text-align: center;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 14%);
    margin-top: -6px;
}


.Validation-header {
    padding: 10px 15px;
    flex: 1 1 auto;
    position: relative;
    background: #ffffff;
    width: 350px;
    max-width: 100%;
    font-size: 13px;
    pointer-events: auto;
    background-clip: padding-box;
    border-radius: 0.15rem;
    margin-top: 1%;
    font-family:'open_sanssemibold';
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 14%);
}

.Validation-body {
    padding: 7px 15px;
    padding-bottom: 3px;
    flex: 1 1 auto;
    position: relative;
    background: #e7ebef;
    width: 350px;
    max-width: 100%;
    font-size: 14px;
    pointer-events: auto;
    background-clip: padding-box;
    border-radius: 0.15rem;
    font-family: 'open_sanssemibold';
    text-align: right;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 14%);
    margin-top: -6px;
}

/*.cancel {
    background: #fff;
    border: 1px solid #a49898;
    border-radius: 2px;
    font-size: 13px;
    padding: 5px 13px;
    font-weight: unset;
}*/

.KPC_btn {
    background-color: #3f82b5;
    color: #fff;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 1.5;
    border: 0px;
    border-radius: 4px;
    display: inline-block;
    font-family: "open_sansregular";
    color: #212529;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    margin-bottom: 5px;
    margin-left: 2px;
}
.KT_btn:hover {
    background-color: #007bab;
}

.Success img{
    margin-right:7px;
}

.success_btn {
    color: #fff;
    background-color: #02a17b;
    border-color: #02a17b;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 1.5;
    border: 0px;
    border-radius: 4px;
    display: inline-block;
    font-family: "open_sansregular";
    color: #212529;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    margin-bottom: 5px;
    margin-left: 2px;
}

    .success_btn:hover {
        color: #fff;
        background-color: #06ad85;
        border-color: #06ad85;
    }
.cancel {
    padding: 4px 8px;
    font-size: 12px;
    line-height: 1.5;
    border: 0px;
    border-radius: 4px;
    display: inline-block;
    font-family: "open_sansregular";
    color: #212529;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    margin-bottom: 5px;
    margin-left: 2px;
    color: #333333;
    background-color: #fff;
    border: 1px solid #B4B3B3;
}
    .cancel:hover {
        color: #000;
        background-color: #f0f0f0;
        border: 1px solid #B4B3B3;
    }


.danger_btn {
    color: #fff;
    background-color: #fc7272;
    border-color: #fc7272;
}
    .danger_btn:hover {
        color: #fff;
        background-color: #eb5050;
        border-color: #eb5050;
    }
.Deactivated {
    background-color: #fc7272;
    color: #fff;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 1.5;
    border: 0px;
    border-radius: 4px;
    display: inline-block;
    font-family: "open_sansregular";
    color: #212529;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    margin-bottom: 5px;
    margin-left: 2px;
}

    .Deactivated:hover {
        color: #fff;
        background-color: #eb5050;
        border-color: #eb5050;
    }

.triangle-down {
    display:none;
    width: 0;
    height: 0;
    border-left: 19px solid transparent;
    border-right: 19px solid transparent;
    border-top: 18px solid #ffffff;
    position: absolute;
    z-index: 999;
    left: 44%;
    top: 85%;
}


/*.Validation {
    position: absolute;*/
    /*left: 29%;*/
    /*left: 50%;
    transform: translate(-50%)
}*/


.Validation {
    position: fixed !important;
   /* left: 29%;*/
    left: 50%;
    transform: translate(-50%)
}

.DeleteValidation {
    visibility:hidden;
    position: fixed;
    top: 6%;
    right: 3%;
    z-index:1001;
}
.DeleteValidation.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

.card-information {
    padding: 10px 15px;
    flex: 1 1 auto;
    position: relative;
    background: #fff;
    width: max-content;
    min-width: 225px;
    max-width: 350px;
    font-size: 13px;
    pointer-events: auto;
    background-clip: padding-box;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%);
    border-radius: 0.25rem;
    /*margin-top: 1%;*/
    border-bottom: 5px solid #0087BC;
    font-family: 'open_sanssemibold';
    -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
    box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
}

.card-Success {
    padding: 10px 15px;
    flex: 1 1 auto;
    position: relative;
    background: #ffffff;
    width: max-content;
    min-width: 225px;
    max-width: 350px;
    font-size: 13px;
    pointer-events: auto;
    background-clip: padding-box;
    -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
    box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
    border-radius: 0.25rem;
    /* margin-top: 1%; */
    border-bottom: 3px solid #02a17b;
    font-family: 'open_sanssemibold';
}

.card-error {
    padding: 10px 15px;
    flex: 1 1 auto;
    position: relative;
    background: #fff;
    width: max-content;
    min-width: 225px;
    max-width: 350px;
    font-size: 13px;
    pointer-events: auto;
    background-clip: padding-box;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%);
    border-radius: 0.25rem;
    /*margin-top: 1%;*/
    border-bottom: 5px solid #fc7272;
    font-family: 'open_sanssemibold';
    -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
    box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
}

.card-alert {
    padding: 10px 15px;
    flex: 1 1 auto;
    position: relative;
    background: #fff;
    width: max-content;
    min-width: 225px;
    max-width: 350px;
    font-size: 13px;
    pointer-events: auto;
    background-clip: padding-box;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%);
    border-radius: 0.25rem;
    /*margin-top: 1%;*/
    border-bottom: 5px solid #F59800;
    font-family: 'open_sanssemibold';
    -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
    box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
}

    .card-alert img{
        margin-right:7px;
    }

.card-error img {
    margin-right: 7px;
}
.card-information img {
    margin-right: 7px;
}

    /*
.card-no.data {
    padding: 10px 15px;
    flex: 1 1 auto;
    position: relative;
    background: #ffffff;
    width: 350px;
    max-width: 100%;
    font-size: 14px;
    pointer-events: auto;
    background-clip: padding-box;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%);
    border-radius: 0.25rem;
    margin-top: 1%;
    border-left: 5px solid #2f86eb;
    font-weight: 700;
}*/
    .card-no.data {
        padding: 10px 15px;
        flex: 1 1 auto;
        position: relative;
        background: #ffffff;
        width: 320px;
        max-width: 100%;
        font-size: 14px;
        pointer-events: auto;
        background-clip: padding-box;
        box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%);
        border-radius: 0.25rem;
        margin-top: 1%;
        border-left: 5px solid #2f86eb;
        font-weight: 700;
    }

.no-data {
    position: absolute;
    left: 32%;
}

@media only screen and (max-width: 768px) {
    /*.col-lg-6.col-md-6.col-sm-6.col-12.mb-2.Validation {
        position: absolute;
        left: 26%;
    }*/
}

@media only screen and (max-width: 320px) {
    .no-data {
        position: absolute;
        left: 0% !important;
    }
}

@media only screen and (max-width: 375px) {
    .no-data {
        position: absolute;
        left: 10% !important;
        width: 280px;
    }
}

@media only screen and (max-width: 425px) {
    .no-data {
        position: absolute;
        left: 15%;
    }
}















@media only screen and (min-width: 768px) {
   /* .col-lg-6.col-md-6.col-sm-6.col-12.mb-2.Validation {
        position: absolute;
        left: 26%;
    }*/
    .DeleteValidation {
        position: fixed;
        top: 10%;
        right: 3%;
    }
}

@media only screen and (max-width: 425px) {
    /*.col-lg-6.col-md-6.col-sm-6.col-12.mb-2.Validation {
        position: absolute;
        left: 6%;
    }*/

    .DeleteValidation {
        position: fixed;
        top: 25%;
        right: 10%;
    }
}

@media only screen and (max-width: 375px) {
    /*.col-lg-6.col-md-6.col-sm-6.col-12.mb-2.Validation {
        position: absolute;
        left: 0% !important;
    }*/

    .DeleteValidation {
        position: fixed;
        top: 25%;
        right: 5%;
    }

    .card-information {
        width: 335px;
    }
    .card-Success {
        width: 335px;
    }
    .card-error {
        width: 335px;
    }
    .card-alert {
        width: 335px;
    }

}

@media only screen and (max-width: 320px) {
    /*.col-lg-6.col-md-6.col-sm-6.col-12.mb-2.Validation {
        position: absolute;
        left: 0% !important;
    }*/
    .DeleteValidation {
        position: fixed;
        top: 25%;
        right: 7%;
    }
    .card-information{
        width:280px;
    }
    .card-Success {
        width: 280px;
    }
    .card-error {
        width: 280px;
    }
    .card-alert {
        width: 280px;
    }
}

/*

@media only screen and (max-width: 768px) {
    .col-lg-6.col-md-8.col-sm-6.col-12.mb-2.Validation {
        position: absolute;
        left: 26%;
    }
}

@media only screen and (max-width: 425px) {
    .col-lg-6.col-md-8.col-sm-6.col-12.mb-2.Validation {
        position: absolute;
        left: 0%;
    }
}

@media only screen and (max-width: 375px) {
    .col-lg-6.col-md-8.col-sm-6.col-12.mb-2.Validation {
        position: absolute;
        left: 0% !important;
    }
}

@media only screen and (max-width: 320px) {
    .col-lg-6.col-md-8.col-sm-6.col-12.mb-2.Validation {
        position: absolute;
        left: 0% !important;
    }
}
*/

@media only screen and (max-width: 765px) {
    .margintopclass {
        margin-top: 8%;
    }
}
@media only screen and (max-width: 650px) {
    .margintopclass {
        margin-top: 9%;
    }
}
@media only screen and (max-width: 570px) {
    .margintopclass {
        margin-top: 11%;
    }
}
@media only screen and (max-width: 425px) {
    .margintopclass {
        margin-top: 15%;
    }
}

@media only screen and (max-width: 375px) {
    .margintopclass {
        margin-top: 17%;
    }
}
@media only screen and (max-width: 320px) {
    .margintopclass {
        margin-top: 17%;
    }
}

.reContentArea img {
    max-width: 100%;
}


@media only screen and (min-width: 765px) {
    .reContentArea {
        height: 100% !important;
    }
}


.reLayoutWrapper tr:nth-last-child(-n+3) {
    display: none;
}

.glyphicon-plus:before {
    content: "\002b"
}

.glyphicon-minus:before {
    content: "\2212"
}