/* design alps dha*/

.navbar-semi-dark .navbar-header {
    background: #ffffff;
}

.navbar-semi-dark .navbar-header .brand-text {
    color: #6B6F82;
}

.color11 {
    color: #666ee8 !important;
}

.color12 {
    color: #28d094 !important;
}

.color13 {
    color: #00bcd4 !important;
}

.color14 {
    color: #aab2be !important;
}

.color15 {
    color: #e91e63 !important;
}

.color16 {
    color: #9677de !important;
}

.color17 {
    color: #f7bc31 !important;
}

.color18 {
    color: #666ee8 !important;
}

.color19 {
    color: #fafb15 !important;
}

.color20 {
    color: #FF4961 !important;
}

.color21 {
    color: #FF8A80 !important;
}

.media.d-flex .media-body.text-left h3 {
    font-size: 18px;
}

#chartjs-line-charts {
    width: :100%;
}

.profiledha {
    width: 100%;
}

.profiledha tr {
    border-bottom: 1px solid #e8e8e8;
}

.profiledha th {
    font-size: 13px;
    width: 56%;
    padding: 15px 0;
}

.profiledha td {
    font-size: 13px;
}

.card-content {
    text-align: center;
}

.card-content .img-fluid {
    width: 98px;
    height: 98px;
    border-radius: 50px;
    border: 5px solid #fff;
}

.main-menu.menu-dark .navigation>li {
    padding: 0;
    border-bottom: 1px solid #efefef;
}

.main-menu.menu-dark .navigation {
    background: transparent;
}

.main-menu.menu-dark {
    color: #707486;
    background: #ffffff;
}

.main-menu.menu-dark .navigation li a {
    color: #6c7082;
}

.main-menu.menu-dark .navigation>li.active>a {
    color: #ffffff;
    font-weight: 700;
    /*background: #055eaf;*/
    background: #63991a;
}

.card.pull-up .card-content {
    text-align: center;
    border: 1px solid #b6d0e7;
    border-radius: 4px;
}

.card.pull-up .card-content .card-body {
    padding: 1.0rem;
    height: 92px;
}

.main-menu.menu-dark .navigation>li.open>a {
    color: #ffffff !important;
    /*background: #90c202;
    border-right: 4px solid #90c202;;*/
    background: #323232c2;
    border-right: 4px solid rgba(255, 255, 255, 0.5);
}

.main-menu.menu-dark .navigation>li>ul {
    background: #eeeeee;
}

/*.header-navbar .navbar-header .navbar-brand .brand-logo{
	width:auto;
	}*/
.card.carddha .card-header {
    background: transparent;
    padding: 20px 15px;
    text-align: left;
}

.carddha .card-body {
    padding: 15px;
    text-align: left;
}


.carddha {
    background: url(../images/admin-bg.jpg);
    background-size: cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 0;
}

.carddha::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.carddha:after {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

/*.navbar-header .brand-logo.baa{display:none; visibility:hidden; opacity:0;}
.navbar-header.expanded .brand-logo.saa{display:none; visibility:hidden;  opacity:0;}*/
.carda {
    margin-bottom: 30px;
    height: auto !important;
}

.header-navbar .navbar-header .navbar-brand .brand-logo {
    height: auto !important;
    position: relative;
    top: 0px;
    width: 70px;
}

.rewordlinecolor {
    width: 100%;
    position: relative;
}

.reword2dha {
    width: 100%;
    float: left;
    margin-bottom: 40px;
}

.tooltipw {
    position: absolute;
    top: 30px;
    left: 0px;
    border-radius: 5px !important;
}

.rewadline1 {}

.toplineborder {
    background: #1e9ff2;
    border-radius: 0px 0px 0px 0px;
    position: relative;
    text-align: right;
}

.rewordlinecolor .col-sm-3 {
    padding: 0px;
}

.toplinetext {
    width: 100%;
    border-right: 1px solid #dcdcdc;
    float: left;
    padding: 10px 4px;
    border-bottom: 1px solid #dcdcdc;
}

.toplinetext2 {
    width: 100%;
    float: left;
    border-right: 1px solid #dcdcdc;
}

.toplinetext2 h4 {
    text-align: center;
    font-size: 13px;
    padding-top: 10px;
}

.toplinetext .divr51 {
    float: left;
    width: 34%;
    text-align: center;
}

.toplinetext .divr52 {
    float: left;
    width: 66%;
}

.toplinetext .divr51 i {
    font-size: 35px;
    color: #76ce10;
    margin-top: 3px
}

.toplinetext .divr52 p {
    margin: 0px;
    font-size: 13px;
}

.lineborder1 {
    border-radius: 50px 0px 0px 50px !important;
}

.toplineborder span {
    position: relative;
    /* right: 0px; */
    background: #fff;
    width: 24px;
    display: inline-block;
    border-radius: 50px;
    text-align: center;
    border: 5px solid #066578;
    color: #000;
    font-size: 10px;
    margin-right: -11px;
    z-index: 999;
}

.card-body {
    padding: 0px;
}

.cd-horizontal-timeline .timeline {
    padding: 0px;
}

.cd-horizontal-timeline {
    margin: 10px auto 0px auto;
}

.cd-horizontal-timeline .events-content {
    margin: 0px 0px 1em 0px
}

h6,
.h6 {
    font-size: 13px;
}







.card-bodyother {
    padding: 1.5rem;
    text-align: left;
}

.card-bodyother label {
    text-align: left;
}

div#example_filter {
    text-align: right;
}


#example_length {
    padding: 0px;
    margin: 0px;
    line-height: 36px;
}

#example_length label {
    display: inline-flex !important;
    line-height: 26px;
    height: calc(1.75rem + 2px);
}

#example_length label select {
    padding: 0px;
    border-radius: 0px;
    line-height: 26px;
    height: calc(1.75rem + 2px);
    margin: 0px 9px;
}

#example_filter label {
    display: inline-flex !important;
    margin-top: 0px;
    line-height: 26px;
    height: calc(1.75rem + 2px);
}

#example_filter label input {
    padding: 0px 15px;
    border-radius: 0px;
    margin: 0px 9px;
    height: calc(1.75rem + 2px);
}

div#example_paginate {
    text-align: right;
    float: right;
}

#example th {
    font-size: 12px;
}

#example td {
    font-size: 12px;
}

#example td,
#example th {
    padding: 2px 5px;
    text-align: center;
}



.product-shop .card.pull-up .card-contenta .card-body {
    padding: 1.0rem;
}

.product-shop .product-title {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin-top: 12px;
}

.product-shop .product-img img {
    margin: auto;
    max-height: 300px;
}

.product-shop .product-img {
    height: 300px;
    overflow: hidden;
}


.poducts h4 {
    font-weight: 600;
    font-size: 15px;
}

.form-control1 {
    width: 100%;
    font-size: 13px;
    border-radius: 50px;
    padding: 1px 9px;
}

.poducts h5 {
    font-weight: 500;
    font-size: 14px;
}

.poducts h5 .coloronile span {
    font-weight: 600;
    text-decoration: line-through;
    font-size: 14px;
    color: red;
}


.xzoom-thumbs {}

.xzoom-thumbs a img {
    width: 17%;
    border: 4px solid #f0f2f7;
    margin: 4px;
}

.xzoom-caption {
    display: none !important;
}



.profile-overview {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background-clip: padding-box;
}

.profile-overview h3 {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
}

.profile-overview .socials li a {
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.show-tab i {
    opacity: 0;
}

.show-tab:hover i {
    opacity: 1;
}

.profile-detail tr:hover i {
    opacity: 1;
}

.profile-edit {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background-clip: padding-box;
    background-color: #323b44;
}

.profile-overview a {
    color: #fff !important;
}

.profile-overview td a {
    color: #06F !important;
}


.profileimages {
    width: 100%;
    float: left;
}

.profileimages img {
    width: 100px;
    height: 100px;
}

.profilepic {
    width: 100%;
    float: left;
}

.profilepic img {
    width: 200px;
    height: auto;
}

.letnamewel {
    width: 100%;
    float: left;
    padding-top: 15px;
}

.letnamewel h3 {
    font-weight: 600;
}

.letnamewel h4 {}

.kycForm table img {
    width: 75px;
}

.text-center.table.table-bordered.table-striped td,
.text-center.table.table-bordered.table-striped th {
    vertical-align: middle;
}

.lastbuttonclass {
    color: #fff !important;

}


.table-font-dha {}

.table-font-dha tr th {
    background: #e8e8e8;
    color: #000 !important;
}

.table-font-dha tr {
    border: 1px solid #ccc;
    padding: 0px;
}

.table-font-dha tr td,
.table-font-dha tr th {
    padding: 5px 2px !important;
    text-align: center;
    vertical-align: middle;
}

.table-font-dha tr td label,
.table-font-dha tr th label {
    margin: 0px;
    padding: 0px;
}


.profile-overview .avtar.text-center img {
    width: 200px;
}

.input-group-prepend-dha {
    position: relative;
}

.prepend-dha {
    position: absolute;
    height: 40px;
    width: 40px;
    padding: 0 6px;
    text-align: center;
    border: 1px solid #CACFE7;
    border-right: 0px;
    border-radius: 0.25rem 0rem 0rem 0.25rem;
}


.input-group-prepend-dha .form-control {
    padding-left: 40px;
}

.errordivdha {
    width: 100%;
    float: left;
}

.errordivdha #errorDiv {
    width: 100%;
    float: left;
}


div.tagsinput {
    border: 1px solid #CCC;
    background: #FFF;
    padding: 5px;
    width: 300px;
    height: 100px;
    overflow-y: auto;
}

div.tagsinput span.tag {
    border: 1px solid #a5d24a;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: block;
    float: left;
    padding: 5px;
    text-decoration: none;
    background: #cde69c;
    color: #638421;
    margin-right: 5px;
    margin-bottom: 5px;
    font-family: helvetica;
    font-size: 13px;
}

div.tagsinput span.tag a {
    font-weight: bold;
    color: #82ad2b;
    text-decoration: none;
    font-size: 11px;
}

div.tagsinput input {
    width: 80px;
    margin: 0px;
    font-family: helvetica;
    font-size: 13px;
    border: 1px solid transparent;
    padding: 5px;
    background: transparent;
    color: #000;
    outline: 0px;
    margin-right: 5px;
    margin-bottom: 5px;
}

div.tagsinput div {
    display: block;
    float: left;
}

.tags_clear {
    clear: both;
    width: 100%;
    height: 0px;
}

.not_valid {
    background: #FBD8DB !important;
    color: #90111A !important;
}

.product-action.d-flex.justify-content-around {
    background: #f4f5fa;
    padding: 10px;
    border-radius: 5px;
    margin: 5px 0;
}

table.profiledha i {
    font-size: 15px;
}

#Div_memberDetails {
    font-size: 13px;
}

.button6col .col-sm-2 {
    padding: 0px 5px;
}

.button6col .col-sm-2 table {
    padding: 5px 10px;
    background: #fbfbfb;
}

.carddhaheader {
    border-bottom: 1px solid #efefef;
}

span a {
    position: relative;
}

span a span {
    display: none;
    position: absolute;
    z-index: 999;
    bottom: 44px;
    right: 0px;
    ;
}

span a:hover span {
    display: block;
}

span a span table {
    background: #fff;
    width: 270px;
}

.tabletreeandtree table,
.tabletreeandtree table td,
.tabletreeandtree table th {
    vertical-align: top;
}

.product-count img {
    width: 100%;
}

span.input-group-text.btn.btn-primary.p-0.last58 {
    border-radius: 0 0.25rem 0.25rem 0;
}

.product-detail .product-buttons .btn {
    padding: 11px 0.75rem;
}


#example55 th,
#example55 td {
    padding: 2px 5px;
}

.welldha {}

.welldha th {
    padding: 10px 5px;
    width: 30%;
}

.welldha td {
    padding: 10px 5px;
}

.welldha td,
.welldha th {
    border: 1px solid #dadada;
}

#errorDiv {}

.alert.alert-error {
    width: 100%;
    border-color: #FF394F !important;
    background-color: #FF4961 !important;
    color: #FFFFFF;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    line-height: 1.25;
    border-radius: 0.25rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.text-error {
    color: red;
}



.unstyled.amounts li {
    list-style: none;
}

.unstyled.amounts strong {}


.xzoom-preview {
    z-index: 999;
}

.share-d-div {
    width: 400px;
    margin: 0px auto;
    position: fixed;
    z-index: 999;
    top: 20%;
    left: 40%;
}

.share-d-div .card-body {
    padding: 15px;
}

.copy-d-icon {
    width: 100%;
    float: left;
    padding: 15px;
    margin: 0px;
    text-align: left;
}

.copy-d-icon li {
    display: inline-table;
}

.copy-d-icon li a {
    text-decoration: none;
    text-align: center;
    width: 40px;
    height: 40px;
    float: left;
    border-radius: 50px;
    line-height: 40px;
    color: #fff;
    font-size: 20px;
}

.copy-d-icon li a:hover {
    text-decoration: none;
    text-align: center;
    width: 40px;
    height: 40px;
    float: left;
    border-radius: 50px;
    line-height: 40px;
    color: #fff;
    font-size: 22px;
}

.copy-d-icon li a i {}

.bg-d-alps {
    background: #fff;
}

.full-screencolor {
    position: fixed;
    background: rgba(0, 0, 0, 0.24);
    height: 100vh;
    width: 100%;
    float: left;
    z-index: 99999999999;
    top: 0px;
    background-size: 100%;
}



















@media (max-width: 767.98px) {

    .navbar-dark .navbar-header .navbar-nav .nav-link,
    .navbar-semi-dark .navbar-header .navbar-nav .nav-link {
        color: #000000;
    }

    .header-navbar .navbar-header .navbar-brand {
        padding: 9px 0;
        margin-right: 0;
    }
}


/*news-----section*/

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .0);


    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #FFFFFF;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 0.35rem;
}

.panel {
    /* margin-bottom: 20px; */
    background-color: #fff;
    border: none;
    /* 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-default>.panel-heading {
    /* background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%); */
    background-image: linear-gradient(to bottom, #ffff 0, #ffff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
}

.panel-default>.panel-heading span b {

    padding: 5px;
    background: #fff;
    font-weight: 500;
    letter-spacing: 0.05rem;
    font-size: 2.12rem;
}

.panel .card-header {
    padding: 4px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #fff;

}

.panel-default {
    border-color: #fff;
    background: #fff !important;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #fff;
}

.panel-footer {
    padding: 0px 15px;
    background-color: #fff;
    border-top: 1px solid #fff;
}

.panel-footer ul li a {
    color: #000;
    background-color: #fff;

}

.panel-footer ul li a:hover {
    color: #000;
    background-color: #fff;

}


.btn-info:hover {
    background: #729613 !important;
}

button#btn_submit {
    background-color: #005d1d !important;
    border-color: green !important;
}


.modal-header {
    background: #ff0000;

    padding: 7px 15px;
    border: none;
}

.modal-header h4 {
    font-weight: bold;
    color: #fff;
    padding-top: 5px;
}

button.close {
    color: #fff;
    opacity: 9;
    font-size: 31px;
}

.content-popup {
    display: block;
    padding-left: 21px;
    font-size: 19px;
    height: 244px;
    overflow-y: scroll;
}

.modal-content {
    height: 404px;
}

.modal-dialog {
    position: relative;
    width: 600px !important;
    max-width: 600px !important;
}

span#ctl00_ContentPlaceHolder1_lbldescpop {
    font-weight: 400 !important;
}

i {
    padding-right: 3px;
}




i.toggle-icon.font-medium-3.ft-toggle-right {
    color: #777 !important;
}



@media screen and (max-width: 480px) {
    .header-navbar .navbar-header .navbar-brand .brand-logo {
        height: auto !important;
        width: 70px !important;
        margin-top: -18px !important;
        margin-left: 0px !important;
    }

    div#printT {
        width: 100%;
        overflow: auto;
    }

    select#ctl00_ContentPlaceHolder1_txtmobilecode {
        width: 24.5rem !important;
    }


}


.expanded .brand-logo {
    height: auto !important;
    width: 70px !important;
    margin-top: 0px !important;
    margin-left: 1px !important;
}




body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-brand {
    padding: 1px 0;
}


input#ctl00_ContentPlaceHolder1_RadioButtonList1_0 {
    padding-right: 6px;
    position: relative;
    right: 2px;
    top: 1px;
}