/* Reset css */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
textarea{resize:none;}
strong{font-weight:bold;}
a,a:hover, a:focus{outline:none;color:#fff}
/*--end reset--*/

html body{
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	font-family: TheSansArab-Light !important;
	font-size: 12px;
	color: #ccc;
	background:#fff;
	outline:none;
	direction:rtl;
}
@font-face {
  font-family: 'TheSansArab-Light';
  src: url('../fonts/TheSansArab-Light.ttf') format('ttf'), /* Super Modern Browsers */
       url('../fonts/TheSansArab-Light.ttf') format('ttf'), /* Pretty Modern Browsers */
       url('../fonts/TheSansArab-Light.ttf')  format('TrueType'), /* Safari, Android, iOS */
       url('TheSansArab-Light.ttf#svgFontName') format('svg'); /* Legacy iOS */
}
/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   @font-face {
  font-family: 'Bahij_TheSansArabic-ExtraBold';
  src: url("../Bahij_TheSansArabic-ExtraBold.eot?") format("eot"),
       url("../Bahij_TheSansArabic-ExtraBold.woff") format("woff");
 }
}*/
body.log{
 background:#735e2e;
}
.btn{font-size:13px;}.form-control:focus{box-shadow:none;border-color:#b5b5bf;}
.wrapper{
 width:100%;
 overflow-x:hidden;
}
.nopadding{padding-left:0px;padding-right:0px;}
.searc-boxs{z-index:7;}
.login_bg{
 /* background:#735e2e;*/
  background:#282934;
  background-size:100% 100%;
  width:100%;
  height:100vh;
  min-height:633px;
}
.loginpag_bgimg{
  background:url("../images/bg.jpg") no-repeat;
  background-size:100% 100%;
  width:100%;
  height:100vh;
  min-height:633px;
  padding-top:20px;
  box-shadow:0px 0px 24px #000;
}
.highlght{
  background:url("../images/highlighs.png") right no-repeat;
  background-size:100% 100%;
  width:300px;
  height:274px;
  margin-right:3%;
}
.login_container{
  margin:0 auto -30px auto;
  display:table;
  float:none;
  height:100%;
  min-height:100%;
}
.logo{
  margin:30% auto 0;
  text-align:center;
}
.login_form{
  margin-top:10%;
  line-height:20px;
  color:#fff;
  text-align:center;
  font-size: 15px;
  font-weight: bold;
}
.login_form .form-control{
  background:#5e6075;
  border-color:#5e6075;
  margin-top:5px;
  color:#e6e7ed;
  font-size:12px;
}
input:-webkit-autofill{
 -webkit-box-shadow:0 0 0px 1000px #5e6075 inset;
 -webkit-text-fill-color: #e6e7ed;
}
.login_form .form-control:hover, .login_form .form-control:focus{
  box-shadow:none;
}
.nw_pwd{
  text-align:right;
}
.nw_pwd a{color:#fff;}
.log_btn{
  background:#5e6075;
  border-color:#282934;
  margin-top:20px;
  padding:5px 30px;
  font-size:15px;
  font-weight: bold;
  color:#fff;
}
.btn.log_btn:hover{color:#fff;}
footer{
  margin:auto;
  display:table;
  position:absolute;
  bottom:0;
  height:30px;
  width:100%;
}
p.fooinfo{
  color:#fff;
  font-size:13px;
  text-align:center;
  direction:rtl;
}


/* form page */
header{
  /*background:#75622b;*/
  background:#282934;
  min-height:100px;
  padding:0px 38px 0px 0px;
  float:right;
  width:100%;
}
.navbar-header{
  float:right;
  margin-top:10px;
}
.navbar-brand{
  margin-top:8px;
  padding-right:15px;
  float:right;
}
.navbar-right{
  direction:ltr;
  margin-top:32px;
  margin-right:30px;
}
.navbar-form{border:none;box-shadow:none;}
.navbar-form .form-control {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    font-size: 12px;
    width: 32em !important;
	direction:rtl;
	height:33px;
}
.title_style{
  color:#fff;
 direction:rtl;
  font-size:19px;
  font-weight:bold;
  margin-top:28px;
  /*background:url("../images/titl_bg.png") 100% 100% no-repeat;*/
  width:259px;
  height:47px;
}
.btn_bg{
 /* background:#ccbb87;*/
  background:#808285;
}
.btn_bg>i.glyphicon-search{color:#fff;}
.navbar-toggle{
margin-top:15px;
margin-right:0px;
border:1px solid #808285;
}
.icon-bar{background:#808285;}
.nav_rg{
  float:right;
  width:80%;
  margin-top:30px;
  margin-bottom:-6px;
  padding-right:0px;
}
.nav > li > a{
  color:#fff; 
  padding-bottom: 2px;
  padding-top: 10px;
  font-size:12px;
  font-weight:bold;
}
.nav > li:first-child > a:focus{padding-right:15px;}
.navbar-nav > li{float:right;direction:rtl;}
.nav > li > a > img{vertical-align:sub;margin-left:4px;}
.nav > li > a:hover > img{margin-left:4px;}
#settng_hov,#reprt_hov,#clam_qutoa,#user_li,#call_hov{display:none;}

 li.sys_opt:hover a,li.sys_opt:focus a,li.mastr:hover a,li.mastr:focus a,li.report:hover a,li.report:focus a,
 li.claim:hover a,li.claim:focus a,li.user_lis:hover a,li.user_lis:focus a,li.callers:hover a,li.callers:focus a{
 /* background-color: #ccb687;
  color:#514019;*/
  background-color: #393b52;
  color:#fff;
  border:none;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  text-decoration:none;
  border-bottom-left-radius:0px;
}
 .dropdown-menu{right:0;}
.nav_rg .dropdown-menu{
  border:none;
  /*background-color: #ccb687;*/
 background-color: #393b52;
  color:#514019;
  margin-top:0px !important;
  border-top-left-radius:4px !important;
  padding:12px 0px;
  float:right;
  right:0;
  min-width:200px;
  box-shadow:none;
}
.nav_rg .dropdown-menu > li > a{
list-style-type:disc;
list-style-position:inside;
display:list-item;
border-bottom:1px dotted #626872;
width:80%;
/*color:#514019;*/
color:#fff;
font-size:12px;
font-weight:bold;
direction:rtl;
padding:9px 0px;
margin:0 20px 0px 11px;
}
.dropdown-menu.usr_dpdwn > li a{
 border-bottom:1px dotted #76788a !important;
 color:#e6e7ed;
 padding:10px 20px;
}
.usr_dpdwn > li:last-child > a{border-bottom:none !important;}
.onl_users{margin-right:20px;direction:rtl;}
.nav_rg .dropdown-menu > li:last-child > a{border-bottom:none;}
.nav_rg .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
 background:transparent;
 color:#fd941d;
}
.content{
  background:#fff;
  float:right;
  clear:right;
  margin-top:30px;
  padding-right:22px;
  padding-left:22px;
  width:100%;
  padding-bottom:2%;
}
.content > table{width:95%;}
.add_drugbg{
  /*border:1px solid #d4c29c;*/
  border:1px solid #a6a6aa;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -ms-border-radius:2px;
  float:right;
  clear:right;
  padding-top:10px;
  display:none;
  margin-bottom:20px;
}
h4.titl{
  color:#282934;
  font-size:13px;
  direction:rtl;
 /* border-bottom:1px dotted #282934;
  padding-bottom:10px;*/
  font-weight:bold;width:80%;
  text-align:right;
}
.titl{
  color:#282934;
  font-size:13px;
  direction:rtl;
 /* border-bottom:1px dotted #282934;
  padding-bottom:10px;*/
  font-weight:bold;
  text-align:right;
  float:right;
}
.new_btn{
  margin-top:30px;
  margin-bottom:20px;
}
.rig_spc{margin-right:10px;}
.btn-style{
   border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -ms-border-radius:4px;
  background:#000;
  color:#fff;
  font-size:13px;
  text-align:center;
  direction:rtl;
  border:none;
  padding:8px 10px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: #000;
  transition-property: #000;
}
.stages{
  border:1px solid #d7d7da;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -ms-border-radius:2px;
  background:#fafafa;
  float:right;
  clear:right;
  padding-top:10px;
  margin-top:30px;
  margin-bottom:20px;
  width:98%;
  margin-right:10px;
}
.basc_dta{
  margin-top:20px;
  float:right;
  clear:right;
  width:100%;
  cursor:pointer;
}
.basc_dta h4{
 font-weight:bold;
  color:#fff;
  border:1px solid #d7d7da;
  background:#5b5c5e;
  padding:3px 3px 3px 0;
  margin-bottom:10px;
  font-size:13px;
  width:99%;
}
.basc_form{
  direction:rtl;
  color:#333;
  font-size:12px;
  margin-top:3%;
  border-bottom:1px solid #ccc;
  padding-bottom:2%;
  float:right;
  clear:right;
  width:100%;
  font-weight:600;
}
.frm_group label{
 float:right;
 margin-top:11px;
 margin-bottom:20px;
}
.frm_group textarea{
 margin-top:-7px;
 width:98%;
 resize:both;
}
.dp_dwn{float:right;}
.input_small{
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -ms-border-radius:3px;
  border:1px solid #b5b5bf;
  color:#282934;
  float:right !important;
  padding:6px 12px 6px 12px;
  font-size:13px;
  text-align:right;
  min-width:120px;
  box-shadow:none;
  background:#fff;
  font-weight:600;
}
.selct_styl,.bootstrap-select > .dropdown-toggle{
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -ms-border-radius:3px;
  border:1px solid #b5b5bf;
  color:#282934;
  float:right !important;
  padding:6px 12px 6px 12px;
  font-size:13px;
  text-align:right;
  min-width:180px;
  box-shadow:none;
  background:#fff;
  font-weight:600;
}
.bootstrap-select > .dropdown-toggle,.pop_text{min-width:180px;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{background:none;}
.selct_styl span.caret{
  float:left;
  margin-top:-10px;
  color:#282934;
}
.btn-group.open .dropdown-toggle{box-shadow:none;}
.dropdown-menu{
  min-width:164px;
  font-size:13px;
  text-align:right;
  direction:rtl;
  border:1px solid #b5b5bf;
}
.dropdown-menu > li{
    clear: both;
    color: #333;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    white-space: nowrap;
}
.dropdown-menu > li a{color: #333;padding: 3px 10px 0;}
.dropdown-menu > li:hover a{background:#393b52;color:#fd941d;}
.bootstrap-select.btn-group .dropdown-menu.inner{overflow-x:hidden;}
.sb_titl{
  margin-bottom:10px;margin-top:10px;
  text-decoration:underline;
  direction:rtl;
  font-weight:bold;
  font-size:14px;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background:#f1f1f1;border:1px solid #ccc;}
#doc>.basc_form,#datetrans>.basc_form,#bascdadrug>.basc_form,#prop_fac,#servce>.basc_form,
#valid>.basc_form,#finish>.basc_form,#feat>.basc_form,#uppercomp>.basc_form,#land>.basc_form,#additionalfield>.basc_form
{display:none;}
/* file upload */
.docUpload {
 background:url(../images/upload.png) no-repeat;
 width:50px;
 height:50px;
 display:inline-block;
 cursor:pointer;
}
.imgUpload {
 background:url(../images/imgupload.png) no-repeat;
 width:50px;
 height:50px;
 display:inline-block;
 cursor:pointer;
}
.attac_file{
  float:right;
  position:relative;
  top:0px;
  cursor:pointer;
}
.filename{
  font-size:12px;
  float:left;
  font-weight:bold;
  margin-top:3px;
  margin-left:25px;
 /* width:113px;*/
  word-wrap:break-word;
}
.attachfilename{
  font-size:12px;
  float:right;
  font-weight:bold;
  margin-top:8px;
  margin-right:12px;
  word-wrap:break-word;
  text-align:right;
  direction:rtl;
  color:#282934;
}
.disablehtmlupld{
  position:absolute;
  z-index:2;
  top:0;
  left:0;
  filter: alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity:0;
  background-color:transparent;
  color:transparent;
  width:50px;
  height:50px;
  cursor:pointer;
  border:1px solid red;
}
.file_up{
float:right;
}
.restric{
 float:right;
 font-size:12px;
 direction:rtl;
 text-align:right;
 margin-top:3px;
 color:#666;
}
.long-optn .bootstrap-select > .dropdown-toggle{width:100px;}
/* checkbox and radio box */
input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + label span {
   display:inline-block;
   width:18px;
   height:16px;
   margin:0px 5px 0 9px;
   vertical-align:middle;
   background:url(../images/checkbo.png) no-repeat;
   cursor:pointer;
   float:right;
}
input[type="checkbox"]:checked + label span {
   display:inline-block;
   width:18px;
   height:16px;
   margin:0px 5px 0 9px;
   vertical-align:middle;
   background:url(../images/checkbox_selectd.png) no-repeat;
   cursor:pointer;
   float:right;
}
.multiselect-container>li>a>label>input[type=checkbox]{
   display:inline-block;
   width:18px;
   height:16px;
   margin:0px -23px 0 9px;
   vertical-align:middle;
   background:url(../images/checkbo.png) no-repeat;
   cursor:pointer;
   float:right;
}
.multiselect-container>li>a>label>input[type=checkbox]:checked + label span {
   display:inline-block;
   width:18px;
   height:16px;
   margin:0px -23px 0 9px;
   vertical-align:middle;
   background:url(../images/checkbox_selectd.png) no-repeat;
   cursor:pointer;
   float:right;
}
/* datepicker */
.date_style{
  position:relative;
  height:40px;
  z-index:99 !important;
  float:right;
}
.date_icn{
  float:left;
  margin-left:-16px;
  margin-top:-36px;
}
.tab_titl{
  font-size:15px;
  font-weight:bold;
  color:#333;
  margin-bottom:10px;
  text-decoration:underline;
}


/*bootstrap-select */
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:auto !important;}
.bootstrap-select > .dropdown-toggle{padding-right:9px;}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{
  text-align:right !important;
  direction:rtl;
}
.bootstrap-select.btn-group .dropdown-toggle .caret{
  left:6px;
  right:auto !important;
}
.modal_ifrm > .frm_group label{
 margin-top:19px;
 width:131px;
}
.basc_form.modal_ifrm{border-bottom:none;padding-bottom:0px;}
.bootstrap-select > .dropdown-toggle{padding:6px !important;}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default,
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default.focus:active, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus{
  background:#fff;
  border-color:#b5b5bf;
}
.multiselect-container>li:hover{
background:#282934;
color:#fff;
min-height:26px;
}
/* modal dpdwn */
.modal_dpdwn
{
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -ms-border-radius:3px;
  border:1px solid #b5b5bf;
  color:#755f2e;
  float:right !important;
  padding:6px;
  font-size:13px;
  text-align:right;
  min-width:164px;
  box-shadow:none;
  background:#fff;
}
.modal_dpdwn span.caret{
  float:left;
  margin-top:-10px;
  color:#282934;
}
.modl_btn{
  margin:-20px 0px 10px 0px;
}
.warn_status{
  margin-top:10px;
  margin-bottom:10px;
  color:#e96f0c;
  direction:rtl;
  float:right;
}
.modal_ifrm .bootstrap-select > .dropdown-toggle, .modal_ifrm .selct_styl, .selct_styl.pop_text, .modal_ifrm textarea{
  min-width:323px;
  margin-top:14px;
}
.progress-bar{background:#755f2e;}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, #755f2e 25%, transparent 25%, transparent 50%, #755f2e 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, #755f2e 25%, transparent 25%, transparent 50%, #755f2e 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:  linear-gradient(45deg, #755f2e 25%, transparent 25%, transparent 50%, #755f2e 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
          background-size: 40px 40px;
}
.cont_ladng{
  color:#333;
  direction:rtl;
}
.btm_spc{margin-bottom:10px;}.tp_texare{margin-top:0px !important;}
.numb_dpdwn .bootstrap-select > .dropdown-toggle{min-width:49px; margin-right:10px;}
.remove{margin-bottom:15px;}
.cmn_save{    
  background: #000;
  margin: 10px auto 20px auto;
  font-weight: bold;
  font-size:14px;
  width:170px;
  float:left;text-align:center;
}
.cmn_save2{    
  background:#000;
  margin: 10px auto 20px auto;
  font-weight: bold;
  font-size:14px;
  width:170px;
  float:left;text-align:center;
  margin-left:10px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: #000;
  transition-property: #000;
}
.sec_save:hover,.cmn_save2:hover,.btn-style:hover,.secbtns:hover{
  background:#2a2a2d;
  color:#fff;
  box-shadow: 0 0 1px transparent;
}
.secbtns_imglib:hover{background:#000;}
.sec_save{  
  background: #000;
  margin: 10px auto 0;
  padding: 0;
  display: table;
  font-weight: bold;
  font-size:14px;
  width:100px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: #000;
  transition-property: #000;
}
.fact-btn{
  background: #000;
  margin: 10px auto 0;
  padding: 0;
  display: table;
  font-weight: bold;
  font-size:14px;
  width:250px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: #000;
  transition-property: #000;
}
.fact-btn:hover{
 border:2px solid #000;
 border-radius:0;
 background:#fff;
 color:#000;
}
.fact-btn.active{
 border:1px solid #000;
 border-radius:0;
 background:#fff;
 color:#000;
}
.in-fact{margin-top:1%;}
.in-fact .sec_save{width:141px;}
.chk_grp{float:right;width:100%;}
.caption .label {
    background: #e96f0c;
    padding: 10px 12px 7px;
	width:73px;
	display:block;
}
a.reorder_link{    
  background: #000;
  margin: 0px auto 10px auto;
  font-weight: bold;
  font-size:14px;
  min-width:90px;
  float:right;text-align:center;
  color:#fff !important;
  direction:rtl;
}
a.reorder_link:hover{color:#fff;}
/* success & failure style */
.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger,.btn-default,
.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success{border-color:#b5b5bf;}

/* dashboard style start */
.usr_titl{
  font-size:13px;
  font-weight:bold;
  /*color:#755f2e;*/
  color:#282934;
  padding:3px 3px 3px 0;
  direction:rtl;
  margin-bottom:30px;
  margin-top:10px;
  background:#f4f4f7;
  width:97%;
  float:right;
  clear:right;
  border:1px solid #d7d7da;
  cursor:pointer;
}
.report_titl{
  font-size:13px;
  font-weight:bold;
  /*color:#755f2e;*/
  color:#282934;
  padding:3px 3px 3px 0;
  direction:rtl;
  margin-bottom:30px;
  margin-top:10px;
  background:#f4f4f7;
  width:97%;
  float:right;
  clear:right;
  border:1px solid #d7d7da;
  cursor:pointer;
}
.glyphicon-triangle-left,.glyphicon-triangle-bottom{
  margin-left:6px;
  font-size:11px;
  margin-right:6px;
}
.usr{float:right;margin-bottom:20px;}
.user_img{
  float:right;
  margin-top:20px;
  margin-bottom:5px;
}
.user_edt{
  bottom: 6px;
  clear: both;
  float: right;
  position: absolute;
  right: 11px;
}
.user_info{
  float:right;
  margin-top:20px;
  margin-right:64px;
  color:#333;
  direction:rtl;
}
.usr_nme{
  font-size:13px;
  font-weight:bold;
  margin-bottom:17px;
}
.usr_prf{
  font-size:13px;
  line-height:25px;
}
.pending_bg{
  float:right;
  margin-top:40px;
  margin-right:-15px;
  width:100%;
  margin-bottom:20px;
}
.pendng_invce{
  float:right;
  background:#e5e5e6;                       
  border:1px solid #b2b2b6;          
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -ms-border-radius:3px;
  width:100%;
}
.pend_img{
  margin-top:14px;
  float:right;
  margin-right:15px;
  margin-bottom:20px;
}
.pending_info{
  float:left;
  text-align:left;
  direction:rtl;
  color:#333;
  margin-top:14px;
  margin-bottom:20px;
  margin-left:15px;
  font-size:13px;
}
.pending_info p.pend_titl{color:#282934;}
.pending_info p.sr_numb{
  margin-top:20px;
  text-align:left;
  font-weight:bold;
}
.pend_detls{
  background:#282934;       
  width:100%;
  margin-top:10px;
  width:100%;
  float:left;
  clear:both;
  min-height:40px;
  padding-right:15px;
  padding-top:10px;
}
.pend_detls a{
  color:#fff;
  font-size:13px;
  text-decoration:none;
}

.modal-body.modal-tmp{display:none;}
.gallery{
  margin-top:10px;
  margin-bottom:20px;
}
.gallery ul li{
  float:right;
  margin-right:10px;
}
.gallery ul li img{
  border:1px solid #d4d1d1;
}
/* gallery custom chk box */
.imgadd {
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.imgadd input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: -8px;
    right: 18px;
    height: 17px;
    width: 17px;
    background-color: #fff;
    border: 1px solid #ccc;
}

/* On mouse-over, add a grey background color */
.imgadd:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.imgadd input:checked ~ .checkmark {
    background-color: #e96f0c;
	border:none;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.imgadd input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.imgadd .checkmark:after {
    right: 6px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.imgdel{
  margin:auto;
  display:table;
}
.imgdel label{
  margin-right:-29%;
  margin-bottom:6px;
}
.seldel{
  margin-right:-19%;
  text-align:center;
  direction:rtl;
}


/* Map css */
.placepicker-map{
  width: 100%;
  height: 300px;
}
.another-map-class{
 width: 100%;
 height: 300px;
}
.pac-container{
 border-radius: 5px;
}
.pac-item{
 text-align:right;
 color:#333;
 border-top:none;
 font-size:12px;
}
.map_texbox{
  min-width:479px;
  border-bottom-left-radius:3px !important;
  border-top-left-radius:3px !important;
  border-bottom-right-radius:3px !important;
  border-top-right-radius:3px !important;
}
.map_bg{
 margin-top:0px;
 border-bottom:none;
 padding-bottom:0;
} 
span.input-group-btn{
  display:none;
}
.secbtns{
  background:#000;
  color:#fff;
  direction:rtl;
  text-align:center;
   border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -ms-border-radius:4px;
  padding-bottom:7px;
  padding-top:7px;
  min-width:140px;
  float:right;
  margin-right:17px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: #000;
  transition-property: #000;
}
.secbtns_imglib{
  background:#282934;
  color:#fff;
  direction:rtl;
  text-align:center;
   border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -ms-border-radius:4px;
  padding-bottom:7px;
  padding-top:7px;
  min-width:100px;
  float:right;
  margin-right:17px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: #000;
  transition-property: #000;
}
.secbtns_imglib:first-child{margin-right:0;}
.secbtns img{vertical-align:middle;}
.secbtn_styl{
  background:none;
  border:none;
  font-size:13px;
  color:#fff;
  direction:rtl;
   -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: #000;
  transition-property: #000;
}
.chart_styl{
  float:right;
  width:96.3%;
  margin-top:0px;
  margin-right:18px;
  padding:0;
  background:#fff;
 }
.top_spc{margin-top:10px;}

/* form page information */
.info-box{
  width:100%;
  float:right;
  clear:right;
  padding-top:20px;
}
.proj-idinfo{
  float:right;
  clear:right;
  border-left:1px dotted #ccc;
  padding-left:10px;
}
.proj-idinfo  h3{
 font-size:16px;
 color:#282924;
 font-weight:bold;
 direction:rtl;
 text-align:right;
 text-decoration:underline;
}
.id-inf{
 font-size:20px;
 color:#e96f0c;
 font-weight:bold;
 margin-top:15px;
}
.proj-details{
  float:right;
  direction:rtl;
  text-align:right;
  font-size:13px;
  color:#333;
}
.butt-output{
  float:right;
  direction:rtl;
  text-align:right;
  font-size:13px;
}
.butt-output>.cmn_save2{
  margin:0;
  height:32px;
  padding-top:6px;
  margin-left:0 !important;
}
.info-icons{
  float:left;
  clear:left;
  padding-top:15px;
}
.info-icons span{float:right;padding-right:10px;}
.info-icons span:first-child{
  padding-right:0;
  margin-top:-4px;
}
.info-pdf .fa-2x{
  font-size: 1.5em;
  color: #e96f0c;
  margin-right: 7px;
}
.timez{
  float:right;
  clear:right;
  direction:rtl;
  text-align:left;
  font-size:13px;
  color:#333;
  margin-top: 1%;
  border-bottom: 1px dotted #282934;
  padding-bottom:2%;
  width: 100%;
  margin-right: 0;
  padding-left: 0;
  font-weight: bold;
}
.butt-output > .cmn_save2{margin-right:2%;}

/* wizard style */

.wizard {
 float:right;
 clear:right;
 width:100%;
 z-index:0;
 position:relative;
}

.wizard .nav-tabs {
  position: relative;
  margin: 40px auto;
  margin-bottom: 0;
  border-bottom: none;
  right:-24px;
}
.wizard > div.wizard-inner {
        position: relative;
    }
.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 90%;
    margin: 0 auto;
    left: 0;
    right: -123px;
    top: 40%;
    z-index: 1;
}


.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}
.wizard .nav-tabs > li.inactive > a, .wizard .nav-tabs > li.inactive > a:hover, .wizard .nav-tabs > li.inactive > a:focus {
    color: #555555;
    cursor: pointer;
    border: 0;
    border-bottom-color: transparent;
}
span.round-tab {
    width: 60px;
    height:60px;
    line-height: 53px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 16px;
}
span.round-tab i{
    color:#555555;
	font-size:14px;
	line-height:34px;
}
.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #2ec652;
    
}
.wizard li.inactive span.round-tab {
    background: #fff;
    border: 2px solid #E0E0E0;
    
}
.wizard li.wizprogress span.round-tab {
 background:url(../images/wizprogress.png) no-repeat;
 border:none;
 line-height:36px;
}
.wizard li.active span.round-tab i{
    color: #2ec652;
}

span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.wizard .nav-tabs > li {
    width: 9%;
	float:right;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
 /*   border: 5px solid transparent;*/
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
  /*  border: 10px solid transparent;
    border-bottom-color: #5bc0de;*/
}

.wizard .nav-tabs > li a {
    width: 60px;
    height: 60px;
    margin: 5px auto 25px;
    border-radius: 100%;
    padding: 0;
}

.wizard .nav-tabs > li a:hover {
  background: transparent;
}
.wizard .tab-pane {
    position: relative;
    padding-top: 50px;
}
.wizard h3 {
    margin-top: 0;
}
span.wiz-titl{
  text-align: right;
  display: table;
  padding-top: 71px;
  direction:rtl;
  color:#333;
  width:100px;
  word-wrap:break-word;
}
.all-cont{
 overflow:hidden;
 height:100%;
 margin-bottom:1%;
/* float:right;
 clear:right;*/
}
.wiz-btn{
  margin-top:1%;
  padding-bottom:2%;
  width:100%;
  float:right;
  clear:right;
}

/* edit user css */
.edtform{
  float:right;
  clear:right;
  border-bottom:1px dotted #999;
  width: 96%;
  margin-top: 4%;
  margin-bottom: 1%;
}
.ed-usr{
  float:right;
  clear:right;
  text-align:right;
  direction:rtl;
  font-size:13px;
  width:100%;
  border-left:1px dotted #333;
}
.ed-usr .sb_titl{float:right;clear:right;}
.ed-usr .selct_styl, .ed-usr .btn-group.bootstrap-select{min-width:300px;}
.ed-photo{margin-top:7%;}
.ed-photo img{
 box-shadow:none !important;
 border:none !important;
}
.edit-usrpic{
  text-align: center;
  margin-top: -20px;
  margin-left: 87px;
  color:#000 !important;
}
.edit-usrpic i{font-size:20px;}
.round-width{width:13%;}
.totl-esti{margin-top:5%;margin-bottom:2%;}
.ttalrnd-one{ border:6px solid #790f0f;background: #ad291c;}
.ttalrnd-two{ border:6px solid #61abdb;background: #256b98;}
.ttalrnd-thre{ border:6px solid #d41e5e;background: #ea759e;}
.ttalrnd-fur{ border:6px solid #68ddc7;background: #16A085;}
.ttalrnd-one,.ttalrnd-two, .ttalrnd-thre, .ttalrnd-fur{
  width:130px;
  height:130px;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  -ms-border-radius:50%;
  color:#fff;
  text-align:center;
  padding-top: 22%;
  font-weight: bolder;
  font-size: 26px;
  direction:rtl;
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.ttalrnd-one:before {background: #e74c3c;}
.ttalrnd-two:before{background:#2980b9;}
.ttalrnd-thre:before{background:#e45789;}
.ttalrnd-fur:before{background:#137b67;}
.ttalrnd-one:before, .ttalrnd-two:before, .ttalrnd-thre:before, .ttalrnd-fur:before{
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 100%;
}
.ttalrnd-titl{
  text-align:center;
  font-weight: bolder;
  font-size: 14px;
  direction:rtl;
  color:#333;
  float:right;
  margin-top:7%;
}
.titl-lr{float:left;margin-left:7%;}
.ttalrnd-one:hover, .ttalrnd-one:focus, .ttalrnd-one:active,
.ttalrnd-two:hover, .ttalrnd-two:focus, .ttalrnd-two:active,
.ttalrnd-thre:hover, .ttalrnd-thre:focus, .ttalrnd-thre:active,
.ttalrnd-fur:hover, .ttalrnd-fur:focus, .ttalrnd-fur:active{
 -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.too-rnd{margin-top:6%;}
.chgpass{
 float:right;
 text-align:right;
 direction:rtl;
 text-decoration:underline;
 color:#333;
 padding-top:9%;
}
.nosign{
  margin-top:3%;
}
.ed-save{
  width:300px;
  margin-top:3%;
}

/* chat css */

.mytext{
    border:1px solid #ccc;
	background:none;
	float:right;
	clear:right;
	color:#000;
	padding-right:10px;
	direction:rtl;
	text-align:right;
	font-size:13px;
	min-height:69px;
	width:77%;
	border-radius:8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-webkit-border-radius:8px;
	padding-top:5px;
	margin-left:-17px;
}
.chatbox{
  position:relative;
  bottom:16px;
  width:100%;
  display:block;
  float:right;
  clear:right;
  min-height:69px;
  color:#000;
  margin-right:3%;
}
.text{
    width:75%;display:flex;flex-direction:column;
}
.text > p:first-of-type{
    width:100%;
	margin-top:0;
	margin-bottom:auto;
	line-height: 13px;
	font-size: 13px;
	color:#333;
	text-align:right;
	direction:rtl;
	padding-right:5px;
	padding-top:9px;
	font-weight:bold;
	font-style:italic;
}
.msj-rta .text > p:first-of-type{
  color:#fff;
  padding-left:5px;
  text-align:left;
}
.msj-rta .text > p:last-of-type{
  padding-left:5px;
  text-align:left;
}
.text > p:last-of-type{
    width:100%;
	text-align:right;
	direction:rtl;
	color:silver;
	margin-bottom:7px;
	margin-top:auto;
	padding-right:8px;
}
.text-l{
    float:left;padding-right:10px;
}        
.text-r{
    float:right;padding-left:0px;
}
.avatar{
    display:flex;
    justify-content:center;
    align-items:center;
    float:right;
    padding-right:10px;
}
.macro{
    margin-top:0px;
	width:60%;
	border-radius:5px;
	padding:5px;
	display:flex;
	min-height:75px;
	padding-bottom:0;
}
.msj-rta{
    float:right;
	background:#282934;
	margin-right:13%;
	text-align:left;
	direction:ltr;
}
.msj{
    float:right;
	background:whitesmoke;
	margin-right:4%;
}
.frame{
    min-height:450px;
	float:right;
	clear:right;
	width:100%;
	background:#fff;
}
.frame ul {
    list-style-type: none;
    padding:18px 0px;
    position:relative;
    display:block;
    flex-direction: column;
	right:0;
	float:right;
	width:100%;
}
.frame ul li{
 margin-bottom:2%;
 float:right;
 display:block;
 width:100%;
}
.msj:before{
    width: 0;
    height: 0;
    content:"";
    top:-11px;
    right:-11px;
    position:relative;
    border-style: solid;
    border-width: 0 13px 13px 0;
    border-color: transparent whitesmoke transparent transparent;
	transform: rotate(-226deg);	
   -moz-transform: rotate(-226deg);
   -webkit-transform: rotate(-226deg);
   -ms-transform: rotate(-226deg);
}
.msj-rta:before{
    width: 0;
    height: 0;
    content:"";
    top:-11px;
    left:-11px;
    position:relative;
    border-style: solid;
    border-width: 13px 13px 0 0;
    border-color: #282934 transparent transparent transparent;
   transform: rotate(226deg);	
   -moz-transform: rotate(226deg);
   -webkit-transform: rotate(226deg);
   -ms-transform: rotate(226deg);
}  
input:focus, textarea.mytext:focus{
    outline: none; 
}
.chr-msg{
  text-align: right;
  direction: rtl;
  color: #28292b;
  font-size: 13px;
  padding-top: 7px;
  padding-right: 5px;
}
.chl-msg{
  text-align: left;
  direction: rtl;
  color: #fff;
  font-size: 13px;
  padding-top: 7px;
  padding-left: 5px;
}
/* chat css end */

/* Proposal page css */
.prop-tabs{
  float:right;
  clear:right;
  text-align:right;
  direction:rtl;
  margin-top:3%;
  width:99%;
}
.prop-tabs .panel-default > .panel-heading, .prop-tabs .panel-default{
  border:none;
  background:none;
  box-shadow:none;
}  /* background:#5b5c5e; */
.prop-tabs .panel-default > .panel-heading{
  border: 1px solid #ccc;
  border-bottom: none;
  background: #f2f2f2;
  height:38px;
  margin-right:2px;
}
.prop-tabs .nav-tabs{
  margin-top:-12px;
  margin-right:-1px;
  border:none;
  float:right;
}
.prop-tabs .nav-tabs > li{
 float:right;
 margin-right:-2px;
 display:block;
 margin-bottom:-2px;
}
.prop-tabs .nav-tabs > li > a{padding-bottom:10px;}
.prop-tabs .tab-content > .active{
  text-align:right;
  direction:rtl;
  color:#333;
  float:right;
}
.prop-tabs .nav-tabs > li > a:hover{
 background:#28292b;
 color:#fff;
 text-decoration:underline;
}
.prop-tabs .nav-tabs li.active a{
  border: 1px solid #ccc;
  border-bottom: transparent;
  background: #28292b;
  color:#fff;
  text-decoration:underline;
}
.prop-tabs .nav-tabs li a{color:#333;}
.prop-tabs .panel-heading{padding:10px 0;}
.prop-tabs .panel-body{
  border-top:1px solid #ccc;
  margin-top: 7px;
  margin-right: 2px;
  border-top:none;
  padding-top:10px;
  text-align:right;
  direction:rtl;
  padding-top:22px;
  margin-bottom:22px;
  padding-right:0;
  padding-left:0;
}
.prop-tabs .tab-content{
  width:100%;
  float:right;
  clear:right;
}
.prop-tabs .tab-content > .tab-pane{width:100%;}
.prop-tabs .tab-content .dataTables_wrapper{
  width:100%;
  margin-right:-10px;
  margin-top:-8px;
}
.multiselect-container{
  height:126px;
  overflow-y:scroll;
}
.imgg-btn{
  float: right;
  margin-right: 7px;
  margin-top: 12px;
}
.tx-titl{
  float:right;
  clear:right;
  font-size:15px;
  font-weight:bold;
  direction:rtl;
  text-align:right;
  color:#fff;
  background: #5b5c5e;
  width: 100%;
  padding: 5px 17px;
  text-decoration: underline;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -ms-border-radius:5px;
}
.tax-field{
  float:right;
  clear:right;
  margin-top:2%;
}
.tax-field label{
  font-size:13px;
  color:#333;
  float:right;
  width:150px;
  direction:rtl;
}
.tax-val{
  float:right;
  font-size:14px;
  color:#333;
  font-style:italic;
  font-weight:bold;
  direction:rtl;
  margin-right:5px;
}
.tax-divsn{
  float:right;
  clear:right;
  border-bottom:1px dotted #000;
  width:100%;
  margin-top:2%;
  margin-bottom:1%;
}
.mp-btns{
  float:right;
  margin-right:10px;
  width:37%;
}
.mp-btn{width:25%;padding:0;}
.mp-smbtn{width:13%;padding:0;}
.mp-bgbtn{width:52%;padding:0;}

/* map overlay */
.map-overlay{
  position:absolute;
  top:9%;
  left:-2%;
}
.marker-popup{
  width:300px;
  min-height:444px;
  background:#fff;
  border:1px solid #ccc;
}
.markr-img{
  float:right;
  width:262px;
  border:1px solid #ccc;
  margin-right:18px;
  margin-top:20px;
  height:120px;
}
.markr-titl{
  float:right;
  clear:right;
  font-weight:bold;
  font-size:15px;
  color:#333;
  text-align:right;
  direction:rtl;
  margin-right:18px;
  margin-top:18px;
}
.markr-sbtitl{
  float:right;
  clear:right;
  font-size:13px;
  color:#333;
  text-align:right;
  direction:rtl;
  margin-right:18px;
  margin-top:5px;
}
.markr-fab{
  float:right;
  clear:right;
  font-size:12px;
  color:#333;
  text-align:right;
  direction:rtl;
  margin-right:18px;
  margin-top:10px;
}
.markr-revw{
  float:right;
  clear:right;
  font-size:11px;
  color:#333;
  text-align:right;
  direction:rtl;
  margin-right:18px;
  margin-top:4px;
}
.markr-book{
  float:right;
  clear:right;
  font-size:13px;
  color:#333;
  text-align:right;
  direction:rtl;
  margin-right:18px;
  margin-top:10px;
}
.markr-line{
  float:right;
  clear:right;
  margin-right:18px;
  margin-top:23px;
  border-bottom:1px dotted #333;
  width:89%;
}
.markr-btn{
  float:right;
  clear:right;
  margin-right:18px;
  margin-top:15px;
}
.markr-btn button{
  background:#353536;
  color:#fff;
  font-size:13px;
  text-align:center;
  direction:rtl;
  padding:10px 14px;
  border:none;
}
.mark-close{
  float:left;
  clear:left;
  margin-top:1px;
  margin-left:7px;
}
.mapsearch{
  padding-left:28px;
  padding-right:10%;
  margin-top:10%;
  background:#28292b;
  padding-top:6%;
}
.mps-titl{
  font-size:17px;
  font-weight:bold;
  text-align:right;
  direction:rtl;
  color:#fff;
  text-decoration:underline;
  padding-bottom:5%;
}
.mapsearch select{
 margin-bottom:15px;
 text-align:right;
 direction:rtl;
 font-size:13px;
}
.mapsearch input[type="text"]{
 margin-bottom:15px;
 text-align:right;
 direction:rtl;
 font-size:13px;
}
.mapsearch .bootstrap-select.form-control{
  border:1px solid #282934;
  color: #282934;
  float: right;
  margin-bottom: 10px;
}
.mapsearch .bootstrap-select>.dropdown-toggle.bs-placeholder{color:#282934;}
.mapsearch-btn{padding-bottom:7%;}
.mapsearch-btn button{
  background:#f7b813;
  color:#fff;
  font-weight:bold;
  font-size:15px;
  text-align:center;
  direction:rtl;
  padding:8px 21px;
  border:none;
}
.mapsearch-btn button:hover{
  background: #e9ab08;
  color: #fff;
}  
.reset-all{
  float:right;
  clear:right;
  margin-right:0px;
  margin-top:15px;
}
.reset-all button{
  background:#353536;
  color:#fff;
  font-size:15px;
  text-align:center;
  direction:rtl;
  padding:5px 34px;
  border:none;
  font-weight:bold;
}
.prop-loc{
  color: #28292b;
  float: right;
  direction: rtl;
  text-align: right;
  text-decoration: underline;
  vertical-align:middle;
}
a.prop-loc:hover{
  color:#28292b;
  text-decoration:underline;
}
.prop-loc img {
  vertical-align: middle;
  margin-left: 9px;
}
.prop-loc img:hover{
  box-shadow: 0px 0px 6px #8a8383;
  border-radius: 16px;
}
.search-line{
  border-right:1px dotted #908a8a;
  margin-left:8px;
  margin-right:8px;
  margin-top:5px;
  height:20px;
  float:right;
}
#dvMap{margin-top:3%;}
.gllpMap{
 float: right;
 margin-top: -40px;
}
.sec1-new input[type="text"] {
    width: 100px;
}
.slider-range-max{
  float: right;
  width: 75%;
  margin-right: 14px;
  margin-top: 3%;
  background:#2ea707 !important;
}
.slider-texbox{
  width:45px;
  min-width:auto !important;
}
.ui-slider-horizontal .ui-slider-handle{
    background: #900707 !important;
    border: none !important;
    font-size: 8px;
    color: #fff !important;
    width: 29px !important;
    text-align: center;
    height: 20px !important;
    border-radius: 100px;
    padding-top: 5px;
    direction: ltr;
}
.slider-sec{z-index:0 !important;}
.proposal-tab table{width:101% !important;}
.proposal-tab{
  margin-top:2%;
  margin-right:2px;
  width:73%;
}
.proposal-tab table thead th,.proposal-tab table tr td{
  padding:5px;
}
.proposal-tab .dataTables_wrapper{
 margin-right:0 !important;
 width:102% !important;
}
#dvMap {
 width:161%;
 float:right;
}
.img-rota{
  color:#000;
  font-size:21px !important;
  left: 13px;
  position: relative;
  top: -39px;
  font-weight:bold !important;
}
.range-txt{
 width:115px;
 float:right;
}
.range-bar{
  float:right;
  margin-right:10px;
  margin-left:10px;
  width:7px;
  height:2px;
  background:#fff;
  margin-top:16px;
}
.searc-labl{
  font-size:13px;
  color:#fff;
  direction:rtl;
  font-weight:bold;
}
.fact-tab{
  width:98%;
  margin-top:4%;
}
.fact-even{margin-right:2%;}
.fact-tab table {
 background:#fff;
 margin-bottom:5px;
 height:888px;
}
.fact-tab table th{
  background:#fff;
  color:#333;
  padding:20px !important;
  font-size:14px;
  direction:rtl;
  font-weight:bold;
  text-align:right !important;
}
.fact-tab tbody td{
  padding:20px !important;
  font-size:13px;
  direction:rtl;
}
.fact-tab tbody td input.selct_styl.form-control {
 min-width: 67px;
 width: 113px;
}
.infact-sbtitl{
  font-size:14px;
  font-weight:bold;
  color:#333;
  direction:rtl;
  text-align:right;
  float:right;
  clear:right;
  text-decoration:underline;
}
.infact-tab{
  width:61%;
  float:right;
  clear:right;
  margin-top:3%;
}
.infact-tab.full-tab{width:100%;}
.rius-tab{width:95%;}
.infact-tab table{
  width:100%;
  background:#fff;
  margin-bottom:0;
}
.infact1-tab{width:100%;float:right;}
.infact1-tab table{width:33.2%;display:inline-block;}
.infact-tab table thead th{
  background:#2a2a2d;
  color:#fff;
  font-size:13px;
  direction:rtl;
  text-align:right !important;
  padding:10px 15px;
}
.infact-tab table tbody td{
  color:#333;
  font-size:13px;
  direction:rtl;
  text-align:right;
  padding:15px;
  line-height:23px;
}
.tab-increase a{
  color:#e96f0c;
  text-decoration:underline;
  float:right;
  margin-right:10px;
  margin-top:2%;
}
.tab-increase a:first-child{margin-right:0px;}
.tab-increase i{
 text-decoration:none;
 margin-left:4px;
 font-size:14px;
}
.tabinclabl{
  float:right;
  font-size:13px;
  direction:rtl;
  margin-top:5px;
}
.tab-increase .selct_styl{
 width:100px;
 margin-right:10px;
}
.tabresult{
  float:right;
  font-size:16px;
  direction:rtl;
  margin-top:5px;
  margin-right:10%;
  color:#2a2a2d;
  font-weight:bold;
  font-style:italic;
  border-bottom:1px solid;
  text-align:center;
  width:80px;
  line-height:19px;
}
.tabdel{
  display: inline;
  float: left;
  margin-top: 5px;
  margin-left: -5px;
}
.tabdel i{font-size:16px;color:red;}
.in-factothr{
 width:34%;
 margin-top:1%;
}
.twotabs{width:80%;}
.fact-strip{
 width:100%;
  float:right;
  clear:right;
  background:#2a2a2d;
  color:#fff;
  font-size:13px;
  font-weight:bold;
  direction:rtl;
  padding:5px 12px;
  border-radius:3px;
  text-decoration:underline;
  margin-top:1%;
}
.facttitl{
 width:100%;
  float:right;
  clear:right;
  background:#2a2a2d;
  color:#fff;
  font-size:13px;
  font-weight:bold;
  direction:rtl;
  padding:9px 12px;
  border-radius:4px;
  text-decoration:underline;
  margin-top:1%;
  border-top:8px solid #ff7800;
}
.fact-calc{
  margin:1% auto 1%;
  width:30%;
  display:table;
  text-align:center;
  border:3px solid #28292d;
  padding:10px 0 10px 0;
}
.fact-calc .selct_styl{
 min-width:auto;
 width:100px;
 margin-right:10px;
}
.fact-tab .bootstrap-select{float:right !important;}
.fact-tab .bootstrap-select > .dropdown-toggle{min-width:52px;}
.fact-selinput{
  float:left !important;
  width:53%;
}
#dynmic_table{
  overflow-x: scroll;
  white-space: nowrap;
  float: right;
  width:100%;
}
table.compare-tab{
  width:23%;
  border:none;
}
.adj-texbox{
  margin-right: 0px;
  width: 72%;
  float:right;
}
.comp-labl{
  font-size:15px !important;
  font-weight:bold !important;
  background:#282828;
  color:#82b541;
  border-bottom:1px solid #716f6f !important;
}
.sec-titlrow td{
  background:#7b7a7b;  /*8c8c90*/
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td{border-bottom-width:1px;}
.tabperc{
  float: left;
  margin-top: -34px;
  margin-left: 1px;
  background: #ccc;
  padding: 5px 10px 5px 10px;
  color: #000;
  font-weight: bold;
}
.tablperc{
  float: left;
  background: #ccc;
  padding: 5px 10px 5px 10px;
  color: #000;
  font-weight: bold;
  position:absolute;
  left:22px;
}
.selct_styl_small{float:right !important;}
.selct_styl_small.bootstrap-select > .dropdown-toggle {
    padding: 7px !important;
	min-width:65px;
	float:right;
}
.perctex input[type="text"]{min-width:145px;}
.perctex .tablperc{left:27.8%;}
.invoice-search{
  float:right;
  color:#333;
  font-size:13px;
  direction:rtl;
  font-weight:600;
}
.invoice-search .sec_save{
  float:right;
  margin-top:0;
}
.notify-msgbox{
  background:#fff;
  border-radius:4px;
  box-shadow:1px 1px 5px 1px #656464;
  width:303px;
  position: absolute;
  z-index: 9;
  left: -83%;
  top: 31px;
}
.notify-arrw{
  background:url("../images/notify-arrw.png") no-repeat;
  width:70px;
  height:24px;
  position:absolute;
  float:left;
  margin-top:-1px;
  left:9%;
}
.notify-brdr{
  width:10px;
  min-height:58px;
  background:#282934;
  float:right;
  margin-right: -4px;
  margin-top: 0px;
  margin-bottom:-1px;
}
.notify-icn i{
  font-size:35px;
  color:#f7b813;
  float:right;
  margin-right: 4%;
  margin-top: 4%;
}
.notify-nwmsg{
  font-size:13px;
  font-weight:bold;
  color:#282934;
  float:right;
  margin-right: 4%;
  margin-top: 6%;
  direction:rtl;
}
.notify-close{
  float:left;
  margin-left:4%;
  margin-top:2%;
} 
.notify-close i{
  font-size:15px;
  color:#333;
}
/* wizard 11 */
.ele-cont{
  float:right;
  clear:right;
  margin-bottom:1%;
  width:95%;
}
.ele-cont table{
  margin-bottom:0;
  color:#fff;
  vertical-align:middle;
}
.phrase{vertical-align:middle !important;}
.elefrst-tab thead tr td{border-top:6px solid #ff7800 !important;width:13%;}
.tab-increase{
  float:right;
  margin-top:1%;
  width:8%;
}
.tab-increase a{direction:rtl;}
.ele-table{
  float:right;
  width:92%;
}


@media (min-width: 768px) {
  .modal-dialog {
    width: 700px;
	}
}

@media screen and (max-width:1440px){
 .wizard .nav-tabs{right:-37px;}
}
@media screen and (min-width:1366px) and (max-width:1400px){
.connecting-line{
  right:-92px;
  width:90%;
}
.wizard .nav-tabs{right:-28px;}
}


@media screen and (max-width:1280px){
.bootstrap-select > .dropdown-toggle,.pop_text{min-width:169px;}
.butt-output > .cmn_save2{margin-left:-3%;}
.wizard .nav-tabs{right:-34px;}
.connecting-line{right:-99px;}
.round-width{width:15%;}
.mp-btns{margin-right:24px;}
.cash-two{width:67%;}
.fact-tab tbody td input.selct_styl.form-control{width:85px;}
}
@media screen and (max-width:1024px){
.basc_dta .selct_styl{min-width:122px;}
.ed-usr .btn-group.bootstrap-select{min-width:176px;}
span.wiz-titl{width:47px;}

.dropdown-menu.usr_dpdwn{margin-top:7px !important;}
.bootstrap-select > .dropdown-toggle,.pop_text{min-width:132px;}
.numb_dpdwn .bootstrap-select > .dropdown-toggle{
  margin-right:5px;
  min-width:35px;
}
.ttalrnd-one, .ttalrnd-two, .ttalrnd-thre, .ttalrnd-fur{padding-top:42%;}
 .wizard .nav-tabs{right:-19px;}
 .mp-btn{width:15%;}
.mp-smbtn{width:8%;}
.mp-btns{
  clear:right;
  width:100%;
  margin-right:10px;
  margin-top:10px;
}
.fsteletab{width:104.2%;}
}
@media screen and (max-width:980px){
.navbar-header{width:auto;}
header{padding:0px 30px 0px;}
.content{
  padding-left:0px;
  padding-right:27px;
}
.basc_dta .selct_styl{min-width:145px;}
.bootstrap-select > .dropdown-toggle, .pop_text{min-width:145px;}
.usr_settngs{
  margin-left:5px;
  margin-top:5px;
}
.usr_titl{width:97%;}
.pending_bg{width:100%;}
.numb_dpdwn .bootstrap-select > .dropdown-toggle{
  margin-right:5px;
  min-width:32px;
}
.wizard .nav-tabs{right:-15px;}
.connecting-line{right:-60px;}
.stages{
 width:96%;
 margin-right:0;
}
.dropdown-menu.usr_dpdwn{margin-top:2px !important;}
.ttalrnd-one, .ttalrnd-two, .ttalrnd-thre, .ttalrnd-fur{padding-top:47%;}
.ele-cont{
  width:97%;
  float:right;
  overflow-x:auto;
}
.fsteletab{width:100%;margin-right:8%;}
.tab-increase{font-size:11px;}
}

@media screen and (max-width:900px){
.slider-range-max{
  width: 70%;
  margin-top:5%;
}
.fsteletab{width:109.5%;margin-right:8%;}
.tab-increase{font-size:10px;}
}

@media screen and (max-width:820px){
.navbar-form .form-control{width:18em !important;}
.navbar-header{width:auto;}
.highlght{
  width:300px;
  height:269px;
  margin-right:4%;
}
.nav > li.dropdown > a{padding:10px 13px;}
.basc_dta .selct_styl{min-width:95px;}
.bootstrap-select > .dropdown-toggle, .pop_text{min-width:93px;}
.pending_info p.pend_titl{word-wrap:break-word;width:118px;}
.frm_group label{
  overflow: hidden;
  /*text-overflow: ellipsis;
  white-space: nowrap;*/
}
.numb_dpdwn .bootstrap-select > .dropdown-toggle{
  margin-bottom: 10px;
  margin-right: 5px;
  margin-top: 10px;
  min-width: 71px;
}
.butt-output .bootstrap-select > .dropdown-toggle{
  margin-top:4%;
  min-width:169px;
}
.wizard .nav-tabs{right:-9px;}
.connecting-line{right:-36px;}
.usr_settngs{margin-left:-16px;}
.usr_settngs .dropdown-menu{right:-8px;}
.stages{
  width:97%;
  margin-right:0;
}
.ttalrnd-one, .ttalrnd-two, .ttalrnd-thre, .ttalrnd-fur{padding-top:62%;}
.mp-btn{width:17%;}
.mp-smbtn{width:9%;}
.fsteletab{width:122%;margin-right:8%;}
.tab-increase{font-size:11px;}
.tab-increase i{display:block;}
}

@media screen and (max-width:800px){
.fsteletab{width:124%;margin-right:8%;}
}

@media screen and (max-width:768px){
.pending_info p.pend_titl{width:113px;}
.ttalrnd-one, .ttalrnd-two, .ttalrnd-thre, .ttalrnd-fur{padding-top:73%;}
.mp-btns{margin-top:18px;}
.fsteletab{width:129%;margin-right:8%;}
}


@media screen and (max-width:750px){
.wizard .nav-tabs{right:-29px;}
.connecting-line{
  right:-26px;
  width:83%;
  top:11%;  
}
.wizard .nav-tabs > li{
  width:20%;
  margin-bottom:3%;
}
span.wiz-titl{
  width:100px;
  text-align:right;
}
.secrow-connectngline {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 60%;
    margin: 0 auto;
    left: 0;
    right: -41px;
    top: 47%;
    z-index: 1;
	display:none;
}
.thrdrow-connectngline {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width:83%;
    margin: 0 auto;
    left: 0;
    right: -26px;
    top: 44%;
    z-index: 1;
}
.navbar-toggle{display:none;}
.slider-range-max{
  width: 70%;
  margin-top:2%;
}
.mapsearch{
  margin-left:1%;
  padding-top:3%;
  padding-right:3%;
}
.mps-titl,.mapsearch-btn{padding-bottom:2%;}
.fsteletab{width:136%;}
}

@media screen and (max-width:700px){
.wizard .nav-tabs{right:-29px;}
.new-bx{width:98%;}
.newbx-icn{margin-top:5%;}
.rec-cunt{font-size:40px;}
.rec-txt{
  width:auto;
  margin-top:13%;
}
.mp-btn{width:22%;}
.mp-smbtn{width:12%;}
.fsteletab{width:146%;}
}

@media screen and (max-width:650px){
.navbar-form .form-control{width:45em !important;}
.navbar-header{width:100%;}
.navbar-form{float:left;margin-top:9px;}
.mastr:hover>.mastr .dropdown-menu{display:none;}
.title_style{
  float:left;
  font-size:24px;
  margin-left:71px;
  margin-top:18px;
}
.nav_rg{margin-top:0px;}
.navbar-toggle{display:block;}
.navbar-brand{float:right;}
.overlay {
  height: 100%;
  width: 35% !important;
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  background:#101010;
  overflow-x: hidden;
  transition: 0.5s;
  opacity:0;
}
.overlay-content {
    position: relative;
	left:-4px;
    top: 15%;
    width: 100%;
    text-align: left;
   margin:0px;
}
.overlay-content li{float:left;clear:left;width:97%;}
.overlay-content  .caret{margin-right:5px;}
.overlay-content .dropdown-menu > li > a,.onl_users{color:#fff;}
.overlay-content .dropdown-menu > li > a{
  margin-right:5px;
  padding-right:0 !important;
}
.onl_users{margin-top:10px;margin-bottom:10px;}
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 13px;
    transition: 0.3s;
	direction:rtl;
}
.overlay .closebtn {
    position: absolute;
    top: 2px;
    left: 10px;
    font-size: 29px;
	color:#fff;
}
.mobvw{padding-right:0px;}
.frm_group label {
  margin-bottom:0px;
  margin-top:16px;
  text-overflow: inherit;
  white-space: normal;
}
.numb_dpdwn, .dp_dwn{margin-top:10px;}
.basc_dta .selct_styl,.bootstrap-select > .dropdown-toggle, .pop_text,.ed-usr .btn-group.bootstrap-select{min-width:428px;}
.frm_group textarea{width:93%;}
.add_drugbg,.stages{width:97%;}
.date_icn {
    float: left;
    margin-left: -25px;
    margin-top: -3px;
}
.sb_titl{margin-top:14px;}
.frm_group textarea{margin-top:6px;}
.modal_ifrm > .frm_group label{
 margin-top:25px;
 }
 .usr_settngs{margin-bottom:10px;margin-left:0px;}
.dropdown-menu.usr_dpdwn{
 margin-top:10px !important;
 background:#393b52;
 border:none;
}
.dropdown-menu.usr_dpdwn li a{
  border-bottom: 1px dotted;
  color: #fff;
  direction: rtl;
  display: list-item;
  font-size: 13px;
  font-weight: bold;
  list-style-position: inside;
  list-style-type: disc;
  margin: 0 20px 0 11px;
  padding: 9px 0;
  width: 80%;
}
.dropdown-menu.usr_dpdwn li:hover a{color:#e67e22;}
.dropdown-menu.usr_dpdwn li:last-child a{border-bottom:none;}
.pendng_invce{margin-bottom:20px;width:102%;}
.mb_rig{margin-right:0px;margin-top:10px;}
.mb_tp,.secbtns{margin-top:10px;}
.navbar-nav .open .dropdown-menu{
  background:#393b52;
  position:absolute;
}
.modal_ifrm .bootstrap-select > .dropdown-toggle, .modal_ifrm .selct_styl, .selct_styl.pop_text, .modal_ifrm textarea{
  margin-top:10px;}
.mobbtn-spc{margin-top:10px;}
.top_spc{margin-top:0px;}
.sec_save{
  margin-top:20px;
}
.proj-idinfo,.proj-details{
 border-left:none;
 border-bottom:1px dotted #ccc; 
 padding-bottom:10px;
}
.proj-details,.butt-output{margin-top:2%;}
.butt-output .bootstrap-select > .dropdown-toggle{margin-top:0;}
.butt-output .btn-group {
    float: right !important;
    margin-right: 6px;
}
.butt-output > .cmn_save2{
float:right;
margin-right:0;
}
.info-icons {
    clear: right;
    float: right;
}
.timez{margin-top:2%;}
.wizard .nav-tabs{right:-24px;}
.round-width{width:100%;}
.ed-usr{border-bottom:1px dotted #333; }
.fsteletab{width:157%;}
}

@media screen and (max-width:500px){
.connecting-line{
 right:-72px;
 top:8%;
}
.wizard .nav-tabs{right:-13px;}
.wizard .nav-tabs > li{margin-bottom:13%;}
span.wiz-titl{width:75px;}
.secrow-connectngline{top:44%;}
.thrdrow-connectngline{top:41%;}
.addp-btns{
  margin-top:4%;
  margin-bottom:10px;
}
.secbtns_imglib{margin-right:0;clear:right;}
.fsteletab{width:215%;}
.ele-cont{margin-top:9%;}
}

@media screen and (max-width:480px){
header{padding:0px 16px 0px;}
.navbar-form .form-control{width:33em !important;}
.title_style{
  float:left;
  font-size:20px;
  margin-left:37px;
  margin-top:18px;
}
.navbar-brand{float:right;margin-right:9px;}
.overlay { width: 46% !important; }
.basc_dta .selct_styl,.bootstrap-select > .dropdown-toggle, .pop_text,.ed-usr .btn-group.bootstrap-select{min-width: 326px;}
.pendng_invce{width:104%;}
.map_texbox{min-width:343px;}
.modal_ifrm .bootstrap-select > .dropdown-toggle, .modal_ifrm .selct_styl, .selct_styl.pop_text, .modal_ifrm textarea{
  margin-top:4px;}
.butt-output .btn-group{
    float:right !important;
	clear:right;
    margin-right: 0px;
	margin-top:10px;
}
.butt-output,.timez{margin-top:3%;}
.mp-btn,.mp-smbtn,.mp-bgbtn{width:100%;}
.slider-range-max{
  width: 70%;
  margin-top:3%;
}
.fsteletab{width:226%;}
}

@media screen and (max-width:430px){
.fsteletab{width:262%;}
}

@media screen and (max-width:420px){
.basc_dta .selct_styl,.bootstrap-select > .dropdown-toggle, .pop_text,.ed-usr .btn-group.bootstrap-select{min-width:250px;}
.butt-output, .timez {
    margin-top: 8%;
}
.wizard .nav-tabs{right:-8px;}
.connecting-line{right:-66px;}
.fsteletab{width: 273%;}
}

@media screen and (max-width:390px){
.basc_dta .selct_styl,.bootstrap-select > .dropdown-toggle, .pop_text, .ed-usr .btn-group.bootstrap-select{min-width:186px;}
.connecting-line{
 right:-48px;
 top:9%;
}
.wizard .nav-tabs{right:-9px;}
span.wiz-titl{width:59px;}
.wizard .nav-tabs > li{margin-bottom:12%;}
.secrow-connectngline{
  display:block;
  top:43%;
  width:70%;
}
.thrdrow-connectngline{
 top:76%;
 width:53%;
 right:-42%;
}
.wizard .nav-tabs > li{width:25%;}
.fsteletab{width:308%;}
.tab-increase i{display:none;}
.tab-increase a{margin-top:6%;font-size:8px;}
}

@media screen and (max-width:360px){
.navbar-form {margin-top:0px;}
.navbar-form .form-control{width:24em !important;}
.title_style{
  float:left;
  font-size:15px;
  margin-left:14px;
  margin-top:26px;
}
.navbar-brand{margin-top:13px;}
.navbar-brand > img {width:102px;}
.overlay { width: 66% !important; }
.overlay-content {top:10%}
.mobvw{padding-right:0px;}
.frm_group label {
  margin-bottom:0px;
  margin-top:17px;
}
.dp_dwn{margin-top:10px;}
.basc_dta .selct_styl,.bootstrap-select > .dropdown-toggle, .pop_text, .ed-usr .btn-group.bootstrap-select{min-width:186px;}
.title_style{display:none;}
.pendng_invce{width:106%;}
.user_img > img {width: 50px;}
.user_edt > img {width: 18px;}
.user_edt{bottom:50px;}
.user_info{margin-right:28px;}
.map_texbox{min-width:230px;}
.modal_ifrm .bootstrap-select > .dropdown-toggle, .modal_ifrm .selct_styl, .selct_styl.pop_text, .modal_ifrm textarea{min-width:200px;}
.modal_ifrm > .frm_group label{width:auto;}
.pending_bg{
  margin-right:-21px;
}
.addp-btns{
  margin-top: 7%;
  margin-bottom: 10px;
  width: 100%;
  margin-left: auto;
  display: table;
  text-align: center;
  margin-right: auto;
}
.addp-btns button:last-child{margin-top:4%;}
.fsteletab{width:326%;}
}
@media screen and (max-width:320px){
.navbar-form {margin-top:0px;}
.navbar-form .form-control{width:20em !important;}
.title_style{
display:none;
}
.basc_dta .selct_styl,.bootstrap-select > .dropdown-toggle, .pop_text, .ed-usr .btn-group.bootstrap-select {min-width: 180px;}
.date_icn {
    float: left;
    margin-left: -21px;
    margin-top: -2px;
}
.selct_styl{min-width:140px;}
.input_small{min-width:116px !important;}
.user_edt{bottom:74px;}
.user_info{margin-right:19px;width:159px;}
.pendng_invce {width: 108%;}
.modal_ifrm .bootstrap-select > .dropdown-toggle, .selct_styl.pop_text, .modal_ifrm textarea{min-width:196px;}
.modal_ifrm .bootstrap-select > .dropdown-toggle, .modal_ifrm .selct_styl, .modal_ifrm.selct_styl.pop_text, .modal_ifrm textarea{min-width:175px;}
.wizard .nav-tabs{right:-8px;}
.connecting-line{
 right:-33px;
 top:8%;
}
span.wiz-titl{width:56px;text-align:center;}
.wizard .nav-tabs > li{margin-bottom:15%;}
span.round-tab{
  line-height:48px;
  width:50px;
  height:50px;
}
.thrdrow-connectngline{top:74%;}
.secrow-connectngline {
    display: block;
    top: 41%;
    width: 79%;
	right:3%;
}
.fsteletab{width:371%;}
}
 
@media screen and (-webkit-min-device-pixel-ratio : 0)
{
.selct_styl span.caret{
  float:left;
  margin-top:10px;
  color:#755f2e;
}
}
.ajax-file-upload-statusbar {
border: 1px solid #266eb3;
margin-top: 10px;
width: 100%;
margin-right: 10px;
margin: 5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 5px 5px 5px 15px
}

.ajax-file-upload-filename {
width: 50%;
height: auto;
margin: 0 5px 5px 0px;

}

.ajax-file-upload-filesize {
width: 50px;
height: auto;
margin: 0 5px 5px 0px;
display: inline-block;
vertical-align:middle;
}
.ajax-file-upload-progress {
margin: 5px 10px 5px 0px;
position: relative;
width: 250px;
border: 1px solid #ddd;
padding: 1px;
border-radius: 3px;
display: inline-block;
color:#FFFFFF;

}
.ajax-file-upload-bar {
background-color: #0ba1b5;
width: 0;
height: 20px;
border-radius: 3px;
color:#FFFFFF;

}
.ajax-file-upload-percent {
position: absolute;
display: inline-block;
top: 3px;
left: 48%
}
.ajax-file-upload-red {
-moz-box-shadow: inset 0 39px 0 -24px #e67a73;
-webkit-box-shadow: inset 0 39px 0 -24px #e67a73;
box-shadow: inset 0 39px 0 -24px #e67a73;
background-color: #e4685d;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: inline-block;
color: #fff;

font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
text-shadow: 0 1px 0 #b23e35;
cursor: pointer;
vertical-align: top;
margin: 5px 10px 5px 0px;
}
.ajax-file-upload-green {
background-color: #77b55a;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 0;
padding: 0;
display: inline-block;
color: #fff;
font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
cursor: pointer;
text-shadow: 0 1px 0 #5b8a3c;
vertical-align: top;
margin: 5px 10px 5px 0px;
}
.ajax-file-upload {
	
	font-size: 16px;
   font-weight: bold;
	cursor:pointer;
	line-height:20px;
	height:100%;
        width: 100%;
  display: inline-block;
  text-decoration: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 30px 10px;
  color: #266EB3;
  background: transparent;
  border: none;
  vertical-align: middle;
  }

.ajax-file-upload:hover {
    background: transparent;
    color: #ff893d;
}

.ajax-upload-dragdrop
{
    padding: 10px;
    border: 4px dashed #266eb3;
    background: #f5f9fa;
    color: #266eb3;
    border-radius: 10px;
    text-align: center;
    position: relative;
    overflow: hidden;
    font-weight: bold;
    text-transform: uppercase;
    width: 100% !important;
        
/*
	border:2px dotted #A5A5C7;
	width:420px;
	color: #DADCE3;
	text-align:left;
	vertical-align:middle;
	padding:10px 10px 0px 10px;*/
}

.ajax-upload-dragdrop:hover{
    color: #ff893d;
    border: 4px dashed #ff893d;
}

.state-hover
{
		border:2px solid #A5A5C7;
}
.ajax-file-upload-container
{
	margin:20px 0px 20px 0px;
}
.ajax-file-upload-error { margin-top:20px; color:#ff0024;}
.scrollToTop{
	width:111px; 
	height:107px;
	padding-top:10px; 
	text-align:center; 
	background: #353536;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	position:fixed;
	z-index:9;
	display:none;
	bottom:-47px;
	text-align: center;
	margin: 0 0 0 0;
	cursor:pointer;
	border-radius:50%;
-webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}
.scrollToTop a{color:#fff;font-size:12px;}
.scrollToTop:hover{
	text-decoration:none;
-webkit-animation-name: hvr-bob-float, hvr-bob;
    animation-name: hvr-bob-float, hvr-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
	background:#000;
}
/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}