html,
body {
    height: 100%;
    overflow-x: hidden;
}
.wrapper-div {
    height: 100%;
    position: relative;
}

.wrap {
    /* min-height: 100%;
    height: auto; */
    /* margin: 0 auto 0px;
    padding: 0 0 50px; */
}

.wrap > .container {
    padding: 40px 15px 0px;
}

.footer {
    /* height: 30px; */
    /* background-color: #f5f5f5;
    border-top: 1px solid #ddd; */
    padding-top: 0px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th,
.grid-view td:last-child {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}
.required label::after{
    content: '*';
    color:red;
}
@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}
.p-0{
    padding: 0 !important;
}
.c-h{
    color: #2387ad;
    font-size: 14px;
}
.c-h-g .form-group .control-label{
    color: #2387ad;
    font-size: 14px;
}
.m-t-5r{
    margin-top: 5rem;
}
.m-t-2r{
    margin-top: 2rem;
}
.m-t-1r{
    margin-top: 1rem;
}
.m-b-1r{
    margin-bottom: 1rem;
}
.upper-case{
    text-transform:uppercase;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.card > hr {
    margin-right: 0;
    margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link + .card-link {
    margin-left: 1.25rem;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

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

.card-header + .list-group .list-group-item:first-child {
    border-top: 0;
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

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

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

.card-img,
.card-img-top,
.card-img-bottom {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck .card {
    margin-bottom: 15px;
}
.bg-none{
    background-color:unset !important;
}
.p-10{
    padding: 10px;
}
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .3s ease;
}

/* When you mouse over the container, fade in the overlay icon*/
.img-container:hover .overlay {
    opacity: 1;
}
.img-container:hover img {
    -webkit-filter: blur(2px);
    filter: blur(2px);
}

/* The icon inside the overlay is positioned in the middle vertically and horizontally */
.icon {
    /* color: white; */
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.fa-user:hover {
    color: #eee;
}  
/************************************************
          Card Element
*************************************************/
.card {
    position: relative;
    display: block;
    min-width: 0;
    width: 100%;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #edf2f9;
    margin-bottom: 20px;
    border-radius: 8px;
    box-shadow: 0 12px 24px rgba(18,38,63,.03);
}
.card-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
    min-height: 30px;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 1px solid#edf2f9;
}
.card-header-cust {
    color: #444;
    display: block;
    padding: 7px 10px 0px 10px;
    position: relative;
    min-height: 35px;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 1px solid#edf2f9;
    font-size:14px;
}
.card-header-cust .card-title{font-size:1.4rem !important;}
.card-header:first-child {
    border-radius: calc(8px - 1px) calc(8px - 1px) 0 0;
}

.card-header > .fa, .card-header > .glyphicon, .card-header > .ion, .card-header .card-title {
    display: inline-block;
    font-size: 13px;
    margin: 0;
    line-height: 1;
}
.card-header > .card-tools {
    float: right;
    margin-top: -5px;
    margin-bottom: -5px;
}
.card > .card-header > .card-tools .btn {
    border: 0;
    box-shadow: none;
}
.btn-card-tool {
    padding: 5px;
    font-size: 75%;
    background: transparent;
    color: #97a0b3;
}
.card-body {
    padding: 10px;
}
.card-footer {
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: transparent;
}

.card-header::before, .card-body::before, .card-footer::before, .card-header::after, .card-body::after, .card-footer::after {
    content: " ";
    display: table;
}
.card-header::after, .card-body::after, .card-footer::after {
    clear: both;
}

.card-table {
    margin-bottom: 0;
}

.card-table thead th {
    border-top-width: 0;
}

.card-table tbody td:first-child,.card-table thead th:first-child {
    padding-left: 24px!important;
}

.card-table tbody td:last-child,.card-table thead th:last-child {
    padding-right: 24px!important;
}

.card>.card-table:first-child>tbody:first-child>tr:first-child>td:first-child,.card>.card-table:first-child>tbody:first-child>tr:first-child>th:first-child,.card>.card-table:first-child>tfoot:first-child>tr:first-child>td:first-child,.card>.card-table:first-child>tfoot:first-child>tr:first-child>th:first-child,.card>.card-table:first-child>thead:first-child>tr:first-child>td:first-child,.card>.card-table:first-child>thead:first-child>tr:first-child>th:first-child,.card>.table-responsive:first-child>.card-table>tbody:first-child>tr:first-child>td:first-child,.card>.table-responsive:first-child>.card-table>tbody:first-child>tr:first-child>th:first-child,.card>.table-responsive:first-child>.card-table>tfoot:first-child>tr:first-child>td:first-child,.card>.table-responsive:first-child>.card-table>tfoot:first-child>tr:first-child>th:first-child,.card>.table-responsive:first-child>.card-table>thead:first-child>tr:first-child>td:first-child,.card>.table-responsive:first-child>.card-table>thead:first-child>tr:first-child>th:first-child {
    border-top-left-radius: 8px;
}

.card>.card-table:first-child>tbody:first-child>tr:first-child>td:last-child,.card>.card-table:first-child>tbody:first-child>tr:first-child>th:last-child,.card>.card-table:first-child>tfoot:first-child>tr:first-child>td:last-child,.card>.card-table:first-child>tfoot:first-child>tr:first-child>th:last-child,.card>.card-table:first-child>thead:first-child>tr:first-child>td:last-child,.card>.card-table:first-child>thead:first-child>tr:first-child>th:last-child,.card>.table-responsive:first-child>.card-table>tbody:first-child>tr:first-child>td:last-child,.card>.table-responsive:first-child>.card-table>tbody:first-child>tr:first-child>th:last-child,.card>.table-responsive:first-child>.card-table>tfoot:first-child>tr:first-child>td:last-child,.card>.table-responsive:first-child>.card-table>tfoot:first-child>tr:first-child>th:last-child,.card>.table-responsive:first-child>.card-table>thead:first-child>tr:first-child>td:last-child,.card>.table-responsive:first-child>.card-table>thead:first-child>tr:first-child>th:last-child {
    border-top-right-radius: 8px;
}


/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 1px;
    bottom: 0px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.editable-input .form-control{
    height: auto !important;
}
.m-b-1r{
    margin-bottom: 1rem;
}

/* Client Chat Response*/
.chat
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.chat li
{
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #B3A9A9;
}

.chat li.left .chat-body
{
    /* margin-left: 60px; */
}

.chat li.right .chat-body
{
    margin-right: 60px;
}


.chat li .chat-body p
{
    margin: 0;
    color: #777777;
}
.chat-panel{
    max-height: 20rem;
    overflow: auto;
}
.panel .slidedown .glyphicon, .chat .glyphicon
{
    margin-right: 5px;
}

.remark-panel .panel-body
{
    overflow-y: scroll;
    max-height: 250px;
}

::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}
.d-grid{
    display:grid;
}

.text-align-right{
    text-align:right;
}
.no-hight{
    overflow-y:unset !important;
    max-height: unset !important;
}
.filter-box{
    width: 20rem;
}
.side-sub-menu li a {
    color: #54667a;
    border-left: 0px solid #fff;
}
.side-sub-menu li a {
    color: #54667a;
}
.side-sub-menu>li>a {
    padding: 10px 25px 10px 0;
    display: block;
}

/* 
#####################################
                login
#####################################
*/
body {
    /* background-image: linear-gradient(to right, rgb(50, 40, 187) 0%, rgb(107, 45, 206) 100%); */
    font-family: "Open Sans", sans-serif;
    background-color: #e1e7ee;
}
.wrapper-div {
    position: relative;
    /* overflow-x: hidden; */
    height: 100%;
}
.wrapper-div::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url("../img/bg-login.png") no-repeat;
}
.login-container {
    /* background-color: #fff;
    border-radius: 8px; */
    /* overflow: hidden; */
    margin-top: 100px;
    /* -webkit-box-shadow: 0 5px 12px rgba(37, 37, 37, 0.575);
    -moz-box-shadow: 0 5px 12px rgba(37, 37, 37, 0.575);
    box-shadow: 0 5px 12px rgba(37, 37, 37, 0.575); */
}
.login-image {
    /* background-image: url(../images/login/login-box.svg);
    background-repeat: no-repeat;
    width: 100%;
    background-position: center;
    background-size: cover; */
    /* height: 100%; */
    position: relative;
    top: 50px;
    left: -100px;
    /* background-color: #fff6f6;
    border-radius: 0 200px 0 0; */
}
.forgot-pwd-image {
    /* background-image: url(../images/login/forgot-password.svg);
    background-repeat: no-repeat;
    width: 100%;
    background-position: 100% 50%;
    background-size: cover;
    height: 600px; */
    position: relative;
    top: 50px;
    left: -100px;
    /* background-color: #fff6f6;
    border-radius: 0 200px 0 0; */
}
.login-logo {
    width: 100%;
}
.login-box,.forgot-pwd-box {
    padding: 60px;
    margin-top: 60px;
}
.login-box h1,.forgot-pwd-box h1 {
    font-size: 25px;
    font-weight: 400;
    /* padding-bottom: 15px; */
    margin-top: 20px;
    margin-bottom: 20px;
    color: #005468;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.3); */
}
.login-box {
    position: relative;
}
.login-box .login-as-image,.forgot-pwd-box .login-as-image {
    position: absolute;
    top: -55px;
    left: 0;
    right: 0;
    text-align: center;
}
.login-heading img {
    height: 50px;
    margin-right: 10px;
}
.login-heading h1 {
    line-height: 45px;
}
.login-box .form-control,.forgot-pwd-box .form-control {
    background-color: #FBFBFB;
    border-color: #D3D3D3;
    height: 45px;
    border-radius: 5px;
}
.login-box .form-group,.forgot-pwd-box .form-group {
    margin-bottom: 30px;
}
.login-box .form-group + .form-group,.forgot-pwd-box .form-group + .form-group {
    margin-bottom: 15px;
}
.forgot-pwd-box .form-group + .form-group {
    margin-bottom: 30px;
}
.login-box .form-control:focus,.forgot-pwd-box .form-control:focus {
    background-color: #fff;
    border-color: #88aeb8;
    box-shadow: none;
    color: #333;
}
.login-box .checkbox {color: #666; margin-bottom: 30px;}
.login-box .btn-primary,.forgot-pwd-box .btn-primary {
    /* padding: 12px 50px; */
    min-width: 130px;
    height: 45px;
    border-radius: 30px;
    background-color: #005468;
    border-color: #005468;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.login-box .btn-primary:hover,.forgot-pwd-box .btn-primary:hover {
    background-color: #005468;
    -webkit-box-shadow: 0 5px 12px rgba(0, 83, 104, 0.39);
    -moz-box-shadow: 0 5px 12px rgba(0, 83, 104, 0.39);
    box-shadow: 0 5px 12px rgba(0, 83, 104, 0.39);
}
.login-box .btn-info {
    margin-left: 10px;
    min-width: 130px;
    height: 45px;
    line-height: 30px;
    border-radius: 30px;
    color: #666;
    background-color: #fff;
    border-color: #b8b8b8;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.login-box .btn-info:hover {
    background-color: #f3f3f3;
    /* -webkit-box-shadow: 0 5px 12px rgba(168, 168, 168, 0.39);
    -moz-box-shadow: 0 5px 12px rgba(168, 168, 168, 0.39);
    box-shadow: 0 5px 12px rgba(168, 168, 168, 0.39); */
}

.reset-back .btn-info:hover {
    background-color: #f3f3f3;
}

.reset-back .btn-info {
    margin-left: 10px;
    min-width: 130px;
    height: 45px;
    line-height: 30px;
    border-radius: 30px;
    color: #666;
    background-color: #fff;
    border-color: #b8b8b8;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.back-login,.forgot-password {
    color: #666;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.back-login:hover,.forgot-password:hover {
    color: #005468;
    text-decoration: none;
}
.login-box .btn-primary:focus,.forgot-pwd-box .btn-primary:focus,.back-login:hover,.forgot-password:focus {
    outline: none;
}
.footer {
    background-color: transparent;
    border: none;
    text-align: center;
    color: #023441;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.help-block{
    margin-bottom: 0;
}

@media only screen and (min-width: 1200px) {
    .wrapper-div::before {
        left: -280px;
    }
}
@media only screen and (min-width: 1280px) and (max-width: 1280px) {
    .wrapper-div::before {
        left: -280px;
    }
    .login-image,.forgot-pwd-image {
        top: 30px;
        left: -40px;
    }
    .login-box {
        margin-top: 30px;
    }
}
@media only screen and (min-width: 1300px) {
    .wrapper-div::before {
        left: -250px;
    }
}
@media only screen and (min-width: 1366px) and (max-width: 1366px) {
    .login-image,.forgot-pwd-image {
        top: 30px;
        left: -60px;
    }
}
@media only screen and (min-width: 1400px) {
    .wrapper-div::before {
        left: -200px;
    }
}

@media only screen and (min-width: 1500px) {
    .wrapper-div::before {
        left: -180px;
    }
}
@media only screen and (min-width: 1600px) {
    .wrapper-div::before {
        left: -150px;
    }
}
@media only screen and (min-width: 1800px) {
    .wrapper-div::before {
        left: 0px;
    }
}

@media (max-width: 1599px) {
    .login-container {
        margin-top: 70px;
    }
}

@media (max-width: 1366px) {
    .login-container {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 1199px) {
    .wrapper-div::before {
        left: -400px;
    }
    .login-image,.forgot-pwd-image {
        top: 40px;
        left: -30px;
    }
    .login-box {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 1024px) {
    .wrapper-div::before {
        left: -400px;
    }
    .login-image,.forgot-pwd-image {
        top: 40px;
        left: -30px;
    }
    .login-box {
        margin-top: 0px;
    }
    .login-container {
        margin-top: 50px;
    }
}
@media (max-width: 991px) {
    .login-container {
        max-width: 600px;
        margin: 50px auto 0;
    }
    .login-image,.forgot-pwd-image {
        display: none;
    }
}
@media only screen and (max-width: 1023px) {
    .wrapper-div::before {
        left: 0px;
    }
    .login-image {
        top: 40px;
        left: -30px;
    }
    .login-box,.forgot-pwd-box {
        margin-top: 0px;
        background-color: #fff;
        border-radius: 20px;
    }
}
@media (max-width: 767px) {
    .login-container {
        max-width: 500px;
        margin: 50px auto 0;
    }
    /* .footer {position: relative; margin-top: 20px;} */
    .wrapper-div::before {display: none;}
    body {background: linear-gradient(167.07deg, #115761 19.19%, #39CEE2 94.45%);}
}
@media (max-width: 480px) {
    .login-container {
        margin: 20px auto 0;
    }
    .login-box {
        padding: 35px;
    }
    .login-container {
        margin-top: 40px;
    }
    .login-box .form-control {
        height: 38px;
    }
    .login-box {
        padding: 50px 30px 30px;
        margin-top: 60px;
    }
    .login-box h1 {
        font-size: 18px;
    }
    .login-logo img {
        max-width: 50%;
    }
    .forgot-pwd-box .btn-primary{
        width: 100%;
    }
    .forgot-pwd-box .form-group {
        margin-bottom: 20px;
    }
    .login-box h1, .forgot-pwd-box h1 {
        font-size: 18px;
    }
    .forgot-pwd-box .btn-info {
        width: 100%;
        margin-top: 5px;
        margin-left: 0px;
    }
}
@media (max-width: 375px) {
    .login-container {
        margin-top: 20px;
    }

    .login-box .form-control {
        height: 38px;
    }
    .login-box,.forgot-pwd-box {
        padding: 50px 15px;
        margin-top: 50px;
    }
    .login-box h1,.forgot-pwd-box h1 {
        font-size: 18px;
    }
    .login-logo img {
        max-width: 55%;
    }
    .login-box .btn-primary,.login-box .btn-info {
        min-width: 100px;
        height: 40px;
    }
    .login-box .btn-info {
        line-height: 25px;
    }
}

@media (max-width: 360px) {
    .login-container {
        margin-top: 0px;
    }
    .login-logo img {
        max-width: 50%;
    }

}

.m-r-5r{
    margin-right: 5rem;
}

/** new**/
.lowercase {
    text-transform: lowercase;
}

.size-error{
    color: #f31919;
    padding: 4px;
    display: none;
}
.proof_docs {
    width: 62px;
    height: 62px;
}
.proof_docs-error {
    border: 2px solid #f75f5f;
}
.textarea-error {
    border: 2px solid #f75f5f !important;
}
.label-error {
    color: #f75f5f;
}
/* .login-bk-icon{
    margin-top: 1.2rem;
} */
.login-bk-icon:hover i{
    transform: translate(-4px, 0);
}

.pass-guideline{ margin-top: 20px;}
.pass-guideline span {display: none; position: absolute; color: #fff; background: #000; padding: 5px;}
.pass-guideline {position: relative;}
.pass-guideline:hover span {display: block; text-align: center; width: 300px}
.grid-view{min-height:500px;}
.popover {
    min-width: 150px;
    max-width: 150%; 
}

.custom-tooltip > .popover {
    color: #333;
    width: 400px;
    height: auto;
    font-size:13px;
    text-align: left;    
}

.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #143d70;
    border-bottom-width: 0;
}
.popover.top > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff8e8;
    border-bottom-width: 0;
}
