/*
----------------------------------------------------------
Project 	: SMART PARENT
Design 		: DOPTIQ DESIGN
Started  	: SEPTEMBER 2016
----------------------------------------------------------- */

/*@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,300,300italic,700,900,600);*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

/* Reset 
------------------------------------------------------------ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,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,ul,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,input,textarea,select {border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline; }

/* HTML5 
------------------------------------------------------------ */
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}-boxf
audio,canvas,video {display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) {display: none; height: 0;}
[hidden] {display: none;}



html {
	-webkit-overflow-scrolling: touch; 
	-webkit-font-smoothing: antialiased; 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%;	
}

body, select, input, textarea { color: #333; } 
body{ font-family:'Open Sans',"Helvitica arial",sans-serif; font-size:83%; /*background:#F3F5F6;*/ }
html,
body { height: 100%; min-height: 100%; }
		
h1,h2,h3,h4,h5,h6 {
	font-family:'Open Sans',"helvetica neue",arial,sans-serif;
	font-weight:700;
	text-rendering: optimizelegibility;
	line-height:normal;
	margin: 0;
	
}

h1{ font-size:35px; margin-bottom:20px; }
h2{ font-size:26px; margin-bottom:18px; }
h3{ font-size:16px; margin-bottom:0px; }
h4{ font-size:18px; margin-bottom:15px;}
h5{ font-size:16px; margin-bottom:2px; line-height:22px;}
h6{ font-size:14px; margin-bottom:15px;}

blockquote, cite, q { quotes: none; font-family: serif; }
pre, code, kbd, tt, samp, var { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size:100%; }
hr {background:transparent; margin:0 0 0.5em 0; padding:0 0 0.5em 0; border:0; border-bottom:1px #ddd solid; -moz-box-sizing: content-box; box-sizing: content-box;}
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; line-height:1.5em; margin:0 0 1em 0; }
acronym, abbr { border-bottom:1px #aaa dotted; font-variant:small-caps; letter-spacing:.07em; cursor:help;}
blockquote, .bq, blockquote p{ margin:0 0 0.5em 0; color:#888; }
blockquote:before, blockquote:after, q:before, q:after{content: ""; content: none;}
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } 	
kbd, samp, var, tt { color:#666; font-weight:bold; }  	
p { line-height:1.6em; margin:0 0 1em 0;  }
p img { margin: 0; }
var, dfn { font-style:normal; }
strong,b { font-weight:bold;color: #444; }
small { font-size:91.667%; }
em,i { font-style:normal; }
big { font-size:116.667%; }
pre, code { color:#800; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }

/* Lits /ul ol dl/
------------------------------------------------------------ */
ol ol { list-style-type:lower-latin; margin-bottom:0; }
ul ul { list-style-type:none; margin-bottom:0; }
ul, ol, dl, menu { line-height:1.5em;}
ol { list-style-type:decimal; }
ul { list-style-type:none; }
dd { margin:0 0 1em 0.8em; }
li { line-height:1.5em; font-weight: normal;}
dt { font-weight:bold; }
nav ul,nav ol {list-style: none; list-style-image: none;}
menu,ol,ul {padding: 0;}
input[placeholder]{ font-family:'Open Sans',"helvetica neue",arial,sans-serif; font-style: normal; color:#999999; }

/* Base Link Styling
------------------------------------------------------------ */
a:link, 
a:visited, 
a:hover, 
a:active { text-decoration: none; outline: none; }
a:hover, a:active, a:focus { outline: 0; }
  
/* Base Table  Styling 
------------------------------------------------------------ */  
table {border-collapse: collapse; border-spacing: 0;}	
td { vertical-align: top; }
td, th{line-height:1.5em;}

/* Base Image Styling
------------------------------------------------------------ */ 
img { display:block; border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
img, img a, a img { border:none; outline:none; background:none; }
.responsive-img{ max-width: 100%; height: auto; width: auto\9; }
	
/* Base Misc Styling
------------------------------------------------------------ */
svg:not(:root) { overflow: hidden; }
figure { margin: 0; } 
::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc;text-shadow: none;}
:-moz-any-link:focus, div, :focus{ outline:none; }
.left{ float:left; }
.right{ float:right; } 

/* Genaral clearing 
-------------------------------------------------------- */ 
.cod-row:before,.cod-row:after,
.clear:before,.clear:after{content:'';display:table;}
.cod-row:after,.clear:after{clear:both;}
.cod-row,.clear{zoom:1;}

.clearfix:before,
.clearfix:after { content: " ";  display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* Admin Universal 
---------------------------------------------------------- */
body{ background:#E2E8E9; }
html {
	position: relative;
	min-height: 100%;
}

html:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
	background-color: transparent;
	-webkit-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}

html.dnl-darken:before {
	background-color: #000;
	opacity: 0.9;
	filter: alpha(opacity=90);
	z-index: 1;
}

html.dnl-opacity:before {
	background-color: #FFF;
	opacity: 0.9;
	filter: alpha(opacity=90);
	z-index: 1;
}

.main-wrap { overflow-x: hidden; }

/* Genaral clearing 
-------------------------------------------------------- */ 
.clear:before,
.clear:after{content:'';display:table;}
.clear:after{clear:both;}
.clear{ zoom:1; }

/* Begin  main styling
-------------------------------------------------------- */ 
* {
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;  
	-o-box-sizing: border-box; 
	box-sizing: border-box; 
}



/* creative optimized doptiq grid (cod-grid)
-------------------------------------------------------- */
.cod-wide		 { 
					width:100%; 
				 } 
.cod-grid        {  
					width:100%;
					padding:0 20px; 
					margin:0 auto; 
					max-width:1024px;  
				}				 
.cod-grid img   { border-radius: 2px;
					max-width: 100%; 
					display:block;  
				} 
.cod-row		{ 
					margin:0 -10px; 
				}
.cod-col		{ 
					min-height:1px; 
					padding-left:10px; 
					padding-right:10px; 
					position:relative; 
					float:left; 
				}
.cod-span1		{ 	width:8.33%; 	}
.cod-span2		{ 	width:16.66%; 	}
.cod-span3		{ 	width:25%; 		}
.cod-span4		{ 	width:33.33%; 	}
.cod-span5		{ 	width:41.66%; 	}
.cod-span6		{ 	width:50%; 		}
.cod-span7		{ 	width:58.33%; 	}
.cod-span8		{ 	width:66.66%; 	}
.cod-span9		{ 	width:75%; 		}
.cod-span10		{ 	width:83.33%; 	}
.cod-span11		{ 	width:91.66%; 	}
.cod-span12		{ 	width:100%; 	}
.cod-span1-5	{ 	width:20%; 		}
.cod-span1-8	{ 	width:12.5%; 	}
.cod-span2-5	{   width:20.835%;  }
.nwide{ max-width:1024px; }

.cod-grid-wide {  
	width:100%;
	max-width:100%; 
}

/* top bar 
-------------------------------------------------------- */
.dash-navbar-top {
	background-color: #4F81BD;/*4F81BD*/
	margin-bottom: 0;
	min-height: 72px;
	border-bottom:5px solid #4F81BD;
	position: fixed;
	z-index:9999;
	width:100%;
}

.dash-navbar-top .dnl-btn-toggle {
	position: absolute; 
	background:none;
	outline: 0;
	border:0;
	top:5px;
	z-index:10;
}

/* Brand
------------------------------------------------------------ */
.dash-navbar-top .navbar-brand {
	padding: 20px;
	font-size:20px;
	font-weight: normal;
	position:relative;
	color: #fff;
	top:15px;
}
.dash-navbar-top .navbar-brand em{ 
	display:inline-block; 
	position:absolute;
	height:50px;
	width:50px;
	background:url(../images/logo.png) center no-repeat;
	left:0;
	top:10px;
}
.dash-navbar-top .navbar-brand span { font-weight: bold; }
.dash-navbar-top .navbar-brand:hover,
.dash-navbar-top .navbar-brand:focus {
  color: #ffffff;
}

.dash-navbar-top .navbar-toggle {
	border-width: 0;
	font-size: 24px;
	color: #fff;
	padding: 0 10px;
	margin-top: 14px;
	margin-right: 15px;
}

.dash-navbar-top .navbar-toggle:hover,
.dash-navbar-top .navbar-toggle:focus {
	background-color: transpardnt;
}

/* left bar 
--------------------------------------------------*/
.dash-navbar-left {
	position: fixed;
	background-color: #879FA5;
	width: 280px;
	top: 72px;
	bottom: 0;
	z-index: 999;
	padding-top: 5px;
	-webkit-transition: left 300ms;
	-o-transition: left 300ms;
	transition: left 300ms;
	overflow:hidden;
}

.dash-navbar-left.dnl-hidden { left: -250px; }
.dash-navbar-left.dnl-hidden.dnl-show { left: 0; }


/* Content wrap
----------------------------------------------------- */
.content-wrap { position: relative; padding-top:72px; }
.content-wrap.dnl-visible { margin-left: 280px; }
.content-wrap.dnl-hidden {
	margin-left: 0;
	-webkit-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
}

.content-wrap.dnl-hidden.dnl-push {
	-webkit-transform: translate(280px, 0);
	-ms-transform: translate(280px, 0);
	-o-transform: translate(280px, 0);
	transform: translate(280px, 0);
}

/* Toggle menu 
--------------------------------------- */
.dnl-btn-toggle{ height:50px; }
.dnl-btn-toggle,
.dnl-btn-toggle .dnl-toggle-inner{ 
	color:#fff; 
	width:100%;
	padding:5px; 
	font-size:14px; 
	font-weight:600; 
	position:relative;	 
	cursor: pointer; 
	display:block;
}


.dnl-btn-toggle .dnl-toggle-inner{ 
	width: 60px;
	height: 42px; 
	padding:0 15px;
	text-align: center;
	display: inline-block;
	position:absolute;
	color:#fff;
	right:10px;
	top:5px;
	
}	

/* Added for menu toggle 
----------------------------------------- */	
.dnl-toggle-inner span { 
	position: relative; 
	display: block;
	top:20px; 
}

.dnl-toggle-inner span:after,
.dnl-toggle-inner span:before {
	content: "";
	position: absolute;
	top: -9px;
	left: 0;
}

.dnl-toggle-inner span:after{ top: 9px;  }
.dnl-toggle-inner span {
	position: relative;
	display: block;
}

.dnl-toggle-inner span,
.dnl-toggle-inner span:after,
.dnl-toggle-inner span:before {
	width: 100%;
	height: 1px;
	background-color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;	
	backface-visibility: hidden;
	border-radius: 2px;
}	

/* Active 
------------------------------------------ */
.dnl-btn-toggle.active .dnl-toggle-inner span { background-color: transparent; }
.dnl-btn-toggle.active .dnl-toggle-inner span:before { 
	-webkit-transform: rotate(45deg) translate(5px, 5px);
	-moz-transform: rotate(45deg) translate(5px, 5px); 
	-ms-transform: rotate(45deg) translate(5px, 5px);
	-o-transform: rotate(45deg) translate(5px, 5px); 
	transform: rotate(45deg) translate(5px, 5px);  
}

.dnl-btn-toggle.active .dnl-toggle-inner span:after { 
	-webkit-transform: rotate(-45deg) translate(7px, -8px);
	-moz-transform: rotate(-45deg) translate(7px, -8px); 
	-ms-transform: rotate(-45deg) translate(7px, -8px); 
	-o-transform: rotate(-45deg) translate(7px, -8px); 
	transform: rotate(-45deg) translate(7px, -8px); 	 
}

/* Sidebar styling
---------------------------------------- */
.sidebar-inner{ padding:20px; }

/* User profile
------------------------------------------ */
.user-profile{ 
	display: block; 
	text-align:center; 
}

.user-profile h4{ color:#fff; }
.user-profile .image{
	padding: 10px;
	text-align:center;
	margin-bottom:4px;
}

.user-profile .image img{ 
	display:inline-block; 
	box-shadow: 0 1px 3px rgba(0,0,0,0.2); 
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px; 
	border-radius: 100px;
	border:5px solid #fff;
	width: 120px;
}

/* Side search 
---------------------------------------*/
.side-search{}
.search-field-group{ 
	display:block; 
	position:relative; 
}

.search-field-group input{
	margin: 0;  
	font-size: 14px;
	font-family:'Open Sans',"Helvitica arial",sans-serif;
	font-weight: normal;
	color: #fff;
	outline:none;
}

.search-field-group .search-input{
	-webkit-tap-highlight-color:transparent;
	-webkit-tap-highlight-color: rgba(0,0,0,0);		
	-webkit-border-radius:0px;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.search-field-group ::-webkit-input-placeholder { color:#fff; }
.search-field-group :-moz-placeholder { color: #fff; }
.search-field-group ::-moz-placeholder { color: #fff; }
.search-field-group :-ms-input-placeholder { color: #fff;  }
.search-field-group .search-input{
	background: none;
	position: relative;
	vertical-align: top;
	border: 2px solid #fff;
	border-width:0 0 2px 0;	
	display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
	color: #fff;
	outline:none;
	height: 46px;
	width: 100%;
	*zoom: 1;
}

.search-field-group .search-bar {
	width:100%;
	position: absolute;
	border-bottom: 1px solid #B5B5B5;
	display: block;
	bottom:0;
}

.search-field-group .search-bar:before, 
.search-field-group .search-bar:after {
	content: '';
	bottom: -1px;
	position: absolute;
	background: #058AD5;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	z-index: 2; 
	height:2px;
	width: 0;
}

.search-field-group .search-bar:before { left: 50%; }
.search-field-group .search-bar:after { right: 50%; }
.search-field-group .search-input:focus ~ .search-bar:after,
.search-field-group .search-input:focus ~ .search-bar:before{ width: 50%; }

/* @icon append (right) :: prepend (left)
------------------------------------------------- */
.search-field-group.append-icon, 
.search-field-group.prepend-icon{
    display: inline-block;
    vertical-align: top;
    position: relative;
	width:100%;
}

.search-field-group.append-icon .search-icon, 
.search-field-group.prepend-icon .search-icon{
	top:0;
	z-index:1;
	width:42px;
	height:42px;
	color: inherit;
	line-height:42px;
	position:absolute;
	text-align:left;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    pointer-events: none;
}

.search-field-group.append-icon .search-icon i, 
.search-field-group.prepend-icon .search-icon i{ 
	position:relative;
	font-size:14px;
	color:#fff;
}

.search-field-group.prepend-icon .search-icon{ left:0;  }
.search-field-group.append-icon .search-icon{ right:0; }
.search-field-group.prepend-icon > input{ padding-left:20px; }
.search-field-group .search-input:focus ~ .search-icon i{ color:#058AD5; }


.side-list{ padding:10px 0; padding-bottom:10px; }
.side-list h4{ text-indent:10px; color:#ffffff;
font-size:16px; text-transform:uppercase; border-bottom:1px solid #FFF;
}


.side-list.clist{ padding-top:10px; }
.side-list ul li{}
.side-list ul li a span{
	width:38px;
	height:38px; 
	font-weight:bold; 
	display:inline-block;
	margin-right:10px;
	background:#8DB8FF;
	border-radius:20px;
	text-align:center;
	line-height:38px;
	color:#fff; 
}

.side-list ul li a .licon-1{background:#8DB8FF;}
.side-list ul li a .licon-2{background:#77B3FB;}
.side-list ul li a .licon-3{background:#3BA2F7;}
.side-list ul li a .licon-4{background:#058AD5;}
.side-list ul li a .licon-5{background:#0460C6;}

.side-list ul li a{ 
	font-size:14px;
	padding: 3px 5px;
	color:#D4DCDE; 
	display:block; 
}
.side-list ul li a:hover{ color:#fff; }
.dash-navbar-left-inner{
	height:100%;
	position:relative;
	overflow:auto;
}

/* Scrollbar 
-------------------------------------------------- */
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
 
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}
 
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
 
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
 
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
 
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
 
 
 
/* SCROLLBAR MAC OS X 
--------------------------------------------------------- */
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
 
.scrollbar-macosx > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
 
.scrollbar-macosx > .scroll-element .scroll-element_track { display: none; }
.scrollbar-macosx > .scroll-element .scroll-bar {
    background-color: #058AD5;
    display: block;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.9;
}
 
 
.scrollbar-macosx > .scroll-element.scroll-x {
    bottom: 0px;
    height: 0px;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%;
}
 
.scrollbar-macosx > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0px;
    top: 0;
    width: 0px;
}
 
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 5px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; }
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }
.cod-grid-inner{ padding:5px 10px; }
/* forms ui 
-------------------------------------------------------- */
.form-ui, 
.form-ui *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.form-ui {
	font-family:'Open Sans',"Helvitica arial",sans-serif;
	line-height: 1.231;
	font-weight: 400;
	font-size: 14px;
	color: #34495E;
}
.form-ui .form-title h3{color: #34495E; font-size:26px; padding-bottom:20px; }
.form-ui .elem-group{ margin-bottom:22px; }
.form-ui .field{ display:block; position:relative; }
.form-ui .field-icon i { color:#A2A6A8; position:relative; top:0; }
.form-ui .field-label { display: block; margin-bottom: 7px; position:relative; }
.form-ui .field-label.cod-col{ padding-top:12px; }
.form-ui .field-label em{ 
	color:#e74c3c;
	font-size:14px;
	font-style:normal;
	display:inline-block;
	margin-left:4px;
	position:relative; 
	top:3px;  
}
.form-ui .form-title { position:relative;  }
.form-ui .save-btn {
	color:#fff;
	font-size:14px;
	cursor:pointer; 
	background:#0056B0;
	vertical-align: top;
	position: absolute;
	padding:10px 20px;
	bottom:10px; 
	border:0; 
	right:0; 
}

.form-ui .save-btn:hover { background:#34495E; }

.form-ui :not(output):-moz-ui-invalid,
.form-ui input:invalid { box-shadow: none; }
.form-ui label, 
.form-ui input,
.form-ui button,
.form-ui select,  
.form-ui textarea {
	margin: 0;  
	font-size: 14px;
	font-family:'Open Sans',"Helvitica arial",sans-serif;
	font-weight:400;
	color: #34495E;
	outline:none;
}

.form-ui .ui-input,
.form-ui .ui-textarea,
.form-ui .ui-select > select,
.form-ui input[type="button"],
.form-ui input[type="submit"],
.form-ui input[type="search"],
.form-ui .ui-selectmulti select {
	-webkit-tap-highlight-color:transparent;
	-webkit-tap-highlight-color: rgba(0,0,0,0);		
	-webkit-border-radius:0px;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* @labels font-size styling :: adjust to fit your needs 
--------------------------------------------------------- */
.form-ui .ui-switch, 
.form-ui .ui-option,
.form-ui .field-label{ font-size:14px; }
/* @prevent user selection for usability purposes
----------------------------------------------------- */
.form-ui .ui-radio,
.form-ui .ui-button,  
.form-ui .ui-checkbox,
.form-ui .ui-switch > label{
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

/* @universal rules for all elements 
---------------------------------------------------- */
.form-ui .ui-radio,
.form-ui .ui-button,
.form-ui .ui-tooltip,
.form-ui .ui-checkbox,  
.form-ui .ui-input,
.form-ui .ui-notification,
.form-ui .ui-textarea,
.form-ui .ui-select > select,
.form-ui .ui-selectmulti select,
.form-ui input[type="search"]{ 
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	outline:none;
}

.form-ui .ui-select > select{
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
	transition:none;
}

/* @control border-size :: color etc for these elements 
----------------------------------------------------------- */
.form-ui .ui-input,
.form-ui .ui-select,
.form-ui .ui-textarea,
.form-ui .ui-select > select,
.form-ui .ui-selectmulti select{
	background: #fff;
	position: relative;
	vertical-align: top;
	border: 2px solid #777878;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);
	-ms-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);
	-o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);	
	display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
	color: #34495E;
	outline:none;
	height: 42px;
	width: 100%;
	*zoom: 1;
}

/* @styling inputs and textareas 
------------------------------------------- */
.form-ui .ui-input, 
.form-ui .ui-textarea { padding:10px; }
.form-ui .ui-textarea {    
    resize: none;
	line-height: 19px;
	overflow: auto;
	max-width:100%;
    height: 96px;
}

/* @hint below textareas 
---------------------------------------- */
.form-ui .ui-hint {
    padding: 10px;
	display: block;
	margin-top: -4px;
	line-height: 16px;
	position: relative;    
	background: #F2F4FA;
    border: 2px solid #bdc3c7;
	border-top:1px solid #bdc3c7;
	font-family:'Open Sans',"Helvitica arial",sans-serif;
    font-size: 11px;
    color: #777;
}

/* @form selects :: dropdowns 
-------------------------------------------------- */
.form-ui .ui-select { border:0; z-index:10; }
.form-ui .ui-select > select {
	display: block;
    padding:9px 10px; 
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
	outline:none;
	text-indent: 0.01px;
    text-overflow: ''; 
	z-index:10;
	margin: 0;	
}

.form-ui .ui-select > select::-ms-expand { display: none; }
.form-ui .ui-select:before, 
.form-ui .ui-select:after {
    content: '';
    position: absolute;
    pointer-events: none;
	z-index:15;
}

.form-ui .ui-select:before { 
	top: 5px;
	right: 5px;
	width: 34px;
	bottom: 5px;
	background: #666666;
}

.form-ui .ui-select .arrow {
	position: absolute;
	top: 9px;
	right: 5px;
	width: 24px;
	height: 24px;
	background:#666666;
	color:#B4B4B4;
	pointer-events:none;
	z-index:16;
}

.form-ui .ui-select .arrow:after,
.form-ui .ui-select .arrow:before {
	content: '';
	position: absolute;
	font:17px "Consolas", monospace;
	font-style:normal;
	pointer-events:none;
	left:3px;
}

.form-ui .ui-select .arrow:before { content:'\25BC'; bottom:4px; }
.form-ui .ui-select .double:after { content:'\25B2'; top:-1px;  }
.form-ui .ui-select .double:before { content:'\25BC'; bottom:-1px; }
.form-ui .ui-selectmulti select { 
	width:100%; 
	height: 123px;
	padding: 10px;
}

/* @file inputs :: file uploaders 
-------------------------------------------------------- */
.form-ui .ui-file{ display:block; width:100%; }
.form-ui .ui-file .file-input{
	width:100%;
	height:100%;
	cursor:pointer;
	padding:8px 10px;
	position:absolute;
	-moz-opacity:0;
	opacity: 0;
	z-index:11;
	bottom:0;	
	right:0;
}

.form-ui .ui-file .ui-button {
	position: absolute;
	top: 4px;
	right: 4px;
	float: none;
	height: 34px;
	line-height: 34px;
	padding: 0 16px;
	z-index:10;
}


/* @radio + checkbox option elements 
----------------------------------------------------- */
.form-ui .ui-option {
    position: relative;	
	padding-right:15px;    
	display: inline-block;
    vertical-align: middle;
}

.form-ui .ui-option > input {
    position: absolute;
    height: inherit;
    width: inherit;
	clip: rect(1px 1px 1px 1px); 
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;	
    opacity: 0;
	left: 0;
}
.form-ui .ui-checkbox, 
.form-ui .ui-radio { 
	position:relative;
	margin-right:2px;
	background: #E2E8E9;
	display: inline-block;
    border: 3px solid #777878;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px; 
	-o-border-radius: 2px; 
	border-radius: 2px;		
	height: 21px;
	width: 21px;
	top:5px;	
}

.form-ui .ui-checkbox:before, 
.form-ui .ui-radio:before {
    content: '';
    display: none;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box;
	padding: 0;	
	margin: 0; 		
}


.form-ui input:checked + .ui-checkbox:before, 
.form-ui input:checked + .ui-radio:before {
    display: block;
}

.form-ui .ui-checkbox:before {
    position: absolute;
    top: 4px;
    left: 3px;
    width: 6px;
    height: 3px;
    border: solid #fff;
    border-width: 0 0 3px 3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.form-ui input:checked + .ui-checkbox, 
.form-ui input:checked + .ui-radio{ 
	border: 3px solid #1abc9c; 
	background:#1abc9c; 
}

.form-ui .ui-radio { 
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px; 
	-o-border-radius: 20px; 
	border-radius: 20px;
 
}
.form-ui .ui-radio:before {
    margin: 3px;
    width: 9px;
    height: 9px;
    background: #fff;
  	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
	-o-border-radius: 10px; 
	border-radius: 10px;
}

/* @radio + checkbox :hover + :focus state 
--------------------------------------------------- */
.form-ui input:hover + .ui-radio,
.form-ui input:hover + .ui-checkbox,
.form-ui input:focus + .ui-checkbox, 
.form-ui input:focus + .ui-radio{
    border-color: #1abc9c;
}

.form-ui input:focus + .ui-radio:before{ background: #fff; }
.form-ui input:focus + .ui-checkbox:before{ border-color: #fff; }

/* @toggle switch elements 
-------------------------------------------------- */
.form-ui .ui-switch {
	cursor:pointer; 
	position: relative; 
	padding-right:10px;
    display: inline-block;
	margin-bottom:5px;
	height: 26px;
}

.form-ui .ui-switch > .switch-label {
	cursor:pointer;
    display: inline-block;
    position: relative;
    height: 25px;
	width: 58px;
	color: #fff;
    font-size: 10px;
    font-weight: bold;
	line-height: 20px;
    text-align: center;
    background: #B5C1C7;
    border: 2px solid #B5C1C7;
	text-transform: uppercase;
	font-family:'Open Sans',"Helvitica arial",sans-serif;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;	
}
.form-ui .ui-switch .switch-title{ 
	display:inline-block; 
	padding-left:5px; 
	position:relative; 
	top:-7px; 
}
.form-ui .ui-switch > .switch-label:before {
    content: attr(data-off);
    position: absolute;
    top: 1px;
    right: 3px;
    width: 33px;
}

.form-ui .ui-switch > .switch-label:after {
	content:"";	
    margin: 1px;
    width: 19px;
    height: 19px;
	display: block;
    background: #fff;
    -webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
}

.form-ui .ui-switch > input {
	-webkit-appearance: none;
	position: absolute;
    width: inherit;
    height: inherit;
	clip: rect(1px 1px 1px 1px); 
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;	
    opacity: 0;
	left: 0;
	top: 0;
   
}

/* @toggle switch focus state 
-------------------------------------------------------------- */
.form-ui .ui-switch > input:focus { outline: none; }
.form-ui .ui-switch > input:focus + .switch-label { 
	color: #fff; 
	border-color: #a1a6a9; 
	background:#a1a6a9; 
}

.form-ui .ui-switch > input:focus + .switch-label:after { background: #fff; }

/* @toggle switch normal state 
--------------------------------------------------------------- */
.form-ui .ui-switch > input:checked + .switch-label {
    border-color: #1ABC9C;
	background: #1ABC9C; 
	padding-left: 33px;
	color: white;
}

.form-ui .ui-switch > input:checked + .switch-label:before {
    content: attr(data-on);
    left: 1px;
	top:1px;
}

.form-ui .ui-switch > input:checked + .switch-label:after {
    margin: 1px;
    width: 19px;
    height: 19px;
    background: white;
}

/* @toggle switch normal state focus 
--------------------------------------------------------------------------------- */
.form-ui .ui-switch > input:checked:focus + .switch-label { 
	background: #16a085; 
	border-color: #16a085; 
}

/* @buttons 
----------------------------------------------------- */
.form-ui .ui-button {
    border: 0;
	height: 42px;
	color: #243140;
	line-height: 1;
	font-size:15px; 
    cursor: pointer;
	padding: 0 18px;
	text-align: center;
	vertical-align: top;
    background: #bdc3c7;
	display: inline-block;
	-webkit-user-drag: none;
	text-shadow: 0 1px rgba(255, 255, 255, 0.2);
	font-family:'Open Sans',"Helvitica arial",sans-serif;
}

/* @buttons :hover, :active states 
---------------------------------------------------------------- */
.form-ui .ui-button:hover { color: #243140; background: #cacfd2; }
.form-ui .ui-button:active{ color: #1d2938; background: #a1a6a9; }
.form-ui a.ui-button, 
.form-ui span.ui-button, 
.form-ui label.ui-button { line-height: 42px; text-decoration: none; }
.form-ui .ui-button i{ font-size:14px; }
.form-ui .ui-button-list .ui-button{ margin-bottom:5px; }

/* @primary button theme
-------------------------------------------- */
.form-ui .btn-themed {  background-color: #1abc9c;  }
.form-ui .btn-themed:hover,
.form-ui .btn-themed:focus { background-color: #48c9b0; }
.form-ui .btn-themed:active{ background-color: #16a085; }
.form-ui .btn-themed, 
.form-ui .btn-themed:hover,
.form-ui .btn-themed:focus, 
.form-ui .btn-themed:active{
	text-shadow: 0 1px rgba(0, 0, 0, 0.08);
	color: #fff; 
}


/* @icon append (right) :: prepend (left)
------------------------------------------------- */
.form-ui .append-icon, 
.form-ui .prepend-icon{
    display: inline-block;
    vertical-align: top;
    position: relative;
	width:100%;
}

.form-ui .append-icon .field-icon, 
.form-ui .prepend-icon .field-icon{
	top:0;
	z-index:1;
	width:42px;
	height:42px;
	color: inherit;
	line-height:42px;
	position:absolute;
	text-align: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    pointer-events: none;
}

.form-ui .append-icon .field-icon i, 
.form-ui .prepend-icon .field-icon i{ 
	position:relative;
	font-size:14px;
}

.form-ui .prepend-icon .field-icon{ left:0;  }
.form-ui .append-icon .field-icon{ right:0; }
.form-ui .prepend-icon > input,
.form-ui .prepend-icon > select, 
.form-ui .prepend-icon > textarea{ padding-left:36px; }
.form-ui .append-icon > input, 
.form-ui .append-icon > textarea{ padding-right:36px; padding-left:10px;  }
.form-ui .append-icon > textarea{ padding-right:36px; }
.form-ui .ui-select .field-icon{ line-height:42px; z-index:99!important; }
.form-ui .prepend-icon > select{ padding-left:30px;  }

/* @form element :hover state 
-------------------------------------------- */
.form-ui .ui-input:hover,
.form-ui .ui-textarea:hover,
.form-ui .ui-select > select:hover,
.form-ui .ui-selectmulti select:hover, 
.form-ui .ui-input:hover ~ .ui-hint,
.form-ui .ui-file .file-input:hover + .ui-input,
.form-ui .ui-textarea:hover ~ .ui-hint{
	border-color: #62D0BA;
}


/* @form element :focus state 
-------------------------------------------------------- */
.form-ui .ui-input:focus,
.form-ui .ui-textarea:focus,
.form-ui .ui-select > select:focus,
.form-ui .ui-selectmulti select:focus{ border-color: #1ABC9C; color: #3C3C3C; }
.form-ui .ui-textarea:focus{  height: 120px; }
.form-ui .ui-select > select:focus { z-index:10; z-index:20\9; }
.form-ui .ui-input:focus ~ .field-icon i,
.form-ui .ui-textarea:focus ~ .field-icon i{ color:#1ABC9C; }
.form-ui .ui-selectmulti select:focus, 
.form-ui .ui-input:focus ~ .ui-hint,
.form-ui .ui-textarea:focus ~ .ui-hint, 
.form-ui .ui-file .file-input:focus + .ui-input{ border-color: #1ABC9C; }
.form-ui .ui-select > select:focus + .arrow{ color:#fff; }

/* @black theme elements
---------------------------------------------------------------------- */
.theme-black .ui-input:hover,
.theme-black .ui-textarea:hover,
.theme-black .ui-select > select:hover,
.theme-black .ui-selectmulti select:hover, 
.theme-black .ui-input:hover ~ .ui-hint,
.theme-black .ui-file .file-input:hover + .ui-input,
.theme-black .ui-textarea:hover ~ .ui-hint{
	border-color: #3E5771;
}

.theme-black .ui-input:focus,
.theme-black .ui-textarea:focus,
.theme-black .ui-select > select:focus,
.theme-black .ui-selectmulti select:focus{ border-color: #34495E; color: #3C3C3C; }
.theme-black .ui-input:focus ~ .field-icon i,
.theme-black .ui-textarea:focus ~ .field-icon i{ color:#34495E; }
.theme-black .ui-selectmulti select:focus, 
.theme-black .ui-input:focus ~ .ui-hint,
.theme-black .ui-textarea:focus ~ .ui-hint, 
.theme-black .ui-file .file-input:focus + .ui-input{ border-color:#34495E; }
.theme-black .ui-select > select:focus + .arrow{ color:#fff; }

/* @black theme buttons 
-------------------------------------------------------------------- */
.theme-black .btn-themed {  background-color: #34495E;  }
.theme-black .btn-themed:hover,
.theme-black .btn-themed:focus,
.theme-black .btn-themed:active { background-color: #2C3E50; }

/* @black theme checkboxes + radios 
-------------------------------------------------------------------- */
.theme-black input:checked + .ui-checkbox, 
.theme-black input:checked + .ui-radio{  border: 3px solid #34495E; background:#34495E;  } 
.theme-black input:hover + .ui-radio,
.theme-black input:hover + .ui-checkbox,
.theme-black input:focus + .ui-checkbox, 
.theme-black input:focus + .ui-radio{ border-color: #34495E; }

/* @black theme switches
-------------------------------------------------------------------- */
.theme-black .ui-switch > input:checked + .switch-label { border-color:#34495E; background:#34495E; }
.theme-black .ui-switch > input:checked:focus + .switch-label {  background:#2C3E50; border-color:#2C3E50; }
.group-enclose{ padding:0 40px; }
.option-spacer{ padding:0 40px; }
.analysis{ text-align:center; font-size:18px; }
.sidebar-menu ul{ border-bottom:2px solid #fff; }
.sidebar-menu ul li{ display:inline-block; width:33%; float:left;  }
.sidebar-menu ul li a{ 
	display:block; 
	text-align:center; 
	color:#fff; 
	padding:20px 0;
	font-size:14px; 
}
.cat-title{ 
	display:block; 
	position:relative;
	padding-left:40px;
}
.cat-title:before{ 
	content: '';
	width:24px; 
	height:24px;
	display:inline-block;
	position:absolute;
	background:#0046AF;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	top:-3px;
	left:0;
}

.form-ui .block{ display:block; }
.pad-left{ padding-left:40px; }
.pad-right{ padding-right:40px; }
.pad-left-l{ padding-left:20px; }
.pad-right-r{ padding-right:20px; }
.form-ui fieldset{ border-top:2px solid #959899; padding:20px 0; padding-bottom:10px; }
.photo-pic{ height:80px; overflow:hidden; }
.photo-picker,
.photo-placeholder{ display:inline-block; float:left; }
.photo-placeholder{ 
	width:80px; 
	height:80px;
	border-radius:40px;
	background:#333; 
}

.photo-picker{ 
	height:80px;
	line-height:80px;
	background: none;
	position:relative;
	min-width:200px;
}

.photo-picker .file-browse{
	width:100%;
	height:100%;
	cursor:pointer;
	padding:8px 10px;
	position:absolute;
	-moz-opacity:0;
	opacity: 0;
	z-index:11;
	bottom:0;	
	right:0;
}

.photo-picker .ui-browse {
	position: absolute;
	top: 15px;
	left: 5px;
	float: none;
	height: 34px;
	line-height: 34px;
	padding: 0 16px;
	z-index:10;
}

.photo-picker #upload{ 
	background:none; 
	border:0; 
	width:100%; 
	display:inline-block;
	position:absolute;
	bottom:0;
	padding:10px 20px;
}

.photo-picker:hover .ui-browse{ color:#0066CC; }
.chart-container { width:100%; /*margin: 20px auto; */}
.arrow-position{ color:#fff; padding-top:10px;  }
.arrow-position i { position:relative; left:30px; }
.clist-mid .side-list{ padding-left:80px;  }
.clist-mid .arrow-position i { position:relative; left:110px; }
.clist-right .side-list{ padding-left:110px;  }
.clist-right .arrow-position i { position:relative; left:180px; }

/* tables  
----------------------------------*/
table.xui-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #B8C6CB;
	border-bottom:0;
	-webkit-box-shadow:0 1px 1px -1px rgba(0,0,0,.1);
	-moz-box-shadow:0 1px 1px -1px rgba(0,0,0,.1);
	box-shadow:0 1px 1px -1px rgba(0,0,0,.1);
}

table.xui-table th {
	border: 1px solid #B8C6CB; 
	border-bottom-width:1px;
	border-right: 0;
	border-top:0;
	background-color: #D7DEE1;
	text-align: left;
	color: #000;
	vertical-align: top;
	font-size: 13px;
	font-weight: 700;

}
table.xui-table th i{ font-size:14px; }
table.xui-table th,
table.xui-table td { padding: 8px 15px; }
table.xui-table td { 
	font-size:13px;
	border: #B8C6CB 1px solid;
	border-right:0; 
	border-top:0;  
	color:#000; 
}
table.xui-table th,
table.xui-table td { font-family:'Open Sans',"Helvitica arial",sans-serif; vertical-align:middle; }
table.xui-table td:last-child { border-right: 0; }
table.xui-table th:last-child { border-right:0; }
table.xui-table td:first-child { border-left: 0; }
table.xui-table th:first-child { border-left:0; }
table.xui-table tr:hover td {background-color: #F0F3F4;}
table.xui-table.compact-table th,
table.xui-table.compact-table td { padding: 5px 15px; }

/* Alternating Backgrounds */
table.xui-table tr:nth-child(even) {background: #F0F3F4;}
table.xui-table tr:nth-child(odd) {background: #fff; }
table.xui-table td a{ color:#2662C6;  }


/* pagination 
------------------------------------------- */
.pagination li{ display:inline; }
.pagination li a{
	color: #666;
	border: 1px solid;
	text-decoration: none;
	background-color: #eee;
	text-shadow: 0 1px 0 #fdfdfd;
	font-family:Arial, Helvetica, sans-serif;
	border-color: #B8C6CB;
	-webkit-box-shadow: inset 0 1px #fefefe, inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px #fefefe, inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px #fefefe, inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.05);		
	background-image: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #fafafa), color-stop(100%,  #e4e4e4));
	background-image: -webkit-linear-gradient(top,  #fafafa, #e4e4e4);
	background-image: -moz-linear-gradient(top,  #fafafa, #e4e4e4);
	background-image: -ms-linear-gradient(top,  #fafafa, #e4e4e4);
	background-image: -o-linear-gradient(top,  #fafafa, #e4e4e4);
	background-image: linear-gradient(top,  #fafafa, #e4e4e4);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom:5px;
	line-height: 30px; 
	padding: 0 12px;
	height:30px;
}

.pagination li a.current, 
.pagination li a.current:hover, 
.pagination li a:active { 
	background: #fdfdfd; 
	border-color: #ccc;
	-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); 
}


.holder-widget{ padding:10px 0; }

.logout-header{width:300px;
float:right; padding-top:20px;
}
.logout-header a{ color:#FFFFFF; font-size:16px; text-transform:capitalize;}
/* Login Register 
------------------------------------------------------------ */
.login-reg-header{ padding-top:0; text-align:center; }
.login-reg-header h1{ 
	color:#2C3E50; 
	text-transform:uppercase; 
	font-weight:800;
	font-size:40px;
	margin-bottom:0; 
}

.login-reg-header h6{ 
	font-weight:300;
	font-style:italic;
	font-size:16px;
	color:#7D98A2;
}

.fpass{ color:#2B88DE; display:inline-block; position:absolute; right:0; }
.fpass:hover{ text-decoration: underline; }
.login-reg-header h1,
.login-reg-header h6{ margin-bottom:0; margin-top:0; }
.login-reg-header{ padding-top:10px; padding-bottom:30px; }
.register-login-inner{ max-width:440px; margin:0 auto;  }
.relo-box{ border:1px solid #B1C1C7; background:#fff; }
.relo-agreement{ padding-top:10px; }
.relo-agreement p{ font-size:11px; }
.relo-agreement p a{ color:#2B88DE;}
.relo-agreement p a:hover{ text-decoration: underline; }
.register-login-wrapper{ padding-bottom:50px; }
.relo-tabs{ position:relative; z-index:10; }
.relo-tabs li{ display:inline;  }
.relo-tabs li a,
.relo-tabs li span{ 
	display:block; 
	float:left; 
	width:50%; 
	padding:20px; 
	text-transform:uppercase; 
	text-align:center;
	background:#D7DEE1;
	position:relative;
	font-weight:600;
	font-size:14px;
	color:#2C3E50;  
}
.relo-tabs li a:hover{ color:#2B88DE; }
.relo-tabs li span{ background:#fff;   }
.relo-tabs li:first-child a,
.relo-tabs li:first-child span{ border-right:1px solid #B1C1C7; }
.relo-form-wrapper{ padding:20px; border-top:1px solid #B1C1C7; }
.relo-tabs li span:before {
	content: '';
	position: absolute;
	background:#fff;
	height:1px;
	width:100%;
	right:0;
	left:0;
	bottom:-1px;
}

/* Password Reveal - Custom Toggles 
-------------------------------------------- */
.my-toggle {
	background: transparent;
	border: 0;
	border-radius: 0.25em;
	color: #888;
	cursor: pointer;
	font-size: 0.75em;
	font-weight: bold;
	margin-right: 0.5em;
	padding: 0.5em;
	text-transform: uppercase;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.my-toggle:hover,
.my-toggle:focus {
	background-color: #eee;
	outline: transparent;
	color: #555;
}

/* Hideshow 
------------------------------------- */
.hideShowPassword-toggle {
	background-color: transparent;
	background-image: url('../images/wink.png'); 
	background-image: url('../images/wink.svg'), none;
	background-position: 0 center;
	background-repeat: no-repeat;
	border: 2px solid transparent;
	border-radius: 0.25em;
	cursor: pointer;
	font-size: 100%;
	height: 44px;
	margin: 0;
	max-height: 100%;
	padding: 0;
	overflow: 'hidden';
	text-indent: -999em;
	width: 46px;
	-moz-appearance: none;
	-webkit-appearance: none;
	display:inline-block;
}

.hideShowPassword-toggle-hide { background-position: -44px center; }
.hideShowPassword-toggle:hover,
.hideShowPassword-toggle:focus {
	border-color: #0088cc;
	outline: transparent;
}

/* tooltip 
----------------------------------- */
.tooly em{ font-style:normal; }
.tooly i{ font-size:14px; color:#999; position:relative; top:-3px; }
button[data-balloon] {
  overflow: visible;
}
[data-balloon] {
  position: relative;
}
[data-balloon]:before,
[data-balloon]:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.18s ease-out 0.18s;
  transition: all 0.18s ease-out 0.18s;
  bottom: 100%;
  left: 50%;
  position: absolute;
  z-index: 10;
  -webkit-transform: translate(-50%, 10px);
  -ms-transform: translate(-50%, 10px);
  transform: translate(-50%, 10px);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}
[data-balloon]:after {
  background: rgba(17, 17, 17, 0.9);
  border-radius: 4px;
  color: #fff;
  content: attr(data-balloon);
  font-size: 12px;
  padding: .5em 1em;
  white-space: nowrap;
  margin-bottom: 11px;
}
[data-balloon]:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(0)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  content: "";
  margin-bottom: 5px;
}
[data-balloon]:hover:before,
[data-balloon][data-balloon-visible]:before,
[data-balloon]:hover:after,
[data-balloon][data-balloon-visible]:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
[data-balloon][data-balloon-break]:after {
  white-space: normal;
}
[data-balloon-pos="down"]:before,
[data-balloon-pos="down"]:after {
  bottom: auto;
  left: 50%;
  top: 100%;
  -webkit-transform: translate(-50%, -10px);
  -ms-transform: translate(-50%, -10px);
  transform: translate(-50%, -10px);
}
[data-balloon-pos="down"]:after {
  margin-top: 11px;
}
[data-balloon-pos="down"]:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(180 18 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  margin-top: 5px;
  margin-bottom: 0;
}
[data-balloon-pos="down"]:hover:before,
[data-balloon-pos="down"][data-balloon-visible]:before,
[data-balloon-pos="down"]:hover:after,
[data-balloon-pos="down"][data-balloon-visible]:after {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
[data-balloon-pos="left"]:before,
[data-balloon-pos="left"]:after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  -webkit-transform: translate(10px, -50%);
  -ms-transform: translate(10px, -50%);
  transform: translate(10px, -50%);
}
[data-balloon-pos="left"]:after {
  margin-right: 11px;
}
[data-balloon-pos="left"]:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(-90 18 18)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-right: 5px;
  margin-bottom: 0;
}
[data-balloon-pos="left"]:hover:before,
[data-balloon-pos="left"][data-balloon-visible]:before,
[data-balloon-pos="left"]:hover:after,
[data-balloon-pos="left"][data-balloon-visible]:after {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
[data-balloon-pos="right"]:before,
[data-balloon-pos="right"]:after {
  bottom: auto;
  left: 100%;
  top: 50%;
  -webkit-transform: translate(-10px, -50%);
  -ms-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%);
}
[data-balloon-pos="right"]:after {
  margin-left: 11px;
}
[data-balloon-pos="right"]:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(90 6 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 5px;
}
[data-balloon-pos="right"]:hover:before,
[data-balloon-pos="right"][data-balloon-visible]:before,
[data-balloon-pos="right"]:hover:after,
[data-balloon-pos="right"][data-balloon-visible]:after {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

[data-balloon-length]:after { white-space: normal;}
[data-balloon-length="small"]:after { width: 80px;}
[data-balloon-length="medium"]:after { width: 150px;}
[data-balloon-length="large"]:after { width: 260px; }
[data-balloon-length="xlarge"]:after { width: 90vw; }
[data-balloon-length="fit"]:after { width: 100%; }





@media (min-width: 861px) {
	.dash-navbar-top.dnl-visible .dnl-btn-toggle { display: none; }
}

@media only screen and (min-width: 860px) {
	.dash-navbar-top.dnl-visible .navbar-brand {
		margin-left: 10px;
		padding-left: 55px;
	}
	
	.dash-navbar-top.dnl-hidden .navbar-brand {
		margin-left: 45px;
		padding-left: 5px;
	} 
	 	
}


/* Mobile || Tablet Size
------------------------------------------------------ */
@media only screen and (max-width: 860px) {
	.cod-row{ margin:0;  }
	.cod-col{ 
		width: 100%; 
		float:none; 
		padding:0; 
	}
	
	.dash-navbar-top .navbar-brand { margin-left:10px; padding-left:50px; }	
	.dash-navbar-left.dnl-visible { left: -280px; }
	.dash-navbar-left.dnl-visible.dnl-show { left: 0; }  
	.content-wrap.dnl-visible {
		margin-left: 0;
		-webkit-transition: all 300ms;
		-o-transition: all 300ms;
		transition: all 300ms;
	}
	
	.content-wrap.dnl-visible.dnl-push {
		-webkit-transform: translate(280px, 0);
		-ms-transform: translate(280px, 0);
		-o-transform: translate(280px, 0);
		transform: translate(280px, 0);
	}  
	.resp-table{ overflow-x: auto; }
	.resp-table { 
		width: 100%; 
		overflow-y: hidden; 
		overflow-x: scroll; 
		-ms-overflow-style: -ms-autohiding-scrollbar; 
		-webkit-overflow-scrolling: touch; 
	}
	.resp-table td, 
	.resp-table th { white-space:nowrap; }	
}

.error{color:#C30; font-weight:bold;}
.error2{color:#C30; font-weight:bold; font-size:13px;}
.success2{color:#09F; font-weight:bold; font-size:13px;}
.spacer{padding-bottom:8px;}

.rqtableholder{
width:95%;
margin:0 auto;
margin-top:10px;
padding:20px;
 font-family:"Times New Roman";
font-size:14px;
background:#FFF;
}

.rqtableholderprint{
width:920px;
margin:0 auto;
/*margin-top:10px;*/
padding:20px;
 font-family:"Times New Roman";
font-size:14px;
background:#FFF;
}

.rqtableholdermain{
width:100%;
margin-top:20px;
padding:20px;
 font-family:"Times New Roman";
font-size:14px;
background:#FFF;
}
.rqtablem1{
width:740px;
margin:0 auto;
margin-top:10px;
 font-family:"Times New Roman";
font-size:14px;
background:#FFF; border:1px solid #000;
}
.rqtablemain{width:740px;
margin:0 auto;
	margin-bottom:50px;
}
.rqtablem1 td{padding:5px;}
.rqtable{
width:98%;
margin:0 auto;
margin-top:10px;
 font-family:"Times New Roman";
font-size:14px;
background:#FFF; border:1px solid #000!important;
}
.rqtable td{padding:5px;border:1px solid #000;}
.message{width:98%;
height:130px;
border:0px;border-bottom:0px solid #000000;
resize:none;
}
.inputmain2{border:0px;border-bottom:0px solid #000000; color:#000; font-weight:bold!important; width:90%; background:#fff; font-size:13px!important}
.inputmain{border:0px;border-bottom:1px solid #000000; color:#000; font-weight:bold!important; width:90%; background:#ffffff!important; font-size:13px!important}
.inputmain3{border:0px;border-bottom:0px solid #000000; color:#00B050!important; /*font-weight:bold!important;*/ width:100%; background:#fff; font-size:13px!important}
.inputmain31{border:0px!important;border-bottom:0px dashed #000000!important; color:#00B050!important; /*font-weight:bold!important;*/ width:60px; background:#fff!important; font-size:13px!important;}

.inputprint{border:0px;border-bottom:1px dashed #000000; color:#000; /*font-weight:bold;*/ width:90%; background:#fff; font-size:14px;
}
.inputprint2{border:0px;border-bottom:1px dashed #000000; color:#000; /*font-weight:bold;*/ width:200px; background:#fff; font-size:14px;
}

.inputmain31{border:0px;border-bottom:0px dashed #000000; color:#00B050!important; /*font-weight:bold;*/ width:100%; background:#fff; font-size:14px;
}

.inputmain222{border:0px;border-bottom:1px dashed #000000; color:#000; /*font-weight:bold;*/ width:90%; background:#fff; font-size:14px; text-align:left!important;font-family:"Times New Roman"!important; overflow:hidden;}

.source{/*border:0px;border-bottom:1px dashed #000000; color:#000; font-weight:bold;*/ width:310px; background:#fff; font-size:14px; text-align:left!important;font-family:"Times New Roman"!important; overflow:hidden;}

.inputmainz{border:0px;border-bottom:1px dashed #000000; color:#000; /*font-weight:bold;*/ width:90%; background:#fff; font-size:14px; text-align:left!important;font-family:"Times New Roman"!important; overflow:hidden;}

.textfield{border:0px!important;border-bottom:1px dashed #000000!important; color:#000; /*font-weight:bold;*/ width:90%; background:#fff; font-size:13px; text-align:left;font-family:"Times New Roman"!important; overflow:hidden;}

.inputtextarea{
border:0px;/*border-bottom:1px dashed #000000;*/ color:#000; /*font-weight:bold;*/ width:90%; background:#fff; font-size:12px; text-align:left;font-family:"Times New Roman"!important; overflow:hidden; resize:none;
text-decoration:none!important;

/*
width: 100%;
height: 100%;
border-color: Transparent; */
}
.inputtextarea2{
border:0px;/*border-bottom:1px dashed #000000;*/ color:#000; font-weight:bold; width:98%; background:#fff; font-size:12px; text-align:left;font-family:"Times New Roman"!important; overflow:hidden; resize:none;
text-decoration:none!important;
text-transform:uppercase;
height:35px;
}

.inputtextarea3{
border:0px;/*border-bottom:1px dashed #000000;*/ color:#000; font-weight:bold; width:90%; background:#fff; font-size:12px; text-align:left;font-family:"Times New Roman"!important; overflow:hidden; resize:none;
text-decoration:none!important;
text-transform:uppercase;
height:35px;
}


.ppform{color:#000!important; font-size:13px;
float:right; padding-bottom:20px; padding-right:20px;}
.memeprin{
padding-bottom:120px;
}
.tdaligned{text-align:left;}

.buttonm{padding: 4px;			
			cursor: pointer;
			border: 1px solid #96C552;
			overflow: visible;
			display: inline-block;
			color: #fff;
			font: bold 0.9em arial, helvetica;
			/*text-shadow: 0 -1px 0 rgba(0,0,0,.4);	*/	  
			background-color:#96C552;
}
.prinborder{width:760px; border:1px solid #000; margin:0 auto;
background:#FFF;margin-bottom:20px;}

.prinborder2{width:905px; border:1px solid #000; margin:0 auto;
background:#FFF;margin-bottom:20px;}

.rqtableprint{
width:900px;
margin:0 auto;
margin-top:10px;

}
.rqtableprint td{
padding:5px;
border-top:1px solid #000;
border-bottom:1px solid #000;
border-right:1px solid #000;
}

.leftprint{
border-left:1px solid #000;
}
.error{color:#F00!important;}
.rejected{color:#F00;}
.approved{ color:#03F;}
.pending{ color:#F30;}
.success2{ color:#03F; font-size:16px;}
.success22{ color:#03F; font-size:14px;}
/*.required{color:#F00!important;}*/
.bm{color:#840000;font-size:18px!important;}
.bm33{color:#840000; font-size:20px;}

.history{font-size:12px;}
.reject{width:200px;
height:60px;
border:1px solid #87AB2B;
margin-bottom:5px;
}
.dashboardm{
	width:98%;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:20px; 
}
.dashboardmdept{
	width:62%;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:20px; 
}
.dashtd{font-size:14px;
font-weight:bold;
}
.formfvrqs{
	    width: 240px;
    margin-left: 10px;
    padding: 8px;
    float: left;
    color: #ffffff;
    font-size: 14px;
    height: 60px;
    text-align: center;
    border: 1px solid #CCC;
    border-radius: 4px;
    background: #B71625;
}
.formfvrqs a{color: #ffffff;}
.formfvrqs a:hover{color: #ffffff; text-decoration:underline;}

.formfvrqs2{
width: 240px;
margin-left: 10px;
padding: 8px;
float: left;
color: #ffffff;
font-size: 14px;
height: 60px;
text-align: center;
border: 1px solid #CCC;
border-radius: 4px;
background: #E8AB17;
}
.formfvrqs2 a{color: #ffffff;}
.formfvrqs2 a:hover{color: #ffffff; text-decoration:underline;}

.formfvrqs3{
width: 230px;
margin-left: 10px;
padding: 8px;
float: left;
color: #ffffff;
font-size: 14px;
height: 60px;
text-align: center;
border: 1px solid #CCC;
border-radius: 4px;
background: #3498DB;
}
.formfvrqs3 a{color: #ffffff;}
.formfvrqs3 a:hover{color: #ffffff; text-decoration:underline;}

.formfvrqs4{
width: 230px;
margin-left: 10px;
padding: 8px;
float: left;
color: #ffffff;
font-size: 14px;
height: 60px;
text-align: center;
border: 1px solid #CCC;
border-radius: 4px;
background: #87AB2B;
}
.formfvrqs4 a{color: #ffffff;}
.formfvrqs4 a:hover{color: #ffffff; text-decoration:underline;}


.formfvrqs5{
width: 200px;
margin-left: 10px;
padding: 8px;
float: left;
color: #ffffff;
font-size: 14px;
height: 60px;
text-align: center;
border: 1px solid #CCC;
border-radius: 4px;
background:#F36;
}
.formfvrqs5 a{color: #ffffff;}
.formfvrqs5 a:hover{color: #ffffff; text-decoration:underline;}

.formfvrqslong{
width: 300px;
margin-left: 10px;
padding: 8px;
float: left;
color: #ffffff;
font-size: 14px;
height: 60px;
text-align: center;
border: 1px solid #CCC;
border-radius: 4px;
background:#577AEA;
}
.formfvrqslong a{color: #ffffff;}
.formfvrqslong a:hover{color: #ffffff; text-decoration:underline;}

.formfvrqslong2{
width: 300px;
margin-left: 10px;
padding: 8px;
float: left;
color: #ffffff;
font-size: 14px;
height: 60px;
text-align: center;
border: 1px solid #CCC;
border-radius: 4px;
background:#06D755;
}
.formfvrqslong2 a{color: #ffffff;}
.formfvrqslong2 a:hover{color: #ffffff; text-decoration:underline;}

/*department*/
.formfvrqsdet{
	    width: 260px;
    margin-left: 10px;
    padding: 8px;
    float: left;
    color: #ffffff;
    font-size: 14px;
    height: 60px;
    text-align: center;
    border: 1px solid #CCC;
    border-radius: 4px;
    background: #B71625;
}
.formfvrqsdet a{color: #ffffff;}
.formfvrqsdet a:hover{color: #ffffff; text-decoration:underline;}

.formfvrqsdept4{
width: 260px;
margin-left: 10px;
padding: 8px;
float: left;
color: #ffffff;
font-size: 14px;
height: 60px;
text-align: center;
border: 1px solid #CCC;
border-radius: 4px;
background: #87AB2B;
}
.formfvrqsdept4 a{color: #ffffff;}
.formfvrqsdept4 a:hover{color: #ffffff; text-decoration:underline;}
.docroute{
	width:20%;
	float:right;
	text-align:right;
	
}
.docroute a{
	color:#09F;
	
}

.error2{
    padding: 25px;
    position: relative;
    display: block;
    margin: 5px 0;
    border-radius: 3px;
	color: #990000;
    background-color: #FBDBCF;
    font-size:16px!important; font-weight:bold;
}

.success{
    padding: 25px;
    position: relative;
    display: block;
    margin: 5px 0;
    border-radius: 3px;
    color: #336633;
    background-color: #d2f7ad;
    font-size:16px!important;font-weight:bold;
}
.error3{
    padding: 8px;
    position: relative;
    display: block;
    margin: 5px 0;
    border-radius: 3px;
	color: #990000;
    background-color: #FBDBCF;
    font-size:14px!important; font-weight:bold;text-align:center;
}
.success2{
    padding: 8px;
    position: relative;
    display: block;
    margin: 5px 0;
    border-radius: 3px;
    color: #336633;
    background-color: #d2f7ad; text-align:center;
    font-size:14px!important;font-weight:bold;
}


@media screen and (min-width: 100px) and (max-width: 1000px) {

.statshome11{ width:98%; float:left; border:2px solid #4F81BD; padding:20px; margin-bottom:20px;background:#E98B8B;}
.statshome11 h1{ text-align:center; font-size:16px; color:#FFFFFF;}

.statshome1{ width:98%; float:left; border:2px solid #4F81BD; padding:20px; margin-bottom:20px;}
.statshome1 h1{ text-align:center;font-size:16px;}

.statshome2{ width:98%; float:left; border:2px solid #4F81BD; padding:20px;}
.statshome2 h1{ text-align:center; font-size:16px;}

}

@media screen and (min-width: 1001px) and (max-width: 4016px) {
.statshome11{ width:32%; float:left; border:2px solid #4F81BD; padding:10px; margin-right:14px;background:#E98B8B; height:433px;}
.statshome11 h1{ text-align:center; font-size:18px; color:#FFFFFF;}

.statshome1{ width:32%; float:left; border:2px solid #4F81BD; padding:10px; margin-right:14px;}
.statshome1 h1{ text-align:center; font-size:18px;}

.statshome2{ width:32%; float:right; border:2px solid #4F81BD; padding:10px;}
.statshome2 h1{ text-align:center; font-size:18px;}

}

.welcomedasboarduser2 a{ color:#17CE8C; font-weight:bold; }
.welcomedasboarduser2 h6{ font-size:14px; border-bottom:1px solid #CCC; padding-bottom:5px;}
.welcomedasboarduser2 span{ text-align:right; color:#F00; font-weight:bold;}

	.proposalrequest{background:#E98B8B; padding:15px;}
	.proposalrequest h6{ font-size:14px!important; color:#ffffff;}
	.proposalrequest h6 a{ font-size:14px!important; color:#ffffff;}
	.proposalrequest h6 a:hover{ text-decoration:underline!important;}
	
	.voucherbox{width:300px; background:#4F80BC; color:#ffffff; margin:0 auto; padding:25px; margin-top:20px; font-size:20px;}
	
	#voucherbox{
		-webkit-print-color-adjust: exact !important;
		
		width:300px;color:#ffffff!important; font-size:18px; font-weight:bold;
	margin:0 auto; padding:25px; margin-top:20px; font-size:20px;
	background:#4F80BC!important;
	
	}
	

#VoucherRefNo{color:#C30; font-size:18px; font-weight:bold;}
.createamountinwords{text-indent:10px;font-size:16px; margin-top:20px;}

#words{font-size: 18px; font-weight:bold;color:#C30; text-transform:capitalize;}
#wordsm{font-size: 16px; font-weight:bold;color:#C30; text-transform:capitalize;}
#wordsprint{font-size: 16px; font-weight:bold;color:#C30; text-transform:capitalize; text-indent:10px;}


.headertxt{background:#FCEDCC; margin-top:20px; color:#000000; padding:15px;
text-transform:uppercase; text-align:left; border-bottom:1px solid #FFD844;}

.approvedby td{padding:10px;}
.bgmail{background:#F8D58B;}
.bgmail2{background:#E2E8E9;}