html {
  /*height: 100%;*/
}
body{
    background: #3e4144;
    background-image: url("./images/background2.jpg");
	/* Full height */
    min-height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}
.form {
    margin: auto auto;
    width: 300px;
    padding: 30px 25px;
    background: white;
}
.userregform {
    margin: auto auto;
    width: 300px;
    padding: 25px 25px;
    background: white;
}

.clientform {
    margin: auto auto;
    width: 700px;
    padding: 30px 25px;
    background: white;
}

.dashpage {
    margin: auto auto;
    padding: 10px 10px;
    background: white;
	height: 95vh;
}

h1.login-title {
    color: #666;
    margin: 0px auto 25px;
    font-size: 25px;
    font-weight: 300;
    text-align: center;
}
.login-input {
    font-size: 15px;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 25px;
    height: 25px;
    width: calc(100% - 23px);
}
.rlogin-input {
    font-size: 15px;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
    height: 25px;
    width: calc(100% - 23px);
}
.clientpselect{
    font-size: 15px;
    border: 1px solid #ccc;
    padding: 1px;
    margin-bottom: 25px;
    height: 47px;
    width: calc(100% - 0px);
}

.pselect{
    font-size: 15px;
    border: 1px solid #ccc;
    padding: 1px;
    margin-bottom: 25px;
    height: 47px;
    width: calc(100% - 1px);
}
.rpselect{
    font-size: 15px;
    border: 1px solid #ccc;
    padding: 1px;
    margin-bottom: 10px;
    height: 47px;
    width: calc(100% - 1px);
}
.cepselect{
    font-size: 15px;
    border: 1px solid #ccc;
    padding: 1px;
    margin-bottom: 10px;
    height: 42px;
    width: calc(100% - 1px);
}

.login-input:focus {
    border-color:#6e8095;
    outline: none;
}
.login-button {
    color: #fff;
    background: #55a1ff;
    border: 0;
    outline: 0;
    width: 100%;
    height: 50px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}
.link {
    color: #666;
    font-size: 15px;
    text-align: center;
    margin-bottom: 0px;
}
.link a {
    color: #666;
}
h3 {
    font-weight: normal;
    text-align: center;
}

.imgcontainer {
  text-align: center;
  margin: 0 0 12px 0;
}
.ciimgcontainer {
  text-align: center;
  margin: 0 0 10px 0;
}

img.avatar {
  width: 50%;
  border-radius: 20%;
}
img.clientavatar{
  width: 15%;
  border-radius: 20%;	
}

img.oclientavatar{
  width: 30%;
  border-radius: 20%;	
}

#clients {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#clients td, #clients th {
  border: 1px solid #ddd;
  padding: 4px 4px;
  font-size: smaller;
}

#clients tr:nth-child(even){background-color: #f2f2f2;}

#clients tr:hover {background-color: #ddd;}

#clients th {
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: left;
  background-color: #6c7a75;
  color: white;
}

.caselist{
  border: 1px solid #ddd;
  padding: 0px;
  height: 63vh;
  overflow:auto;
}
.listingspace{
  height: 66vh;	
}

.addclientbutton{
    color: #fff;
    background: #55a1ff;
    border: 0;
    outline: 0;
    width: 50%;
    height: 50px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
	padding: 10px;
    margin-bottom: 25px;
}

.field-wrap {
	width: 24%;
	display: inline-table;
	padding: 0px;
}
.clientfield-wrap {
	width: 21%;
	display: inline-table;
	padding: 0px;
}

.dashfield-wrap {
	width: 75%;
	display: inline-table;
	padding: 0px;
	text-align: left;
}
.pdashfield-wrap {
	width: 50%;
	display: inline-table;
	padding: 0px;
	text-align: left;
}

.dashfield-wrap2 {
	width: 24%;
	display: inline-table;
	padding: 0px;
	text-align: right;
}
.dashfield-wrap4 {
	width: 10%;
	display: inline-table;
	padding: 0px;
	text-align: right;
}

.dashtop-row {
    width: auto;
    height: 7vh;
    text-align: left;
}

.dashaddclientbutton{
    color: #fff;
    background: #55a1ff;
    border: 0;
    outline: 0;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
	padding: 10px;
	margin-right: 10px;
    margin-bottom: 25px;
}
.top-row {
    width: auto;
    height: auto;
    text-align: center;
}

.casefile{
	padding: 10px 0;
    height: 20px;	
}

.casename{
	padding: 10px;
    background: #fba27c;
	text-align: center;
}

.casemenu{
	background: #848a84;
}

.casemenubutton{
    color: #fff;
    background: #848a84;
    border: 0;
    outline: 0;
    width: auto;
    height: 50px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;	
}

.casesnap{
	/*background: #848a84;	*/
    width: auto;
    height: auto;
    text-align: center;
	/*margin:5px 0;*/
}

.casesnapitem{
	width: 19%;
	display: inline-table;
	padding: 0px;
}
.pcasesnapitem{
	width: 16%;
	display: inline-table;
	padding: 0px;
}

.date-input {
    font-size: 15px;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 25px;
    height: 25px;
    width: calc(100% - 23px);
}
.date-input:focus {
    border-color:#6e8095;
    outline: none;
}

.datelable{
	text-align:left;
	float:left;
}

.tableinfo{
	background: #6c7a75;
	width: auto;
	padding: 10px;
	font-size: 20px;
	color: #fff;
	border: 0;
    outline: 0;
	font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
}


.updateinfo {
    white-space: pre;
    color: fieldtext;
    background-color: #f2f2f2;
    padding: 1px 2px;
    border-width: 2px;
    border: 2px solid;
    border-color: #99a199;
	text-decoration: none;
	font-size:smaller;
	margin-left:15px;
}

.actionbuttons {
    white-space: pre;
    color: fieldtext;
    background-color: #f2f2f2;
    padding: 1px 2px;
    border-width: 2px;
    border: 2px solid;
    border-color: #99a199;
	text-decoration: none;
	font-size:smaller;
	margin-left:2px;
}


.upfield-wrap {
	display: inline-table;
	padding: 0px;
	width: calc(100% - 23px);
}

.cifield-wrap {
	width: 47%;
	display: inline-table;
	padding: 0px;
}

.cefield-wrap {
	display: inline-table;
	padding: 0px;
	width: calc(100% - 17px);
}

.celogin-input {
    font-size: 15px;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
    height: 20px;
    width: calc(100% - 23px);
}
.checkbox-input {
    font-size: 15px;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
    height: 16px;
    width: 15px;
}
.checklable{
    padding: 1px 0px;
    margin-bottom: 16px;
}
.checkfield-wrap{
	text-align:left;
	float:left;	
	display: inline-table;
	padding: 0px 7px;
	width: calc(100% - 23px);

}

h1.celogin-title {
    color: #666;
    margin: 0px auto 9px;
    font-size: 25px;
    font-weight: 300;
    text-align: center;
}

.celogin-button {
    color: #fff;
    background: #55a1ff;
    border: 0;
    outline: 0;
    width: 100%;
    height: 45px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}

.pheaderdivlogo{
	width: 15%;
	display: inline-table;
	padding: 0px 0px;
	text-align: left;
	/*border: 1px solid red;*/
}

.pheaderdivtitle {
	width: 65%;
	display: inline-table;
	padding: 0px 0px;
	text-align: center;
	/*border: 1px solid green;*/
}

.pheaderdivuser {
	width: 16%;
	display: inline-table;
	padding: 0px 0px;
	text-align: right;
	/*border: 1px solid blue;*/
}

.pheader {
	background-color:#6c7a75;
    width: auto;
    height: 10vh;
    text-align: center;
	margin-bottom:15px;
	padding-bottom: 10px;
}

 .pfooter {
	background-color:#6c7a75;
    width: auto;
    height: 7vh;
    text-align: center;
	margin-top:15px;
}

img.headerlogo{
  padding: 0px 0px;
  max-width:40%;
  vertical-align:middle;
  margin-bottom:20px;
}
.pheaderdivlogo p{
  font-size:large;
  color:white;
}

.pheaderdivtitle p{
  font-size:x-large;
  color:white;
  text-align: left;
}

.pheaderdivuser p{
  font-size:large;
  color:white;
}

.pheaderdivuser a{
  font-size:smaller;
  color:#55a1ff;
  text-decoration:none;
}

.casefile a{
  font-weight:bold;
  /*color:#55a1ff;*/
  text-decoration:none;	
}

.pheaderdivtitle a{
  font-size:xx-large;
  color:white;
  text-decoration:none;
}

.pfootercontent{
  font-size:large;
  color:white;
  padding:15px;
}

.closeform {
  text-align: right;
  margin: 0 0 0px 0;
}

img.closebutton{
  width: 4%;
}
img.closebuttonSF{
	width:8%;
}

.filelogin-input {
    font-size: 15px;
    padding: 10px 0px;
	text-align: left;
    margin: 7px 0px;
    height: 25px;
    width: calc(100%);
}

.wrapcontentsubjectmatter{
word-break:break-all;
width: 10%;	
}

.wrapcontentfn_alw_act{
word-break:break-all;
width: 7%;	
}

.wrapcontentact{
word-break:break-all;
width:11%;
}

.wrapcontentalw{
word-break:break-all;
width: 5%;	
}

.wrapcontentcst_cot_cs{
word-break:break-all;
width: 5%;	
}

.wrapcontentcrd_ph{
word-break:break-all;
width: 6%;	
}

.wrapcontentncd{
word-break:break-all;
width: 10%;	
}

.wrapcontentem_na{
word-break:break-all;
width: 15%;	
}

.wrapcontentna{
word-break:break-all;	
}

.updatefiledetails{
	width: 54%;
	display: inline-table;
	padding: 0px 0px;
	text-align: right;
}

.casefilenum{
	width: 45%;
	display: inline-table;
	padding: 0px 0px;
	text-align: left;
}

.searchinput {
    font-size: 15px;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 25px;
    width: calc(100% - 100px);
}

.searchinput:focus {
    border-color:#6e8095;
    outline: none;
}
.searchbutton {
    color: #fff;
    background: #55a1ff;
    border: 0;
    outline: 0;
	padding: 10px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}

.mailform {
    margin: auto auto;
    width: 700px;
    padding: 10px 25px;
    background: white;
}

.mailinput {
    font-size: 15px;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 15px;
    height: 25px;
    width: calc(100% - 23px);
}
.mailinput:focus {
    border-color:#6e8095;
    outline: none;
}
.mailbutton {
    color: #fff;
    background: #55a1ff;
    border: 0;
    outline: 0;
    width: 100%;
    height: 50px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}
.mailtextarea{
	font-size: 15px;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 15px;
    height: 28vh;
    width: calc(100% - 23px);
	resize:none;
}

.crdashpage {
    margin: auto auto;
    padding: 10px 10px;
    background: white;
	height: 95vh;
}

.crclientform {
    margin: auto auto;
    width: 700px;
    padding: 10px 25px;
    background: white;
	border:2px solid #6c7a75;
}

.mpage{
	background:white;
}

.counselform {
    margin: auto auto;
    width: 300px;
    padding: 10px 25px;
    background: white;
	border:2px solid #6c7a75;
}

.cou-login-input {
    font-size: 15px;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 21px;
    height: 25px;
    width: calc(100% - 23px);
}
.cou-login-input:focus {
    border-color:#6e8095;
    outline: none;
}

.iofield-wrap {
	width: 48%;
	display: inline-table;
	padding: 0px;
}
.uploadform {
    margin: 49px auto;
    width: 400px;
    padding: 20px 25px;
    background: white;
	border:2px solid #6c7a75;
}

.ioform {
    margin: auto auto;
    width: 400px;
    padding: 10px 25px;
    background: white;
	border:2px solid #6c7a75;
}
.ciform {
    margin: auto auto;
    width: 450px;
    padding: 8px 25px;
    background: white;
	border: 2px solid #6c7a75;
}

img.ioclosebuttonSF{
	width:6%;
}
img.ioclientavatar{
	width:25%;
}
img.ceclosebuttonSF{
	width:4%;
}

img.ciclosebuttonSF{
	width:5%;
}
img.ciclientavatar{
	width:20%;
}

.cilogin-input {
    font-size: 15px;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
    height: 25px;
    width: calc(100% - 23px);
}
.cilogin-input:focus {
    border-color:#6e8095;
    outline: none;
}
h1.cilogin-title {
    color: #666;
    margin: 0px auto 9px;
    font-size: 25px;
    font-weight: 300;
    text-align: center;
}

.ceform {
    margin: auto auto;
    width: 500px;
    padding: 10px 20px;
    background: white;
	border:2px solid #6c7a75;
}

.paymentupdateform{
	padding: 0px;
}

.paymentupdateformwrap {
	width: 20%;
	display: inline-table;
	padding: 0px;
}

.paymentupdateformwrapsubmit {
	width: 19%;
	display: inline-table;
	padding: 0px;
}

.paymentupdateforminput {
    font-size: 15px;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
    height: 15px;
    width: calc(100% - 23px);
}

.paymentupdateformbutton {
    color: #fff;
    background: #55a1ff;
    border: 0;
    outline: 0;
    width: 100%;
    height: 38px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}

.tablecontentinfo{
	padding: 4px 4px;
    text-align: left;
    background-color: #6c7a75;
    color: white;
	font-size: smaller;
    vertical-align: inherit;
    font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
	border: 1px solid #ccc;
}

.wrapcontentpayment{
word-break:break-all;
width: 12%;	
}

.wrapcontentpayment input{
margin-right: 5px;	
cursor: pointer;
}

.reportgen {
    font-size: 15px;
    border: 1px solid #ccc;
    padding: 1px;
    margin-bottom: 10px;
    height: 37px;
}

.reportpaymentupdateformwrap {
	width: 10%;
	display: inline-table;
	padding: 0px;
	text-align:left;
}
.reportpaymentupdateformwraplabel {
	width: 16%;
	display: inline-table;
	padding: 0px;
	font-size:large;
}
.reportpaymentupdateformwrapsubmit {
	width: 10%;
	display: inline-table;
	padding: 0px;
}

.reporttop-row {
    width: auto;
    height: auto;
    text-align: left;
}

.reportdownload{
font-size: large;	
}

.closereason{
    font-size: 12px;
    border: 1px solid #ccc;
    padding: 2px;
    margin: 5px 0px;
	display: none;
	width: 100%;
}

.otherreason{
    font-size: 12px;
    border: 1px solid #ccc;
    padding: 5px;
    margin: 5px 0px;
	display: none;
	width: 93%;
	
}
.leaveformwrap {
    width: 14%;
    display: inline-table;
    padding: 0px;
    text-align: left;
}
.leaveformwraperrorshowing {
    display: inline-table;
    padding: 0px;
    text-align: left;
	color:red;
}
.leaveform {
    margin: auto auto;
    width: 80%;
    padding: 8px 25px;
    background: white;
	border: 2px solid #6c7a75;
}
.leaveformicon{
    width: 5%;
    display: inline-table;
    padding: 0px;
    font-size: large;
}
.leaveformdiv {
    width: 94%;
    padding: 0px;
    text-align: left;
	float: left;
}
.lmsbacklink {
    width: 5%;
    padding: 0px;
    text-align: right;
	float: right;
}
.leavetypeSel{
    width: 100%;
    font-size: 15px;
    border: 1px solid #ccc;
    padding: 1px;
    margin-bottom: 10px;
    height: 37px	
}
.leavelist{
    border: 1px solid #ddd;
    padding: 0px;
    height: 63vh;
	overflow: auto;
	width:100%;
}
.leaveformavtar{
	width:100%;
	vertical-align: middle;
}