/* 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: 15px; border-radius: 5px;}
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%;               
       }
@media screen and (max-width: 480px) {
    .share-d-div {
        width: 400px;
        margin: 0px auto;
        position: fixed;
        z-index: 999;
        top: 20%;
        left: 1%;
    }
}
        .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: #ffffff;
        }

        .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;
    }

    .bg-c-blue {
        background: -webkit-gradient(linear,left top,right top,from(#01a9ac),to(#01dbdf));
        background: linear-gradient(to right,#01a9ac,#01dbdf)
    }

    .bg-simple-c-blue {
        background: #01a9ac
    }

    .text-c-blue {
        color: #01a9ac
    }

    .bg-c-pink {
        background: -webkit-gradient(linear,left top,right top,from(#fe5d70),to(#fe909d));
        background: linear-gradient(to right,#fe5d70,#fe909d)
    }

    .bg-simple-c-pink {
        background: #fe5d70
    }

    .text-c-pink {
        color: #fe5d70
    }

    .bg-c-green {
        background: -webkit-gradient(linear,left top,right top,from(#0ac282),to(#0df3a3));
        background: linear-gradient(to right,#0ac282,#0df3a3)
    }

    .bg-simple-c-green {
        background: #0ac282
    }

    .text-c-green {
        color: #0ac282
    }

    .bg-c-yellow {
        background: -webkit-gradient(linear,left top,right top,from(#fe9365),to(#feb798));
        background: linear-gradient(to right,#fe9365,#feb798)
    }

    .bg-simple-c-yellow {
        background: #fe9365
    }

    .text-c-yellow {
        color: #fe9365
    }

    .bg-c-orenge {
        background: -webkit-gradient(linear,left top,right top,from(#FE8A7D),to(#feb8b0));
        background: linear-gradient(to right,#FE8A7D,#feb8b0)
    }

    .bg-simple-c-orenge {
        background: #fe8a7d
    }

    .text-c-orenge {
        color: #fe8a7d
    }

    .bg-c-lite-green {
        background: -webkit-gradient(linear,left top,right top,from(#01a9ac),to(#01dbdf));
        background: linear-gradient(to right,#01a9ac,#01dbdf)
    }

    .bg-simple-c-lite-green {
        background: #01a9ac
    }

    .text-c-lite-green {
        color: #01a9ac
    }

    .bg-c-amber {
        background: -webkit-gradient(linear,left top,right top,from(#35c033),to(#2c429b));
        background: linear-gradient(to right,#35c033,#2c429b)
    }

    .bg-simple-c-amber {
        background: #35c033
    }

    .text-c-amber {
        color: #35c033
    }