@charset "utf-8";
/* CSS Document */


@font-face {
	font-family: Nunito-Light;
	src: url(../fonts/Nunito/Nunito-Light.ttf);
	src: url(../fonts/Nunito/Nunito-Light.woff);
}

@font-face {
	font-family: Nunito-Regular;
	src: url(../fonts/Nunito/Nunito-Regular.ttf);
	src: url(../fonts/Nunito/Nunito-Regular.woff);
}

@font-face {
	font-family: Nunito-SemiBold;
	src: url(../fonts/Nunito/Nunito-SemiBold.ttf);
	src: url(../fonts/Nunito/Nunito-SemiBold.woff);
}

@font-face {
	font-family: Nunito-Bold;
	src: url(../fonts/Nunito/Nunito-Bold.ttf);
	src: url(../fonts/Nunito/Nunito-Bold.woff);
}

@font-face {
	font-family: 'FontAwesome';
	src: url('../font-awesome/fonts/fontawesome-webfont.eot');
	src: url('../font-awesome/fonts/fontawesome-webfont.eot?#iefix')
		format('embedded-opentype'),
		url('../font-awesome/fonts/fontawesome-webfont.woff') format('woff'),
		url('../font-awesome/fonts/fontawesome-webfont.ttf')
		format('truetype'),
		url('../font-awesome/fonts/fontawesome-webfont.svg#fontawesome-webfont')
		format('svg');
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
	blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
	img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,
	u, center, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

i {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

em {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	margin: 0px;
	padding: 0px;
	list-style: none;
	color: #575757;
	font-family: Nunito-Regular, Arial !important;
	font-size: 11px;
	background-color: #f5f6f8 !important;
}

.header1 {
	margin: 0px;
	padding: 3px 0;
	font-size: 24px;	
	font-family: Nunito-Bold, Arial !important;
}

.header2 {
	margin: 0px;
	padding: 3px 0;
	font-size: 18px;	
	font-family: Nunito-Bold, Arial !important;
}

.header3 {
	margin: 0px;
	padding: 3px 0;
	font-size: 16px;
	margin-top: 3px;	
	font-family: Nunito-Bold, Arial !important;
	color:#198691 !important;
}

.header4 {
	margin: 0px;
	padding: 3px 0;
	font-size: 14px;
	font-family: Nunito-Bold, Arial !important;
	/* color:#198691 !important; */
}

a img {
	outline: none;
}

img {
	border: 0;
	ie-dummy: expression(this.hideFocus = true);
}

.wrapperContiner {
	width: 1100px;
	margin: 0 auto;
}

.footerSection a:hover {
	text-decoration: none;
}

.footerSection a {
	color: #68655C;
	text-decoration: none;
}

.midContainer {
	width: 100%;
	float: left;
	padding-bottom: 90px;
}

.searchCriteriaBox {
	float: left;
	padding: 0% 0;
	width: 100% !important;
	margin: 0px 0 !important;
	margin-bottom: 10px;
}

.criteriabox {
	border: none;
    background: #68655C;
    padding: 1px 0;
    height: 26px;
    line-height: 26px;
    margin-left: 0;
    border-bottom: 1px solid #68655c;
    text-align: left;
    font-family: Nunito-Bold, Arial !important;
    letter-spacing: .5px;
    word-spacing: .25px;
    padding-left: 10px;
    border-radius: 0 !important;
    width: 1090px;
    float: left;
    font-size: 13px;
    font-weight: 400;
    color: rgba(255,255,255, 1);
    text-shadow: none;
}
.criteriaboxPopup {
    border: none;
    font-weight: 600;
    background: #68655C;
    height: 26px;
    line-height: 26px;
    margin-left: 0;
    border-bottom: 1px solid #68655c;
    text-align: left;
    font-size: 12px;
    font-family: Nunito-Bold, Arial !important;
    color: rgba(255, 255, 255, 0.98);
    text-shadow: none;
    letter-spacing: .5px;
    word-spacing: .25px;
    border-radius: 0 !important;
    float: left;
    width: 99%;
    padding-left: 1%;
} 


.searchForm {
	float: left;
	margin-bottom: 3px;
	width: 100% !important;
	margin-bottom: 0px !important;
	background-color: #FFFFFF;
	border-bottom: 1px solid Transparent;
	text-shadow: none;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0
		rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0
		rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0
		rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0
		rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	margin-top: 0px !important;
	padding-top: 5px;
	margin-bottom: 10px !important;
	overflow: auto;
}

.rowOne {
	float: left;
	margin: 2px 0;
	width: 49%;
	padding-left: 1%;
}

.rowOneScPcP {
	float: left;
	margin: 2px 0;
	width: 33%;
	padding-left: 1%;
}

.rowOneWESC {
	float: left;
	margin: 2px 0;
	width: 82%;
	padding-left: 1%;
}

.rowOneBI {
	float: left;
	margin: 2px 0;
	width: 80%;
}

.rowOnePC {
	float: left;
	margin: 2px 0;
	width: 49%;
	padding-left: 1%;
}
.rowOneW {
	float: left;
	margin: 2px 0;
	width: 31%;
	padding-left: 1%;
}

.rowOneWD {
	float: left;
	margin: 2px 0;
	width: 90%;
	padding-left: 1%;
}
.rowTable {
	float: left;
}

.rowOne label {
	float: left;
	font-size: 11px;
	line-height: 30px;
	/* width: 220px; */
	width: 200px;
	font-family: Nunito-Bold !important;
	font-weight: normal;
	color: #42413C ;
}

.rowOneScPcP label {
	float: left;
	font-size: 11px;
	line-height: 30px;
	/* width: 220px; */
	width: 200px;
	font-family: Nunito-Bold !important;
	font-weight: normal;
	color: #42413C ;
}

.rowOneScPcP span {
	font-size: 11px;
	line-height: 30px;
	/* width: 220px; */
	font-family: Nunito-Bold !important;
	font-weight: normal;
	color: #42413C !important;
}

.rowOneWESC label {
	float: left;
	font-size: 11px;
	line-height: 30px;
	/* width: 220px; */
	width: 200px;
	font-family: Nunito-Bold !important;
	font-weight: normal;
	color: #42413C ;
}

.rowOneWESC span {
	font-size: 11px;
	line-height: 30px;
	/* width: 220px; */
	font-family: Nunito-Bold !important;
	font-weight: normal;
	color: #42413C !important;
}

.rowOne span {
	font-size: 11px;
	line-height: 30px;
	/* width: 220px; */
	font-family: Nunito-Bold !important;
	font-weight: normal;
	color: #42413C !important;
}

.rowOnePC label {
	float: left;
	font-size: 11px;
	line-height: 26px;
	width: 200px;
	font-family: Nunito-Regular !important;
}


.rowOneBI label {
	float: left;
	font-size: 12px;
	line-height: 26px;
	width: 120px;
	font-family: Nunito-Regular !important;
}
.rowOneW label {
	float: left;
	font-size: 11px;
	line-height: 30px;
	width: 160px;
	font-family: Nunito-Bold !important;
	font-weight: normal;
	color: #42413C ;
}
.rowOneW span {
	font-size: 11px;
	line-height: 30px;
	font-family: Nunito-Bold !important;
	font-weight: normal;
	color: #42413C !important;
}

.rowOneWD label {
	float: left;
	font-size: 11px;
	line-height: 30px;
	width: 200px;
	font-family: Nunito-Bold !important;
	font-weight: normal;
	color: #42413C ;
}
.rowOneWD span {
	font-size: 11px;
	line-height: 30px;
	font-family: Nunito-Bold !important;
	font-weight: normal;
	color: #42413C !important;
}

input {
	border: 1px solid #9ba3ba;
}

select {
	border: 1px solid #198691;
}

textarea:focus {
	/* border: 1px solid #d00038; */
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
}

.computerInput {
	padding: 0px 4px !important;
	line-height: 21px !important;
	height: 21px !important;
	vertical-align: top;
	font-size: 11px !important;
	font-family: Nunito-Bold, Arial !important;
	width: 30%;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-ms-border-radius: 1px;
	-webkit-border-radius: 1px;
	padding: 3px !important;
	border: 1px solid #84c2c5 ;
}

.computerInput:focus {
	/* border: 1px solid #d00038; */
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
	/*    border-color:#bb0826;  */
}

.searchBtn {
	background-color: #bb0826;
	/*border:1px solid #d00038;*/
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	float: left;
	font-family: Nunito-Regular, Arial !important;
	font-size: 12px;
	font-weight: bold;
	margin-left: 8px;
	margin-top: 5px;
	padding: 2px 5px;
	margin-right: 5px !important;
	border: 1px solid #9a011a !important;
}

.searchBtn:hover {
	background: none repeat scroll 0 0 #d00038;
	cursor: pointer;
}

input[type="text"]:focus {
	/* border: 1px solid #d00038; */
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
}

.computerInputSelect {
	padding: 2px 0px;
	width: 157px;
	float: left;
	margin-right: 5px;
	padding: 3px !important;
	border: 1px solid #84c2c5 ;
	line-height: 28px !important;
	height: 28px !important;
	vertical-align: top;
	font-size: 11px !important;
	font-family: Nunito-Bold, Arial !important;
}

.onOffButton {
	width: 80px;
	float: right;
	height: 18px;
	background-color: #d00038;
	border: 1px solid #de154b;
	-moz-border-radius: 16px;
	border-radius: 16px;
}

.onOffButtonRule {
	width: 80px;
	float: right;
	height: 18px;
	background-color: #d00038;
	border: 1px solid #de154b;
	-moz-border-radius: 16px;
	border-radius: 16px;
}

.offButton {
	width: 40px;
	float: left;
	text-align: center;
	font-size: 11px;
	line-height: 18px;
}

.offButton a {
	text-decoration: none;
	color: #fff;
	float: left;
	width: 40px;
}

.offButton a:hover {
	width: 40px;
	background: #fff;
	-moz-border-radius: 16px;
	border-radius: 16px;
	color: #000;
}

.onOff {
	width: 40px;
	background: #fff;
	-moz-border-radius: 16px;
	border-radius: 16px;
	color: #010101;
}

.onButton {
	width: 40px;
	float: right;
	text-align: center;
	font-size: 11px;
	line-height: 18px;
}

.onButton a {
	text-decoration: none;
	color: #fff;
	float: left;
	width: 40px;
}

.onButton a:hover {
	width: 40px;
	background: #fff;
	-moz-border-radius: 16px;
	border-radius: 16px;
	color: #000;
}

.textAreaComment {
	width: 50%;
	height: 35px;
	padding: 2px 4px;
}

.searchCriteriaBoxBTN {
	float: left;
	margin-bottom: 50px;
}

.searchBtnAdditem {
	background-color: #bb0826;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	float: left;
	font-family: Nunito-Regular, Arial !important;
	font-size: 12px;
	font-weight: bold;
	/*margin-left: 8px;*/
	margin-top: 5px;
	padding: 4px 8px;
	margin-right: 5px !important;
	text-decoration: none;
}

.searchBtnAdditem:hover {
	background: none repeat scroll 0 0 #d00038;
	cursor: pointer;
}

.openedBox {
	width: 100%;
	float: left;
}

.rowOneShow {
	padding: 5px 0;
	float: left;
	margin-bottom: 1px;
	width: 100%;
	background: #68655C;
	color: #fff;
	
}

}
.rowOneShow label {
	float: left;
	font-size: 13px;
	line-height: 28px;
	margin-left: 10px;
	width: 150px;
}

.openedBox:hover {
	display: block;
	background: #68655C;
	color: #fff !important;
}

span.nameTxt {
	border: 1px solid #4d90fe;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
	outline: medium none;
	font-size: 13px;
	height: 25px;
	padding: 1px 8px;
	width: 350px;
	float: left;
	line-height: 25px;
}

.rowOneShow img {
/*	margin-top: 6px;*/
}

/* table chart css*/
table {
	border-collapse: collapse;
}

.tableChart {
	float: left;
	width: 100%;
}

tr.heading {
	background: none repeat scroll 0 0 #9e1c2a;
}

tr.heading td {
	color: #fff;
	font-size: 13px;
	padding: 7px 1%;
	width: 98%;
}

.table-content {
	float: left;
	height: auto;
	overflow: auto;
	width: 100%;
}

table.agentBox {
	width: 100%;
}

table.agentBox tr td {
	border: 1px solid #bd1a30;
	font-family: Gotham, Arial;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 3px;
	white-space: nowrap;
}

tr.titleHd {
	background: none repeat scroll 0 0 #f4a5b2;
	color: #333;
	font-weight: bold;
}

table.agentBox tr td img {
	vertical-align: middle;
}

table.agentBox tr td a {
	color: #3e8ed5;
	text-decoration: underline;
}

table.agentBox tr td a:hover {
	color: #db0336;
	text-decoration: underline;
}

tr.whiteBg, tr.whiteBg td {
	background: none repeat scroll 0 0 #fff;
	color: #4e5255;
	padding: 3px !important;
	white-space: nowrap;
}

tr.lightBlue, tr.lightBlue td {
	background: none repeat scroll 0 0 #ffe9ec;
	color: #4e5255;
	padding: 3px !important;
}

td.sn {
	text-align: left;
}

.tableHeader {
	background: #dae2e5;
	color: #68655C !important;
	text-align: left;
}
/* header Section*/
.headerSection {
	width: 100%;
	float: left;
	background: #fff;
}

.logo {
	float: left;
	padding: 3px 0px; /* color:#fff; line-height:40px; font-weight:bold;*/
}

.rightMenu {
	float: right !important;
	width: 400px;
}

.rightMenu ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
	float: right;
}

.rightMenu ul li {
	/*  background: rgba(0, 0, 0, 0) url("../images/sperator.png") no-repeat scroll right 15px; */
	float: left;
	line-height: 29px;
	text-align: right;
}

.rightMenu ul li img {
	vertical-align: middle;
}

.profilePic {
	float: left;
	margin-right: 8px;
}

.profilePic img {
	border: 2px solid #afabab;
	height: 25px;
	width: 25px;
}

.rightMenu ul li.last {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	padding-right: 0;
}

.rightMenu ul li a {
	color: #68655C;
	font-size: 11px;
	font-family: Nunito-Bold !important;
	text-decoration: none;
	padding: 6px;
}

.rightMenu ul li a:hover {
	
    
   /* background-color: #F5F6F8 !important;*/
}

.rightMenu span {
	font-family: Nunito-Bold !important;
}

.footerSection {
	width: 100%;
	float: left;
	position: fixed;
	bottom: 0;
	background: #fff;
	border-bottom: 8px solid #6D1220;
	height: 50px;
	font-size: 11px;
	color: #706860;
	line-height: 50px;
	font-weight: bold;
	z-index: 9999;
}

.headerRight {
	float: right;
}

.headerRight ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.headerRight ul fl {
	float: left;
}

a.logOut {
	background: #4e5255;
	padding: 3px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border-radius: 12px;
	-moz-border-radius: 12px;
	border: 1px solid #999999;
	float: right;
	margin-top: 11px;
}

a.logOut:hover {
	background: #fff;
	color: #333;
}

/*Navigation*/
.navigationMenu {
	float: left;
	margin-left: 30%;
}

.navigationMenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.navigationMenu ul li {
	float: left;
	margin: 0 10px;
}

.navigationMenu ul li.last {
	margin-right: 0px;
}

.navigationMenu ul li a {
	text-decoration: none;
	font-size: 12px;
	float: left;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	padding: 2px 15px;
}

.navigationMenu ul li a:hover {
	background: #fff;
	color: #333;
}

.navigationMenu ul li a.active {
	background: #fff;
	color: #333;
}

.navigationFull {
	width: 100%;
	float: left;
	height: 34px;
	background: #ccc;
}

table.matrixResult tr td {
	padding: 10px 0;
}

/* .navigationSection {
	float: left;
	height: 35px;
	background-color: #822433;
	width: 100%;
} */

.navigationSection {
	float: left;
	height: 35px;
	background-color: #198691;
	width: 100%;
}

#cssmenu {
	background: none !important;
	border-bottom: none !important;
}

/* buttons */
/* .logINbutton {
	background:#822433;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	border: none;
	padding: 6px 6px 6px 6px;
	font-family: Nunito-Regular ,Arial!important;
	margin-right: 5px; float:left;
}
.logINbutton:hover {
	cursor: pointer;
	background: #198691;
}
a.logINbutton{text-decoration:none; height:29px !important;}
a.logINbutton:hover{color:#fff; text-decoration:none;}
 a.link.logINbutton{color: #822433 !important;}
 
 .logINbutton:disabled{
    opacity: 0.7;
    }
    
 .logINbutton:focus{
    background: #fff;
    color: #822433;
    border: thin;
    border-color: #822433 !important;
    }  
     */
.logINbutton {
	font-family: Nunito-Regular, Arial !important;
	text-shadow: none;
	font-size: 12px !important;
	background-color: #198691;
	border: 1px solid #198691;
	color: #fff !important;
	margin: 0 3px;
	padding: 5px 20px !important;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-ms-border-radius: 1px;
	border-radius: 1px;
	outline: none;
	text-decoration: none;
	-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0
		rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0
		rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0
		rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0
		rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
	letter-spacing: .5px;
	font-weight: normal;
	line-height: initial !important;
	height: 29px !important;
}

.logINbutton:hover, .hoverShadow-red {
	border: 1px solid #822433;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
	background: #FFF;
	color: #822433 !important;
	text-decoration: none;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-ms-border-radius: 1px;
	border-radius: 1px;
	cursor: pointer;
	padding: 5px 20px !important;
	line-height: initial !important;
}

/* Reset button */
/* .resetButton {
	background:#42413C;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	border: none;
	padding: 6px 6px 6px 6px;
	font-family: Nunito-Regular ,Arial!important;
	margin-right: 5px; float:left;
}
.resetButton:hover {
	cursor: pointer;
	background: #68655C;
}
a.resetButton{text-decoration:none; height:29px !important;}
a.resetButton:hover{color:#fff; text-decoration:none;}
 .resetButton:disabled{
    opacity: 0.7;
    }
    
 .resetButton:focus{
    background: #fff;
    color: #42413C;
    border: thin;
    border-color: #42413C !important;
    border-bottom-color: green;
    }  */
.groovySpecialButton {
	font-size: 12px;
	font-weight: bold;
	background-color: #DDD;
	border: 1px solid #777777;
	color: #222;
	margin: 0px 3px;
	font-family: Nunito-Regular, Arial !important;
}

input.resetButton:disabled {
	color: #666;
	border: 1px solid #777777;
}

.resetButton {
	font-family: Nunito-Regular, Arial !important;
	text-shadow: none;
	font-size: 12px;
	background-color: #68655C;
	border: 1px solid #68655C;
	color: #fff !important;
	margin: 0 3px;
	padding: 5px 20px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-ms-border-radius: 1px;
	border-radius: 1px;
	outline: none;
	text-decoration: none;
	-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0
		rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0
		rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0
		rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0
		rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
	font-weight: normal;
	line-height: initial !important;
	height: 29px !important;
}

.hoverShadow, .resetButton:hover {
	padding: 5px 20px;
	border: 1px solid #68655C;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
	background: #FFF;
	color: #68655C !important;
	text-decoration: none;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-ms-border-radius: 1px;
	border-radius: 1px;
	cursor: pointer;
	line-height: initial !important;
}

table.uploadTableBox tr th {
	font-size: 12px;
	padding: 2px 3px;
	background: #706860;
	color: #fff;
}

table.uploadTableBox tr td {
	font-size: 12px;
	padding: 2px 3px;
	background: #f0f0f0;
	color: #666;
}

table.chemicalTableContent tr th {
	font-size: 12px;
	font-family: Nunito-Bold, Arial;
	padding: 15px 10px;
	/* border: 1px solid #dae2e5; */
	text-align: left;
	vertical-align: middle;
	 word-break: keep-all;
}

table.chemicalTableContent tr th.a {
	color: #198691;
	text-decoration: underline;
} /* nishi */
table.chemicalTableContent tr td {
	padding: 10px 10px;
	font-size: 11px;
	font-family: Nunito-Bold !important;
	vertical-align: middle;
	text-shadow: none;
	border: none !important;
}

table.chemicalTableContent tr.chemicalSupplier:nth-child(even) {
	background-color: #FFF6F6 !important;
}

table.chemicalTableContent tr.chemicalSupplier:nth-child(odd) {
	background: #fff;
}

.sort-true {
	background: url(../images/down-arrow.png) no-repeat right center;
	padding: 6px 6px 6px 6px;
}

.sort-false {
	background: url("../images/up-arrow.png") no-repeat right center;
	padding: 6px 6px 6px 6px;
}

.errorMsg {
	float: left;
	width: 98%;
	position: fixed;
	display: none;
	padding: 4px 1%;
	font-size: 12px;
	font-family: Nunito-Bold, Arial !important;
	background: antiquewhite;
	color: #c00000;
	left: 0px;
	top: 0px;
	z-index: 999999;
}

.successMsg {
	float: left;
	width: 98%;
	position: fixed;
	display: none;
	padding: 4px 1%;
	font-size: 12px;
	font-family: Nunito-Bold, Arial !important;
	background: #E7FFD0;
	color: green;
	left: 0px;
	top: 0px;
	z-index: 999999;
}

.errorMsgForChangePwd {
	float: left;
	width: 598px;
	position: fixed;
	display: none; /*padding:4px 1%; */
	font-size: 12px;
	font-family: Nunito-Regular, Arial !important;
	background: antiquewhite;
	color: #c00000;
	opicity: 100;
	height: 56px;
	line-height: 30px;
	z-index: 1;
}

.successMsgForChangePwd {
	float: left;
	width: 598px;
	position: fixed;
	display: none; /*padding:4px 1%; */
	font-size: 12px;
	font-family: Nunito-Regular, Arial !important;
	background: #E7FFD0;
	color: green;
	height: 56px;
	line-height: 30px;
	z-index: 1;
}

.errorMsgForCreateUser {
	float: left;
	width: 598px;
	position: fixed;
	display: none; /*padding:4px 1%; */
	font-size: 12px;
	font-family: Nunito-Regular, Arial !important;
	background: antiquewhite;
	color: #c00000;
	opicity: 100;
	height: 56px;
	line-height: 30px;
	z-index: 1;
}

.successMsgForCreateUser {
	float: left;
	width: 598px;
	position: fixed;
	display: none; /*padding:4px 1%; */
	font-size: 12px;
	font-family: Nunito-Regular, Arial !important;
	background: #E7FFD0;
	color: green;
	height: 56px;
	line-height: 30px;
	z-index: 1;
}

.errorMsgForCreateSubstance {
	float: left;
	width: 598px;
	position: fixed;
	display: none; /*padding:4px 1%; */
	font-size: 12px;
	font-family: Nunito-Bold, Arial !important;
	background: antiquewhite;
	color: #c00000;
	opicity: 100;
	height: 56px;
	line-height: 30px;
	z-index: 1;
}

.successMsgForCreateSubstance {
	float: left;
	width: 598px;
	position: fixed;
	display: none; /*padding:4px 1%; */
	font-size: 12px;
	font-family: Nunito-Bold, Arial !important;
	background: #E7FFD0;
	color: green;
	height: 56px;
	line-height: 30px;
	z-index: 1;
}

.errorMsgForCreateAnnouncement {
	float: left;
	width: 598px;
	position: fixed;
	display: none; /*padding:4px 1%; */
	font-size: 12px;
	font-family: Nunito-Regular, Arial !important;
	background: antiquewhite;
	color: #c00000;
	opicity: 100;
	height: 56px;
	line-height: 30px;
	z-index: 1;
}

.successMsgForCreateAnnouncement {
	float: left;
	width: 598px;
	position: fixed;
	display: none; /*padding:4px 1%; */
	font-size: 12px;
	font-family: Nunito-Regular, Arial !important;
	background: #E7FFD0;
	color: green;
	height: 56px;
	line-height: 30px;
	z-index: 1;
}

.errorMsgForCreateHomeContent {
	float: left;
	width: 598px;
	position: fixed;
	display: none; /*padding:4px 1%; */
	font-size: 12px;
	font-family: Nunito-Regular, Arial !important;
	background: antiquewhite;
	color: #c00000;
	opicity: 100;
	height: 56px;
	line-height: 30px;
	z-index: 1;
}

.successMsgForCreateHomeContent {
	float: left;
	width: 598px;
	position: fixed;
	display: none; /*padding:4px 1%; */
	font-size: 12px;
	font-family: Nunito-Regular, Arial !important;
	background: #E7FFD0;
	color: green;
	height: 56px;
	line-height: 30px;
	z-index: 1;
}

.iconImg {
	border: none;
	padding: 0px 2px;
	margin: 0px;
}

.ng-invalid-required {
	border-color: #d00038;
	box-shadow: none !important; 
}

.mandatorylabel {
	color: #B00000 !important;	
	
}
.mandatorylabel:after {
	content: ' *';	
	
}

.popBox {
	width: 100%;
	text-align: center;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	background: #fff;
	opacity: 0.8;
	vertical-align: middle;
	z-index: 999999;
}

.popBox img {
	margin-top: 200px;
}

.contentbox {
	width: 100%;
	float: left;
	height: 100%;
}

.searchCriteriaBox.bgSectionBackBlue {
	width: 100%;
	background: rgba(0, 0, 0, 0) url("../images/headingBG.jpg") repeat-x
		scroll left top;
	/* border-bottom: 1px dotted #ccc; */
}

.modal-backdrop.in {
	opacity: 0.5 !important;
}

.modal-backdrop {
	background-color: #000 !important;
}

.move-arrow {
	float: left;
	margin: 3px 0;
	text-align: center !important;
	width: 51px;
	padding-right: 30px;
}

.select-option-odd {
	background-color: #fff;
}

.select-option-even {
	background-color: #f0f0f0;
}

input[type=text]::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}

input[type=text]::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

::-webkit-input-placeholder {
	font-size: 11px;
}

:-moz-placeholder { /* Firefox 18- */
	font-size: 11px;
}

::-moz-placeholder { /* Firefox 19+ */
	font-size: 11px;
}

:-ms-input-placeholder {
	font-size: 11px;
}

.master-client-box {
	width: 100%;
	float: left;
}

.master-panel1 {
	width: 22%;
	float: left;
}

.master-panel2 {
	width: 35%;
	float: left;
}

.lessGreator {
	float: left;
	margin-top: 50px;
	width: 31px;
	margin-right: 28px;
}

.master-panel2 label {
	width: 100%;
}

.rowOne.onboarding {
	width: 75% !important;
}

/* select { color: black; background:  #198691; }
option:not(:checked) { background: white; } */
/* select:visited > option:checked
{ 
    background: #198691 !important;
    color: #FFFFFF !important;
} */

/*Select option begins here*/
select>option:hover {
	background: #ccc !important;
	color: #000 !important;
	cursor: pointer;
}

option:checked {
	background-color: #ccc !important;
	color: #000 !important;
}
/*option {
    filter: hue-rotate(90deg);
}*/
select:active>option:checked, select:hover>option:checked, select:focus>option:checked,
	select:visited>option:checked {
	background: #ccc !important;
	color: #000 !important;
}

select option:hover, select option:focus, select option:active {
	background-color: #ccc !important; /* for IE */
	color: #000 !important;
}

select option:checked {
	background: #ccc;
	background-color: #ccc !important; /* for IE */
	color: #000 !important;
}

select.singleSelectInput:visited>option:hover, select.singleSelectInput option
	{
	
}

select:-internal-list-box option:checked {
	background-color: #ccc !important;
	color: #000 !important;
}
/*Select options ends here*/
.computerInputSelectMonth {
	padding: 2px 0px;
	width: 23%;
	float: left;
	margin-right: 5px;
	border: 1px solid #706860;
	line-height: 28px !important;
	height: 28px !important;
	vertical-align: top;
	font-size: 11px !important;
	font-family: Nunito-Bold, Arial !important;
	height: 30px;
	padding: 3px !important;
	border: 1px solid #84c2c5 !important;
}

.computerInputSelectMonth select:visited>option:checked {
	background: #198691 !important;
	color: #FFFFFF !important;
}

.computerInputSelectMonth select>option:hover {
	color: #000 !important;
	cursor: pointer;
}

.computerInputSelectStatus {
	width: 23%;
	padding: 2px 0px;
	float: left;
	margin-right: 5px;
	border: 1px solid #706860;
	line-height: 28px !important;
	height: 28px !important;
	vertical-align: top;
	font-size: 11px !important;
	font-family: Nunito-Bold, Arial !important;
	height: 30px;
	padding: 3px !important;
	border: 1px solid #84c2c5 !important;
}

.text-width100 {
	width: 90% !important;
}

.responsiblePerson {
	width: 44% !important;
}

.prepName {
	width: 44% !important;
}

.prepList {
	width: 46% !important;
}

.prepList2 {
	width: 46.5% !important;
}

.input90 {
	width: 90% !important;
}

.cilChemHeader {
	cursor: pointer;
	width: 93%;
	text-align: center;
	float: left;
}

.sclChemHeader {
	cursor: pointer;
	width: 93%;
	text-align: center;
	float: left;
}

.numTxtWidth {
	width: 22.5% !important;
}

.numTxtWidth1 {
	width: 43% !important;
}

.textLineHeight {
	line-height: 17px;
}

.errorMsg ul {
	margin-left: 40px;
}

[ng-cloak] {
	display: none !important;
}

.reportListDivCss {
	cursor: default;
	float: center;
	background: #fff;
	position: fixed;
	left: 30%;
	top: 35%;
	opacity: 1 !important;
	/* z-index: 9999999; */
	z-index: 10000008;
	width: auto !important;
	border: 1px solid black;
	height: auto !important;
	max-height: 350px;
	overflow: auto;
}

.exportIconFloatRight {
	margin-left: 89%;
	float: right;
	margin-bottom: 8px;	
	margin-right: -3px !important;
    white-space: nowrap;
}

.biMillsWidth {
	width: 130% !important;
}

#question {
	font-weight: bold;
}

#loginagain {
	text-align: center;
	margin-top: 15px;
	font-family: Nunito-Bold, Arial !important;
	color: #822433;
	font-style: italic;
	display: none;
}

.messageSpan {
	color: brown;
}

select:disabled {
	background-color: rgb(235, 235, 228) !important;
}

.pageButton {
	padding: 5px 5px 5px 5px;
	background-color: #345588;
	color: #ffffff;
}

.pageButton:disabled {
	background: #cccccc;
}

.invalidClass {
	border-color: red;
	color: red;
}


.ChangeCilStatusInputSelectMonth {
	padding: 2px 0px;
	width: 23%;
	float: left;
	margin-right: 5px;
	line-height: 30px !important;
	height: 30px !important;
	vertical-align: top;
	font-size: 11px !important;
	font-family: Nunito-Bold, Arial !important;
	padding: 3px !important;
	border: 1px solid #84c2c5 ;
}

.ChangeCilStatusInputSelectYear {
	padding: 2px 0px;
	width: 23%;
	float: left;
	margin-right: 5px;
	line-height: 30px !important;
	height: 30px !important;
	vertical-align: top;
	font-size: 11px !important;
	font-family: Nunito-Bold, Arial !important;
	padding: 3px !important;
	border: 1px solid #84c2c5 ;
}

.helpDocument {
	float: left;
	margin: 2px 0;
	width: 50%;
}

.loaded {
	transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
}

a.searchLink {
	color: #822433 !important;
}

.searchLink a {
	color: #822433 !important;
}

.searchLink a:link {
	color: #822433 !important;
}

a.readStyle {
	color: #42413C;
	font-size: 11px;
	text-decoration: underline;
	margin: 1px;
	font-weight: bold;
}

a.anchorStyle:hover {
	color: #C20000;
	text-decoration: none;
	margin: 1px;
}

/* a.boldanchorStyle {
	color: #9F0000;
	font-size: 11px;
	text-decoration: underline;
	margin: 1px;
	font-weight: bold;
} */
boldanchorStyle {
    color: #9F0000;
    font-size: 12px;
    font-family: Arial;
    text-shadow: none;
    text-decoration: underline;
    margin: 1px;
    font-weight: bold;
}

.marginRightMinus3px {
	margin-right: -3px;
}

th a {
	text-decoration: none;
}


/* footer-style */
.left-content {
	float: left;
	width: 30%;
	padding: 20px 0 0 0;
}

.right-content {
	float: right;
	width: 70%;
}

.sendbutton {
	float: left;
	padding: 12px 36px;
	background: #822433;
	font-size: 16px;
	border: none;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
}

.wptheme-footer {
	clear: both;
	width: 100%;
	color: #666;
	text-align: left;
	padding: 4px 0px;
	font-size: 0.9166em;
	background-repeat: repeat-x;
	height: 60px;
	background-color: #f5f6f8;
	position: fixed;
	bottom: 0;
	left: 0;
	border-bottom: 10px solid #801e33 !important;
}

.wptheme-footer p {
	font-size: 12px !important;
	font-family: Nunito-Regular, Arial !important;
	text-shadow: none;
	color: #42413c;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
	margin: 0px 0px 0px 10px;
}

.fa {
	font-size: 18px !important;
	width: 30px;
	text-align: center;
	text-decoration: none !important;
	margin: 0px 2px 0px 2px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	height: 30px;
	line-height: 30px !important;
}

.fa:hover {
	/*opacity: 0.7;*/
	
}

.fa-facebook {
	background: #939393;
	color: #FFFFFF;
}

.fa-facebook:hover {
	background: #3B5998;
	color: #FFFFFF;
}

.fa-twitter {
	background: #939393;
	color: #FFFFFF;
}

.fa-twitter:hover {
	background: #55ACEE;
	color: #FFFFFF;
}

.fa-linkedin {
	background: #939393;
	color: #FFFFFF;
}

.fa-linkedin:hover {
	background: #007bb5;
	color: #FFFFFF;
}

.fa-youtube {
	background: #939393;
	color: #FFFFFF;
}

.fa-youtube:hover {
	background: #bb0000;
	color: #FFFFFF;
}

.wptheme-footer p.footer-fa a:hover {
	text-decoration: underline;
}

.wptheme-footer p.footer-fa a {
	text-decoration: none;
}

span.footer-span-right a:hover {
	text-decoration: underline;
}

span.footer-span-left a:hover {
	text-decoration: underline;
}

span.footer-span-right a {
	text-decoration: none;
}

span.footer-span-left a {
	text-decoration: none;
	color: #42413c;
}

div#wptheme-footer a:hover {
	text-decoration: none;
}

a.footLinks:hover {
	text-decoration: underline !important;
}

.footLinks {
	font-family: Nunito-Regular !important;
}

td.pink1 {
	background: #f8f4f5;
}

td.white1 {
	background: #fff;
}

.wptheme-footer {
	z-index: 999 !important;
}

.wptheme-toolbar li.wptheme-toolbar-last {
	padding-left: 0 !important;
}

p.footer-fa-p {
	width: 1100px;
	margin: 0 auto;
}
/* footer END */
#cssmenu>ul>li>a.active {
	border-bottom: 5px solid #FFFFFF;
	color: #FFFFFF;
	margin: 0px;
	height: 20px;
	line-height: 23px;
	font-family: Nunito-Regular, Arial;
	text-shadow: none;
	letter-spacing: 0.5px;
	/* font-weight: 600; */
	word-spacing: 0.20px;
}

/*Header Main menu setting dropdown starts here*/
.icon-user {
	width: 15px;
	height: 15px;
	position: relative;
	margin: 0 3px -3px 0px;
	padding: 0 0 0 0;
	cursor: default;
}

/* .dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    margin-top: -2px;
    word-break:break-all;
}


.dropdown-content a {
    color: #42413C;
    padding: 8px 12px;
    text-decoration: none;
    display: block;
    margin: -2px 0 0 0;
    background: #FFFFFF;
    font-family: Nunito-Bold, Arial;
    text-shadow: none;
	font-size: 12px;
}

.dropdown-content a:hover {
	background-color: #F5F6F8;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

.dropdown-content1 ul {
  margin: 0;
  padding:0;
  list-style: none;
}

#dropdown-content1 ul {
  margin: 0;
  padding:0;
  list-style: none;
}


#dropdown-content1 li {position: relative;}

#dropdown-content1 ul ul ul {
position: absolute;
top: 0;
left:auto;
right:100%;
width: 100%;
}

div#dropdown-content1 ul ul ul,
div#dropdown-content1 ul ul li:hover ul ul
{display: none;}

div#dropdown-content1 ul ul li:hover ul,
div#dropdown-content1 ul ul ul li:hover ul
{display: block;}

a.dropdown-content-link ul.dropdown-content-link-list{
	display: none;
}

a.dropdown-content-link:hover ul.dropdown-content-link-list{
	display: block;
}
 */
a.footLinks {
	color: #42413c;
}

/*Header Main Menu setting dropdown ends here*/
.dropdown a {
	font-size: 12px;
}

.dropdown-menu>li.kopie>a {
	padding-left: 5px;
}

.dropdown-submenu {
	position: relative;
}



.dropdown-submenu>a:after {
	border-color: transparent transparent transparent #333;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	content: " ";
	display: block;
	float: right;
	height: 0;
	margin-right: -10px;
	margin-top: 5px;
	width: 0;
}

.dropdown-submenu:hover>a:after {
	border-left-color: #555;
}

.dropdown-menu>li>a:hover, .dropdown-menu>.active>a:hover {
	text-decoration: none;
}

@media ( max-width : 767px) {
	.navbar-nav {
		display: inline;
	}
	.navbar-default .navbar-brand {
		display: inline;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.navbar-default .navbar-nav .dropdown-menu>li>a {
		color: red;
		background-color: #ccc;
		border-radius: 4px;
		margin-top: 2px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #333;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
		.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
		background-color: #ccc;
	}
	.navbar-nav .open .dropdown-menu {
		border-bottom: 1px solid white;
		border-radius: 0;
	}
	.dropdown-menu {
		padding-left: 10px;
	}
	.dropdown-menu .dropdown-menu {
		padding-left: 20px;
	}
	.dropdown-menu .dropdown-menu .dropdown-menu {
		padding-left: 30px;
	}
	li.dropdown.open {
		border: 0px solid red;
	}
}

@media ( min-width : 768px) {
	ul.nav li:hover>ul.dropdown-menu {
		display: block;
	}
	#navbar {
		text-align: center;
	}
}

.hideSubsButton {
	margin-right: 10px;
	
}

.chemicalTableBox {
	width: 100%;
	margin-top: 10px;
}

.pull-right {
	float: right !important;
	margin-top: 5px;
}

table.chemicalTableContent {
	border-bottom: 1px solid #ededec;
}

.searchFormTable {
	float: left;
	margin-bottom: 3px;
	width: 100% !important;
	overflow: auto;
	margin-bottom: 0px !important;
	background-color: #FFFFFF;
	border-bottom: 1px solid Transparent;
	overflow: hidden;
	text-shadow: none;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0
		rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0
		rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0
		rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0
		rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	margin-top: 0px !important;
	padding-top: 0px;
	margin-bottom: 10px !important;
	height: 200px;
	width: 1100px;
	overflow: auto;
}

.dropdown-menu>li.kopie>a {
	padding-left: 5px;
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 10px;
	left: 100%;
	margin-top: -6px;
	margin-left: -320px;
	/*    -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px; */
}

.dropdown-submenu>a:after {
	border-color: transparent transparent transparent #333;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	content: " ";
	display: block;
	float: right;
	height: 0;
	margin-right: -10px;
	margin-top: 5px;
	width: 0; visibility:hidden;
}

.dropdown-submenu:hover>a:after {
	border-left-color: #ccc;
}

.dropdown-menu>li>a:hover, .dropdown-menu>.active>a:hover {
	text-decoration: underline;
}

@media ( max-width : 767px) {
	.navbar-nav {
		display: inline;
	}
	.navbar-default .navbar-brand {
		display: inline;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.navbar-default .navbar-nav .dropdown-menu>li>a {
		color: red;
		background-color: #ccc;
		border-radius: 4px;
		margin-top: 2px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #333;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
		.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
		background-color: #ccc;
	}
	.navbar-nav .open .dropdown-menu {
		border-bottom: 1px solid white;
		border-radius: 0;
	}
	.dropdown-menu {
		padding-left: 10px;
	}
	.dropdown-menu .dropdown-menu {
		padding-left: 20px;
	}
	.dropdown-menu .dropdown-menu .dropdown-menu {
		padding-left: 30px;
	}
	li.dropdown.open {
		border: 0px solid red;
	}
}

@media ( min-width : 768px) {
	ul.nav li:hover>ul.dropdown-menu {
		display: block;
	}
	#navbar {
		text-align: center;
	}
}

.nav>li>a:focus, .nav>li>a:hover {
	text-decoration: none;
	background-color: #fff !important;
}

ul.dropdown-menu li {
	padding: 0px 0;
	text-align: left;
	width: 100%;
}

ul.dropdown-menu {
	margin-top: -10px !important;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    background: #fff !important;
    border: none;
}

.navbar-nav>li>a {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}

.btn {
	border-radius: 0px !important;
}

.marginBottom40 {
	margin-bottom: 40px !important;
}

.marginBottom30 {
	margin-bottom: 30px !important;
}

.marginBottom20 {
	margin-bottom: 20px !important;
}

.marginBottom10 {
	margin-bottom: 10px !important;
}

.wSpaceNowrap {
	 white-space: nowrap;	 
}


.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {

	text-decoration: none;
	background-color:#F5F6F8 !important;
}

a.ng-binding:hover {
	cursor: pointer;
}

.searchButtonPannel {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: center;
}

.searchFormAdmin {
	float: left;
	margin-bottom: 3px;
	width: 100% !important;
	margin-bottom: 0px !important;
	background-color: #FFFFFF;
	border-bottom: 1px solid Transparent;
	text-shadow: none;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0
		rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0
		rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0
		rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0
		rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	margin-top: 0px !important;
	padding-top: 5px;
	margin-bottom: 10px !important;
}

.computerInputUser {
	padding: 0px 4px !important;
	line-height: 20px !important;
	height: 20px !important;
	vertical-align: top;
	font-size: 11px !important;
	font-family: Nunito-Bold, Arial !important;
	width: 40%;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-ms-border-radius: 1px;
	-webkit-border-radius: 1px;
	padding: 3px !important;
	border: 1px solid #84c2c5 !important;
}

.computerInputSelectUser {
	padding: 2px 0px;
	width: 41.5%;
	float: left;
	margin-right: 5px;
	padding: 3px !important;
	border: 1px solid #84c2c5 !important;
	line-height: 28px !important;
	height: 28px !important;
	vertical-align: top;
	font-size: 11px !important;
	font-family: Nunito-Bold, Arial !important;
}

input.move-arrow.logINbutton {
	padding-right: 29px;
	margin-left: 0px !important;
	height:30px !important;
}

input.move-arrow.logINbutton:hover {
	padding-right: 29px !important;
}


.modal-title {
    padding: 3px 0 !important;
    font-family: Nunito-Bold, Arial !important ;
    color: rgba(255,255,255, 1);    
    font-size: 14px !important;
    text-shadow: none;
    letter-spacing: .5px;
	word-spacing: .25px;
}


/* --------------------for bis--------- */
text.fusioncharts-caption {
	font-family: Nunito-Regular, Arial !important;
}

text.fusioncharts-yaxis-0-title {
	font-family: Nunito-Regular, Arial !important;
}

text.fusioncharts-label {
	font-family: Nunito-Regular, Arial !important;
}

a {
	outline: none !important;
}

.wptheme-pageWrapper {
	/* border: 3px solid #ACACAC; */
	width: 100%;
	position: relative;
	margin: 0px auto 0px;
	border-collapse: collapse;
}

.dropdown-menu {
	border-radius: 0px !important;
}

span.highlight {
	font-family: Nunito-Bold !important;
	font-size: 11px;
}
.dropdown-menu>li>a {
  
    font-size: 11px !important;
    font-family: Nunito-Bold !important;
}

tr.tableHeader th a {
    white-space: nowrap;
}


input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
    vertical-align: sub;
} 

label span.ng-binding {
    font-family: Nunito-Bold !important;
    font-size: 11px;
}

span.footer-span-left {
    color: #939393;
} 


span.footer-span-right {
    color: #939393;
}


tr.tableHeader th a {
    text-decoration: none; 
} 

a.signOutTxt {
    color: #42413C;
    font-size: 11px;
    font-family: Nunito-Bold !important;
}
a.signOutTxt:hover {
    text-decoration: underline !important;
   
}

/* POP UP Design CSS START*/
.modal-header {
    border-bottom: 1px solid #e5e5e5;
    background: #68655C !important;  
    font-size: 12px !important;   
    margin: 0px;
    font-family: Nunito-Bold, Arial !important;
    text-shadow: none;
    padding: 6px 5px !important;
   
}

.modal-header .close {
    margin-top: 0px !important;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff !important;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity = 20);
    opacity: 1 !important;
} 

.close:focus, .close:hover {
    color: #fff !important;
    opacity: 1 !important;
}
/* POP UP Design CSS END*/

.rightMenu span {
    color: #42413C;
    font-size: 12px;
    font-family: Nunito-Regular, Arial !important;
    text-decoration: none;
    float: right;
    width: 400px;
    text-align: right;
}

select#questionSelect {
    width: 44.8%;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #B0002D !important;
    text-decoration: none;
    background-color: #f5f5f5;
}
.rowOneShow.openedBox.criteriabox img{
	margin-top:6px;
}


ul.dropdown-menu.dropdown-menu-form {
    margin-top: 0px !important;
} 

.modal-content {
    border-radius:0px !important;
}
.computerInputForgotpwd{
height: 20px !important;
font-family: Nunito-Regular !important;
width: 200px !important;
}


.userInput-forgotpwd{height: 20px !important;
    font-family: Nunito-Regular !important;
    width: 205px !important;
    background-color: #FFF;
    border: 1px solid #84c2c5!important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;} 
    
 .userLabel-forgotpwd{   
    width: 427px;
    float: left;
    text-align: right;
    padding-right: 10px; }
    
    
.userInputID{height: 20px !important;
    font-family: Nunito-Regular !important;
    width: 205px !important;
    background-color: #FFF;
    border: 1px solid #84c2c5!important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;} 
    
    
span#chartobject-1 div {
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center !important;
}

span#chartobject-2 div {
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center !important;
}

.expandcollapse{
 vertical-align:middle; 
  cursor:pointer; 
  margin-right: 15px;
  float: right; 
  height: 20px;
  font-size: 16px !important;
}

.expandcollapseSpan{
	vertical-align:middle; 
	margin-left: 15px;	
	float:left;
}

.deleteadd{
	vertical-align:middle;
	cursor: pointer;
	height: 20px;
        font-size: 16px !important;
        margin-top: -5px;
	
}


.addcas{
	vertical-align:middle;
	cursor: pointer;
	height: 20px;
    font-size: 16px !important;
    margin-top: -2px;	
}

.deletecas{
	vertical-align:middle;
	cursor: pointer;
	height: 20px;
    font-size: 16px !important;
    margin-top: -9px;	
}

/*  TnC and Legal Notice CSS : Start */

/* <style> afterloginhome */
div#openDialog fieldset div {
    width: 100% !important;
    float: left;
}
#openDialog fieldset {
    width: auto!important;
}
.ui-dialog {
    z-index: 99999 !important;
}
div#ui-datepicker-div {
    z-index: 999999 !important;
} 
/*StyleClass used for DIV Containing the Application Description and the Link/Button */
.moduleDiv {
    background-color: rgb(255, 255, 255);
    background-position: 10px 50%;
    background-repeat: no-repeat;
    border: 1px solid rgb(172, 172, 172);
    color: rgb(96, 96, 96);
    font-size: 11px;
    font-weight: normal;
    line-height: 16px;
    padding: 5px;
}
.tpd1{
font-family: Nunito-Regular, Arial;
text-shadow: none;
font-weight: 900;
}
/*StyleClass used for Heading int the DIV Containing the Application Description and the Link/Button */
.moduleHeading {
    font-size: 14px;
    color: rgb(32, 64, 89);
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
	   background-color: #ffffff !important;

} 
.modal .modal-content{
overflow:hidden;
}
.modal-footer{
   background:#42413C !important;
} 
/* .modal-header{
   background:#822433 !important;
}  */

/*  .modal-header{
   background:#68655C !important;
}  */

.modal-body {
    max-height: 500px;
    overflow-y: auto;
    color: black;
    align-content: center;
}   
.bg-dashboard{
			height: 100% !important;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		min-width: 768px;
		max-width: 1600px;
		-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
				}			
		.container-fluid.bg-dashboard{
			padding: 0 0 0 0;
		}
		.padd{
			padding: 15px;
		}
		img.img-rsm,img.img-tpd,img.img-otrd,img.img-ecom,img.img-bve3,img.img-ddei,img.img-tpi	{
			width: auto;
			height: 60px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-ms-border-radius: 3px;
			border-radius: 3px;
			opacity: 1;
		}
		
		.panel.panel-default.p-db{
			background: transparent;
			border-color: transparent;
		}
		
		.panel-heading.ph-db{
			background: transparent;
			border-style: solid;
			border-width: 0 0 5px 0;
			border-color: rgba(255,255,255,0.9);
			padding:10px 0px;
		}
		
		.panel-body.pb-db{
			font-size: 12px;
			color: #FFFFFF;
			font-family: Nunito-Regular, Arial;
    		text-shadow: none;
			padding:10px 0px;
		}
		.pull-right {
    float: right !important;
    text-align: right;
	margin: 25px 0 0 0;
}
.panel-body.pb-db b {
    font-size: 16px;
    color: #FFFFFF;
    font-family: Nunito-Bold, Arial;
    text-shadow: none;
    letter-spacing: 0.5px;
    font-weight: 600;
    word-spacing: 0.25px;
}
.panel-heading.ph-db a.anc:hover {
    text-decoration: underline;
} 
#myModal{
    z-index: 10000 !important;
}

.modal-body p {
    color: #000 !important;text-indent: 0 !important;
}
/* .close {display: none;} */
@media(min-width :1280px) {.bg-dashboard {height: 730px !important;}}
@media(min-width :1366px) {.bg-dashboard {height: 700px !important;}}
@media(min-width :1440px) {.bg-dashboard {height: 850px !important;}}
@media(min-width :1600px) {.bg-dashboard {height: 900px !important;}}
@media(min-width :1680px) {.bg-dashboard {height: 980px !important;}}
@media(min-width :1920px) {.bg-dashboard {height: 1125px !important;}}


.groovyButton-dash-red-consent {
    font-family: Nunito-Regular,Arial;
    text-shadow: none;
    font-size: 12px;
    background-color: #822433;
    border: 1px solid #822433;
    color: #fff;
    margin: 0;
    padding: 8px 15px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    border-radius: 1px;
    outline: none;
    text-decoration: none;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);
}

.groovyButton-dash-red-consent:hover {
    border: 1px solid #fff;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background: transparent;
    color: #fff;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    border-radius: 1px;
    cursor: pointer;
    text-decoration: none;
}

#myConsentsModal{
    z-index: 10000 !important;
}
/* </style> */

/* footer and cdphome <style type="text/css"> */
.wptheme-footer p { font-family: Arial !important;}
.footerNewClass{font-family: Arial !important; font-size: 12px !important;}
.footer-fa {width: 1410px;margin-left: 113px;}
div#cookiesPolicyId a {text-decoration: none;}
div#cookiesPolicyId a:hover {text-decoration: underline;}
 .cookies-popup-container{min-height:80px;width:100%;background-color:#333 !important;position:fixed;bottom:0;left:0;z-index:99999;display:block;justify-content:center}
.cookies-popup-container .cookies-popup-wrapper{font-family:'Roboto-regular';color:#fff;margin:0px}
.cookies-popup-container .cookies-popup-wrapper .cookies-des{font-size:14px;text-align:-webkit-center;text-align:center;line-height:1.2;padding:10px;display:flex;align-items:center;justify-content:center}
.cookies-popup-container .cookies-des .link{display:inline-block}.cookies-popup-container .cookies-des .link a{color:white;padding-left:4px;padding-right:4px;font-size:18px;cursor: pointer;}
/*]]>*/
/* </style> */

/* TnC and Legal Notice CSS : End */