/*----FONTS--------*/
 
@font-face {
	font-family: 'robotoregular';
	src: url('../../font/Roboto-Regular-webfont.eot');
	src: url('../../font/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../font/Roboto-Regular-webfont.woff') format('woff'), url('../../font/Roboto-Regular-webfont.ttf') format('truetype'), url('../../font/Roboto-Regular-webfont.svg#robotoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotoitalic';
	src: url('../../font/Roboto-Italic-webfont.eot');
	src: url('../../font/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../../font/Roboto-Italic-webfont.woff') format('woff'), url('../../font/Roboto-Italic-webfont.ttf') format('truetype'), url('../../font/Roboto-Italic-webfont.svg#robotoitalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotomedium';
	src: url('../../font/Roboto-Medium-webfont.eot');
	src: url('../../font/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../../font/Roboto-Medium-webfont.woff') format('woff'), url('../../font/Roboto-Medium-webfont.ttf') format('truetype'), url('../../font/Roboto-Medium-webfont.svg#robotomedium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotomedium_italic';
	src: url('../../font/Roboto-MediumItalic-webfont.eot');
	src: url('../../font/Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../font/Roboto-MediumItalic-webfont.woff') format('woff'), url('../../font/Roboto-MediumItalic-webfont.ttf') format('truetype'), url('../../font/Roboto-MediumItalic-webfont.svg#robotomedium_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotobold';
	src: url('../../font/Roboto-Bold-webfont.eot');
	src: url('../../font/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../font/Roboto-Bold-webfont.woff') format('woff'), url('../../font/Roboto-Bold-webfont.ttf') format('truetype'), url('../../font/Roboto-Bold-webfont.svg#robotobold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotobold_italic';
	src: url('../../font/Roboto-BoldItalic-webfont.eot');
	src: url('../../font/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../font/Roboto-BoldItalic-webfont.woff') format('woff'), url('../../font/Roboto-BoldItalic-webfont.ttf') format('truetype'), url('../../font/Roboto-BoldItalic-webfont.svg#robotobold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'roboto_condensedregular';
	src: url('../../font/RobotoCondensed-Regular-webfont.eot');
	src: url('../../font/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../font/RobotoCondensed-Regular-webfont.woff') format('woff'), url('../../font/RobotoCondensed-Regular-webfont.ttf') format('truetype'), url('../../font/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'roboto_condensedbold';
	src: url('../../font/RobotoCondensed-Bold-webfont.eot');
	src: url('../../font/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../font/RobotoCondensed-Bold-webfont.woff') format('woff'), url('../../font/RobotoCondensed-Bold-webfont.ttf') format('truetype'), url('../../font/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotolight';
	src: url('../../font/Roboto-Light-webfont.eot');
	src: url('../../font/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../../font/Roboto-Light-webfont.woff') format('woff'), url('../../font/Roboto-Light-webfont.ttf') format('truetype'), url('../../font/Roboto-Light-webfont.svg#robotolight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'roboto_condensedlight';
	src: url('../../font/RobotoCondensed-Light-webfont.eot');
	src: url('../../font/RobotoCondensed-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../../font/RobotoCondensed-Light-webfont.woff') format('woff'), url('../../font/RobotoCondensed-Light-webfont.ttf') format('truetype'), url('../../font/RobotoCondensed-Light-webfont.svg#roboto_condensedlight') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*---------RESET---------*/
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, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, 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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	overflow: hidden;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	font: 14px/1.400 'robotoregular', sans-serif;
	text-rendering: optimizeLegibility;
}
html, body, form {
	height: 100%;
	overflow: auto;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
.RadForm, .RadButton,  label, .RadAjaxPanel {
	font-size: 14px;
	line-height: 1.4;
}
.RadComboBox, .RadGrid, .RadInput, .RadComboBoxDropDown, .RadMenu, .RadPicker {
	font-size: 12px;
	line-height: 1.2;
}
.RadEditor {
	font-size: 11px;
}
 __________________ SBNT SHIPMATE - REGISTERS - Common HTML Elements & Global Resets 1st July 2012 Telerik Versn.1.1 _________________________________*/  h2, h3 {
margin:3px 0 7px 0
}
hr {
	border: none;
	border-bottom: solid 1px #999
}
h2.feldsetLegend {
	font-size: 12px;
	border-bottom: solid 1px #ccc;
	margin: 0px 0 10px 0;
	padding-bottom: 2px
}
legend {
	font-weight: bold!important;
	font-size: 11px!important
}
table.rfdRoundedWrapper_fieldset {
	width: 100%!important;
}
a.rwIcon {
	background-image: none !important;
	width: auto!important
}
.rwTitlebarControls td {
	width: auto!important
}
input.riTextBox {
	height: 22px;
}
input.riTextBox:focus, .RadComboBox rcbInputCell:focus, rcbInput:focus, .rcbInputCell input[type=text]:focus, .RadComboBox_ThemeH1 .rcbFocused .rcbInput, textarea:focus {
	border: solid 1px #3399ff!important;
}
h2, h3 {
	margin: 3px 0 7px 0
}
h2.feldsetLegend {
	font-size: 12px;
	border-bottom: solid 1px #ccc;
	margin: 0px 0 10px 0;
	padding-bottom: 2px
}
table {
	border-collapse: collapse;
}
/*__________________ Property Named Classes ___________________________________________________________________________________________________________*/

.clear {
	clear: both
}
.clearRight {
	clear: right
}
.vertSplitter5 {
	width: 5px!important;
	float: left;
	height: 21px
}
.floatLeft {
	float: left
}
.floatRight {
	float: right!important
}
.floatNone {
	float: none
}
.textAlignCenter {
	text-align: center
}
.textAlignJustify {
	text-align: justify
}
.textAlignLeft {
	text-align: left
}
.textAlignRight {
	text-align: right
}
.sup {
	vertical-align: super;
}
.sub {
	vertical-align: sub;
}
.colorWhite {
	color: White
}
.colorBlack {
	color: Black
}
.marginNone {
	margin: 0!important
}
.marginTopNone {
	margin-top: 0!important
}
.backgroundNone {
	background: none!important
}
.paddingNone {
	padding: 0!important
}
.paddingTopNone {
	padding-top: 0!important
}
.borderNone {
	border: none!important
}
.borderTop {
	border-top: solid 1px #ccc
}
.numeric {
	text-align: right
}
.clearNone {
	clear: none
}
.fullWidth {
	display: block;
	width: 99.5%
}
/*--------------------------------------------Application Layout--------------------------------------------------------------*/

table.mainTable {
	width: 100%!important; /*height:100%!important; display:inline-table; overflow:hidden; float:left*/
}
table.mainTable td {
	vertical-align: top
}
table.subTable {
	width: 100%!important;
}
table.subTable td {
	border: none
}
.dashboardWrapper {
	margin: 10px 20px;
	box-shadow: 0 0 10px #fff;
	border: solid 1px #ccc;
	border-radius: 7px;
	padding: 10px 0 0 0;
	position: relative;
	height: 225px;
	background: #fcfcfc;
}
.dashboardBottom {
	padding: 0;
	margin: 10px auto 0 auto /*height:90%;position:absolute;bottom:0px*/
}
.displayNone {
	display: none!important
}
/* New Dashboard Styles */
/*box-sizing: content-box;-ms-box-sizing: content-box; -webkit-box-sizing: content-box*/

ul#products {
	margin: 0;
	padding: 0;
}
ul#products li {
	transition: all 0.3s ease;
	width: 49.9%;
	list-style: none;
	float: left
}
li.appActive {
	border-bottom: solid 1px #acd2f4;
	border-right: solid 1px #acd2f4;
	background: url(../../images/Theme1/shipmate-dashboard-app-hover-imgStrip.png) repeat-y right top;
}
li.appActive:hover {
	background: url(../../images/Theme1/shipmate-dashboard-app-hover-imgStrip.png) repeat-y left top;
	cursor: pointer
}
li.appsWrap {
	overflow: hidden!important;
	height: 125px!important
}
.appsWrap img {
	border: none!important;
	outline: none!important;
	text-indent: -9999px!important;
}
.appIconWrap, .appNameWrap {
	position: absolute;
}
.appIconWrap {
	width: 100px;
	padding: 35px 20px 30px 20px;
}
.appNameWrap {
	padding: 30px 4%;
	margin-left: 150px;
	width: 30%;
}
.shadowdivLeft, .shadowdivRight {
	background: url(../../images/Theme1/shipmate-dashboard-app-shadow-vertical.png) no-repeat left center;
	position: absolute;
	top: 0;
	width: 65px;
	height: 100%;
	margin-left: 150px;
	z-index: 999;
}
.shadowdivRight {
	left: 50%
}
.appName, .appDes {
	display: block;
	width: 100%;
}
.appName {
	font-size: 30px!important;
	color: #0f3657;
	font-family: Myriad Pro!important
}
.appDes {
	font-size: 14px!important;
	color: #476d8f
}
a.appInActive .appName, a.appInActive .appDes {
	color: #a9cbea;
	background: none!important
}
/*a.appInActive .shipmate-LTW {background:url(../../images/Theme1/shipmate-dashboard-app-icons-sprite.png) no-repeat -165px -120px;}*/
.appLock {
	opacity: 0.0;
	background: url(../../images/Theme1/shipmate-dashboard-app-icons-sprite.png) no-repeat -445px -60px;
	width: 50px;
	height: 100px;
	position: absolute;
	right: 30px;
	top: 30px;
	transition: all 0.3s ease;
}
li.appActive:hover .appLock {
	right: 18px;
	opacity: 0.9;
	cursor: pointer!important
}
.shipmate-UMS, .shipmate-OPE, .shipmate-MIS, .shipmate-FRM, .shipmate-REG, .shipmate-TRA, .shipmate-LTW {
	width: 60px;
	height: 60px;
	display: block;
	margin: 0 auto;
	transition: all 0.4s ease;
}
.shipmate-TRA {
	width: 90px;
}
.shipmate-FRM {
	width: 80px;
}
.shipmate-MIS {
	width: 50px;
}
.shipmate-LTW {
	width: 55px;
}
.shipmate-UMS {
	background: url(../../images/Theme1/shipmate-dashboard-app-icons-sprite.png) no-repeat -305px -60px;
}
li.appActive:hover .shipmate-UMS {
	background: url(../../images/Theme1/shipmate-dashboard-app-icons-sprite.png) no-repeat -305px -120px;
}
.shipmate-OPE {
	background: url(../../images/Theme1/shipmate-dashboard-app-icons-sprite.png) no-repeat 0px -60px;
}
li.appActive:hover .shipmate-OPE {
	background: url(../../images/Theme1/shipmate-dashboard-app-icons-sprite.png) no-repeat 0px -120px;
}
.shipmate-MIS {
	background: url(../../images/Theme1/shipmate-dashboard-app-icons-sprite.png) no-repeat -115px -60px;
}
li.appActive:hover .shipmate-MIS {
	background: url(../../images/Theme1/shipmate-dashboard-app-icons-sprite.png) no-repeat -115px -120px;
}
.shipmate-FRM {
	background: url(../../images/Theme1/shipmate-dashboard-app-icons-sprite.png) no-repeat -365px -60px;
}
li.appActive:hover .shipmate-FRM {
	background: url(../../images/Theme1/shipmate-dashboard-app-icons-sprite.png) no-repeat -365px -120px;
}
.shipmate-REG {
	background: url(../../images/Theme1/shipmate-dashboard-app-icons-sprite.png) no-repeat -60px -58px;
}
li.appActive:hover .shipmate-REG {
	background: url(../../images/Theme1/shipmate-dashboard-app-icons-sprite.png) no-repeat -60px -120px;
}
.shipmate-TRA {
	background: url(../../images/Theme1/shipmate-dashboard-app-icons-sprite.png) no-repeat -215px -60px;
}
li.appActive:hover .shipmate-TRA {
	background: url(../../images/Theme1/shipmate-dashboard-app-icons-sprite.png) no-repeat -215px -120px;
}
.shipmate-LTW {
	background: url(../../images/Theme1/shipmate-dashboard-app-icons-sprite.png) no-repeat -161px -60px;
}
li.appActive:hover .shipmate-LTW {
	background: url(../../images/Theme1/shipmate-dashboard-app-icons-sprite.png) no-repeat -161px -120px;
}

/* Ends Here */






/*-------------------------------------Left Menu Wrap--------------------------------------------------------------------------------------*/


#mL-Footer input[type=image] {float:right; padding:3px; border:solid 1px #666; width:20px; height:20px; margin:5px 5px 0 0}
#mL-Footer .footerContentWrap{border-top:solid 1px #ccc; margin:0 10px; text-align:center; padding:10px 0 0 0}
#bottom {margin:0; padding:0}
#bottom .rfdFieldset fieldset{background-position:0 0!important;}
#mL-Footer, fieldset.bottomFWrap{width:100%!important; padding:0!important; margin:0!important}
fieldset.bottomFWrap {height:30px!important;background-position:0 0!important;}/*IEHk*/
#mL-Footer {height:30px;  position:fixed; bottom:0; width:100%;z-index:100;}



.wrapper {padding:10px;-moz-border-radius:2px; border-radius:2px;  margin-bottom:10px}
.wrapper h1, .wrapper h2, .wrapper h3{padding:0; margin:0 0 0px 0; text-align:center; font-weight:normal}

.wrapLeft {padding-left:3%}

.wrapper h1{font-size:18px}
.wrapper h2{font-size:14px}
.wrapper h3{font-size:12px}



.modelTable {height:99%}
.modelTable table td {vertical-align:top}


.tabWrap, .tabContainerWrap{margin-bottom:10px; padding:0; position:relative;}
.tabSearchWrap {padding:2px 5px;margin:0; border:solid 1px #333; background:url(../../images/Theme1/sbnt-shipmateRegister-Menuwrap.png) repeat bottom left;}
.tabSearchWrap span, .tabSearchWrap label{padding:0 5px;}
.tabSearchWrap div {display:inline-block}


.searchContainer {padding:0px;margin:0 0 5px 0;}
.searchContainer span, .searchContainer label {padding:0 10px 0 0;}

.tabContentWrap {padding:5px 5px 0 5px;margin:0; border:solid 1px #111; overflow:auto}

/*---------------------------------------------------------------------------------------------------------------------------*/

.RadForm legend {font-size:11px!important; font-weight:bold!important}

.bottomFixedWrap {height:30px; position:fixed; bottom:0; display:inline;float:right; padding:0 5px 0 0}
.bottomFixedWrap a input{}

.riStrengthBar{position:absolute!important}
.correct, .wrong {width:16px; height:16px; position:absolute; right:180px}
.correct {background:url(../../images/Theme1/sbnt-um-correct.png) no-repeat 0 0;}
.wrong {background:url(../../images/Theme1/sbnt-um-wrong.png) no-repeat 0 0;}


/*---------------------------------------------------------------------------------------------------------------------------*/

.radioChkWraps {margin:12px 0; padding:0px}
.radioChkWraps table td{}
.radioChkWraps label,.radioChkWraps span, .radioChkWraps input[type='radio'], .radioChkWraps input[type='checkbox'] {display:inline;margin-left:3px;}
.radioChkWraps label, .radioChkWraps span{padding:0 0 0 3px!important}

.radioChk {padding:0; margin:0px;float:left; min-height:25px;}
.radioChk table td{padding-right:20px;}
.radioChk label, .radioChk span, .radioChk input[type='radio'], .radioChk input[type='checkbox'] {float:left!important;width:auto!important; line-height:19px; height:19px;}
.radioChk label, .radioChk span{/*margin-left:1px;*/padding-right:10px;width:auto!important;min-width:10px}

/*------------------------------------------------Page Spliters----------------------------------------------------------------*/
/*------------------------------------------------Page Spliters----------------------------------------------------------------*/

.div5, .div10, .div15, .div20, .div25, .div30, .div35, .div40, .div45, .div50, .div55, .div60, .div65, .div70, .div75, .div80, .div85, .div90, .div95,
.div5slot, .div10slot, .div15slot, .div20slot, .div25slot, .div30slot, .div35slot, .div40slot, .div45slot, .div50slot, .div55slot, .div60slot, .div65slot, .div70slot, .div75slot, .div80slot, .div85slot, .div90slot, .div95slot {
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
}

.div5, .div10, .div15, .div20, .div25, .div30, .div35, .div40, .div45, .div50, .div55, .div60, .div65, .div70, .div75, .div80, .div85, .div90, .div95, div100 {
    margin: 0 2% 0 0;
}

.div5 {
    width: 3%;
}

.div10 {
    width: 8%;
}

.div15 {
    width: 13%;
}

.div20 {
    width: 18%;
}

.div25 {
    width: 23%;
}

.div30 {
    width: 28%;
}

.div35 {
    width: 33%;
}

.div40 {
    width: 38%;
}

.div45 {
    width: 43%;
}

.div50 {
    width: 48%;
}

.div55 {
    width: 53%;
}

.div60 {
    width: 58%;
}

.div65 {
    width: 63%;
}

.div70 {
    width: 68%;
}

.div75 {
    width: 73%;
}

.div80 {
    width: 78%;
}

.div85 {
    width: 83%;
}

.div90 {
    width: 88%;
}

.div95 {
    width: 93%;
}

.div100 {
    width: 98%;
}

.div5slot {
    width: 5%;
}

.div10slot {
    width: 10%;
}

.div15slot {
    width: 15%;
}

.div20slot {
    width: 20%;
}

.div25slot {
    width: 25%;
}

.div30slot {
    width: 30%;
}

.div35slot {
    width: 35%;
}

.div40slot {
    width: 40%;
}

.div45slot {
    width: 45%;
}

.div50slot {
    width: 50%;
}

.div55slot {
    width: 55%;
}

.div60slot {
    width: 60%;
}

.div65slot {
    width: 65%;
}

.div70slot {
    width: 70%;
}

.div75slot {
    width: 75%;
}

.div80slot {
    width: 80%;
}

.div85slot {
    width: 85%;
}

.div90slot {
    width: 90%;
}

.div95slot {
    width: 95%;
}

.div100slot {
    width: 100%;
}

.wash {
    padding: 0px;
    margin: 0;
}


/*---------------------------------------------------------------------------------------------------------------------------*/


/*__________________ Main Interface IDs & Classes (InnerPage) ___________________________________________________________________________________________________________*/


/*__________________ Single Col S=Smal M=Medium L=Large ___________________________________________________________________________________________________________*/


/*----------------------------------------Added2Specificss------------------------------------------*/

span.star, .stardrop, span.stardrop {text-overflow:'';overflow:hidden;white-space:normal;}
span.star {width:5px!important; padding:1px 0px 0 2px;}
.star {color:Red; display:inline; width:0}
.stardrop{color:Red;width:5px!important;padding:0px;float:none!important}
.starBlock{color:Red;width:5px!important;font-size:9px!important;}
.starBlok {display:inline!important;width:5px!important;font-size:9px!important}
.divcol-S .starBlok, .divcol-M .starBlok, .divcol-L .starBlok, .divcol-S-LHeight .starBlok{color:Red;margin-left:-5px} 
/*.starBlok {color:Red;position:absolute;width:5px!important;}*/

.dummyRowBlock {height:46px}
.dummySingleRow {height:15px!important}


.stausWrap{color:#333;padding:3px 0px; height:15px!important; font-weight:bold!important;
           width:100%!important; text-align:center!important;
           overflow:auto!important; display:inline-block!important;
           background:#f57429; margin:0 0 10px 0; 
           -moz-border-radius:14px;
    -webkit-border-radius:14px;
    -khtml-border-radius:14px;
    border-radius:14px;
           }


.RadButton_Default .btnAdd {background:red url(../../images/Theme1/sbnt-um-pageBtn-Add.png) no-repeat 0 0!important; height:22px!important;width:54px!important; padding:0px!important; margin:0!important}

.rcbScroll { overflow:auto; max-height:300px; }
.rcbList {}



.RadGrid_Default .rgGroupHeader td {border:none; }
.RadGrid .rgGroupHeader td div {margin-top:2px; font-weight:bold}

/* Notes 

reducer-50 have error while switching to edit mode so use reducer with large class 

*/


			.caroufredsel_wrapper {left:15px!important; right:20px!important}
			.list_carousel {margin: 0 auto;max-width:1260px;}
			.list_carousel ul {margin: 0;padding: 0;list-style: none;display: block;}
			.list_carousel li {width:200px; height:200px;color: #999;text-align: center;border:3px solid #fff;padding:0;
			                   display: block;float: left;}
			.list_carousel li:hover{border:solid 3px #333; height:200px!important}
            .list_carousel li div {width:200px!important; height:150px!important; padding:50px 0 0 0}
            .list_carousel li a{text-decoration:none}
            
			.clearfix {float: none;clear: both;}
			
			.prev, .next {font-size:30px; text-align:center;}
			a.prev, a.next {text-decoration:none; color:#666!important;}
			a:hover.prev, a:hover.next {color:#999!important; background:#efefef; border-radius:7px}
			.prev {position:absolute; top:0px; left:0px; width:30px; height:30px; padding:100px 0px 105px!important}
			.next {position:absolute; top:0px; right:0px; width:30px; height:30px;padding:100px 0px 105px!important}
			
			.pager {text-align: center; padding:0px; position:absolute; left:50px; bottom:3px}
			.pager a {margin:0 1px;text-decoration: none; background:#f1f1f1;-moz-border-radius:1px; border-radius:1px; 
			border:solid 1px #dedede; padding:0 5px; font-size:14px!important; color:#999}
			.pager a:hover {background:#999; border:solid 1px #999999}
			.pager a:selected {text-decoration: underline;}
			.timer {background-color:Orange;height: 6px;width: 0px;}
			
			li.producticon-eLearning, li.producticon-Operations, li.producticon-Registers, li.producticon-Accounts,
			li.producticon-PMS,li.producticon-Payroll,li.producticon-Ticketing,li.producticon-Appraisal,
			li.producticon-TITO,li.producticon-OMT,li.producticon-QSMS, li.producticon-GPT,li.producticon-Scenario,
			li.producticon-AdminMate, li.producticon-NewApplicant,li.producticon-SPF,li.producticon-Seamate, li.producticon-CVwizard
			{width:180px; height:185px; padding:10px;}
			
			li.producticon-eLearning {background:url(images/producticon-eLearning.png) no-repeat 0 0;}
			li.producticon-Operations {background:url(images/producticon-Operations.png) no-repeat 0 0;}
			li.producticon-Registers {background:url(images/producticon-Registers.png) no-repeat 0 0;}
			
			li.producticon-Accounts {background:url(images/producticon-Accounts.png) no-repeat 0 0;}
			li.producticon-PMS {background:url(images/producticon-PMS.png) no-repeat 0 0;}
			li.producticon-Payroll {background:url(images/producticon-Payroll.png) no-repeat 0 0;}
			li.producticon-Ticketing {background:url(images/producticon-Ticketing.png) no-repeat 0 0;}
			li.producticon-Appraisal {background:url(images/producticon-Appraisal.png) no-repeat 0 0;}
			li.producticon-TITO {background:url(images/producticon-TITO.png) no-repeat 0 0;}
			li.producticon-OMT {background:url(images/producticon-OMT.png) no-repeat 0 0;}
			li.producticon-QSMS {background:url(images/producticon-QSMS.png) no-repeat 0 0;}
			
			li.producticon-GPT {background:url(images/producticon-GPT.png) no-repeat 0 0;}
			li.producticon-Scenario {background:url(images/producticon-Scenario.png) no-repeat 0 0;}
			li.producticon-AdminMate {background:url(images/producticon-AdminMate.png) no-repeat 0 0;}
			li.producticon-NewApplicant {background:url(images/producticon-NewApplicant.png) no-repeat 0 0;}
			li.producticon-SPF {background:url(images/producticon-SPF.png) no-repeat 0 0;}
			li.producticon-Seamate {background:url(images/producticon-Seamate.png) no-repeat 0 0;}
			li.producticon-CVwizard {background:url(images/producticon-CVwizard.png) no-repeat 0 0;}
			
			.newsWrap {padding:20px 10px 10px 10px; line-height:14px}
			.newsTitle, .newsDate {display:block}
			.newsTitle {font-size:12px; color:#336699; padding:0 0 2px 0; font-weight:bold}
			.newsDate {font-size:11px; color:#666;margin:3px 0 5px 0; padding:0 0 2px 0;border-bottom:solid 1px #999}
			.newsContent {font-size:11px; color:#444;}
			
			img.productIcon {width:72px; height:72px; margin-bottom:5px;}
			span.productName{font-size:16px!important; display:block; color:#333; font-weight:bold!important; text-decoration:none!important; font-family:Arial!important}
			span.productDesp{font-size:11px; line-height:16px; text-align:left!important; color:#333; overflow:auto; text-decoration:none!important}
			
			.icon-eLearning {background:url(images/icon-eLearning.png) no-repeat 0 0; width:72px; height:72px; display:block; margin:30px auto 0 auto}
			.icon-Registers {background:url(images/icon-Registers.png) no-repeat 0 0; width:72px; height:72px; display:block; margin:30px auto 0 auto}
			.icon-Operations {background:url(images/icon-Operations.png) no-repeat 0 0; width:72px; height:72px; display:block; margin:30px auto 0 auto}
			
			
			

.divcol-S input[type=password].width200 {width:300px!important; height:15px!important; padding-left:5px;}
.divcol-S input[type=password].txtOldPwd {width:308px!important;}

.redInfo { line-height:15px; font-style:italic; font-size:11px; color:Red; display:block; }

body .RadInput.RadInputHovered:not(.riContSpinButtons) .riTextBox, 
body .RadInput.RadInputHovered .riSelect, body .RadInput.RadInputHovered .rcSelect, body .RadInput_Hover_Default { border:0 none; }
body .RadInput .riContentWrapper .riTextBox:focus { border-color:#fff !important; }
.bx-pager       {z-index:1000;}



body .RadWindow.rwMaximizedWindow {
	padding: 0;
	margin: 0;
	border: 0 none;
}
body .RadWindow.rwMaximizedWindow,  body .RadWindow.rwMaximizedWindow.rwShadow {
	box-shadow: none;
}
body .RadWindow.rwMaximizedWindow.rwRoundedCorner {
	border-radius: 0;
}
body .RadWindow .rwContent {
	margin: 0;
	border: 0 none;
	/*for 2018TELERIK (7)*/
	min-height: 120px;
}
body .RadWindow.rwTransparentWindow.rwRoundedCorner,/*for 2018TELERIK (7)*/ body .RadWindow {
	border-color: #2bbbd5;
	border-radius: 0;
	box-shadow: 2px 12px 20px rgba(33,69,71,0.2);
}
body .RadWindow.rwTransparentWindow.rwRoundedCorner.rwMaximizedWindow {
	border-color: transparent;
	box-shadow: none;
}
.innerPageWrap {
	padding: 12px 20px 12px 12px;
	margin-top: 44px;
	overflow-y: auto;
	overflow-y: overlay;
	position: relative;
}
.innerPageWrap.ipwNoTitleBar {
	margin-top: 0;
}
.innerPageWrap.noScroll {
	padding: 12px;
}
.innerPageWrap .rspResizeBar, .innerPageWrap .rspResizeBarOver, .innerPageWrap .rspCollapseBarWrapper, .innerPageWrap .rspResizeBarHorizontal {
	background: #ffffff;
}
.innerPageWrap .RadSplitter .rspResizeBar .rspCollapseBarSpacer {
	width: 12px;
}
.innerPageWrap .RadSplitter .rspCollapseBarExpand, .innerPageWrap .RadSplitter .rspCollapseBarCollapse {
	height: 80px;
	line-height: 80px;
}
.innerPageWrap .RadSplitter .rspCollapseBarExpand:hover,  .innerPageWrap .RadSplitter .rspCollapseBarCollapse:hover {
	background: #d4d4d4;
}



/*-------Page Title Header-----*/
.innerPageHeader {
	height: 44px;
	padding: 0 12px;
	border-bottom: solid 1px #e4e4e4;
	background: #ffffff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
}
.innerPageHeader h1 {
	float: left;
	font-size: 20px;
	padding: 8px 0;
	margin-right: 30px;
}
.innerPageHeader h1 .subHead {
	color: #9fa2a8;
	font-size: 0.7em;
	font-style: italic;
	font-family: robotoitalic;
}
.innerPageHeader .innerWrap {
	margin-right: 10px;
}
.innerPageHeader .btnWrap {
	padding: 8px;
}
.innerPageHeaderPush {
	height: 50px;
	display: none;
}
/*.innerPageHeader fieldset { height:20px }*/

.innerPageHeader .innerWrap .empSWrap {
	margin: 3px 0 0;
	background: #f1f3f5;
}
.innerPageHeader .innerWrap .empSWrap .inlineField,  .innerPageHeader .innerWrap .empSWrap .field {
	padding: 8px;
}
/*------DEFAULT-COLOR-------*/

.RadForm body .rfdTextInput,
body .RadComboBox .rcbInner .rcbInput,
body .RadDropDownList .rddlInner .rddlFakeInput,
.RadForm.rfdLabel body label,
.RadForm.rfdLabel body .rfdAspLabel,
.RadForm body .rfdTextInput,
.RadForm.rfdTextarea body textarea,
.RadForm.rfdFieldset body fieldset,
.RadForm.rfdFieldset body legend,
.RadForm body .rfdHeading,
.RadForm body .riTextBox,
.RadForm body .rfdValidationSummaryControl,
.RadForm body .rfdLoginControl,
.RadForm.rfdRadio body input[type="radio"],
.RadForm.rfdCheckbox body input[type="checkbox"] {
    color: #007590;
    font-family:'robotobold';
    font-size:11.5px;
}
body .RadGrid .rgPagerCell, body .RadGrid, body .RadGrid .rgAltRow, body .RadGrid .rgHeader, body .RadGrid .rgHeader a {
	color: #455a64;
}
body .RadButton.rbButton, body .RadButton .rbSplitPart {
	background-color: #f4f7f8;
	border-radius: 2px;
}
body .RadButton.rbButton.rbHovered {
	border-color: #cfd8dc;
	color: #455a64;
	background-color: #e7eaec;
}
fieldset, .RadForm.rfdFieldset body fieldset, .RadForm.rfdRoundedCorners.rfdFieldset body fieldset {
	padding: 10px;
	background: #f4f7f8;
	border-color: #cfd8dc;
	border-radius: 0;
}
fieldset.popOut,  .RadForm.rfdFieldset body fieldset.popOut,  .RadForm.rfdRoundedCorners.rfdFieldset body fieldset.popOut {
	border: 0 none;
	border-bottom: 2px solid #cfd8dc;
	margin: -12px -20px 12px -12px;
	padding: 10px 12px;
}
.title06 {
	padding: 9px 12px 7px;
}
.title06 h6,  .RadForm .title06 .rfdHeading {
	border-bottom: 0 none;
	font-family: 'robotobold';
}
legend, .RadForm.rfdFieldset body legend {
	font-family: 'robotobold';
	font-size: 13px;
}
fieldset label {
	padding: 7px 0;
}
.btnWrap {
	text-align: right;
}
body .RadGrid .rgRow td .btnWrap a, body .RadGrid .rgAltRow td .btnWrap a,  .btnWrap a {
	display: inline-block;
	padding: 0px 3px;
	line-height: 18px;
	border-radius: 1px;
	color: #545454;
	text-decoration: none;
}
body .RadGrid .rgRow td .btnWrap a:hover, body .RadGrid .rgAltRow td .btnWrap a:hover,  .btnWrap a:hover {
	color: #38af8f;
}
body .RadGrid .rgRow td .btnWrap a.aspNetDisabled, body .RadGrid .rgAltRow td .btnWrap a.aspNetDisabled,  .btnWrap a.aspNetDisabled {
	color: #d3d3d3;
}
.btnWrap .RadButton.rbButton,  .btnWrap input[type="submit"],  fieldset .RadButton.rbButton,  .btnWrap input[type=button],  body .RadButton.rbButton {
	border-width: 1px;
	border-style: solid;
	height: 28px;
	text-transform: uppercase;
	font-size: 12px;
	padding: 0px 13px;
	line-height: 26px;
	box-shadow: none;
	margin-right: 2px;
	min-width: 40px;
	background-image: none;
}
.btnWrap .RadButton.rbButton,  .btnWrap input[type="submit"],  fieldset .RadButton.rbButton {
	float: right;
}
.btnWrap .RadButton.rbButton.rbHovered,  fieldset .RadButton.rbButton.rbHovered,  .btnWrap input[type=button]:hover,  body .RadButton.rbButton.rbHovered,         /*for 2018TELERIK (3)*/
        .btnWrap .RadButton.rbButton,  .btnWrap .RadButton.rbButton.rbDisabled,  .btnWrap .RadButton .rbSplitPart {
	background-image: none;
}
.btnWrap .RadButton.rbButton.rbIconOnly,  fieldset .RadButton.rbButton.rbIconOnly {
	min-width: 0;
}
.btnWrap .RadButton.rbButton.rbRounded,  .fieldset .RadButton.rbButton.rbRounded,  body .RadButton.rbButton.rbRounded {
	border-radius: 0;
}
.btnWrap .RadButton.rbButton.themeBtn,  fieldset .RadButton.rbButton.themeBtn,  .btnWrap .themeBtn {
	border-color: #3c7199;
	color: #ffffff;
	background-color: #3c7199;
}
.btnWrap .RadButton.rbButton.themeBtn.yellowBtn,  fieldset .RadButton.rbButton.themeBtn.yellowBtn, .btnWrap .themeBtn.yellowBtn,  .btnWrap .RadButton.rbButton.themeBtn.yellowBtn:hover,  fieldset .RadButton.rbButton.themeBtn.yellowBtn:hover, .btnWrap .themeBtn.yellowBtn:hover {
	border-color: #BD6F12;
	color: #ffffff;
	background-color: #F68B0A;
}
        .btnWrap .RadButton.rbButton.themeBtnInv,
        fieldset .RadButton.rbButton.themeBtnInv,
        .btnWrap .themeBtnInv {
            border-color: #3c7199;
            color: #3c7199;
            background-color: #ffffff;
            border-width:3px;
            line-height:22px;
        }
.btnWrap .RadButton.rbButton.blueBtn {
	border-color: #34badb;
	color: #ffffff;
	background-color: #34badb;
}


        .btnWrap .RadButton.rbButton.themeBtn.rbHovered,
        .btnWrap .themeBtn:hover {
            border-color: #2784b5;
            color: #ffffff;
            background-color: #2784b5;
        }

        .btnWrap .RadButton.rbButton.themeBtnInv.rbHovered,
        .btnWrap .themeBtnInv:hover,
        fieldset .RadButton.rbButton.themeBtnInv.rbHovered {
            border-color: #2784b5;
            color: #2784b5;
            background-color: #efefef;
        }

.btnWrap .RadButton.rbButton.blueBtn.rbHovered {
	border-color: #3fcdf0;
	color: #ffffff;
	background-color: #3fcdf0;
}
.btnWrap .RadButton.rbButton.grnBtn {
	border-color: #8ece43;
	color: #ffffff;
	background-color: #8cc749;
}
.btnWrap .RadButton.rbButton.redBtn {
	border-color: #f26962;
	color: #ffffff;
	background-color: #ea4d45;
}
.btnWrap .RadButton.rbButton.grnBtn.rbHovered {
	border-color: #91d641;
	color: #ffffff;
	background-color: #91d641;
}
.btnWrap .RadButton.rbButton.redBtn.rbHovered {
	border-color: #f26962;
	color: #ffffff;
	background-color: #f26962;
}
.RadButton.rbButton.themeBtnInv.addBtn, .RadButton.rbButton.themeBtn.addBtn {
	height: 22px;
	line-height: 22px;
	padding: 0;
	min-width: 32px;
	margin-left: 4px;
}
td .RadButton.rbButton.themeBtn.addBtn, td .RadButton.rbButton.themeBtnInv.addBtn {
	float: none;
}
.RadButton.rbButton.themeBtnInv.addBtn .rbText, .RadButton.rbButton.themeBtn.addBtn .rbText {
	display: none;
}
.RadButton.rbButton.rbIconOnly.themeBtn.smlBu {
	padding: 0;
	box-shadow: none;
}
.RadButton.rbButton.rbIconOnly.themeBtn.addBtn:before, .RadButton.rbButton.rbIconOnly.iconOnlyBu:before, .btnWrap .RadButton.rbButton.iconOnlyBu:before {
	padding-right: 0;
}
.btnWrap .RadButton.rbButton.smlBu, fieldset .RadButton.rbButton.smlBu, .btnWrap input[type=button].smlBu {
	height: 22px;
	line-height: 22px;
	padding: 0px 13px;
	font-size: 11px;
}
.btnWrap .RadButton.rbButton.smlBu:before {
	line-height: 22px;
}
.btnWrap .RadButton.rbButton.lgBu {
	height: 30px;
	line-height: 30px;
	padding: 0px 13px;
	font-size: 13px;
}
.btnWrap .RadButton.rbButton.lgBu:before {
	line-height: 30px;
	font-size: 1.1em;
}
.btnWrap .RadButton.rbButton.xlgBu {
	height: 60px;
	line-height: 60px;
	padding: 0px 13px;
	font-size: 16px;
}
.btnWrap .RadButton.rbButton.xlgBu:before {
	line-height: 60px;
	font-size: 2em;
}
/*for 2018TELERIK (15)*/
.RadButton.rbButton.rbIconOnly.iconOnlyBu {
	padding: 0;
	height: auto;
	border: 0 none;
	background: none;
	box-shadow: none;
	min-width: 0;
}
.btnWrap .RadButton.rbButton:focus {
	box-shadow: 0px 0px 5px rgba(35,190,218,1);
	border-color: #2bbbd5;
}
.btnWrap .RadButton.rbButton.rbSelected, .btnWrap .RadButton.rbButton.rbToggled {
	border-color: #cfd7dc;
	color: #455a64;
	background-color: #cfd7dc;
	box-shadow: 0 10px 20px rgba(0,0,0,0.16), 0 6px 6px rgba(0,0,0,0.2);
}
.btnWrap .RadButton.rbButton:before {
	line-height: 26px;
	padding-right: 10px;
}
.btnWrap .RadButton.rbButton.addBtn:before {
	line-height: 22px;
	padding-right: 0;
}
.btnWrap .RadButton.rbButton.linkBtn {
	border-width: 1px;
	border-style: solid;
	height: 28px;
	text-transform: uppercase;
	font-size: 12px;
	padding: 0px 5px;
	line-height: 26px;
	box-shadow: none;
	margin-right: 2px;
	border-radius: 2px;
}
.btnWrap .RadButton.rbButton.linkBtn.redBtn {
	border-color: #ff4e50;
	color: #ff4e50;
	background: #ffffff;
}
.btnWrap .RadButton.rbButton.linkBtn.redBtn:hover {
	background: #f7e7e7;
}
.btnWrap .RadButton.rbButton.linkBtn.smlBu {
	height: 20px;
	line-height: 20px;
}
body .RadGrid .rgRow td a.lnkBu, body .RadGrid .rgAltRow td a.lnkBu, a.lnkBu {
	padding: 2px 5px;
	text-align: center;
	font-weight: 500;
	margin: 0 auto;
	color: #ffffff;
	background: #545454;
	line-height: 1;
	border-radius: 2px;
}
body .RadGrid .rgRow td a.lnkBu.ylw, body .RadGrid .rgAltRow td a.lnkBu.ylw, a.lnkBu.ylw {
	background: #ffb306;
}
body .RadGrid .rgRow td a.lnkBu.red, body .RadGrid .rgAltRow td a.lnkBu.red, a.lnkBu.red {
	background: #fe6567;
}
body .RadGrid .rgRow td a.lnkBu.grn, body .RadGrid .rgAltRow td a.lnkBu.grn, a.lnkBu.grn {
	background: #99cc67;
}
body .RadGrid .rgRow td a.lnkBu.ylw:hover, body .RadGrid .rgAltRow td a.lnkBu.ylw:hover, a.lnkBu.ylw:hover {
	background: #e6a719;
}
body .RadGrid .rgRow td a.lnkBu.red:hover, body .RadGrid .rgAltRow td a.lnkBu.red:hover, a.lnkBu.red:hover {
	background: #ef4a4c;
}
body .RadGrid .rgRow td a.lnkBu.grn:hover, body .RadGrid .rgAltRow td a.lnkBu.grn:hover, a.lnkBu.grn:hover {
	background: #7eb945;
}
body .btn {
	background: #f4f7f8;
	border: 1px solid #cfd8dc;
	height: 20px;
	color: #455a64;
	font-size: 11px;
	text-transform: uppercase;
	cursor: pointer;
}
body .btn:hover {
	background: #f4f7f8;
}



/*-----------INPUT FIELDS------------*/
body .RadButton {
	font-size: 13px; /*padding:10px 0 2px 0;*/
	padding: 7px 0 2px 0;
}
body .RadButton.rbRadioButton, body .RadButton.rbCheckBox {
	padding: 4px 0;
}
.RadForm.rfdCheckbox body .RadGrid input[type="checkbox"] {
	margin: 0;
}
body .RadButton {
	white-space: nowrap;
}
body .rightTopFix {
	position: relative;
	z-index: 1;
	float: right;
	margin-bottom: -30px;
}
body .rightTopFix.abslt {
	position: absolute;
	right: 0;
}
.reltv {
	position: relative;
}
body fieldset .rightTopFix {
	width: 50%;
}
body .RadInput, body .RadComboBox, body .RadPicker {
	padding: 0;
	max-width: 100%;
	width: 100%;
}
body .RadInput.riContSpinButtons .riTextBox, .RadForm.rfdRoundedCorners.rfdTextbox body .riContSpinButtons .rfdTextInput {
	padding-right: 24px;
}
body .RadComboBox.nolabel {
	padding-top: 22px;
}
body .RadInput .riContentWrapper,  body .RadPicker .RadInput {
	position: relative;
	box-sizing: border-box;
	height: auto;
	background: #ffffff;
	padding: 0px 10px;
	border: 1px solid #c9c9c9;
	border-radius: 0;
	box-shadow: none;
}
body .RadInput .riContentWrapper:focus,  body .RadPicker .RadInput:focus {
	border-color: #000000;
}


    body .RadInput .riTextBox,
    .RadForm body .rfdTextInput,
    .RadForm.rfdTextarea body textarea,
    .RadForm.rfdTextarea body textarea {
        color: #007590;
        border: 0 none;
        box-shadow: none;
        padding: 0;
        line-height: 20px; /*vertical-align:baseline;*/
        vertical-align: inherit;
    }
body .RadInput .riTextBox,  .RadForm body .rfdTextInput {
	height: 20px;
}
body .RadInput textarea.riTextBox,  .RadForm body textarea.rfdTextInput {
	height: auto;
}
body .RadComboBox .rcbInner .rcbInput {
	height: 18px;
}
body .RadComboBoxDropDown .rcbItem label, .RadForm.rfdLabel body .RadComboBoxDropDown .rcbItem label {
	font-family: 'robotoregular';
}
body .RadInput.riContSpinButtons .riContentWrapper {
	padding-right: 30px;
}
/*for 2018TELERIK*/
body .RadInput.riContSpinButtons .riUp, body .RadInput.riContSpinButtons .riDown {
	background-image: none;
	width: auto;
}
body .RadInput.riContSpinButtons .riUp:before, body .RadInput.riContSpinButtons .riDown:before {
	height: 9px;
	line-height: 11px;
	font-size: 12px;
}
.RadForm body .rfdTextInput:hover, .RadForm.rfdTextarea body textarea:hover {
	border-color: transparent;
}
.RadForm.rfdLabel body label, body .RadInput label, body .RadInput label.riLabel, body .RadComboBox label, body .RadPicker .riLabel, body .RadComboBox label.rcbLabel {
	    padding: 0;
    float: none;
    margin-left: 0;
    display: block;
    font-size: 13px;
    line-height: 22px;
    font-family: 'roboto_condensedbold';
    color: #000;
}
/*for 2018TELERIK (5)*/
body .RadComboBox .rcbInner,
body .RadInput textarea,
body .RadComboBox .rcbInner.rcbHovered,
body .RadComboBox .rcbReadOnly.rcbFocused,
body .RadComboBox .rcbReadOnly.rcbExpanded,
/*Dropdown*/
body .RadDropDownList .rddlInner,
body .RadDropDownList .rddlInner.rddlHovered,
body .RadDropDownList .rddlReadOnly.rddlFocused,
body .RadDropDownList .rddlReadOnly.rddlExpanded {
    background: #ffffff;
    padding: 1px 25px 1px 10px;
    border: 1px solid #c9c9c9;
    border-radius: 0;
    box-shadow: none;
}
/*for 2018TELERIK (5)*/
body .RadComboBox .rcbReadOnly.rcbFocused, body .RadComboBox .rcbReadOnly.rcbExpanded {
	background-image: none;
	background-color: #ffffff;
}
body .RadComboBox .rcbInner.rcbFocused,  body .RadPicker .RadInput.RadInputFocused,  body .RadInput.RadInputFocused .riContentWrapper,  body .RadWindow .rwDialogButtons input:focus {
	border-color: #2bbbd5;
	box-shadow: 0px 0px 5px rgba(35,190,218,0.7);
	outline: none;
}
body .RadComboBox .rcbInner.rbFocused input:focus,  body .RadPicker .RadInput.RadInputFocused input:focus,  body .RadInput.RadInputFocused .riContentWrapper input:focus {
	outline: none;
}
body .RadButton.rbRadioButton:focus .rbText, body .RadButton.rbCheckBox:focus .rbText, body .RadButton.rbRadioButton:focus .rbIcon, body .RadButton.rbCheckBox:focus .rbIcon {
	color: #2bbbd5 !important;
}
body .RadComboBox .rcbActionButton {
	padding: 1px 2px;
	width: auto;
	background-image: none;
	background-color: transparent;
	border-color: transparent;
	border-radius: 0;
}
/*for 2018TELERIK (5)*/
body .RadComboBox .rcbFocused .rcbActionButton, body .RadComboBox .rcbExpanded .rcbActionButton, body .RadComboBox .rcbHovered .rcbActionButton, body .RadGrid .RadComboBox .rcbFocused .rcbActionButton, body .RadGrid .RadComboBox .rcbExpanded .rcbActionButton {
	background-image: none;
	background-color: #e7eaec;
	border-color: transparent;
	color: #455a64;
}
body .RadComboBox .rcbInner:before {
	display: none;
}
body .RadComboBoxDropDown .rcbCheckAllItemsHovered, body .RadComboBoxDropDown .rcbHovered {
	background: #e7eaec;
}
body .RadInputMgr {
	padding: 4px 0;
	margin: 0 8px;
	color: #455a64;
	display: block;
	width: 100%;
}
body .field {
	padding-bottom: 10px;
}
body .field.noMargn {
	padding-bottom: 0;
}
body .field.inlineField label {
	line-height: 22px;
	float: left;
	width: 38%;
	margin-right: 2%;
}
body .field.inlineField.fliplabel label {
	line-height: 22px;
	float: right;
	width: 38%;
	margin-left: 10%;
}
body .field.field03.fliplabel label {
	line-height: 22px;
	float: right;
	width: auto;
	margin-left: 5px;
	margin-right: 0;
}
body .field.inlineField .rcbInner {
	margin-left: 40%;
}
body .RadButton.rbCheckBox .rbIcon body .RadButton.rbRadioButton .rbIcon body .RadButton.rbToggleButton .rbIcon {
	margin: -0.12em .25em 0 0;
	font-size: 13px;
}
body .radioChk.sml .RadButton.rbCheckBox, body .radioChk.sml .RadButton.rbCheckBox, body .radioChk.sml .RadButton.rbCheckBox, body .radioChk.sml .RadButton.rbToggleButton, body .radioChk.sml .RadButton.rbToggleButton, body .radioChk.sml .RadButton.rbToggleButton, body .radioChk.sml .RadButton.rbRadioButton, body .radioChk.sml .RadButton.rbRadioButton, body .radioChk.sml .RadButton.rbToggleButton, body .radioChk.sml .RadButton.rbToggleButton {
	font-size: 11px;
}
body .RadComboBoxDropDown .rcbItem > label, body .RadComboBoxDropDown .rcbHovered > label, body .RadComboBoxDropDown .rcbSelected > label, body .RadComboBoxDropDown .rcbDisabled > label {
	padding: 0 13px;
}
body .RadButton.rbCheckBox, body .RadButton.rbRadioButton, body .RadButton.rbToggleButton, body .RadButton.rbCheckBox .rbIcon, body .RadButton.rbRadioButton .rbIcon, body .RadButton.rbToggleButton .rbIcon, body .RadButton.rbCheckBox .rbText, body .RadButton.rbRadioButton .rbText, body .RadButton.rbToggleButton .rbText, .RadForm.rfdRadio body input[type="radio"], .RadForm.rfdCheckbox body input[type="checkbox"], body .RadButton.rbCheckBox .rbToggleRadioChecked + .rbText, body .RadButton.rbRadioButton .rbToggleRadioChecked + .rbText, body .RadButton.rbToggleButton .rbToggleRadioChecked + .rbText {
	color: #607d8b;
}
body .RadButton.rbCheckBox.rbHovered,  body .RadButton.rbRadioButton.rbHovered,  body .RadButton.rbToggleButton.rbHovered,  body .RadButton.rbCheckBox.rbHovered .rbIcon,  body .RadButton.rbRadioButton.rbHovered .rbIcon,  body .RadButton.rbToggleButton.rbHovered .rbIcon,  body .RadButton.rbCheckBox.rbSelected .rbIcon,  body .RadButton.rbRadioButton.rbSelected .rbIcon,  body .RadButton.rbToggleButton.rbSelected .rbIcon,  body .RadButton.rbCheckBox.rbHovered .rbText,  body .RadButton.rbRadioButton.rbHovered .rbText,  body .RadButton.rbToggleButton.rbHovered .rbText,  body .RadButton.rbCheckBox.rbSelected .rbText,  body .RadButton.rbRadioButton.rbSelected .rbText,  body .RadButton.rbToggleButton.rbSelected .rbText,  .RadButton.rbCheckBox .rbIcon.rbToggleCheckboxChecked + .rbText body .RadButton.rbCheckBox.rbHovered .rbToggleRadioChecked + .rbText,  body .RadButton.rbRadioButton.rbHovered .rbToggleRadioChecked + .rbText,  body .RadButton.rbToggleButton.rbHovered .rbToggleRadioChecked + .rbText,  body .RadButton.rbCheckBox.rbSelected .rbToggleRadioChecked + .rbText,  body .RadButton.rbRadioButton.rbSelected .rbToggleRadioChecked + .rbText,  body .RadButton.rbToggleButton.rbSelected .rbToggleRadioChecked + .rbText,  .RadForm.rfdRadio body input[type="radio"]:hover,  .RadForm.rfdCheckbox body input[type="checkbox"]:hover,  .RadForm.rfdRadio body input[type="radio"]:checked,  .RadForm.rfdCheckbox body input[type="checkbox"]:checked {
	color: #2fc0af;
}
body .RadButton.rbCheckBox .rbIcon.rbToggleCheckbox,  body .RadButton.rbCheckBox .rbIcon.rbToggleCheckboxChecked,  body .RadButton.rbCheckBox .rbIcon.rbToggleCheckboxFilled,  body .RadButton.rbToggleButton .rbIcon.rbToggleCheckbox,  body .RadButton.rbToggleButton .rbIcon.rbToggleCheckboxChecked,  body .RadButton.rbToggleButton .rbIcon.rbToggleCheckboxFilled,  body .RadButton.rbToggleButton .rbIcon.rbToggleRadio,  body .RadButton.rbToggleButton .rbIcon.rbToggleRadioChecked,  body .RadButton.rbRadioButton .rbIcon.rbToggleRadio,  body .RadButton.rbRadioButton .rbIcon.rbToggleRadioChecked {
	margin: -0.071429em .5em 0 0;
	font-size: 13px;
}
body .RadButton.rbCheckBox .rbIcon.rbToggleCheckbox + .rbText,  body .RadButton.rbCheckBox .rbIcon.rbToggleCheckboxChecked + .rbText,  body .RadButton.rbCheckBox .rbIcon.rbToggleCheckboxFilled + .rbText,  body .RadButton.rbRadioButton .rbIcon.rbToggleRadio + .rbText,  body .RadButton.rbRadioButton .rbIcon.rbToggleRadioChecked + .rbText,  body .RadButton.rbCheckBox .rbIcon.rbToggleRadio + .rbText,  body .RadButton.rbCheckBox .rbIcon.rbToggleRadioChecked + .rbText {
	font-size: .85714286em;
	line-height: 1.42857143em;
}
body .RadForm .rfdTextInput:disabled, body .RadForm .rfdTextInput:focus:disabled, body .RadForm .rfdTextInput:active:disabled, body .RadForm.rfdTextarea textarea:disabled {
	border: 0 none;
}
body .mandatoryWrap .RadPicker .RadInput, .mandatoryWrap .RadComboBox rcbInputCell, .mandatoryWrap .rcbInner, .mandatoryWrap .rcbInputCell input[type=text], body .mandatoryWrap .RadComboBox_ThemeH1 .rcbFocused .rcbInput, body .mandatoryWrap .RadInput .riContentWrapper, body .RadGrid .RadInput.mandatoryWrap .riTextBox {
	border-bottom: solid 1px #ff0000 !important;
}
body .RadListBox .rlbNoButtonText.rlbButton {
	padding: 0;
}
body .RadListBox {
	min-width: 100%;
}
body .RadComboBoxDropDown {
	border: 1px solid #c9c9c9;
	background: #ffffff;
	box-shadow: none;
}
/*---*/

/*-----------TABLE------------*/
body .RadGrid, body .RadPivotGrid {
	border-width: 1px !important;
	margin: -1px;
	border-color: #cfd8dc;
	outline: none;
}
body .RadGrid:focus {
	border-color: #00a688;
	outline: none;
}
body table caption {
	font-weight: 500;
	text-align: left;
	padding: 5px 10px;
	color: #3c7199;
	font-size: 14px;
	border-bottom: 1px solid #e7edef;
}
body .RadSplitter .gridPane {
	padding: 1px;
}
body .RadGrid .rgMasterTable { /*border-top:1px solid #e7edef;*/
}
body .RadGrid .rgCommandRow, /*for 2018TELERIK (2)*/
body .RadGrid .rgCommandCell {
	background-image: none;
}
body .RadGrid .rgCommandCell {
	padding: 2px 12px;
	background-color: #f4f7f8;
	border-bottom: 1px solid #cfd8dc;
}
body .RadGrid .rgCommandCell .RadButton.RadButton.rbCheckBox {
	padding: 2px 5px 2px 0;
}
body .RadGrid .rgCommandCell .RadButton.rbButton {
	height: 20px;
}
body .RadGrid .RadButton .rbText {
	font-size: 11px;
	margin: 0;
	height: 20px;
	display: inline;/*for 2018TELERIK (4)*/
}
body .RadGrid .rgCommandCell .RadButton .rbText {
	line-height: 20px;
}
body .RadGrid .rgCommandCell .RadButton.rbButton {
}
body .RadGrid .rgMasterTable thead tr {
	height: 25px;
}
body .RadGrid .rgClipCells .rgHeader, body .RadGrid .rgHeader {
	font-family: 'robotobold';
	text-align: center !important;
}
body .RadGrid .rgRow:hover, body .RadGrid .rgAltRow:hover {
	background: #f2f5f5;
}
body .RadGrid .rgRow td a, body .RadGrid .rgAltRow td a {
	color: #000000;
	cursor: pointer;
}
body .RadGrid .rgHeader, body .RadGrid th.rgResizeCol, body .RadGrid .rgHeaderWrapper {
	background-color: transparent;
	background-image: none;
}
body .RadGrid .rgEditRow {
	background: #f2f5f5;
}
body .RadGrid .rgRow, body .RadGrid .rgAltRow, body .RadGrid .rgEditRow, body .RadGrid .rgFooter {
	height: 20px;
	font-size: .929em;
}

body .RadGrid .rgRow,
body .RadGrid .rgAltRow {
    background: #ffffff;
    color: #000;
}
body .RadGrid .rgRow.rgSelectedRow,  body .RadGrid .rgAltRow.rgSelectedRow {
	background: #b6e1f4;
}
body .RadGrid .rgRow.rgSelectedRow:hover,  body .RadGrid .rgAltRow.rgSelectedRow:hover {
	background: #c5e5f3;
}
body .RadGrid .rgRow > td,  body .RadGrid .rgRow + tr > td,  body .RadGrid .rgAltRow > td,  body .RadGrid .rgAltRow + tr > td,  body .RadGrid .rgHeader,  body .RadGrid .rgClipCells .rgHeader,  body .RadGrid .rgClipCells .rgFilterRow > td,  body .RadGrid .rgClipCells .rgRow > td,  body .RadGrid .rgClipCells .rgAltRow > td,  body .RadGrid .rgClipCells .rgEditRow > td,  body .RadGrid .rgClipCells .rgFooter > td {
	border-left: 1px solid #e7edef;
	white-space: nowrap;
	padding: 0px 8px;
	vertical-align: middle;
	overflow: hidden;
}
body .RadGrid .rgClipCells .rgFilterRow > td label {
	display: inline-block;
	min-width: 20px;
}
/*-header text Wrap--*/
body .RadGrid.wrapText .rgHeader,  body .RadGrid.wrapText .rgClipCells .rgHeader {
	white-space: normal;
}
body .RadGrid .rgEditRow td,  body .RadGrid .rgRow > td,  body .RadGrid .rgAltRow > td {
	border-color: #cfd8dc;
}
body .RadGrid .rgRow > td.overflowVisible,  body .RadGrid .rgRow + tr > td.overflowVisible,  body .RadGrid .rgAltRow > td.overflowVisible,  body .RadGrid .rgAltRow + tr > td.overflowVisible {
	overflow: visible;
}
body .RadGrid .rgMasterTable.overflowVisible {
	overflow: visible !important;
}
body .RadGrid .rgHeader, body .RadGrid th.rgResizeCol, body .RadGrid .rgHeaderWrapper {
	border-bottom-color: #cfd8dc;
}
body .RadGrid .rgDetailTable .rgHeader, body .RadGrid .rgDetailTable .rgFilterRow > td, body .RadGrid .rgDetailTable .rgRow > td, body .RadGrid .rgDetailTable .rgAltRow > td, body .RadGrid .rgDetailTable .rgEditRow > td, body .RadGrid .rgDetailTable .rgFooter > td {
	white-space: normal;
}
body .RadGrid .rgRow.rgSelectedRow > td, body .RadGrid .rgAltRow.rgSelectedRow > td {
	border-left: 1px solid #d7e2e7;
}
body .RadGrid .rgRow.rgSelectedRow:hover > td, body .RadGrid .rgAltRow.rgSelectedRow:hover > td {
	border-left: 1px solid #b6d7e5;
}
body .RadGrid.RadGrid_Simple .rgGroupHeader td div div {
	position: relative !important;
	top: 0;
}
body .RadInput > .riTextBox {
	padding: 0;
	border: 0;
	background: #ffffff;
	line-height: 20px;
	border: 1px solid #c9c9c9;
}
body .RadInput .riContentWrapper .riTextBox:focus {
	border-bottom: 0 none;
	padding: 0;
}
.RadForm.rfdRoundedCorners.rfdTextbox body .rfdTextInput {
	padding: 0;
	border-radius: 0;
}
body .RadGrid td .RadButton.rbButton, body .RadGrid td .RadButton.rbButton .rbText {
	line-height: 18px;
	height: 18px;
}
body .RadGrid table td a[href], body .RadGrid table td.linkblubtn {
	font-family: 'robotobold';
	color: #2ca1c4; /*text-decoration:none;*/
}
body .RadGrid table td a[href]:hover,  body .RadGrid table td.linkblubtn:hover {
	text-decoration: underline;
	color: #000000;
}
body .RadGrid .rgExpandCol + td > .rgDetailTable {
	border-color: transparent;
}
body .RadGrid .rgRow > .rgExpandCol + td, body .RadGrid .rgRow + tr > .rgExpandCol + td, body .RadGrid .rgAltRow > .rgExpandCol + td, body .RadGrid .rgAltRow + tr > .rgExpandCol + td, body .RadGrid .rgHeader, body .RadGrid .rgClipCells .rgHeader, body .RadGrid .rgClipCells .rgFilterRow > .rgExpandCol + td, body .RadGrid .rgClipCells .rgRow > .rgExpandCol + td, body .RadGrid .rgClipCells .rgAltRow > .rgExpandCol + td, body .RadGrid .rgClipCells .rgEditRow > .rgExpandCol + td, body .RadGrid .rgClipCells .rgFooter > .rgExpandCol + td body .RadGrid .rgExpandCol + td {
	padding: 0;
}
/*------------PIVOT GRID---------*/
body .RadPivotGrid th, body .RadPivotGrid td, body .RadPivotGrid .rpgOuterTableWrapper {
	border-color: #cfd8dc;
}
body .RadPivotGrid .rpgContentZoneDiv td {
	white-space: nowrap;
}
body .RadPivotGrid th.rpgSelected, .RadPivotGrid td.rpgSelected {
	background: #25A0DA;
}
body .RadPivotGrid .rpgRowsZone span.rpgFieldItem {
	background: none;
	border: none;
	box-shadow: none;
	text-transform: uppercase;
}
body .RadPivotGrid.RadPivotGrid_WebBlue .rpgRowsZone span.rpgFieldItem {
	color: #FFFFFF;
}
body .RadPivotGrid .rpgColumnHeader, body .RadPivotGrid .rpgRowsZone, body .RadPivotGrid .rpgRowHeader {
	background: #eaeff0;
	font-family: 'robotobold';
}
body .RadPivotGrid .rpgColumnHeaderDiv tr {
	height: 25px;
}
body .RadPivotGrid table td a[href] {
	font-family: 'robotobold';
	color: #2ca1c4;
	text-decoration: none;
}
body .RadPivotGrid .rpgTable .rpgRowsZone {
	border-right: 1px solid #cfd8dc;
}
body .RadPivotGrid .rpgTable .rpgRowsZone + .rpgRowsZone {
	border-right: 0 none;
}
body .RadPivotGrid tr {
	height: 20px;
}
body .RadPivotGrid th, body .RadPivotGrid td, body .RadPivotGrid .rpgOuterTableWrapper td {
	white-space: nowrap;
	background: #ffffff;
	padding: 0px 8px;
	vertical-align: middle;
	overflow: hidden;
	font-size: inherit;
}
body .RadPivotGrid .rpgColumnHeaderDiv th {
	white-space: normal;
}
body .RadPivotGrid .rpgRowFooter {
	background: #eaeff0;
	font-family: 'robotomedium';
}
body .RadPivotGrid .rpgRowHeader.rpgRowFooter {
	background: #eaeff0;
	font-family: 'robotobold';
}
/*----------REPORT VIEWER----------*/
body .ReportToolbar .rfdSelect.rfdSelect, body .ReportToolbar .rfdSelect.rfdSelect:hover {
	height: 20px;
	padding: 0 30px 0 10px;
}
/*-------COMMAND BUTTONS----*/
.commandBtns {
}
.commandBtns .RadButton.rbButton,  .commandBtns input[type=button] {
	height: 22px;
	font-size: 12px;
	padding: 0px;
	line-height: 22px;
	margin-right: 1px;
	min-width: 30px;
}
.commandBtns .RadButton.rbButton.rbRounded {
	border-radius: 0;
}
/*for 2018TELERIK (6)*/
.RadGrid .commandBtns .RadButton .rbText {
	display: none;
}
/*-------RAD SPLITTER----*/
body .RadSplitter, body .RadSplitter .rspPaneTabContainer, body .RadSplitter .rspPane, body .RadSplitter .rspResizeBar, body .RadSplitter .rspSlideContainerResize, body .RadSplitter .rspPaneHorizontal, body .RadSplitter .rspResizeBarHorizontal, body .RadSplitter .rspSlideContainerResizeHorizontal {
	border-color: #cfd8dc;
}
body .RadGrid .rgFilterBox, body .RadGrid .rgFilterBox:focus {
	padding: 0 13px;
	border-width: 1px;
}
body .RadGrid .rgFilterBox:focus {
	border-color: #3c7199;
}
body .RadGrid .rgFilter {
	padding: 0;
}
body .RadInput, body .RadInputMgr {
	line-height: 20px;
}
.t-ie body .RadInput, .t-ie body .RadInputMgr {
	height: auto;
}
body .addressEditSec .RadInput {
	margin-bottom: -1px;
}
/*--TABEL FOOTER--*/
body .RadGrid .rgPagerCell {
	padding: 0;
	background-color: transparent;
	border-color: #cfd8dc;
}
body .RadGrid .rgPagerCell .rgWrap {
	margin-top: 1px;
}
body .RadGrid .rgPagerCell .rgPagerButton, body .RadGrid .rgPagerCell .rgActionButton {
	padding: 2px 4px;
}
body .RadGrid .rgPagerCell .rgNumPart a {
	height: 16px;
	line-height: 16px;/*for 2018TELERIK (5)*/
	border: 0 none;
	border-bottom: 2px solid transparent;
	border-radius: 0;
	padding: 3px 6px;
	color: #455a64;
	width: 1.42857em;
}
body .RadGrid .rgPagerCell .rgNumPart a:before,  body .RadGrid .rgPagerCell .rgNumPart a:not(.rgCurrentPage):hover:before,  body .RadGrid .rgPagerCell .rgActionButton {
	border-radius: 0;
	border-width: 0 0 2px 0;
}
body .RadGrid .rgPagerCell .rgNumPart a:before,  body .RadGrid .rgPagerCell .rgNumPart a:not(.rgCurrentPage):hover:before {
	height: 100%;
	width: 100%;
	padding: 0;
	border-bottom: 2px solid #c8d1d7;
}
body .RadGrid .rgPagerCell .RadComboBox .rcbInner {
	padding: 3px 50px 3px 10px;
	border-radius: 0;
	padding: 2px 28px 2px 5px;
}
body .RadGrid .rgPagerCell .RadComboBox .rcbActionButton {
	padding: 2px 5px; /*for 2018TELERIK (5)*/
}
body .RadGrid .rgPagerCell .rgInfoPart {
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 3px; /*for 2018TELERIK (5)*/
}
body .RadGrid .rgPagerCell .rgPagerButton,  body .RadGrid .rgPagerCell .rgActionButton,  body .RadGrid .rgPagerCell .rgPagerButton:hover,  body .RadGrid .rgPagerCell .rgActionButton:hover {
	background-image: none;
	border-color: transparent;
	background-color: transparent;
	color: #455a64;
}
body .RadGrid .rgPagerCell .rgActionButton:hover {
	background-color: #e7eaec;
	background-image: none;
	border-color: #c8d1d7;
}
body .RadGrid .rgPagerCell .rgNumPart a:hover {
	border-color: #c8d1d7;
	background-color: #e7eaec;
	background-image: none;
}
body .RadGrid .rgPagerCell .rgNumPart a.rgCurrentPage {
	border-width: 0 0 2px 0;
	border-color: #8bc34a;
	color: #8bc34a;
}
.CustomeTooltip.planningTooltip {
	box-shadow: 0px 2px 15px rgba(0,0,0,0.1);
}
.CustomeTooltip.planningTooltip .rtRelativeWrapper {
	padding: 20px;
}
.CustomeTooltip.planningTooltip .rtRelativeWrapper td {
	padding: 2px 0;
}




/*------------GridCell STATUS-------------*/
span.empStatusGridCell-Onboard, span.empStatusGridCell-Onleave, span.empStatusGridCell-Inactive, span.empStatusGridCell-Plan, span.empStatusGridCell-Oc, span.empStatus-Promoted, span.empStatus-New {
	display: block;
	color: #ffffff;
	height: 20px;
	line-height: 20px;
	padding: 0 4px 0 4px;
	margin: 0 -8px;
	font-size: 9px;
	position: relative;
}
span.empStatusGridCell-Onboard:before,  span.empStatusGridCell-Onleave:before,  span.empStatusGridCell-Inactive:before,  span.empStatusGridCell-Plan:before,  span.empStatusGridCell-Oc:before,  span.empStatus-Promoted:before,  span.empStatus-New:before,  span.Promotion:after,  span.Demotion:after,  span.stepup-Demotion:after,  span.stepup-Promotion:after {
	font-family: 'shipmate' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 11px;
}
span.Promotion, span.Demotion, span.stepup-Demotion, span.stepup-Promotion {
	padding: 0 4px 0 15px;
}
span.Promotion:after,  span.Demotion:after,  span.stepup-Promotion:after,  span.stepup-Demotion:after {
	float: left;
	width: 13px;
	color: #ffffff;
	position: absolute;
	left: 0;
	font-size: 9px;
}
	span.Promotion:after {
		background: #1a9314;
		content: "\e9f8"; /* .icon_upArrow */
	}

	span.Demotion:after {
		background: #872823;
		color: #d5b2b0;
		content: "\e94d"; /* .icon_downArrow */
	}

	span.stepup-Promotion:after {
		background: #90938e;
		content: "\e9f9"; /* .icon_upArrowOutline */
	}

	span.stepup-Demotion:after {
		background: #90938e;
		color: #ffffff;
		content: "\e94e"; /* .icon_downArrowOutline */
	}
span.empStatusGridCell-Onboard {
	background: #4591d8;
}
span.empStatusGridCell-Onleave {
	background: #8fcf12;
}
span.empStatusGridCell-Inactive {
	background: #8a9298;
}
span.empStatusGridCell-Oc {
	background: #8a9298 no-repeat 2px -16px !important;
}
span.empStatusGridCell-Plan {
	background: #e16bac;
}
span.empStatus-Promoted {
	background: #ff8a01;
}
.empStatus-New {
	background: #0fcfc8;
}
span.empStatusGridCell-Onboard:before {
	content: "\e9e2"; /*.icon_ship*/
}

span.empStatusGridCell-Onleave:before {
	content: "\e972"; /*.icon_home*/
}

span.empStatusGridCell-Inactive:before {
	content: "\e903"; /*.icon_Inactive02*/
}

span.empStatusGridCell-Oc:before {
	content: "\e999"; /*.icon_newCV*/
}

span.empStatusGridCell-Plan:before {
	content: "\e901"; /*.icon_DoA*/
}

span.empStatus-Promoted:before {
	content: "\e9c4"; /*.icon_promotion*/
}

.empStatus-New:before {
	content: "\e999"; /*.icon_newCV*/
}
/*---PAGEWRAP BUTTONS---*/

.pageBtnWrap {
	height: 44px;
	padding-right: 25px;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1000;
}
.pageBtnWrap input, .pageBtnWrap input[type="image"],  .pageBtnWrap a, .pageBtnWrap span span,  .pageBtnWrap span input,  .gridBtnWrap input[type="image"] {
	margin: 0 0 0 5px;
	float: right;
}
.pageBtnWrap_query_activity {
	height: 24px;
	padding: 5px 0px 0px 0px;
	float: right;
	position: fixed;
	top: 5px;
	right: 115px;
	z-index: 1000;
	width: 210px;
}
.pageBtnWrap .RadButton.rbButton.rbImageButton {
	background: #3c7199;
	color: #ffffff;
}

	.pageBtnWrap .RadButton.rbButton.rbImageButton:hover {
		background: #2784b5;
		color: #fff;
	}
.pageBtnWrap .RadButton.rbButton, .pageBtnWrap .RadButton.rbButton.rbIconOnly {
	width: 36px;
	height: 44px;
	color: #4f4f4f;
	font-size: 18px;
	float: right;
	padding: 0;
	background-image: none;
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0 none;
	border-radius: 0;
	min-width: auto;
	min-width: unset;
}
.pageBtnWrap .RadButton.rbButton:hover {
	color: #000000;
	background: #f0f3f5;
	border-bottom: 1px solid #b7c4d1;
}
.pageBtnWrap .RadButton.rbButton.rbDisabled {
	color: #fff;
	opacity: 0.3;
}
.pageBtnWrap .RadButton.rbButton:before {
	line-height: 44px;
}
.pageBtnWrap .RadButton.rbButton.xtraBu {
	margin-top: 6px;
	font-size: 16px;
	box-shadow: none;
}
.pageBtnWrap .pageRefresh, .pageBtnWrap .pageClose {
	position: absolute;
	width: 20px;
	height: 20px;
}
.pageBtnWrap .RadButton.rbButton.pageClose, .pageBtnWrap .RadButton.rbButton.pageRefresh {
	top: 5px;
	right: 4px;
	width: 17px;
	height: 17px;
	line-height: 17px;
	padding: 0;
	color: #000000;
	background: #ffffff;
	font-size: 10px;
	border: 1px solid #b6b6b6;
}
.pageBtnWrap .RadButton.rbButton.pageClose:hover {
	background: #e43939;
	color: #ffffff;
	border-color: #c91d1d;
}
.pageBtnWrap .RadButton.rbButton.pageRefresh:hover {
	background-color: #e2e2e2;
	color: #000;
}
.pageBtnWrap .RadButton.rbButton.pageRefresh {
	top: 23px;
}
.pageBtnWrap .RadButton.rbButton.pageClose:before,  .pageBtnWrap .RadButton.rbButton.pageRefresh:before {
	line-height: 17px;
}
/*---FILTER---*/
.pageBtnWrap .RadButton.rbButton.filterButton {
	border-color: transparent;
	margin-right: 10px;
	position: relative;
	height: 44px;
	min-width: 35px;
	background: none;
	box-shadow: none;
	font-size: 13px;
	float: none;
}
.filterButton:before {
	color: #575757;
	content: "\e961"; /*icon_filter*/
	position: absolute;
	left: 0;
	top: 0;
	line-height: 44px;
}
.filterButton:after {
	font-size: 10px !important;
	color: #8d8d8f;
	content: "\e920"; /*icon_bottom-arrow */
	position: absolute;
	left: 25px;
	top: 0;
	line-height: 44px;
	-webkit-transition: .3s;
	transition: .3s;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.filterButton.onn:after {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
.pageBtnWrap .RadButton.rbButton.filterButton.RadButton .rbText {
	display: none;
}
.filterButton input {
	opacity: 0 !important;
	height: 40px;
}
.dropdownanimator {
	background: #f4f4f4;
	padding: 10px 22px;
	border-bottom: 1px solid #ccc;
	position: fixed;
	right: 0px;
	left: 0px;
	top: 45px;
	z-index: 100;
	-webkit-box-shadow: rgba(0,0,0,0.3) 0px 12px 23px -13px;
	-moz-box-shadow: rgba(0,0,0,0.3) 0px 12px 23px -13px;
	box-shadow: rgba(0,0,0,0.3) 0px 12px 23px -13px;
}
.innerPageHeader .dropdownanimator {
	top: 45px;
}
.topButns {
	float: right;
	padding: 9px 0;
	margin: 0 15px;
}
.topButns .gridChartCheck {
	border: 1px solid #cfd7dc;
	height: 24px;
}
.topButns .RadButton.rbRadioButton.barChart,  .topButns .RadButton.rbRadioButton.gridView {
	float: left;
	padding: 0;
	height: 24px;
	line-height: 28px;
}
.topButns .RadButton.rbRadioButton .rbIcon,  .topButns .RadButton.rbRadioButton .rbIcon.rbToggleRadio,  .topButns .RadButton.rbRadioButton .rbIcon.rbToggleRadioChecked {
	vertical-align: top;
	margin: 0;
	text-align: center;
	width: 34px;
	height: 24px;
	padding: 0px 0;
	font-size: 11px;
}
.topButns .RadButton.rbRadioButton .rbIcon.rbToggleRadio {
	background: #ffffff;
	color: #83949e;
}
/*for 2018TELERIK (11)*/
.topButns .RadButton.rbRadioButton .rbIcon.rbToggleRadioChecked {
	margin: 0;
	background: #cfd7dc;
	color: #536570;
	border-radius: 0;
}
.topButns .RadButton.rbRadioButton.rbHovered .rbIcon.rbToggleRadioChecked {
	color: #242d33;
}
.topButns .RadButton.rbRadioButton.rbHovered .rbIcon.rbToggleRadio {
	color: #536570;
}
	.topButns .RadButton.rbRadioButton.barChart .rbIcon:before {
		font-family: 'shipmate';
		content: "\e91c"; /*icon_barChart */
	}
	.topButns .RadButton.rbRadioButton.gridView .rbIcon:before {
		font-family: 'shipmate';
		content: "\e96d"; /*icon_gridView */
	}
.radioTabs {
	border: 1px solid #37bcc9;
	height: 24px;
}
.radioTabs .RadButton.rbRadioButton {
	padding: 0;
	height: 24px;
	line-height: 24px;
}
.radioTabs .RadButton.rbRadioButton .rbIcon {
	display: none;
}
.radioTabs .RadButton.rbRadioButton .rbIcon + .rbText {
	display: block;
	padding: 0 10px;
	background: #ffffff;
	min-width: 100px;
	color: #83949e;
	height: 24px;
	line-height: 24px !important;
}
.radioTabs .RadButton.rbRadioButton:hover .rbIcon + .rbText {
	color: #2fa8c5;
}
.radioTabs .RadButton.rbRadioButton .rbIcon.rbToggleRadioChecked + .rbText {
	background: #37bcc9;
	color: #ffffff;
}
/*------------UserControls----------*/
.uc1 .userControlFilters, .uc2 .userControlFilters, .uc3 .userControlFilters, .uc4 .userControlFilters, .uc5 .userControlFilters, .uc6 .userControlFilters, .uc7 .userControlFilters, .uc8 .userControlFilters {
	position: relative;
	width: 23%;
	margin: 0 2% 0 0;
	float: left;
	display: block;
}
.userControlFilters .rightTopFix {
	position: absolute;
	right: 0;
	margin: 0;
	top: -4px;
}



/*--------CCR QUERY SUBMENUS-------------*/

.subToolbar .RadButton.rbButton, .subToolbar .RadButton.rbButton.rbRounded {
	margin-right: 8px;
	width: 31px;
	height: 31px;
	position: relative;
	overflow: hidden;
	padding: 0;
	min-width: 31px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	border: 0 none;
}
.subToolbar .RadButton.rbButton .rbText {
	width: 0px;
	overflow: hidden;
}
.subToolbar .RadButton:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #ffffff;
	content: "";
	opacity: 0;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-o-border-radius: 30px;
	-ms-border-radius: 30px;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-ms-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
	transform: scale(0);
}
.subToolbar .RadButton:focus:after {
	transform: scale(1);
	opacity: 0.3;
}
.subToolbar .RadButton .rbDecorated {
	position: relative;
	top: 100%;
}
.subToolbar .RadButton:before {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	font-size: 21px;
	text-align: center;
	line-height: 31px;
	color: #ffffff;
}
.subToolbar.onSigner {
	float: left;
}
.subToolbar.offSigner {
	float: right;
}
.subToolbar.onSigner .RadButton, .subToolbar.onSigner .RadButton.rbDisabled {
	background: #38af8f;
	cursor: pointer;
}
.subToolbar.offSigner .RadButton, .subToolbar.offSigner .RadButton.rbDisabled {
	background: #ff6666;
	cursor: pointer;
}
.subToolbar.onSigner .RadButton:hover {
	background: #1b8467;
}
.subToolbar.offSigner .RadButton:hover {
	background: #cb3f3f;
}
.subToolbar.onSigner .RadButton.rbDisabled, .subToolbar.offSigner .RadButton.rbDisabled {
	opacity: 0.35;
}
.tabHeader .rtsLink span {
	font-size: 12px !important;
}
.tabHeader span.rangeCount, .tabHeader span.rangeCount:hover {
	width: 22px;
	height: 22px;
	margin-right: 3px;
	text-align: center;
	line-height: 22px;
	float: right;
	overflow: hidden;
	padding: 0;
	min-width: 22px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	box-shadow: none;
	color: #ffffff;
}
.tabHeader .rangeCount.rbDecorated {
	background: none;
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 12px !important;
	color: #ffffff;
	font-family: 'robotobold';
}
.tabHeader .rangeCount.green {
	background: #99cc67;
}
.tabHeader .rangeCount.red {
	background: #fe6567;
}
.tabHeader .rangeCount.yellow {
	background: #fdcc65;
}
body .RadButton.labelBu {
	width: 15px !important;
	height: 15px;
	line-height: 22px;
	overflow: hidden;
	background-image: none !important;
	box-shadow: none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	padding: 0;
}
body .RadButton.labelBu.rbIconOnly {
	height: 15px;
}
body .RadButton.rbButton.labelBu {
	box-shadow: none;
}
.RadButton.labelBu input {
	background-image: none !important;
}
.RadButton.labelBu.green {
	background: #99cc67;
	border-color: #99cc67;
}
.RadButton.labelBu.red {
	background: #fe6567;
	border-color: #fe6567;
}
.RadButton.labelBu.yellow {
	background: #fdcc65;
	border-color: #fdcc65;
}
.tabHeader .rtsLink {
	min-width: 210px;
}
.radGridHeight65.tabPanel {
}
/*----RM LINKS---*/
body .RadMenu {
	z-index: 1;
}
body .RadMenu .rmRootGroup {
	padding: 0 5px;
	background: none;
	border: 0 none;
}
body .RadMenu .rmRootGroup.rmHorizontal > .rmItem, body .RadMenu .rmRootGroup.rmHorizontal > .rmRootScrollGroup > .rmItem {
	border: 0 none;
}
body .RadMenu .rmScrollWrap,  body .RadMenu .rmGroup.rmScrollWrap,  body .RadMenu .rmGroup {
	background: #ffffff;
	border: 0 none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.2);
}
body .RadMenu .rmRootGroup .rmItem .rmRootLink {
	font-size: 1.14285714em;
	border: 1px solid #3c7199;
	color: #3c7199;
	background-color: #ffffff;
	background-image: none;
	padding: 2px 12px;
}
body .RadGrid .RadMenu .rmRootGroup .rmItem .rmRootLink {
	font-size: 1em;
	padding: 0px 12px;
	margin: 1px 0;
	line-height: 1.3em;
}
body .RadMenu .rmGroup .rmItem .rmLink {
	padding: 1px 32px;
	font-size: 95%;
}
body .RadMenu .rmRootGroup .rmItem .rmRootLink:hover {
	border-color: #000000;
	color: #000000;
	background-color: #ffffff;
	background-image: none;
}
body .RadMenu .rmRootGroup .rmItem.rmDisabled .rmRootLink, body .RadMenu .rmRootGroup .rmItem.rmDisabled .rmRootLink:hover {
	border-color: #c9c9c9;
	color: #c9c9c9;
	background-image: none;
}
body .RadMenu .rmGroup .rmLink:hover, body .RadMenu .rmGroup .rmToggle:hover {
	background-image: none;
	background-color: #e7eaec;
	border-color: transparent;
}
body .RadMenu .rmGroup:before, body .RadMenu .rmMultiColumn:before, body .RadMenu .rmScrollWrap > .rmHorizontal:before, body .RadMenu .rmScrollWrap > .rmVertical:before {
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
}
/*-------RAD WINDOW------*/
body .RadWindow {
	font-size: 12px;
	padding: 0;
}
body .RadWindow .rwTitleBar,  body .RadWindow .rwStatusBar,  body .RadWindow .rwDialogButtons {
	margin: 0;
	left: 0;
	padding: 5px 0;
}
body .RadWindow .rwTitleBar,  body .RadWindow .rwTitleBar .rwTitleWrapper {
	height: 15px;
	min-height: 0;
	overflow: hidden;
	background: #e8e8e8;
	padding: 0;
}
body .RadWindow.rwInactiveWindow {
	z-index: 0 !important;
}
body .RadWindow.rwNoTitleBar div.rwExternalContent {
	height: 100% !important;
}
body .RadWindow .rwTitleBar .rwTitleWrapper {
	padding: 0 10px;
}
body .RadWindow .rwTitleWrapper .rwTitle {
	color: #000000;
	padding: 10px;
	display: none;
}
body .RadWindow .rwCommandButton,  body .RadWindow span.rwCommandButton:hover {
	color: #000000;
	background: none;
	border: 0 none;
}
body .RadWindow span.rwCommandButton:hover:before {
	background-image: none;
	background-color: transparent;
	border-color: transparent;
}
body .RadWindow span.rwCommandButton.rwCloseButton:hover:before {
	color: #e14040;
}
body .RadWindow .rwIcon {
	display: none;
}
/*------FOR DIALOG WINDOW------*/
body .RadWindow.rwTransparentWindow.rwRoundedCorner {
	min-height: 150px;
}
body .RadWindow.rwTransparentWindow.rwRoundedCorner .rwContent.rwExternalContent {
	min-height: 135px;
}
body .RadWindow .rwDialog {
	padding: 0;
	margin: 0;
	height: 100%;
	background-position: 4% 10%;
}
body .RadWindow .rwDialog .rwDialogContent {
	padding: 0 5px 10px 60px;
	height: 94px;
	overflow-y: auto;
}
body .RadWindow .rwDialog .rwDialogContent .rwDialogMessage {
	padding: 15px 0;
}
body .RadWindow .rwDialogButtons {
	background: #ffffff;
	bottom: 0;
	right: 0;
	left: 0;
	border-top: 1px solid #e8e8e8;
	padding: 0;
}
body .RadWindow .rwDialogButtons input {
	margin: 5px 2px;
	cursor: pointer;
	background-color: transparent;
	border-color: #b5c3ca;
	color: #455a64;
	background-image: none;
}
body .RadWindow .rwDialogButtons input:hover {
	background-color: transparent;
	border-color: #455a64;
	color: #455a64;
	background-image: none;
}
body .RadWindow .rwDialogButtons .rwOkBtn {
	color: #8bc34a;
	border-color: #8bc34a;
	background: none #ffffff;
	margin: 3px; /*for 2018TELERIK (11)*/
}
body .RadWindow .rwDialogButtons .rwOkBtn:hover {
	color: #ffffff;
	border-color: #8bc34a;
	background: #8bc34a;
}
/*----RAD STRIP------*/
body .RadTabStrip.RadTabStrip_Simple {
	margin-left: -1px;
}
body .RadTabStrip.RadTabStrip_Simple .rtsLink {
	padding: 2px 15px;
}
body .RadTabStrip_Simple .rtsLevel1 .rtsLink {
	border-color: #a4b0b6;
	color: #647a85;
	background-color: #eef2f4;
}
body .RadTabStrip_Simple .rtsLevel1 .rtsSelected .rtsLink, body .RadTabStrip_Simple .rtsLevel1 .rtsSelected.rtsHovered .rtsLink {
	border-color: #a4b0b6;
	color: #647a85;
	background-color: #ffffff;
}
body .RadTabStrip.rtsTop .rtsLevel1 .rtsSelected .rtsLink {
	border-bottom-color: transparent;
}
body .RadTabStrip_Simple .rtsLevel1 .rtsHovered .rtsLink {
	border-color: #5caed5;
	color: #1e485c;
	background-color: #ddeef6;
}
body .RadTabStrip_Silk .rtsLevel1 .rtsLink {
	border-color: #d9dade;
	color: #6d6d6d;
	background-color: #f2f6f9;
	background-image: linear-gradient(#fafcf9, #f2f6f9);
	border-radius: 3px 3px 0 0;
	overflow: hidden;
}
body .RadTabStrip_Silk .rtsLevel1 .rtsHovered .rtsLink {
	border-color: #c8cacf;
	color: #3c3c3c;
	background-color: #e1e8ed;
	background-image: linear-gradient(#f8fbf6, #e1e8ed);
}
body .RadTabStrip_Silk .rtsLevel1 .rtsSelected .rtsLink, body .RadTabStrip_Silk .rtsLevel1 .rtsSelected.rtsHovered .rtsLink {
	border-color: #d9dade;
	color: #23906d;
	background-color: #ffffff;
	background-image: linear-gradient(#ffffff, #ffffff);
	border-bottom-color: transparent;
}
.tabContentWrap {
	padding: 15px;
	margin: -1px 0 0 0;
	border: solid 1px #a4b0b6;
	overflow: auto;
}
/*---------RAD PICKER---------*/

body .RadInput a:before {
	font-size: 14px;
}
body .RadPicker .rcCalPopup, body .RadPicker .rcTimePopup {
	width: 26px;
	padding: 0;
	font-size: 11px;
	float: right;
}
body .RadPicker .RadInput:before {
	display: none;
}
body .RadPicker input.riTextBox {
	height: 20px;
	/*for 2018TELERIK (10)*/border: 0 none;
}
body .RadPicker a, body .RadPicker a:hover {
	background-image: none;
	border-color: transparent;
	color: #607d8b;
	background-color: transparent;
}
/*for 2018TELERIK (10)*/
body .RadPicker:hover .rcCalPopup,  body .RadPicker:hover .rcTimePopup {
	background-color: #e7eaec;
}
body .RadPicker.rcMYPopupOpen .rcCalPopup,  body .RadPicker.rcMYPopupOpen .rcTimePopup,  body .RadPicker.rcTimePopupOpen .rcCalPopup,  body .RadPicker.rcTimePopupOpen .rcTimePopup,  body .RadPicker.rcCalPopupOpen .rcCalPopup,  body .RadPicker.rcCalPopupOpen .rcTimePopup,  body .RadPicker a:hover {
	background-image: none;
	background-color: #e7eaec;
	border-color: transparent;
	color: #455a64;
}
body .RadPicker .rcCalPopup:focus,  body .RadPicker .rcTimePopup:focus,  body .RadPicker a:focus {
	border-color: #2bbbd5;
	box-shadow: 0px 0px 5px rgba(35,190,218,0.7);
}
body .RadPicker > .RadInput {
	padding: 0;
	padding-right: 34px;
	padding-left: 10px;
	border: 1px solid #c9c9c9;
	background: #ffffff;
}
body .RadPicker.rcCalPopupOpen .RadInput {
	box-shadow: none;
}
html body .RadUpload .ruBrowse, body .RadUpload .ruBrowse {
	padding: 1px;
	box-shadow: none;
	border: 1px solid #41ceb9;
	font-weight: 500;
	font-size: 1.3em;
}
body .RadUpload .ruStyled .ruFileInput {
	cursor: pointer;
}
html body .RadUpload .ruSelectWrap .ruFileWrap {
	padding: 0 4px;
}
html body .RadUpload .ruSelectWrap .ruFakeInput {
	height: 18px;
}
/*---------RAD CALENDER---------*/
body .RadCalendar {
	font-size: 11px;
	background-color: #fff;
	color: #455a64;
	border: 0 none;
}
body .RadCalendar .rcMain {
	border-color: #cfd8dc;
}
body .RadCalendar .rcTitlebar {
	background-image: none;
	background-color: #8bc34a;
	color: #ffffff;
	border-color: #8bc34a;
}
body .RadCalendar .rcPrev,  body .RadCalendar .rcNext,  body .RadCalendar .rcFastPrev,  body .RadCalendar .rcFastNext {
	height: 1.57143em;
	line-height: 1.57143em;
	color: #ffffff;
	font-size: 14px;
	width: 1.4em;
	margin: 0;
	border: 1px solid transparent;
	background-color: #8bc34a;
	border-radius: 0;
}
/*for 2018TELERIK (10)*/
body .RadCalendar .rcPrev:hover,  body .RadCalendar .rcNext:hover,  body .RadCalendar .rcFastPrev:hover,  body .RadCalendar .rcFastNext:hover,  body .RadCalendar .t-button:focus,  body .RadCalendar .t-button:active {
	background: rgba(0,0,0,0.1);
	border-color: transparent;
}
/*for 2018TELERIK (10)*/
body .RadCalendar .t-font-icon {
	display: inline;
}
.RadCalendar .t-button:focus,  .RadCalendar .t-button:active {
	background-image: none;
	background: rgba(0,0,0,0.2);
	border-color: transparent;
}
body .RadCalendar .rcTitlebar .rcTitle {
	line-height: 2em;
}
body .RadCalendar .rcMain td {
	padding: 0 3px;
}
body .RadCalendar .rcWeek th {
	border-bottom: 0 none;
	background-image: none;
	background-color: transparent;
	color: rgba(69,90,100,0.6);
	text-align: center;
}
body .RadCalendar .rcMain .rcHover,  body .RadCalendar .rcMain .rcSelected {
	background-image: none;
	background-color: transparent;
	border-color: transparent;
}
/*for 2018TELERIK (10)*/
body .RadCalendar .rcRow a, body .RadCalendar .rcRow span {
	text-align: center;
	padding: 2px 6px;
	border-width: 0;
	background-image: none;
	border-radius: 3em;
	color: #455a64;
}
body .RadCalendar .rcHover a, body .RadCalendar .rcHover span {
	color: #455a64;
	background-color: #e7eaec;
}
body .RadCalendar .rcMain .rcOtherMonth a,  body .RadCalendar .rcMain .rcOutOfRange span {
	color: rgba(69,90,100,0.4);
}
body .RadCalendar .rcSelected a {
	background-color: #03a9f4;
	color: #fff;
}
body .RadCalendarMonthView {
	border-color: #cfd8dc;
	background: #fff;
	color: #fff;
	box-shadow: 0 6px 12px rgba(0,0,0,0.175);
}
body .RadCalendarMonthView a {
	margin: 1px;
	padding: 0;
	/*for 2018TELERIK (10)*/ /*width: 3.57em;*/
	height: 1.79em;
	border-radius: .29em;
	color: #455a64;
	line-height: 1.79em;
	vertical-align: middle;
}
body .RadCalendarMonthView a:hover {
	background-color: #e7eaec;
	color: #455a64;
	border-color: #e7eaec;
	/*for 2018TELERIK (10)*/
	background-image: none;
}
body .RadCalendarMonthView #rcMView_Feb,  body .RadCalendarMonthView #rcMView_Apr,  body .RadCalendarMonthView #rcMView_Jun,  body .RadCalendarMonthView #rcMView_Aug,  body .RadCalendarMonthView #rcMView_Oct,  body .RadCalendarMonthView #rcMView_Dec {
	border-right: 1px solid #cfd8dc;
}
body .RadCalendarMonthView td {
	width: 3.7em;
	height: 1.86em;
	line-height: 1.86;
}
body .RadCalendarMonthView .rcSelected a {
	margin: 0;
	padding: 0;
	border: 0 none;
	border-radius: .29em;
	background: transparent;
	color: #03a9f4;
	font-family: robotobold;
}
body .RadCalendarMonthView .rcButtons {
	border: 0;
	text-align: center;
	padding: .25em .4em .3em;
}
body .RadCalendarMonthView #rcMView_Today, body .RadCalendarMonthView #rcMView_OK, body .RadCalendarMonthView #rcMView_Cancel {
	padding: 0 .71em;
	border: 1px solid #cfd8dc;
	background: #f4f7f8;/*for 2018TELERIK (10)*/ /*padding: 0.3em 0.4em;*/
}
/*for 2018TELERIK (10)*/
body .RadCalendarMonthView #rcMView_OK {
	/*margin: 0 .36em .36em 0;
        width: 4.45em;*/
	border: 1px solid #8bc34a;
	background: #8bc34a;
	color: #fff;
}
/*---------RAD SHEDULER---------*/
.RadScheduler .rsButton {
	text-transform: capitalize;
}
/*---------RAD EDITOR---------*/
.RadEditor .reToolBarWrapper, .RadEditor .reBottomProperties {
	font-size: 11px;
}
/*----RAD TOOLTIP----*/
body .RadToolTip .rtWrapper {
	border: 1px solid #bbbbbf;
	box-shadow: 0px 5px 20px -3px rgba(0,0,0,0.3);
}
/*-----------INFO-BOX----------*/
.infoBox {
}
.infoBox .label {
	display: block;
	padding: 6px 0 5px;
	font-size: 12px;
	color: #63636b;
}
.infoBox .val {
	display: block;
	padding: 2px 0;
	font-size: 16px;
	color: #12c1c3;
	white-space: unset;
}



/* ----------- PERSONAL HEADER  --------*/
.personalHeader {
	margin: -11px -20px 10px -12px;
}
.tabContentWrap .personalHeader {
	margin: 0 -15px 10px -15px;
}
.innerPageWrap.noScroll .personalHeader {
	margin: -11px -12px 10px;
}
.personalHeader .headerWrap {
	background: #9ca0a2;
	height: 52px;
}
.personalHeader.percent, .innerPageWrap.noScroll .personalHeader.percent {
	margin: 0 0 10px
}
.personalHeader.percent .headerWrap {
	padding: 0 20px;
	height: auto;
	overflow: hidden;
}
.personalHeader .leftWrap {
	float: left;
	height: inherit;
	width: 40%;
}
.personalHeader .rightWrap {
	max-width: 60%;
	float: right;
	height: inherit;
}
.personalHeader .dataField {
	display: inline-block;
	margin-right: 15px;
	float: left;
}
.personalHeader.percent .dataField {
	margin-right: 25px;
}
.personalHeader .dataField:last-child {
	margin-right: 30px;
}
.personalHeader .dataField .lbl {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	padding-top: 10px;
	color: rgba(0,0,0,0.8);
}
.personalHeader .dataField .val {
	display: block;
	font-size: 13px;
	color: #ffffff;
	font-family: 'robotobold';
	padding-bottom: 2px;
	min-height: 24px;
}
.personalHeader .headerWrap.transp .dataField .lbl {
	color: #01B9D4;
}
.personalHeader .headerWrap.transp .dataField .val {
	color: #455a64;
	font-size: 12px;
}
.personalHeader .empPic {
	float: left;
	width: 58px;
	height: 52px;
	margin-right: 15px;
	overflow: hidden;
	position: relative;
}
.personalHeader .empPic .figCaption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	font-size: 9px;
	line-height: 13px;
	background: rgba(137,198,6,0.8);
	color: #ffffff;
	font-family: 'robotobold';
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
}
.personalHeader .empPic .figCaption.icon_upArrow:before,  .personalHeader .empPic .figCaption.icon_downArrow:before,  .personalHeader .empPic .figCaption.icon_upArrowOutline:before,  .personalHeader .empPic .figCaption.icon_downArrowOutline:before {
	float: left;
	line-height: 13px;
	text-align: center;
	width: 10px;
}
.personalHeader .empPic .figCaption.icon_upArrow:before {
	background: #1a9314;
}
.personalHeader .empPic .figCaption.icon_downArrow:before {
	background: #872823;
}
.personalHeader .empPic .figCaption.icon_upArrowOutline:before {
	background: #90938e;
}
.personalHeader .empPic .figCaption.icon_downArrowOutline:before {
	background: #90938e;
}
.personalHeader .empPic img {
	width: 100%;
	height: 100%;
	margin: auto;
}
.personalHeader .leftWrap h3 {
	font-size: 18px;
	color: #ffffff;
	margin-top: 2px;
}
.personalHeader .leftWrap .status {
	display: inline-block;
	padding: 2px 10px;
	color: #ffffff;
	border-radius: 20px;
	background: rgba(0,0,0,0.2);
	font-size: 0.8em;
}
.personalHeader .leftWrap .otherInfo {
	display: inline-block;
	padding-left: 10px;
	font-size: 10px;
	color: rgba(255,255,255,0.8);
}
.personalHeader .btmInfo {
	height: 20px;
	background: #7c8081;
	color: #ffffff;
	clear: both;
}
.personalHeader .btmInfo .lbl {
	padding: 0 5px;
	font-size: 11px;
	padding-top: 10px;
}
.personalHeader .btmInfo .val {
	padding: 0 5px;
	font-family: 'robotobold';
	font-size: 13px;
	color: #ffffff;
}
.personalHeader .btmInfo .rightSec {
	float: right;
	padding-right: 50px;
}
.personalHeader .headerWrap.onBoard {
	background-color: #539ee2;
	background: -webkit-gradient(linear, left top, right top from(#539ee2), to(#57c0a1));
	background: -webkit-linear-gradient(left, #539ee2, #57c0a1);
	background: -moz-linear-gradient(left, #539ee2, #57c0a1);
	background: -ms-linear-gradient(left, #539ee2, #57c0a1);
	background: -o-linear-gradient(left, #539ee2, #57c0a1);
}
.personalHeader .headerWrap.onPlanned {
	background-color: #9088f3;
	background: -webkit-gradient(linear, left top, right top from(#cc91ea), to(#9088f3));
	background: -webkit-linear-gradient(left, #cc91ea, #9088f3);
	background: -moz-linear-gradient(left, #cc91ea, #9088f3);
	background: -ms-linear-gradient(left, #cc91ea, #9088f3);
	background: -o-linear-gradient(left, #cc91ea, #9088f3);
}
.personalHeader .headerWrap.inactive {
	background-color: #c1cccd;
	background: -webkit-gradient(linear, left top, right top from(#c1cccd), to(#aeb4c2));
	background: -webkit-linear-gradient(left, #c1cccd, #aeb4c2);
	background: -moz-linear-gradient(left, #c1cccd, #aeb4c2);
	background: -ms-linear-gradient(left, #c1cccd, #aeb4c2);
	background: -o-linear-gradient(left, #c1cccd, #aeb4c2);
}
.personalHeader .headerWrap.onLeave {
	background-color: #92c623;
	background: -webkit-gradient(linear, left top, right top from(#ebcd64), to(#92c623));
	background: -webkit-linear-gradient(left, #ebcd64, #92c623);
	background: -moz-linear-gradient(left, #ebcd64, #92c623);
	background: -ms-linear-gradient(left, #ebcd64, #92c623);
	background: -o-linear-gradient(left, #ebcd64, #92c623);
}
.personalHeader .headerWrap.briefing {
	background-color: #c99ce1;
	background: -webkit-gradient(linear, left top, right top from(#9553f3), to(#e5a9b1));
	background: -webkit-linear-gradient(left, #9553f3, #e5a9b1);
	background: -moz-linear-gradient(left, #9553f3, #e5a9b1);
	background: -ms-linear-gradient(left, #9553f3, #e5a9b1);
	background: -o-linear-gradient(left, #9553f3, #e5a9b1);
}
.personalHeader .headerWrap.transp {
	border: 1px solid #D9DBE6;
	background: #ffffff;
}
/*--------------------COLUMNS-------------------*/
.row {
	clear: both;
	margin-left: -1.063%;
	margin-right: -1.063%;
}
.col {
	position: relative;
	display: inline;
	float: left;
	margin-left: 1.063%;
	margin-right: 1.063%;
}
.col01 {
	width: 6.205%;
}
.col02 {
	width: 14.539%;
}
.col03 {
	width: 22.872%;
}
.col04 {
	width: 31.205%;
}
.col05 {
	width: 39.539%;
}
.col06 {
	width: 47.872%;
}
.col07 {
	width: 56.205%;
}
.col08 {
	width: 64.539%;
}
.col09 {
	width: 72.872%;
}
.col10 {
	width: 81.205%;
}
.col11 {
	width: 89.539%;
}
.col12 {
	width: 97.872%;
}
.noPrefix {
	margin-left: 0;
}
.noSufix {
	margin-right: 0;
}
.container {
	width: 100%;
	position: relative;
}
/*----------------PROFILE SECTION---------------------*/
.profileCard {
	background: #f1f3f5;
	overflow: hidden;
}
.profileCard .figure {
	float: left;
	position: relative;
	overflow: hidden;
	width: 118px;
	margin-right: 10px;
	min-height: 150px;
}
.profileCard.uploadSec .figure {
	float: none;
	margin: 0 auto;
	min-height: 0;
	width: 100%;
	max-width: 200px;
	text-align: center;
}
.profileCard .figure img {
	max-width: 100%;
}
.profileCard.viewSec .figure img {
	max-width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	max-height: 100%;
}
.profileCard .figCaption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	font-size: 9px;
	line-height: 13px;
	height: 13px;
	background: rgba(137,198,6,0.8);
	color: #ffffff;
	font-family: 'robotobold';
	text-transform: uppercase;
	white-space: nowrap;
}
.profileCard .figCaption:before {
	height: 13px;
	width: 13px;
	text-align: center;
	line-height: 13px;
	display: block;
	float: left;
}
.profileCard .figCaption > span {
	margin-left: 5px;
}
.profileCard .figCaption.icon_upArrow:before {
	background: #1a9314;
}
.profileCard .figCaption.icon_downArrow:before {
	background: #872823;
}
.profileCard .figCaption.icon_upArrowOutline:before {
	background: #90938e;
}
.profileCard .figCaption.icon_downArrowOutline:before {
	background: #90938e;
}
.profileCard.viewSec .article {
	padding-right: 20px;
	font-size: 14px;
}
.profileCard .article h4 {
	font-size: 20px;
	border: 0 none;
	margin: 0;
}
.profileCard .article h6 {
	font-size: 16px;
	border: 0 none;
	margin: 0;
}
.profileCard .article .topInfo {
	padding: 10px 0;
}
.profileCard .article .basicInfo {
	font-size: 13px;
	color: #1d3846;
}
.profileCard .article .btnWrap {
	text-align: center;
}
.infoList {
	border: 1px solid #cbd4d9;
	padding: 10px;
}
.infoList.noBdr {
	border: 0 none;
	padding: 0;
}
.infoTable {
	padding-bottom: 10px;
}
.infoList .li {
	padding: 0 0 10px 8px;
}
.RadForm.rfdLabel .infoList label, .infoList span, .RadForm.rfdLabel .infoTable label, .infoTable span {
	line-height: 1;
	padding-bottom: 3px;
	font-family: 'robotoregular';
}
.infoList span, .infoTable span {
	color: #00a688;
	font-family: 'robotobold';
	font-size: 13px;
}
.infoTable span {
	line-height: 1.4em;
}
.RadForm.rfdLabel .infoList label {
	color: #767676;
	font-size: 12px;
}
.RadForm.rfdLabel .infoTable label {
	color: #767676;
	line-height: 1.4em;
}
h5.title05 {
	color: #007495;
	font-family: 'robotobold';
	margin: 8px 0;
	padding: 0;
}
h5.title04 {
	color: #ffffff;
	margin: 8px 0;
	padding: 3px 10px;
	background: #118aab;
	text-transform: uppercase;
	font-size: 12px;
}
h5.title04 span {
	color: #ffffff;
	font-weight: normal;
	font-size: inherit;
}
/*---------PROFILE EDIT SECTION-----------*/
.profileCard .RadUpload {
	width: 100%;
	border-radius: 0;
	cursor: pointer;
}
html .profileCard .RadUpload .ruBrowse {
	border: 0 none;
	color: #ffffff;
	background-color: #00a786;
	background-image: none;
	padding: 8px 0;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
	display: block;
	cursor: pointer;
	width: 100%;
}
html .profileCard .RadUpload .ruBrowse.ruButtonHover {
	background-color: #00bd98;
	color: #ffffff;
	background-image: none;
	cursor: pointer;
}
html .profileCard .RadUpload .ruSelectWrap .ruFileWrap, html .profileCard .RadUpload .ruSelectWrap {
	padding: 0;
	display: block;
}
html .profileCard .RadUpload .ruStyled .ruFileInput {
	width: 100%;
	height: 100%;
	opacity: 0;
}
html .btnWrap .uploadButton {
	float: right;
	margin-right: 5px;
}
html .btnWrap .uploadButton .RadUpload .ruBrowse {
	border: 0 none;
	color: #ffffff;
	background-color: #00a786;
	background-image: none;
	height: 28px;
	text-transform: uppercase;
	font-size: 12px;
	padding: 0px 13px;
	line-height: 26px;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
	display: block;
	cursor: pointer;
}
html .btnWrap .uploadButton .RadUpload .ruBrowse.ruButtonHover {
	background-color: #00bd98;
	color: #ffffff;
	background-image: none;
	cursor: pointer;
}
html .btnWrap .uploadButton .RadUpload .ruSelectWrap .ruFileWrap,  html .btnWrap .uploadButton .RadUpload .ruSelectWrap {
	padding: 0;
	display: block;
}
html .btnWrap .uploadButton .RadUpload .ruStyled .ruFileInput {
	width: 100%;
	height: 100%;
	opacity: 0;
}
.tabel01 th {
	font-size: 12px;
	text-transform: uppercase;
	padding: 4px 8px;
	text-align: left;
	font-family: 'robotobold';
	color: #007694;
}
.tabel01 td {
	font-size: 12px;
	padding: 2px 8px;
	border-top: 1px solid #e3e7e8;
}
/*-----SEND MAIL SECTION------*/
.mail_btnWrap {
	padding: 3px 0;
}
.mail_btnWrap .RadButton.rbButton {
	border-width: 1px;
	border-style: solid;
	height: 36px;
	text-transform: uppercase;
	font-size: 13px;
	padding: 0px 13px;
	line-height: 34px;
	box-shadow: none;
	margin-right: 2px;
}
.mail_btnWrap .RadButton.rbButton.themeBtn:before {
	line-height: 34px;
	margin-right: 4px;
}
.mail_btnWrap .RadButton.rbButton.rbRounded {
	border-radius: 2px;
}
.mail_btnWrap .RadButton.rbButton.themeBtn {
	border-color: #8ad32c;
	color: #ffffff;
	background-color: #8ad32c;
}
.mail_btnWrap .RadButton.rbButton.themeBtnInv {
	border-color: #c6cac9;
	color: #6b6f6e;
	background-color: #ffffff;
}
.mail_btnWrap .RadButton.rbButton.blueBtn {
	border-color: #34badb;
	color: #ffffff;
	background-color: #34badb;
}
.mail_btnWrap .RadButton.rbButton.themeBtn.rbHovered {
	border-color: #99e03d;
	color: #ffffff;
	background-color: #99e03d;
}
.mail_btnWrap .RadButton.rbButton.themeBtnInv.rbHovered {
	border-color: #515151;
	color: #515151;
	background-color: #efefef;
}
.mail_btnWrap .RadButton.rbButton.blueBtn.rbHovered {
	border-color: #3fcdf0;
	color: #ffffff;
	background-color: #3fcdf0;
}
.mail_btnWrap .RadButton.rbButton.themeBtnInv.addBtn,  .mail_btnWrap .RadButton.rbButton.themeBtn.addBtn {
	height: 36px;
	line-height: 36px;
	padding: 0;
	min-width: 38px;
	margin-left: 4px;
}
body .field.field02 label {
	width: 70px;
	float: left;
}
body .field.field02 .rcbInner {
	margin-left: 70px;
}
body .field.field03 label {
	float: left;
	margin-right: 10px;
	width: auto;
}
body .field.field03.flip label {
	float: right;
	margin-left: 10px;
	width: auto;
	margin-right: 0px;
}
body .field.field03 .rcbInner {
	margin-left: 0;
}
/*-------LEGEND LABEL --------*/
.legendWrap {
	padding: 1px;
	font-size: 11px;
	line-height: 20px;
}
.legendWrap span {
	margin: 1px 0px;
	float: left;
	padding: 1px 5px;
}
.legend-NewEmp {
	background: #ffe2a9;
}
.legend-EmpOnBoard {
	background: #a9cbff;
}
.legend-EmpOnLeave {
	background: #ffa9b3;
}
.legend-NewEmp span, .legend-EmpOnBoard span, .legend-EmpOnLeave span, .legend-OnSale span {
	padding: 0px 5px !important;
}
.legend-OnSale {
	background: #dcf5b9;
}
h2 span, h2 {
	border-bottom: dotted 1px #828282;
	font-size: 14px;
	font-family: 'robotobold';
	letter-spacing: 0;
	margin: 3px 0;
}
hr {
	border: none;
	border-bottom: solid 1px #999;
}
/*__________________ Property Named Classes __________________________________________________________________________________________________________*/

.clear {
	clear: both;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}
.clearNone {
	clear: none;
}
a.menuTitle {
	padding-left: 25px !important;
}
.menuTitle span {
	font-size: 12px !important;
	border-bottom: dotted 1px #666;
	padding-left: 2px !important;
}
span.hideSpan {
	min-height: 15px;
}
.fullWidth {
	display: block;
	width: 99.5%;
}
.vertSplitter5 {
	width: 5px !important;
	float: left;
	height: 21px;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right !important;
}
.floatNone {
	float: none;
}
.textAlignCenter {
	text-align: center;
}
.textAlignJustify {
	text-align: justify;
}
.textAlignLeft {
	text-align: left;
}
.textAlignRight {
	text-align: right !important;
}
.sup {
	vertical-align: super;
}
.sub {
	vertical-align: sub;
}
.colorWhite {
	color: White;
}
.colorBlack {
	color: Black;
}
.marginNone {
	margin: 0 !important;
}
.marginTopNone {
	margin-top: 0 !important;
}
.marginRightNone {
	margin-right: 0 !important;
}
.marginBottomNone {
	margin-bottom: 0 !important;
}
.marginLeftNone {
	margin-left: 0 !important;
}
.backgroundNone {
	background: none !important;
}
.paddingNone {
	padding: 0 !important;
}
.paddingTopNone {
	padding-top: 0 !important;
}
.paddingRightNone {
	padding-right: 0 !important;
}
.paddingBottomNone {
	padding-bottom: 0 !important;
}
.paddingLeftNone {
	padding-left: 0 !important;
}
.borderNone {
	border: none !important;
}
.borderTop {
	border-top: solid 1px #ccc;
}
.borderCollapse {
	border-collapse: collapse;
}
.tableWidth100 {
	width: 100%;
}
.numeric {
	text-align: right;
}
.txtCode, .upperCase {
	display: inline !important;
}
.txtCode {
	width: 140px !important;
}
.upperCase {
	text-transform: uppercase !important;
}
* To set height/margin above or below */ .spacer {
 height: 20px;
 clear: both;
}
.spacer5 {
	height: 5px;
}
.spacer10 {
	height: 10px;
}
.spacer15 {
	height: 15px;
}
.spacer20 {
	height: 20px;
}
.spacer25 {
	height: 25px;
}
.spacer30 {
	height: 30px;
}
.spacer35 {
	height: 35px;
}
.spacer40 {
	height: 40px;
}
.spacer45 {
	height: 45px;
}
.spacer50 {
	height: 50px;
}
.spacer55 {
	height: 55px;
}
.spacer60 {
	height: 60px;
}
.spacer70 {
	height: 70px;
}
.spacer80 {
	height: 80px;
}
.spacer90 {
	height: 90px;
}