ol,ul,li,p{display:block;clear:both;float:left;margin:0;padding:0;}
.slogan p{float:none;}
.userDashb{width:100%;}
.userDashb div{float:left;clear:both;}
.userDashb:after{display:table;clear:both;content:"";}
.userDashb_container{max-width:100%;min-width:100%;
margin:0; padding:0;padding-left:3px;float:left;}
.userDashb_container:after{display:table;clear:both;content:"";}
.userDetails:after{display:table;clear:both;content:"";}
.dashbHeader{width:100%;margin:0; padding:0;float:left;}
.dashbHeader:after{display:table;clear:both;content:"";}

.user_h5{width:99%; margin:0 0 0 1%; float:left;}
.userMain{width:98%;margin:0; padding:0;float:left;}
.userMain:after{display:table;clear:both;content:"";}
.username{width:15%;float:left;}
.logform{width:85%;text-align:right;float:right;}
.perDetails{width:180px;float:left;}
.exit_account{width:99%; float:left; margin:0 0 0 1%;}
.exit_account:after{display:table;clear:both;content:"";}
.exit_account a{color:#ffd700;}
.exit_account a:visited{color:#ffd700;}
.exit_account a:hover,.exit_account a:focus{color:#0000ff;}
.username:after,.logform:after{display:table;clear:both;content:"";}
.logform input[type='submit'],.logout2 input[type='submit']
{
font-weight:bold;background-color:#ff0000;
border:none;line-height:1.4;}
.logform input[type='submit']{margin-left:3px;}
.logform input[type='submit']:hover,
.logout2 input[type='submit']:hover,
.logform input[type='submit']:focus,
.logout2 input[type='submit']:focus
{background-color:#000000;outline:0;}
.psreset{background:transparent; border:none;text-align:left;}
.loginButton span{display:inline;}
.userAside{width:100%;margin:0; padding:0;float:left;}
.userAside:after{display:table;clear:both;content:"";}
.userDetails{width:98%;margin:0;float:left;text-align:left;}
.userDetails:after,.userImg:after{display:table;clear:both;content:"";}

.dashbody,.bd{
float:left;max-width:97%;min-width:97%;
padding:3px;margin:3px 0;border:0.4px solid #000000;border-radius:5px;
}

.bd{display:none;}

.dashbody:after{display:table;clear:both;content:"";}
.dashbody a{float:left;clear:both;color:#006400;}
.dashbody div{float:left;clear:both;} 

.userProf{width:100%;margin:0; padding:0;float:left;}
.userProf:after{display:table;clear:both;content:"";}

.userReg{width:100%;margin:3px 0 0 0; padding:0;float:left;}
.userReg:after{display:table;clear:both;content:"";}
.userbase{margin:0; padding:3px;float:left;}
.userReg_container:after,.userbase:after{display:table;clear:both;content:"";}
#regD,#regC,#regN{width:100%;margin:0; padding:0;float:left; text-align:left;}
#regD:after,#regC:after,#regN:after{display:table;clear:both;content:"";}


.dashbFooter{width:100%;margin:0; padding:0;float:left;}
.dashbFooter:after{display:table;clear:both;content:"";}

.userSn{width:100%;margin:0; padding:0;float:left;}
.userSn:after{display:table;clear:both;content:"";}

.oDoc{width:100%;margin:0; padding:0;float:left;}
.oDoc:after{display:table;clear:both;content:"";}

.coup1{width:50%;margin:0; padding:0;float:left;}
.coup1:after{display:table;clear:both;content:"";}

.coup2{width:50%;margin:0; padding:0;float:right;}
.coup2:after{display:table;clear:both;content:"";}

.userNb{width:100%;margin:0; padding:0;float:left;}
.userNb:after{display:table;clear:both;content:"";}

.avatar_container{width:30px;height:25px;position:relative;clear:both;
padding:0;float:left;overflow:hidden;margin-top:2px;} 

.avatar_container:after{clear:both;display:table;content:"";}
.upper{width:15px;height:15px;margin:0 7.5px 0 7.5px;float:left;
position:absolute;border-radius:50%;top:0; 
}
.upper:after{clear:both;display:table;content:"";}
.lower{width:30px;height:11px;float:left;position:absolute;
margin:0;   
}
.lower:after{clear:both;display:table;content:"";}
.upper,.lower{left:0;padding:0;text-align:center;background-color:#006400;}
.lower{bottom:0;border-top-left-radius:10px;border-top-right-radius:10px;}

/*css for admin*/
.admin_forms{width:100%;float:left;} 
.admin_forms form{width:100%;float:left;} 
.admin_forms:after,.admin_forms form:after{display:table;clear:both;content:"";}
.logout_container,.query_container{float:left; width:100%;}
.logout_container{margin:5px 0 20px 0;clear:left;}
.logout2{float:left; width:99%; margin:0;}
.query_container{margin-bottom:10px;}
.query_container:after,.logout_container:after{
display:table;clear:both;content:"";}

.queryinput{float:left;margin:0 2% 0 0;}
.querybut{float:left;}
.queryinput:after,.querybut:after{
display:table;clear:both;content:"";}

#tc{width:99%;margin:0 0.5%; line-height:2;
float:left; border:none; border-radius:0; color:#006400;
background-color:#f5f5f5;}
#tc:hover, #tc:focus{outline:none; background-color:#f5f5f5;}

#tcBUTTON{width:100%; margin:0; float:right;border:none;border-radius:0;
color:#f5f5f5;background-color:#006400; line-height:2.1;
font-weight:bold;}
#tcBUTTON:hover, #tcBUTTON:focus{cursor:pointer; outline:none;
background-color:#ff0000; color:#00000;}

#endquery{width:100px; float:right; 
background-color:#ff0000; border:none; color:#f5f5f5;border-radius:0;}
#endquery:hover, #endquery:focus{cursor:pointer;background-color:#006400;
color:#ff0000;}

.admin_dashB{width:99%; margin:0 0.5%; float:left; font-weight:normal;}
.admin_dashB:after{content:""; clear:both; display:table;}
.updates_dashB{width:100%; margin:0; float:left; text-align:center;}
.updates_dashB:after{content:""; clear:both; display:table;}
#adm_P{color:#0000ff; width:100%; float:left;}
#date_P{color:#000000; width:100%; float:left;}
#editf_but{color:#006400; background-color:#b8860b;width:120px; 
margin:10px 30%;line-height:2;text-align:center;float:left; border:none;
font-weight:bold;}
#editf_but:hover,#editf_but:focus{cursor:pointer; outline:0;
background-color:#ff0000;}
.links_update_sec{width:100%;margin:0;display:none;}
.upd_form_container{width:98%;margin:1% 2% 0 0; float:left;
background-color:#ff0000;}
.upd_form_container:after{display:table; content:""; clear:both;}
.upd_form{width:98%; margin:0 1%; float:left;}
.upd_form:after{display:table; content:""; clear:both;}
.link_txtArea{font-weight:normal; color:#000000; font-size:100%; 
border:none; border-radius:0;width:90%; margin:0 10% 0 0;}
.update_LB{color:#f5f5f5; width:100%; margin:0; float:left;}
.link_updateBut{color:#006400; background-color:#b8860b;width:120px; 
margin:15px 0 2% 0;line-height:2;text-align:center;float:left; 
border:none; border-radius:0;font-weight:bold;}
.link_updateBut:hover,.link_updateBut:focus{cursor:pointer;
outline:0; background-color:#006400; color:#000080;}
/*css for filtering list*/
.filterDashB{width:100%;float:left;padding:0;
background-color:#f5f5f5;}
.filterDashB:after{clear:both; content:""; display:table;}
.filter_sq{ background:#f5f5f5;}
.filter_sq,.filter_files{width:97%;margin:3px 1.5%; float:left;padding:0;}
.filter_files:after{clear:both; content:""; display:table;}
.filter_sq:after{clear:both; content:""; display:table;}
.filter_sq p{padding:0.8%;}
#filter_sq_input{margin:0; padding:0.8%; 
float:left;}
#filter_sq_but{margin:0; padding:0; border:none; 
border-radius:0;float:right; line-height:2;
background:transparent;}
#filter_sq_but:hover, #filter_sq_but:focus{cursor:pointer;}
.nil{width:100%; margin:0; padding:0; float:left;}
.nil:after{clear:both; content:""; display:table;}
.nil p{color:#ff0000; padding-left:3px; animation:red_anim 3s infinite;}
.sortingInput{width:78%;margin:0 2% 0 0;float:left;}
.sortingBut{width:20%;margin:0;float:right;}
.sortingBut:after,.sortingInput:after{content:"";clear:both;display:table}
.filter_files ul,.filter_files li{width:100%; margin:0; padding:0; float:left;}
.filter_UL{display:none;}
.filter_UL:after{clear:both; content:""; display:table;}
.filter_files li{margin:1% 0; width:98%; float:left;
word-wrap:break-word;background-color:#a9a9a9; color:#006400; 
list-style-type:none; padding:0.8%;}

/*css for new webpage form*/
.newweb_form_sec{width:97.5%; margin:1% 2.5% 0 0; padding:0; 
float:left;background-color:#556b2f;} 
.newweb_form_sec:after{content:""; clear:both; display:table;}
.notifications_dashB{width:99%; margin:0 0 0 1%;}
#newweb_form{width:99%; margin:0 0 0 1%; padding:0; float:left;}
#newweb_form:after{content:""; clear:both; display:table;}
.page_vital_sec{width:100%; margin:0 0 5% 0;}
#newweb_form p{width:100%; margin:0; }
.nweb_label{width:100%; margin:0; padding:0; float:left;}
.nweb_img_sec{width:100%; margin:0; padding:0; float:left;}
.nweb_img_sec:after{content:""; clear:both; display:table;}
#file_cat{width:90%; margin:0 10% 0 0; padding:0; border:none; 
float:left;}#img_file_input{width:90%; margin:0 10% 0 0; padding:0; 
border:0;float:left;}
#img_file_input:hover,#img_file_input:focus{cursor:pointer; outline:0;}
.nweb_img_file{width:100%; float:left; line-height:2;}
.img_prev_container{width:90%; margin:0 10% 0 0; padding:0;
float:left;display:none;}
.img_prev_container:after{content:""; clear:both; 
display:table;}
#img_prev_P{width:100%; margin:0; padding:0.8%; line-height:1.2;
float:left;}
#img_window{width:100%; float:left; margin:0; 
background-color:#ffffff;}
#img_window:after{content:""; clear:both; display:table;}
.nweb_sub_but_sec{width:100%; margin:0; padding:0; float:left;}
.nweb_sub_but_sec:after{content:""; clear:both; display:table;}
#nweb_but{width:160px; float:left; margin:0 0 1% 0;
background-color:#a9a9a9; color:#0000ff;font-weight:bold;
line-height:2; border:none;}
#nweb_but:hover,#nweb_but:focus{cursor:pointer; outline:0;}

/*css for invoice*/
/*invoices*/
.invform div,.invprev div{float:left;clear:both;width:99%;}
.invprev{margin:5px 0;clear:both;} 
.invprevcon{padding:5px;float:left;}
.invcon{width:98%;margin:1%;float:left;clear:both;}
.invcon:after{clear:both;display:table;content:'';}
.invoice{width:98%;float:left;margin:0 1%;}
.invoice b{display:inline-block;}
.invoice:after{clear:both;display:table;content:'';}
.invoice div{min-width:98%;max-width:98%;float:left;
margin:1% 0;padding:0 1%;}  
.invoice textarea,.invoice select{
width:98%; margin:3px;float:left;border:none; border-radius:0;}
.invoice select{width:150px;height:25px;}
.invoice select:hover,.invoice select:focus{cursor:pointer;}

.invname,.invemail{margin:0;padding-left:3px;}
#invsb,#invedit,#jsinvedit,#invback,#invprebut{
max-width:200px;line-height:1.5;border:solid 1px #0000ff;
border-radius:20px; background-color:#0000ff; 
color:#f5f5f5; font-weight:bold; font-size:100%;}
#invsb:hover,#invsb:focus,#invprebut:hover,#invprebut:focus,
#invedit:hover,#invedit:focus,#jsinvedit:focus,#jsinvedit:hover{
cursor:pointer;outline:none;}
#invsb:active,#invprebut:active,#invedit:active,
#jsinvedit:active{color:#000000;}
.invoice p{margin:0;}

/*css for invoice pre*/
.jsinvprev,.jsnote{display:none}
.invprev,.jsnote{width:100%;margin:0;float:left;}
.invprev{margin-top:5px;}
.invprev:after,.jsnote:after{clear:both;display:table;content:'';}
.ilab{color:#0000ff;}
#to,#rems,#du,#quo,#gtot{
border-top:solid 0.5px #000000; 
width:100%; margin:1.5px 0; float:left;}

#duh{width:100%; float:left; margin:0; color:#006400;}
#aquh,#caquh{width:100%;float:left;color:#006400;
border-bottom:solid 0.5px #000000;}
#quo{border:none;}

#duh b,#du b{width:23%; margin:0.5px;}
#gtot{font-weight:bold;color:#006400;}
#tot{float:right; margin-right:5px;}
#caquh b,#ca_qu b{width:10%;margin:0.5px;}
#aquh b,#a_qu b{width:23%;margin:0.5px;}
#a_qu b,#ca_qu b,#du b,#rems b,#to b{font-weight:normal;}
.prepinvopt{width:250px;}

.invdashb{width:98%;clear:both;margin-left:1%;}
.itd{margin:1px;border:0.7px solid #ff0000;float:left;
min-width:98%;max-width:98%;padding:2px;background-color:#f5f5f5;}
.invnp{color:#ff0000;clear:both;}
#invh6{color:#006400;}
.ifs{width:98.5%;clear:both;color:#f5f5f5;}
.ifs:after{clear:both;display:table;content:"";}
#deals{background-color:#800000;float:left;padding:0 3px;}
#collections{background-color:#008000;float:left;padding:0 3px;}

/*receipts*/
.bstem{border-radius:5px;
background-color:#a9a9a9;padding:5px 5px;clear:both;
float:left; margin:5px 0;}
.bstem div{float:left;clear:both;min-width:95%;}
.bstem p{width:100%;float:left;}
.rec_pre_con,.statfoter{margin:5px 2.5%;border:0.7px solid #000000;
float:left;border-radius:5px;}
.rec_pre_con{font-weight:normal;} 
.rec_pre,.statpre{padding:5px;float:left;}
.re_dated_con,.cus_det_con{float:left;clear:both;width:100%;}
.rec_det_con,.amount_con,.item_con{width:100%;float:left;}

/*vouchers*/
.voucherform_cont{float:left;width:100%;background-color:#c9c9c9;}
.vocform{width:98%;margin:3px 1%;}
#vocheader{text-align:center;text-decoration:underline;}

.voucher_cont,.voucher{width:98%;margin:0 1%;} 
.voucher_cont:after,.voucher:after{display:table;clear:both;content:"";}
.voucher div{clear:both;float:left;}
.voucher_entry_details{float:left;clear:both;}
.attn{margin:5px 0;}
.vochtml{margin:5px 0;}

/*itineraries*/
.itinform_cont{width:98%; margin:1%;}
.itinform{width:99%; margin:4px 0.5%;}
.itinwrapper{max-width:98%;min-width:98%; margin-bottom:4px;
padding:0 4px;border:1px solid #000000;background-color:#008000;}
.cr_con{background-color:red;}

/*adm*/
.authtemp{background-color:#a9a9a9;margin:5px 0;}
.authtemp form{width:96%;margin:0 2%;clear:both;}
.authtemp p{padding-left:3px;}

.socialmed{width:50%;float:left;}
.emails-phon{width:50%;float:right;}
.socialmed:after,.emails-phon:after{
clear:both; content:"";display:table;}
.smed1{width:50%;float:left;}
.smed1:after{clear:both; content:"";display:table;}
.fb{width:50%;float:left;text-align:left;}
.twitter{width:50%;float:right;text-align:center;}

.smed2{width:50%;float:right; text-align:center;}
.smed2:after{clear:both; content:"";display:table;}
.b_emails{width:50%;float:left;}
.b_mob{width:50%;float:right; text-align:center;}
.b_emails:after,.b_mob:after{clear:both; content:"";display:table;}
.email1{width:50%;float:left;text-align:left;}
.email2{width:50%;float:right;text-align:center;}

@media only screen and (max-width:600px){
/* For mobiles: */
#deals,#collections{width:100%;}    
}

@media only screen and (min-width:600px){
/* For tablets/Desktops: */
/*.query_container{width:400px;clear:both;}
.invdashb{width:700px;}
#nights{width:200px;}
.vsbt{width:300px;}
.ifs{display:inline;}
.bstem{max-width:97%;min-width:97%;}
*/
}


.login_form{width:100%; float:left;}
.login_form:after{clear:both;display:table;content:"";}
.login_form form{width:97%; margin:10px 1.5%;float:left;}
.lgf{width:95%; margin:2% 2.5%; padding:0; float:left; 
line-height:1.8;font-weight:bold; background-color:#a0522d;
border:none; border-radius:0; color:#ffffff; font-size:100%;}
.lgf:hover,.lgf:focus{cursor:pointer; outline:none;} 
.vcode{width:98%;margin:3px 0;background-color:#ffffff;float:left;}
.login_form input[type="submit"]{margin:0;width:150px;clear:both;}
.vcode span{width:97%;margin:0 1.5%;}
@media only screen and (min-width:600px){
/* For tablets &desktops: */
/*.login_cred,.vcode{width:300px; clear:right;}
.lgf{width:300px; clear:right;}*/
}