*, body{
	font-family: 'custom-font';
	position: relative;
}
body, html {
	height:100%;
}
.body-wrapper {
	min-height: 600px;
}
a, a:hover {
	text-decoration: none;
	cursor: pointer;

}
textarea{
	resize: vertical;
}
a:hover {
opacity: .8;

}
/*__________ general style */

/*nav{
	overflow: hidden;
}*/
.log-nav-div{
	background-color: #141414;
	height: 50px;
	border-bottom: 5px solid #ac973e;
}

.log-nav-div p{
	display: inline;
	color: white
}
.caret{
	color:#ac973e;
	margin: 0px 5px;
}
.log-inner-div{
	float: none;
	padding: 10px;
	margin: 0 auto;
}
.log-inner-div  div{
	float: left;
}

.glyphicon{
	color: #ac973e;
}

.addC {
	overflow: hidden;
	float: none;
	margin: auto;
	
    /*display: inline-block;*/
}

.lang-select{
	border:none;
	background-color: transparent;
	color: white !important;
	padding: 0px 10px;
}

.lang-select:hover, .lang-select:active{
color: white;
}
.btn-group.open .dropdown-toggle{
	box-shadow: none;
    color: white;
}

.dropdown-menu{
	left: 0px;
	right: auto;
}
/*___________________ login page nav */

.log-div{
	/*display: flex;
    align-items: center;
    justify-content: center;*/
    margin: 20px 0px;
}

.log-div-fin img{
	display: block;
	width: 100%;
}
.log-div-fin{
	text-align: center;
}

 .body-wrapper  input{
	height: 40px;
	margin: 15px 0px;
	border-radius: 5px;
	float: none;
	border: 1px solid #ac973e; 
}

.nav-tabs{
	border: none;
	font-family: 1.2em;
	text-align: center;  
	float: none;
    margin: 10px auto;
    border: 1px solid #ac973e; 
    padding: 0px;
	background-color: white;
	border-radius: 5px;
}


.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
	background-color: #ac973e;
	color: white;
	font-weight: bold;
	border: none; 
	border-radius: 5px;
}

.nav-tabs>li>a{
	background-color: white;
	border-radius: 5px;
	border: none;
	margin: 0px;
	color: #141414;
}

.nav-tabs>li{
	padding: 0px;
	margin: 0px;
}

/*______________ login div*/

.Login-ftr{
	width: 100%;
	position: relative;
	clear: both;
	overflow: hidden;
}
.sign-btn{
	height: 50px;
	float: none;
	margin: 5px auto;
	background-color: #ac973e;
	border-radius: 5px;
	border: none;
}

.sign-btn-wht, .sign-btn{
	height: 40px;
	z-index: 100;
	display: block;

	float: none;
}

.sign-btn-wht-new{
	z-index: 100;
	border: 2px solid #ac973e;
	background-color: white;
	color: #ac973e;
	padding: 5px 0px;
	overflow: hidden;
	border-radius: 5px;

}

.sign-btn-wht{
	border: 2px solid #ac973e;
	background-color: white;
	margin: 15px auto;
	border-radius: 5px;
}

.sign-btn-wht a{
	color: #ac973e;
}


.black-ftr, .general-ftr{
	background-color: #141414;
	border-top:5px solid #ac973e;
	width: 100%;
	position: absolute;
	z-index: 99;
	bottom: 0px; 
}
.black-ftr{
	height: 180px;
}

.Login-ftr, .footer_spacer {
	height: 200px;
}
.Login-ftr {
	margin-top: -200px;
}


/*____________________ footer div */

.log-bk-div{
	height: 100vh;
	width: 100%;
	background-image:url('../images/bk.jpg');
	position: fixed;
	background-repeat: no-repeat;
	background-size:auto;
	top: 0px;
	left: 0px;
	z-index: -1;
	opacity: 0.2;
	background-position:center;
}

/*__________________ backgroung div */



/*__________________ ^ LOGIN PAGE ^ __________________ */

.reg-nav-div{
	border-bottom: 1px solid #ac973e;
}

.reg-inner-div{
	float: none;
	padding: 5px;
	margin: 0 auto;
}

.trns-btn{
	float: left;
}

.lang-select-innerpages{
	border:none;
	font: 1.4em; 
	background-color: transparent;
	color: #ac973e !important;
	padding: 10px 0px;
}

/*_______ reg-nav*/

.reg-main-div{
	float: none;
	padding: 10px;
	text-align: center;
	margin: auto;
	clear: both;
}

.reg-main-div h3{
	text-align: center;
	color: #ac973e;
}
.line svg,.line hr{
	float: left;
	font-size: 5px;
	color: #ac973e;
}
.line hr{
	margin: 1px 5px 0px 5px;
	padding: 0px;
	width: 100%;
	border-top: 1px solid #ac973e;
}
.line{
	margin: 20px 0px;
	overflow: hidden;
	padding: 0px;
	float: none;
}
.general-select-div{
	margin: 10px 0px;
	z-index: 33;
}
.general-select-btn{
	background-color: white;
	border: 1px solid #ac973e;
	color: #ac973e; 
	
}
.general-select-div button:hover{
	color: #ac973e; 
}
.general-select-div.open, .general-select-btn {
	color: #ac973e !important; 

}
.general-select-div li{
	padding: 5px;

	border-bottom: 1px solid #e3d9af; 
}
.general-select-div ul{
	max-height: 200px;
	overflow: auto;
	min-width: 50px;
}
.reg-ftr{
	margin: 0px;
	height: 100px;
}
.reg-ftr button{
	font-weight: bold;
}
.reg-ftr div{
	height: 80px;
}

.general-textArea{
	border-radius: 5px;
	border:1px solid #ac973e;
	height: 100px;
	float: none;
	display: block; 
	text-align: right;
	margin: auto;
}
.act-type{
	float: right;
	margin: 20px 10px;
}
.btnInfo{
	margin-top: 10px;
	background-color: white;
	float: right;
	height: auto;
	padding: 0px;
}
.fa-info-circle {
	font-size: 2em;
	color: #ac973e;
}
.linces-Inpt{
	float: right !important;
}
.expire{
	clear: both;
}

/*_________________________ REGESTRATION PAGE ______________________*/


.menuBtn{
	background-color: transparent;
	border: none;
	padding: 0px;
	margin: 0px 0px 0px 5px ;
	font-size: 2em;
	color: #ac973e;  
}
.menuBtn:hover{
	color: #ac973e; 
}
.ntf-btn{
	border: 1px solid #ac973e;
	color: #ac973e;
	margin: 0px 5px;
	padding: 5px;
	background-color: white;

}
.ntf-btn p{
	margin: 0px;
}
.ntf-btn span{
	color: white;
	background-color: #ac973e;
}
.general-nav{
	display: flex;
    align-items: center;
    justify-content: center;
}
.log-div img{
	margin: auto;
    display: block;
    padding: 0px;
}
.trns{
	margin: 0px 5px 0px 0px;
}

.menuList h3, .notfications h3{
	color: #ac973e;
	text-align: center;
	border-bottom: 1px solid #ac973e;
	padding: 10px 0px;
}

.general-icons, .headLine h3{
	display: inline-block; 

}

.headLine .general-icons {
 float:none;
display:inline-table;

}
.headLine h3{
	font-weight: bold;
display:inline-block;
margin-top:5px;


}

/* , .ftr-icons*/
.general-icons{
	overflow: hidden;
	text-align: center;
	float: right;
	border-radius: 5px;
	border: 1px solid #ac973e;
	padding: 5px 5px 0px 5px;
	margin: 5px 10px;
	background-color: white;


}


.general-icons{
	font-size: 1.3em;
	color: #ac973e;
	width: 35px;
    /*height: 30px;*/
}

.ftr-icons{

	font-size: 2em;
	display:inline-block;
	color: #ac973e;
}
.general-ftr .ftr-icons .ftr-iconssvg {
	font-size: 1em;
	line-height:1em;
	border-radius: 5px;
	display:inline-block;
	width:50px;
	border: 1px solid #ac973e;
	padding: 5px 5px 0px 5px;
	margin: 0px 10px;
	background-color: white;


}

.ftr-icons  .ftr_link_word {
	color:#FFF;
	font-size:0.65em;
	display:block;
}
.main-btn{
	background-color: #ac973e;
	color: white;
	border-radius: 5px;
	border: none;
	padding: 5px;
	float: none;
	margin: 10px 0px;

}



.main-btn a{
	color: white;
	width: 100%;
	height: 100%;
	display: block;
}

.general-ftr{
	position: fixed;
	bottom: 0px;
	padding: 10px;
}

.ftrDiv{
	text-align: center;
	float: none;
	margin: auto;
}
.ftrDiv div{
	margin: auto;
	padding: 0px;
}
.ftrDiv p{
	color: white;
	padding: 0px;
	text-align: center;
}
.addNew{
	background-color: #141414;

}
.addNew span{

	margin-top: 8px;
	margin-bottom: 8px;	
}

.newreqouest svg{
	font-size: 1.5em;

	color: #ac973e;
}
.innerPages{
	padding: 20px 0px;
}
.bigtextArea{
	height: 300px;
	border-radius: 5px;
	margin: 10px 0px;
	border: 1px solid #ac973e;
}
.reqDivInpts{
	padding: 0px 15px;
}
.date-code-p{
	display: inline;
	margin: 10px;
}
.date-code-p span{
	font-weight: bold;
	font-size: 1.3em; 
}
.menulist_colored li:nth-child(even){
	background-color: #ededed;
}
.menulist_colored, .notfications-Ul {
	padding: 0px;
	max-height: 400px;
	overflow: auto; 
}

.menulist_colored li {
	padding: 10px;
}
.menulist_colored a, .notfications-Ul a{
	color: #141414; 
}

.notfications-Ul li{
	border-bottom: 1px solid#ac973e;
	padding: 10px;
}
.MlistIcon{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #ac973e;
	background-color: white;
	float: right;
	color: #ac973e;
	font-size :2em;
	padding-top: 5px;
    padding-bottom: 0px;
    margin: 10px;
    padding-right: 10px;
    padding-left: 10px;
}
.mListText{
	line-height: 5em;
	margin: 0px;
}
.close{
	margin: 10px;
	float: right;
}
.addAttachment-p{
	text-align: right;
	clear: both;
	color: #ac973e;
	font-weight: bold;

}
.reqDivInpts span{
	float: right;
}
.addFiles{
	margin: auto; 
	clear: both;
	float: none;
	overflow:hidden;
}
.upload input{
	opacity: 0;
	height: 100%;
	width: 100%;
	margin: 0px;
	z-index: 99;

}

.upload input:hover, .profileImg input:hover, .profileImg:hover, .profileImg span:hover{
	cursor: pointer;
}
.upload{
    overflow: hidden;
    width: 100px;
    height: 50px;
	display:block;
    position: relative;
    border-radius: 5px;
    margin: 10px;
    border: 1px solid #ac973e;
}
.upload svg{
	position: absolute;
	top: 10px;
	left: 40px;
	z-index: -1;
	font-size: 2em;
	color: #ac973e
}
.upload img{
	height:  45PX;
}
.trick{
	height: 80px;
	width: 100%;
	z-index: -1;

}
/*________________________ new consultant ______________*/


.issue-Type{
	float: none;
	margin: 10px auto;

}

/*___________________ lawyer issues page _________________*/


.contact-ul p {
	float: right;
	margin: 0px 10px;
}
.contact-ul {
	float: left;
	margin: 10px;
	font-weight: bold;
}
.contact-ul svg{
	color: #ac973e;
	font-size: 1.3em;
}
.contact-ul li{
	float: left;
	clear: both;
	margin: 10px 0px;
}

.contactUs-div{
	float: none;
	margin: auto;

}

.scnd-contact-ul{
	float: right;
	padding: 0px;
}
.blk{
	display: block;
	font-size: 1.3em; 
}
/*_____________________ contactUs ________________*/

.general-table th, .general-table td, .general-table tr{
	text-align: center;
	padding: 5px ;
	max-width: 70px;
	border: 1px solid white;
}
.general-table th{
	color: #ac973e;

}
.hr-overflow{
	overflow-x: auto;
}

.general-table tr:nth-child(even){
	color: white;
	background-color: #c5c0ac;
}

.general-table tr.clicked_tr, .respond-table tr.clicked_tr, .starTwo:hover{
	cursor: pointer;
}
.starTwo {

	direction: ltr;

}
.disable_event {

	pointer-events: none;

}
.starTwo span {
	
	font-size: 1.3em;
}
.skip{
    background-color: #141414;
    float: none;
    margin: 10px ;
}
.tr-link{
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0px;
	border: 1px solid red; 
	display: block;
}
.general-table td, .respond-table td{
	position: static;
}
/*________________________ tables ____________________________*/



.fin-date p{
	font-weight: bold;
	color: #ac973e;
	display: inline-block;
	margin: 0px 10px;
}
.fin-date input{
	height: 30px;
}
.fin-date span{
	font-weight: lighter;
	color: black
}

.fin-date{
    margin: 10px 0px;
    overflow: hidden;
    display: inline-block;
}

.money-table tr span{
	font-weight: bold;
}
.lawyerMoneyHr{
	width: 100%;
	border-top: 1px solid #cecece; 
}

/*______________________________ lawyer financial __________________*/

.inner-h{
	color: #141414;
	font-weight: bold;
}
.file-container span{
	display: block;
	clear: both;
}
.file-cont{
	overflow: hidden;
	height: auto;
	float: right;
	text-align: center;
}
.file-cont a {
	color:#000;
}
.respond-table th, .respond-table  td {
	text-align: center;
	font-weight: bold;
}
.respond-table{
	margin-bottom: 100px;
}
.respond-table th{
	font-size: 1.5em;
	padding: 10px;	
}
.userImage{
	width: 100px;
	height: 100px;
	border: 1px solid #ac973e;
	border-radius: 5px;
}
.star, .userImage{
	float: right;
	font-size: 1.2em;
	margin: 10px;
}

.respond-table tr:nth-child(even){
	background-color: #ededed;
}

.respond-table span{
	color: #ac973e;
}
.star svg{
	color: #ac973e;
}
.star{
	padding: 10px 0px;
}
.reviews{
	font-size: 0.9em;
	color: #ac973e;
}
.payment-col  {
	font-weight: bold;
	color: #ac973e;
}

/*____________________ consualtent content ________________*/

.user{
	float: none;
	overflow: hidden;
	margin: auto;
}
.user a{
	color: #141414;
}
.Pymant-page-div h4{
	color: #ac973e
}
.Pymant-page-div input{
	margin: 5px; 
}
.expection{
	font-size: 0.6em;
	color: #141414;

}
.payment-cards{
	padding: 0px;
	margin: 10px 0px;
	float: left;
}
.payment-cards li{
	display: inline;
	color: #ac973e;
	font-size: 2em;

}
.payment-div{
	margin: 10px auto;
	float: none;
	padding: 0px;
}
.payment-div button{
	float: right;
}
.starTwo{
	color: #ac973e;
}
.messages, .notOpened{
	margin: 10px 0px;
	color: black;
	border-radius: 5px;
	padding: 10px;
	text-align: right; 
}
.notOpened, .client-message{
	background-color: #dedede;
}
.opened{
	border: 1px dashed  #acacac; 
}
.client-message, .admin-message{
	border: 1px solid #ac973e;
	border-radius: 5px;
	margin: 10px 0px;  
	padding: 5px;
	text-align: right;
}
.messageDate{
	color: #acacac;
}
.messages span{
	display: block;
	margin: 5px;
}

.headMessage{
	color: #ac973e;
	font-size: 1.2em;
}

.messages hr{
	border-top: 1px solid #acacac;
	margin: 5px 0px  ;
	width: 100%;
}

/*_____________________ messages _________________________*/

.info h4 {
	color: #ac973e;
	font-weight: bold;
	padding: 5px;
}

.info{
	text-align: right;
}
.info p{
	border-radius: 5px;
	padding: 5px;
	background-color: #dedede;
}
.preview{
	float: none;
	margin: auto; 
}

.newDiv hr{
	margin: 5px 0px; 
}
.newDiv b{
	color:#ac973e;
}

.newDiv{
	margin: 0px 0px 20px 0px;  
	}

.con-info{
	display: inline-block;
	margin: 10px; 
}
.con-info span{
	color: black;
	font-weight: lighter;
}	

.opn{
	display: block;
	clear: both;
	margin: auto; 
}
.profileImg{
	display: block;
	clear: both;
	height: 30px;
	margin: auto; 
	background-color: #ac973e;
}
.profileImg span{
	color: white;
	position: absolute;
	top: 5px;
	width: 100%;
	right: 0px;
}
.p-p{
	float: none;
}

*{
	outline:0;
}

select {
	border:1px solid #ac973e;
	padding:5px;
	width:100%;
	/*border: 0 !important;*/
    /*-webkit-appearance: none;  */ /*Removes default chrome and safari style*/
    /*-moz-appearance: none;  *//*Removes default style Firefox*/
	 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}


.pagination{
	display: block;
	margin:10px auto;
	clear: both;
	float: none;
	width: auto;
	text-align: center;
	overflow: hidden;
}

.pagination li{
	display: inline-block;
	margin: auto;
}

.pagination li a, h4{
	color: #ac973e;
}

.pay{
	float: right;
}



.main-btn span{
	display: inline;
	font-size: 1.5em;
}

.main-btn span:nth-child(2){
	line-height: 100%;
	display:block;
	margin-top: 13px;
	color: #FFF !important;

}

.addNew svg{
	font-size: 2em; 
	margin: 8px 10px;
}


a.sign-btn-wht {
color:#ac973e;
line-height:40px;
}

.trns a {
	display: list-item;
	visibility: visible;

}
.activeLang{
	display: none  !important; 
	visibility: hidden !important;
}


.sign-btn span{
	color: white !important;
}

.div-reg-new {
	float: none;
	margin: auto;
	padding: 0px;
}

.div-reg-new a{
}

.errorIcon{
	padding: 10px;
	overflow: hidden;
	width: 100%;
}
.errorIcon h3 {
	color: #ac973e;
 	font-size: 3em;
	
}
.errorIcon svg{ 
margin:  0px 5px;
 }

 .errorIcon p {
 	font-size: 6em;
	color: #ac973e;
	vertical-align: middle;
	font-weight: bold;
 }





 .txtContent{
 	font-size: 1.2em;
 	padding: 10px 0px;
 	text-align: right !important ;
 	display: block;
 	margin: 20px auto; 
 	border-top: 1px solid #cecece; 
 }
.txtContent ul{
	padding: 0px;
}
 .txtContent ul li{
 	margin: 10px 0px;
 }

 .inner-ul{
 	padding-right: 20px !important;
 }
.txtContent span{
	display: block;
	margin: 10px 0px;
}
 .txtContent b{
 	color: #ac973e;
 	margin: 0px 5px;
 }

footer, .ftr{
	text-align: center;
	clear: both;
	background-color: #cecece;
	padding: 10px;
	position: fixed !important;
	bottom: 0px !important;
	z-index: 99;
}

.ftr{
	left: 0px;
	right: 0px
}
.ftr .main-btn{
	display: inline-block;
}

.modal-content{
	max-height: 600px;
	overflow-x: auto;
	width: 100%;
}
.modal-dialog{
	width: 80%;
	margin: 20px auto;

}
.innerBody{
	overflow-x: auto;
}