@font-face{
    font-family: "Lato";
    src: url('fonts/Lato-Regular.ttf');
}

body {
	background: #fff url('images/bg2.jpg') repeat-x fixed;
	font-family: 'Lato', sans-serif;
	font-size:13px;
	margin:0;
	padding:0;
}
.main {
	padding:0px 0;
}
.addclientpage {
	padding: 0px;
}
.row {
	float:left;
	width:98%;
	padding:5px;
}
.col30 {
	float:left;
	width:30%;
}
.col70 {
	float:right;
	width:69%;
}
.addclientdiv .col30 {
	font-weight:bold;
}
textarea, select, input {
	padding:5px;
	border:1px solid #000;
}
input[type=text],
input[type=password],
input[type=email] {	width:56%;}
textarea {
	width:96%;
	height:100px;
}
input[type=submit] {

background: #a90329; /* Old browsers */
background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */

	color:#fff;
	font-weight:bold;
	bordeR:0px;
	border-radius:5px;
	padding:10px;
}
.right h2 {
	float:left;
	color:#E3493E;
	border-bottom:1px dotted #111;
}
.header {
	float:left;
	width:100%;
	margin-bottom:20px;
}
.logo {
	width:100%;
	height:auto;
	margin-bottom:12px;
}
.topright {
	float:left;
	width:79%;
}
.topleft {
	float:left;
	width:20%;	
}
.left {
	float:left;
	width:19%;
	height:100%;
	position:absolute;
	left:0;
	overflow-y:scroll;
	background:#000;
	color:#fff;
	position:fixed;
	z-index:999999;
}
.right {
	float:right;
	width:79%;
}	
#sidebar {
	baclground:#000;
}
.left h4 {margin:10px 5px;padding:0; float:left;}
.left .row {float:left; margin:0px 5px 20px 0px; border-bottom:1px dotted #ccc; width:95%;}
.left .row span::after {
    content: " | ";
	padding:0 10px;
}
.left .row span:last-child::after {
    content: ""!important;
}
.left a, a:visited {color:#fff;}
.right .topright {width:100%; float:left;margin:20px 0;}
.right .topright input.client {width:30%; padding:10px ;}

.regularized .right .sectionthreecol,
.regularized .right .sectiontwocol {float:left;width:100%; border-bottom:1px dotted #ccc; margin:20px 0;}

.regularized .right .sectiontwocol .row {width:48%;}
.regularized .right .sectionthreecol .row {width:32%;}
.topright input[type=submit] {width:50px;}
.fullwidthbutton {width:80%;}
.aligncenter {text-align:center;}

#tbheader td {background:#000;color:#fff; padding:5px; text-align:left;}
.tbdata td {padding:5px; border-bottom:1px dotted #ccc;  font-size:14px;}
table#reghistory {width:100%;}

td.reghistorycol1 {width:10%; }
td.reghistorycol2 {width:12%; }
td.reghistorycol3 {width:25% }
td.reghistorycol4 {width:15%; }
td.reghistorycol5 {width:25%; }
td.reghistorycol6 {width:auto; }
td.reghistorycol7 {width:10%; }

.tbdata td a {color:#325796;}

.printthis {float:rigtht;text-align:right; margin-right:40px;}
.printthis a {color:#fff;font-size:20px; background:#325796; padding:5px;text-decoration:none;}
.reghistorycol1 a:hover {background:#000;}
.redcolor,
.redcolor:hover {color:red!important;}
.regularized-step3 .row {margin-bottom:15px}
.notification {background: #7E011E; padding:10px; color:#fff; border:1px dotted #000;}


td.userlistcol1 {width:25%; }
td.userlistcol2 {width:25%; }
td.userlistcol3 {width:20%; }
td.userlistcol4 {width:20%; }
td.userlistcol5 {width:5%;}




.greendot {border-radius:50px; background:#54B233; padding:5px; width:1px; margin: 0 auto;}
.reddot {border-radius:50px; background:#DC4900; padding:5px; width:1px; margin: 0 auto;}
#userlist .tbdata a:visited {color:#000;}

#pagination {
	float:left;
	width:100%;
	color:#fff;
	font-weight:bold;
	margin:40px auto;
}
.pagination li {
	list-style-type:none;
	float:left;
}
#pagination .paginationwrap {
	margin:0 auto;
	width:100%;
	float:left;
	display:inline-block;
	text-align:center;
}
.pagination li.dot {
	height:35px;
}
#pagination {
	display:inline-block;
	text-align:center;
}
#pagination ul {
	padding:0;margin:0;
}
.pagination li {
	background:#993366;
	color:#fff;
	margin:4px 2px;
	display:block;
}
.pagination li a {
	width: 43px;
	height: 17px;
	display: block;
	padding: 9px 0;
	color:#fff;
}

.pagination li:hover {
	background:#ECBD02;
	color:fff;
}
#pagination li.current a, #pagination li a.current {
	background:#469DCA;
	color:#000;
}

.reg .tbdata td {padding:5px; }
h2{ float:left;width:99%;}
.color000 {color:#000!important;}

.dataTables_filter input[type="text"] {width:50%;}

#productlist tbody tr.even:hover, #productlist tbody tr.even td.highlighted,
#reghistory tbody tr.even:hover, #reghistory tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

#productlist tbody tr.odd:hover, #productlist tbody tr.odd td.highlighted,
#reghistory tbody tr.odd:hover, #reghistory tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}

#productlist tr.even:hover,
#reghistory tr.even:hover {
	background-color: #ECFFB3;
}

#productlist tr.even:hover td.sorting_1,
#reghistory tr.even:hover td.sorting_1 {
	background-color: #DDFF75;
}
#productlist tr.even:hover td.sorting_2,
#reghistory tr.even:hover td.sorting_2 {
	background-color: #E7FF9E;
}

#productlist tr.even:hover td.sorting_3,
#reghistory tr.even:hover td.sorting_3 {
	background-color: #E2FF89;
}

#productlist tr.odd:hover,
#reghistory tr.odd:hover {
	background-color: #E6FF99;
}

#productlist tr.odd:hover td.sorting_1,
#reghistory tr.odd:hover td.sorting_1 {
	background-color: #D6FF5C;
}

#productlist tr.odd:hover td.sorting_2,
#reghistory tr.odd:hover td.sorting_2 {
	background-color: #E0FF84;
}


#productlist tr.odd:hover td.sorting_3,
#reghistory tr.odd:hover td.sorting_3 {
	background-color: #DBFF70;
}
.login {
	margin:5% 0 0 0;
	width:100%;
}
.loginscreen {
	margin:0 auto;
	width:50%;
}
.login .logo  {text-align:center; }
.login .logo:after{margin:0 0 40px 0; }
.login table {width:100%;}
.login table td:first-child {font-weight:bold;}
.login input{width:90%;}
.hundredperc { width:100%;}






/* Form validator */

.help-block {
    display: inline;
    padding-left: 6px;
    font-size: 85%;
}

span.form-error.help-block {
    display: block;
    color: red;
    margin-top: 6px;
    padding-left: 0;
}

div.form-error {
    padding: 6px 12px;
    line-height: 180%;
    background: #ffe5ed;
    border-radius: 4px;
    margin-bottom: 22px;
    color: darkred;
    float:left;
}

input.valid {
    background: url(images/icon-ok.png) no-repeat right center #e3ffe5;
    color: #002f00;
    border-color: #96b796 !important;
}

input.error {
    background: url(images/icon-fail.png) no-repeat right center #ffebef;
    color: #480000;
}

.form-suggest-element {
    padding: 4px;
}

form.validating-server-side .server-validation {
    background: url(images/ajax-loader.gif?v=2) no-repeat center right #FFF;
    opacity: 0.5;
}

.max-chars {
    background: #EEE;
    color: #999;
}

.form-help {
    padding-left: 6px;
    font-size: 90%;
    color: #888;
}

.welcometext {
	text-align:right;
	float:right;
	margin:0 20px;
}
.welcometext a {color:#325796; }
.regularized input, 
.regularized select{width:85%;}
.regularized {color:#000!important;}
#printthis {color:#000!important;float:left;width:100%;}
.printlogo {margin:20px 2% -40px 0px; width:10%;text-align:right; float:right;}
.printlogo img {width:100%;height:auto;}
.regularized-step3 .label {font-weight:bold;background:#ccc;color:#111!important;}
.regularized-step3 td {text-align:left; color:#000!important;}
.printrefid {float:left;width:88%;}
#historystep3 {width:99%;height:750px;overflow:scroll;}
#historystep3 #tbheader td {color:#fff!important;}


.sectionthreecol,
.sectiontwocol {
    float: right;
    width: 79%;
}