/* 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: #ffc107 !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;
}

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

.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: 500;
    font-size: 16px;
}
.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: 10px;}
.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;

}


   .header-navbar .navbar-header .navbar-brand .brand-logo {
       height:auto;
    width: 140px;
    margin-top: 1px;

}

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

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