﻿.horzMenuBar {
	height: 54px;
	position: relative;
	z-index: 99;
	text-align: center;
	background: #d9d9d9;
	font-family: 'roboto_condensedregular';
    border-bottom:1px solid #979797;
}

/*----------------------------------------------------------------------- Header Left */

.headerLeft {
	float: left;
    position:relative;
}

.headerLeft .logoWrap {
	padding: 16px 0 0 50px;
	position: absolute;
}
.headerLeft .logoWrap a { 
	width: 320px;
	height: 45px;
	display: block;
	background: url(../../images/Theme1/logo.png) no-repeat 0 center;
	text-indent: -9999px;
}

.headerLeft::before{
    content:'';
    position:absolute;
    width:320px;
    height:27px;
	background: url(../../images/Theme1/logo_bg.png) no-repeat 0 center;
    left:0;
    top:53px;
}


/*----------------------------------------------------------------------- Header Right */
.headerRight {
	float: right;
    margin-top:4px;
    margin-right:50px;
}
.logoutBu {
	float: right;
	margin: 10px 0;
	height: 21px;
}


	.logoutBu .RadButton.rbButton, .logoutBu .RadButton.rbButton.rbIconOnly {
		color: #ff0007;
		font-size: 21px;
		line-height: 42px;
		width: 38px;
		height: 42px;
		background: none;
		margin-left: 1px;
		border: 0 none;
		padding: 0;
		margin: -10px 0 -10px;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		-o-border-radius: 0px;
		-ms-border-radius: 0px;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		-o-box-shadow: none;
		-ms-box-shadow: none;
	}
		.logoutBu .RadButton.rbButton:hover, .logoutBu .RadButton.rbButton.rbIconOnly:hover {
			background: #e52d2d;
			color: #ffffff;
		}




.headerRight .userInfo {
	float: right;
	padding: 0 5px 0 5px;
	text-align: right;
	line-height: 11px;
	border-right: 1px solid #2b2c3e;
	margin-top: 8px;
}
.headerRight .userInfo .userName {
	display: block;
	color: #000;
	font-size: 10px;
	/*text-transform: uppercase;*/
}
.headerRight .userInfo .loginInfo {
	padding-top: 4px;
	color: #000;
	font-size: 10px;
}






.headerRight .audit {
	float: right;
	margin: 10px 0;
	height: 21px;
	border-right: 1px solid #2b2c3e;
}
.headerRight .audit a {
	color: #bdc4e1;
	font-size: 27px;
	line-height: 45px;
	width: 38px;
	height: 42px;
	background: none;
	margin-left: 1px;
	border: 0 none;
	padding: 0;
	margin: -10px 0 -10px;
	display: block;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	text-decoration: none;
}
.headerRight .audit a:hover {
	background: #14bd97;
	color: #ffffff;
}
/*------Dashboard Styling-------*/


.settingsMenu {
	float: right;
}
body .settingsMenu  .RadMenu .rmShadows, .RadMenu .rmShadows .rmMultiColumn{box-shadow:none;}
.locationSettings {
	float: right;
}
body .settingsMenu .icon_settings:before {
	font-size: 1.5em;
	height: 42px;
	display: block;
	line-height: 42px;
	color: #3b3b3b;
	padding: 0 12px;
	cursor: pointer;
}
body .settingsMenu .icon_settings:hover:before {
	color: #000;
}
body .settingsMenu .RadMenu .rmRootGroup .rmItem .rmRootLink {
	display: none;
}
body .riStrengthBar {
	border-radius: 10px;
	height: 20px;
	font-size: 12px;
	margin-top: 10px;
}
body .pwdField {
	position: relative;
}
.pwdField table, .pwdField table tbody, .pwdField table tr, .pwdField table td {
	display: block;
}
body .pwdField .RadInput .riTextBox, .RadForm body .pwdField .rfdTextInput {
	border: 1px solid #c9c9c9;
}
body .mandatoryWrap.pwdField .RadInput .riTextBox, .RadForm body .mandatoryWrap.pwdField .rfdTextInput {
	border-bottom-color: #ff0000;
}
.headerLeft .logoWrap .title h2 {
	white-space: nowrap;
}
.headerLeft .logoWrap .title h2 span {
	font-size: 16px;
	text-transform: uppercase;
	border-bottom: 0 none;
	margin: 0 0 0 3px;
	padding: 0 2px;
	border-radius: 2px;
	background: #ff0404;
	color: #ffffff;
}

.version{
    position: relative;
    top: 14px;
    right: -270px;
    font-family:robotobold;
    font-size:12px;

}


body .paMenu .RadButton.rbButton.rbHovered {
	border-color: none;
    background-color: transparent;
}

body .paMenu .RadButton_Default.rbButton:focus{
    box-shadow:none;
}

/*------Pending Approvals Menu------*/

/*------Pending Approvals Menu------*/
.paMenu {
    float: left;
    margin: 18px 0px 10px 30px;
    height: 21px;
    position: relative;
    cursor: pointer;
}

    .paMenu a {
        font-size: 19px;
        line-height: 45px;
        width: 38px;
        height: 42px;
        background: none;
        margin-left: 1px;
        border: 0 none;
        padding: 0;
        margin: -10px 0 -10px;
        display: block;
        border-radius: 0px;
        text-decoration: none;
    }

    .paMenu .roundlbl {
        position: absolute;
        left: -3px;
        top: -8px;
        background: #00a78a;
        color: #ffffff;
        line-height: 20px;
        width: 20px;
        text-align: center;
        border-radius: 10px;
        display: block;
        font-size: 0.9em;
    }

body .paMenu .RadButton.rbButton {
    border-width: 0;
    border-style: none;
    padding: 0px;
    min-width: 0;
    font-size: 36px;
    line-height: 45px;
    width: 38px;
    height: 42px;
    background: none;
    margin-left: 1px;
    border: 0 none;
    padding: 0;
    margin: -10px 0 -10px;
    display: block;
    border-radius: 0px;
    text-decoration: none;
    position: relative;
	z-index:2;
}

	.paMenu .RadButton.rbButton:hover {
		color: #ed1e24;
	}

.paMenu.active a {
    color: #ebf1f2;
}

.paMenu:hover a {
    color: #ebf1f2;
}

.paWindowOuter {
	display: none;
	position: fixed;
	left: 50%;
	margin-left:-450px;
	top: 131px;
	width: 900px;
	z-index: 10000;
}

	.paWindowOuter.puWindowOuter {
		left: 50%;
		margin-left:-335px;
		width: 670px;
	}

.paMenu.active .paWindowOuter,
.paMenu:hover .paWindowOuter {
    display: block;
}

.paWindowOuter .paWindow {
    position: relative;
    border: 1px solid #d4d4db;
    background: #f8f8fb;
    padding: 18px 13px;
    height: auto;
    box-shadow: 6px 6px 20px rgba(0,0,0,0.2);
}

.paWindow .arrow {
    position: absolute;
    left: 50%;
    top: -12px;
    margin-left: 4px;
    width: 22px;
    height: 22px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border: 1px solid #d4d4db;
    background: #f8f8fb;
}
.paWindowOuter.puWindowOuter .paWindow .arrow {
	margin-left: -63px;
}

	.paWindow .arrow:before {
		position: absolute;
		left: -6px;
		top: 11px;
		width: 42px;
		height: 20px;
		background: #f8f8fb;
		content: " ";
		transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}

/*for 2018TELERIK size minimised */
.paWindow .module {
    margin: 0px 5px 17px;
    float: left;
    width: 84px;
    height: 100px;
    background: #f8f8fb;
    border: 1px solid #f8f8fb;
    text-align: center;
    border-radius: 2px;
    position: relative;
    cursor: pointer;
    display: block;
    line-height: 1;
    text-decoration: none;
}

.paWindowOuter.puWindowOuter .paWindow .module {
    width: 95px;
    height: 105px;
}

.paWindow .module:hover {
    background: #f3f3f9;
    border-color: #ddddf0;
}

.paWindow .module .icon {
    height: 65px;
    line-height: 65px;
    color: #4a5056;
    font-size: 34px;
    display: block;
}

.paWindowOuter.puWindowOuter .paWindow .module .icon {
    height: 60px;
    font-size: 35px;
    line-height: 60px;
}

.paWindow .module .caption {
    color: #717389;
    font-size: 11px;
    font-family:robotobold;
    display: block;

}

.paWindow .module:hover .caption {
    color: #575977;
}

.paWindow .module:hover .icon {
    color: #575977;
}

.paWindow .module .count {
	width: 28px;
	height: 28px;
	background: #fb0c03;
	color: #ffffff;
	font-size: 14px;
	line-height: 28px;
	position: absolute;
	right: 19px;
	top: 9px;
	border-radius: 15px;
	box-shadow: -5px 5px 5px rgba(0,0,0,0.2);
	display: block;
}
.paWindow .module .icon.icon_ltb,
.paWindow .module .icon.icon_expence {
	color: #6b7ea2; 
}

.paWindow .module .icon.icon_contractCompletion {
	color: #1189a0;
	margin-bottom: -8px;
}

.paWindow .module .icon.icon_contractProfile {
	color: #96d058;
}

.paWindow .module .icon.icon_appraisal02 {
	color: #5a89d7;
}

.paWindow .module .icon.icon_planning {
	color: #55ceba;
}

.paWindow .module .icon.icon_lashing {
	color: #736681;
}


.paWindow .module .icon.icon_promotionDemotion {
	color: #736681;
}

.paWindow .module .icon.icon_bonus {
	color: #ffc030;
}

.paWindow .module .icon.icon_contractCompletion {
	color: #1189a0;
	margin-bottom: -8px;
}

.paWindow .module .icon.icon_hratrasist {
	color: #e85032;
}

.paWindow .module .icon.icon_bank {
	color: #62d6f0;
}

.paWindow .module .icon.icon_shareScheme {
	color: #385C9A;
}

.paWindow .module .icon.icon_overtime {
	color: #DD7D3A;
}

.paWindow .module .icon.icon_annualIncrement {
	color: #76BA33;
}

.paWindow .module .icon.icon_communication2 {
	color: #3377BA;
}

.paWindow .module .icon.icon_newCV {
	color: #A13FDB;
}

.paWindow .module .icon.icon_transfer {
	color: #A2931B;
}

.paWindow .module .icon.icon_employeeAdjust {
	color: #A2591B;
}

.paWindow .module .icon.icon_cashToMaster {
	color: #F37D19;
}

.paWindow .module .icon.icon_montlyEntry {
	color: #27D585;
}

.paWindow .module .icon.icon_cv {
	color: #169158;
}

.paWindow .module .icon.icon_seafarerApprove {
	color: #298023;
}

.paWindow .module .icon.icon_makeInactive {
	color: #9A947A;
}

.paWindow .module .icon.icon_officeDocApprove {
	color: #7248DD;
}

.paWindow .module .icon.icon_family {
	color: #9E4EAD;
}

.paWindow .module .icon.icon_seafarerTicket {
	color: #AD4E8E;
}

.paWindow .module .icon.icon_officeStaffTicket {
	color: #4E82AD;
}

.paWindow .module .icon.icon_doc {
	color: #6C4E11;
}

.paWindow .module .icon.icon_contractCompletion {
	color: #6A5035;
}

.paWindow .module .icon.icon_expence {
	color: #795256;
}

.paWindow .module .icon.icon_approve {
	color: #237D35;
}

.paWindow .module .icon.icon_zDocRevise {
	color: #305037;
}

.paWindow .module .icon.icon_vessel01 {
	color: #5074B2;
}

.paWindow .module .icon.icon_user {
	color: #509FB2;
}

.paWindow .module .icon.icon_travelMate {
	color: #A0913D;
}

.paWindow .module .icon.icon_travelMate {
	color: #A0913D;
}

 

.paWindow .module .icon.icon_appraisalNot {
	color: #955121;
}

.paWindow .module .icon.icon_docNotVarified {
	color: #6A632A;
}

.paWindow .module .icon.icon_docExpiry {
	color: #ACC80D;
}

.paWindow .module .icon.icon_leaveSetting {
	color: #DD4D5C;
}
.paWindow .module .icon.icon_empReliefDue {
	color: #52684B;
}
.paWindow .module .icon.icon_probation {
	color: #4E6163;
}
.paWindow .module .icon.icon_autoInactive {
	color: #8C9293;
}
.paWindow .module .icon.icon_reliefOverdue {
	color: #FA3F3F;
}
.paWindow .module .icon.icon_zTrainingReqAlert {
	color: #3B43B0;
}
.paWindow .module .icon.icon_seafarerApprove {
	color: #203622;
}

/*-----------------------------------------------------
-------------------------------------------------------
SHIPMATE DAHBOARD STYLES 2019 17 JULY--------------------------*/

.home {
	height: 100%;
	margin: 0;
	background: #444;
	text-align: center
}
#btmtabs {
	min-height: 18px;
	float: left;
	padding: 1px 0 0 0;
	width: 100%
}


.color1:hover{background:#474f9d; } .color1:hover .text span{color:#474f9d;}
.color2:hover{background:#4b5c4b;} .color2:hover .text span{color:#394839;}
.color3:hover{background:#d3772f;} .color3:hover .text span{color:#d3772f;}
.color4:hover{background:#bf2b2b;} .color4:hover .text span{color:#bf2b2b;}
.color5:hover{background:#3c9461;} .color5:hover .text span{color:#3c9461;}
.color6:hover{background:#529dc5;} .color6:hover .text span{color:#4eb3e8;}
.color7:hover{background:#ab5422;} .color7:hover .text span{color:#ab5422;}
.color8:hover{background:#1d75a3;} .color8:hover .text span{color:#1d75a3;}
.color9:hover{background:#9a153d;} .color9:hover .text span{color:#9a153d;}
.color10:hover{background:#263426;} .color10:hover .text span{color:#263426;}
.color11:hover{background:#7f1818;} .color11:hover .text span{color:#7f1818;}
.color12:hover{background:#6c0f50;} .color12:hover .text span{color:#6c0f50;}
.color13:hover {
	background: #f2c811; 
}
	.color13:hover .text span {
		color: #000000;
	}



/*--------DASHBOARD MENU-------*/
.icons_mania li a {
	text-decoration: none;
}
.menuIcon {
	color: #ffffff;
	font-size: 50px;
	line-height: 60px;
	text-align: center;
	text-decoration: none;
}
.extra_menu .menuIcon {
	color: #007596;
	font-size: 18px;
	line-height: 20px;
	position: absolute;
	left: 2px;
	top: 5px;
	height: 20px;
	width: 30px;
}
.extra_menu li a {
	width: auto;
	height: auto;
	min-width: 70px;
	color: #007596;
	display: block;
	padding: 5px 8px;
	margin: 1px;
	position: relative;
	background: #ffffff;
	border: 1px solid #75bdd1;
}
.extra_menu li {
	display: block;
	float: right;
	min-width: 200px;
	width: 25%;
}
.extra_menu {
	width: auto;
}
.extra_menu li a:hover .menuIcon, .extra_menu li a:hover {
}
.extra_menu li a:hover {
	border: 1px solid #007596;
}
 @keyframes bounce {
0% {
top:0;
}
40% {
top:-30px;
}
60% {
top:50px;
}
100% {
top:0;
}
}
@-moz-keyframes bounce {
0% {
top:0;
}
40% {
top:-30px;
}
60% {
top:50px;
}
100% {
top:0;
}
}
@-webkit-keyframes bounce {
0% {
top:0;
}
40% {
top:-30px;
}
60% {
top:50px;
}
100% {
top:0;
}
}
.extra_icons {
	width: 35px;
	height: 30px;
	position: absolute;
	right: -50px;
	top: 55px;
	cursor: pointer;
}
.extra_icons span {
	position: relative;
	width: 6px;
	height: 6px;
	margin: 10px 2px;
	background: #000;
	border-radius: 3px;
	display: block;
	float: left;
}
.extra_icons:hover span {
	animation: bounce 0.7s ease;
	-moz-animation: bounce 0.7s ease;
	-webkit-animation: bounce 0.7s ease;
	background: #007596;
}
.extra_icons:hover span + span {
	animation: bounce 0.9s ease 100ms;
	-moz-animation: bounce 0.9s ease 100ms;
	-webkit-animation: bounce 0.9s ease 100ms;
}
.extra_icons:hover span + span + span {
	animation: bounce 1.2s ease 200ms;
	-moz-animation: bounce 1.2s ease 200ms;
	-webkit-animation: bounce 1.2s ease 200ms;
}
.extra_menu {
	height: auto;
	padding: 4px;
	background: #f5f7f9;
	position: absolute;
	right: 0px;
	top: 151px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index: 100
}
.extra_menu_icon {
	float: left;
	height: 22px;
	margin-right: 10px;
}
.extra_menu ul li i {
	-webkit-transition: all 1s ease; /* Safari and Chrome */
	-moz-transition: all 1s ease; /* Firefox */
	-o-transition: all 1s ease; /* IE 9 */
	-ms-transition: all 1s ease; /* Opera */
	transition: all 1s ease;
	max-width: 100%;
}
.extra_menu ul li:hover i {
	-webkit-transform: scale(1.25); /* Safari and Chrome */
	-moz-transform: scale(1.25); /* Firefox */
	-ms-transform: scale(1.25); /* IE 9 */
	-o-transform: scale(1.25); /* Opera */
	transform: scale(1.25);
}
.reLoginImage {
	width: 100%;
	height: 140px;
	background: url(../../images/Theme1/relogin.png) no-repeat 110px 0!important;
	float: left;
	margin-top: 60px
}





/*---------------LOGIN PAGE----------------*/
.loginPage {
	position: relative;
    background: #808080; /* Old browsers */
    background: -moz-linear-gradient(top,  #808080 2%, #f4f6fa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #808080 2%,#f4f6fa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #808080 2%,#f4f6fa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#f4f6fa',GradientType=0 ); /* IE6-9 */
}



.loginWrap input[type='text']:focus, .loginWrap input[type='password']:focus, .loginWrap select:focus{
    border:none !important;
}




.loginPage .loginWrapper {
	width: 100%;
	height: 100%;
}
.loginPage .loginWrapper td {
	vertical-align: middle;
}
.loginPage .loginWrapper .loginLayout {
	background: #ffffff;
	width: 338px;
	padding: 70px 20px 10px 20px;
	position: relative;
    float:right;
    -webkit-box-shadow: -9px 11px 28px -8px rgba(0,0,0,0.56);
    -moz-box-shadow: -9px 11px 28px -8px rgba(0,0,0,0.56);
    box-shadow: -9px 11px 28px -8px rgba(0,0,0,0.56);
    margin-top:80px;
}
.loginTblWrap {
}
.loginErrorWrap {
	width: 100%;
	color: red;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	top: -10px;
	font-size: 18px;
	border: 1px solid red;
	border-radius: 4px;
	background: rgba(255,0,0,0.1);
	padding: 7px 12px;
}
.loginErrorWrap span {
	font-size: 14px;
	color: red;
	white-space: normal;
}

.loginShipmateHed {
	background: #595959;
	width: 100%;
	height: 50px;
	margin: 0 auto 50px auto;
	position: absolute;
	left: 0;
	top: 0;
}


.loginShipmateHed h2 {
    color:#fff;
    border-bottom:none;
    font-size:19px;
    padding-left:11px;
    line-height:43px;
    font-family:unset;
}

.loginShipmateLogo {
    display:none;
	background: #000 url(../../images/Theme1/logo.png) no-repeat center center;
	width: 100%;
	height: 100px;
	margin: 0 auto 50px auto;
	position: absolute;
	left: 0;
	top: 0;
}
.loginWrap span, .loginWrap label {
	width: 100%;
	height: 21px;
	color: #3b3838;
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
    font-weight:bold;
}
.loginWrap input[type='text'], .loginWrap input[type='password'], .loginWrap select {
	width: 97%;
	display: block;
	height: 28px !important;
	font-size: 15px !important;
	font-weight: 600;
	margin-bottom: 15px;
	color: #3b3838;
	background: #f2f2f2;
	border: none;
    padding:0 0 0 10px;
	/*-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;*/
}
.loginWrap select {
	display: block;
	width: 100%;
    padding:0 0 0 10px;    
	height: 28px !important;
}
.loginWrap input[type=button] {
	background: #595959;
	border:none;
	color: #fff;
    display:block;
	padding: 8px 17px;
	font-size: 18px;
	margin: 10px 0 20px 0;
	cursor: pointer;
    text-transform:uppercase;
    font-weight:400;
    -webkit-box-shadow: -9px 11px 28px -8px rgba(0,0,0,0.44);
    -moz-box-shadow: -9px 11px 28px -8px rgba(0,0,0,0.44);
    box-shadow: -9px 11px 28px -8px rgba(0,0,0,0.44);
}
.loginWrap a {
	width: 100%;
	display: block;
	color: #595959;
	font-size: 12px;
	text-align: right;
    margin-top:20px;
}
.loginWrap a:hover {
	color: #ccc;
}
.errorWrap {
	background: #ee7817;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: center
}
.errorWrap span {
	color: #333;
	font-size: 12px;
	padding: 3px
}
.errorWrap {
	background: #ee7817;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: center
}
.errorWrap span {
	color: #333;
	font-size: 12px;
	padding: 3px
}
.passwordRecoveryPop {
	background: #cad3e1;
	overflow: auto;
	height: 244px;
	padding: 0px 20px 10px 20px
}
.passwordRecoveryPop h1 span {
	font-size: 24px!important
}
.poweredWrap {
	position: absolute;
	bottom: 30px;
	right: 40px;
	width: 180px;
}
.poweredWrap span {
	color: #7d7d7d!important
}
/*.loginWrap select{box-sizing: content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;}*/

.footerdashboard{
    width:100%;
    position:fixed;
    bottom:0;
    background:#7f7f7f;
    padding:15px 0 15px 0 ;
}
.footmiddile{
    width:990px;
    margin:0 auto;
    text-align:center;
}
.footmiddile p{
    color:#fff;
    font-size:16px;
}

.footmiddile span{
    color:#fff;
    font-size:14px;
    text-align:center;
    padding:10px 0 0px 0;
    display:block;

}

.login_main_wrap{
    width:100%;
    float:left;
}

.login_main{
    width:1060px;
    margin:auto;
}

.login_left{
    width:50%;
    height:auto;
    float:left;
}

.login_left h1{
    color:#404040;
    font-size:50px;
    line-height:58px;
    text-align:left;
    display:block;
    font-weight:600;
    padding-top:150px;
}

.login_right{
    width:50%;
    height:auto;
    float:left;
}




/*---------------HEADER----------------*/
.dashboardHeader {
	padding: 0;
}
/* ----------TOP MENU--------*/
.headerMiddle {
	margin: 0 210px 0 300px;
}
.appMenuWrap {
	height: 42px;
	display: inline-block;
	position: relative;
	margin: 0 21px 0 19px;
	background: url(../../images/Theme1/menu_strip.png) repeat-x 0 -1px;
}
.appMenuWrap:before {
	position: absolute;
	left: -19px;
	top: 0;
	width: 19px;
	height: 100%;
	content: "";
	background: url(../../images/Theme1/menu_leftstrip.png) no-repeat 0 -1px;
}
.appMenuWrap:after {
	position: absolute;
	right: -21px;
	top: 0;
	width: 21px;
	height: 100%;
	content: "";
	background: url(../../images/Theme1/menu_rightstrip.png) no-repeat 0 -1px;
}
.appMenuWrap span.MenuHead {
	padding-right: 10px;
	line-height: 36px;
	font-size: 12px;
	font-weight: 500;
	color: #ffffff;
	color: #b6b7c2;
	font-family: 'roboto_condensedbold';
	float: left;
	display: block;
}
.appMenuWrap-Seafarer input {
	min-width: 88px;
	background: #8ea9c5 !important;
	color: #003366 !important;
	border: solid 1px #6b839b;
}
.appMenuWrap-Seafarer input:hover {
	background: #829db9 !important;
	color: #cbd9e7 !important;
}
.appMenuWrap-Seafarer {
	float: left;
	background: url(../../images/Theme1/menu_midstrip.png) no-repeat right -1px;
	padding-right: 19px;
}
.appMenuWrap-Vessel {
	float: left;
	background: url(../../images/Theme1/menu_darkstrip.png) repeat-x 0 -1px;
}
.appMenuWrap .RadButton.rbButton {
	font-family: 'roboto_condensedregular';
	padding: 0 7px;
	border-radius: 0;
	border: 0 none;
	box-shadow: none;
	height: 37px;
	font-size: 12px;
	background: none;
	color: #ffffff;
	text-transform: none;
	float: left;
	display: block;
	margin: 0;
	-webkit-transition: .3s;
	transition: .3s;
}
.appMenuWrap .RadButton.rbButton:focus {
	height: 17px;
	margin: 10px 0;
}
.appMenuWrap .appMenuWrap-Seafarer .RadButton.rbButton {
	border-left: 1px solid #464555;
}
.appMenuWrap .appMenuWrap-Vessel .RadButton.rbButton {
	border-left: 1px solid #151628;
}
.appMenuWrap .appMenuWrap-Seafarer .RadButton.rbButton:hover {
	color: #ffffff;
	background-color: #2da2c3;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#59dbb9), to(#2da2c3));
	background: -webkit-linear-gradient(top, #59dbb9, #2da2c3);
	background: -moz-linear-gradient(top, #59dbb9, #2da2c3);
	background: -ms-linear-gradient(top, #59dbb9, #2da2c3);
	background: -o-linear-gradient(top, #59dbb9, #2da2c3);
}
.appMenuWrap .appMenuWrap-Vessel .RadButton.rbButton:hover {
	color: #ffffff;
	background-color: #06a8d1;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#54d1f1), to(#06a8d1));
	background: -webkit-linear-gradient(top, #54d1f1, #06a8d1);
	background: -moz-linear-gradient(top, #54d1f1, #06a8d1);
	background: -ms-linear-gradient(top, #54d1f1, #06a8d1);
	background: -o-linear-gradient(top, #54d1f1, #06a8d1);
}




.dashboard_wrap{
	width: 1162px;
	height: auto;
	margin: 0 auto;
}

.dashboard_wrap .wrapper{
	width: 100%;
	height: auto;
	float: left;
    margin-top:30px;
}







/*.icon_set li {
	width: 142px;
	height: 122px;
	float: left;
	background: #007596;
	margin: 0 18px 0 0;
	padding-top: 20px;
	position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}*/

.dashboard_items{
    width:100%;
    float:left;
}


.dashboard_patten{
    width:100%;
    float:left;
}




.icon_set li.icon_set-nomargin{margin-right:0px;}


.expired {
	list-style: none;
	float: left;
	width: 100%
}

.expired ul {
		list-style: none;
		float: left;
		width: 100%
	}


.expired li {
		width: 93px;
		height: 78px;
		float: left;
		display: block;
		margin-right: 110px;
		margin-bottom: 110px;
		border-radius: 4px;
		position: relative;
		text-align: center;
		padding-top: 15px;
	}


.expired li .icon_wrap {
		width: 93px;
		height: 78px;
		float: left;
		display: block;
		overflow: hidden;
		padding-top: 15px;
	}




.icon_set {
	list-style: none;
	float: left;
	width: 100%
}

.icon_set ul{
	list-style: none;
	float: left;
	width: 100%
}


.icon_set li {
    width: 93px;
    height: 78px;
    float: left;
    display: block;
    margin-right: 110px;
    margin-bottom: 110px;
    border-radius: 4px;
    position: relative;
    text-align: center;
    padding-top: 15px;
}


.icon_set li .icon_wrap {
	width: 93px;
	height: 78px;
	float: left;
	display: block;
	overflow: hidden;
	padding-top: 15px;
}


.icon_wrap i {
	position: absolute;
	left: 0;
	top: 0;
	width: 93px;
	height: 78px;
	padding-top: 15px;
	color: #fff;
	font-size: 3.5em;
	overflow: hidden;
}
	.color13 .icon_wrap i {color:#000000; }
	.icon_set .text {
		position: absolute;
		top: 100px;
		font-family: 'robotomedium';
		width: 93px;
		text-align: center;
		font-size: 0.90em;
		color: #575757;
	}

.icon_set .text span{
	font-family: 'robotomedium';
	text-align: center;
	font-size: 1.08em;
	color: #575757;
}


.icon_wrap {
    width: 93px;
    height: 78px;
    float: left;
    display: block;
    overflow: hidden;
    padding-top: 15px;
}


.dashboard_patten .icon_wrap:before {
    color: #fff;
    font-size: 3.5em;
    text-align: center;
    opacity: 0.4;
    transition: all 1s ease 0s;
    line-height:65px;
    padding-left:5px;
    text-shadow: 1px 1px rgba(0,0,0, 0.17), 2px 2px rgba(0,0,0, 0.12), 3px 3px rgba(0,0,0, 0.10), 4px 4px rgba(0,0,0, 0.08), 5px 5px rgba(0,0,0, 0.06), 6px 6px rgba(0,0,0, 0.05), 7px 7px rgba(0,0,0, 0.23), 8px 8px rgba(0,0,0, 0.22), 9px 9px rgba(0,0,0, 0.21), 10px 10px rgba(0,0,0, 0.21), 11px 11px rgba(0,0,0, 0.20), 12px 12px rgba(0,0,0, 0.19), 13px 13px rgba(0,0,0, 0.18), 14px 14px rgba(0,0,0, 0.18), 15px 15px rgba(0,0,0, 0.17), 16px 16px rgba(0,0,0, 0.17), 17px 17px rgba(0,0,0, 0.16), 18px 18px rgba(0,0,0, 0.16), 19px 19px rgba(0,0,0, 0.15), 20px 20px rgba(0,0,0, 0.15), 21px 21px rgba(0,0,0, 0.14), 22px 22px rgba(0,0,0, 0.14), 23px 23px rgba(0,0,0, 0.14), 24px 24px rgba(0,0,0, 0.13), 25px 25px rgba(0,0,0, 0.13), 26px 26px rgba(0,0,0, 0.13), 27px 27px rgba(0,0,0, 0.12), 28px 28px rgba(0,0,0, 0.12), 29px 29px rgba(0,0,0, 0.12), 30px 30px rgba(0,0,0, 0.11), 31px 31px rgba(0,0,0, 0.11), 32px 32px rgba(0,0,0, 0.11), 33px 33px rgba(0,0,0, 0.10), 34px 34px rgba(0,0,0, 0.10), 35px 35px rgba(0,0,0, 0.10), 36px 36px rgba(0,0,0, 0.10), 37px 37px rgba(0,0,0, 0.09), 38px 38px rgba(0,0,0, 0.09), 39px 39px rgba(0,0,0, 0.09), 40px 40px rgba(0,0,0, 0.09), 41px 41px rgba(0,0,0, 0.09), 42px 42px rgba(0,0,0, 0.08), 43px 43px rgba(0,0,0, 0.08), 44px 44px rgba(0,0,0, 0.08), 45px 45px rgba(0,0,0, 0.08), 46px 46px rgba(0,0,0, 0.07), 47px 47px rgba(0,0,0, 0.07), 48px 48px rgba(0,0,0, 0.07), 49px 49px rgba(0,0,0, 0.07), 50px 50px rgba(0,0,0, 0.07), 51px 51px rgba(0,0,0, 0.07), 52px 52px rgba(0,0,0, 0.06), 53px 53px rgba(0,0,0, 0.06), 54px 54px rgba(0,0,0, 0.06), 55px 55px rgba(0,0,0, 0.06), 56px 56px rgba(0,0,0, 0.06), 57px 57px rgba(0,0,0, 0.05), 58px 58px rgba(0,0,0, 0.05), 59px 59px rgba(0,0,0, 0.05), 60px 60px rgba(0,0,0, 0.05), 61px 61px rgba(0,0,0, 0.05), 62px 62px rgba(0,0,0, 0.05), 63px 63px rgba(0,0,0, 0.05), 64px 64px rgba(0,0,0, 0.04), 65px 65px rgba(0,0,0, 0.04), 66px 66px rgba(0,0,0, 0.04), 67px 67px rgba(0,0,0, 0.04);
}
.dashboard_patten .powerbi .icon_wrap:before {
	color: #000000;
	display:none;
	text-shadow:none;
}
.expired_li {
	position: relative;
	background: rgba(78, 78, 78, 0.2) !important;
}

.dashboard_patten .expired_li .icon_wrap:before {
	display: none;
}




/*START---------------------------- For Exipire*/

	.expiry {
		position: absolute;
		width: 93px;
		top: 15px;
		left: 0;
	}

		.expiry i {
			font-size: 47px;
			color: #ff0000;
			cursor: pointer;
		}
	
	.expiry:hover + .expired_tooltip {opacity:1;}



/*START---------------------------- For Exipire*/

.color_red:before {
	color: #ed1e24;
}

.color_orange:before {
	color: #FFA500;
}

.color_grey:before {
	color: #808080;
}

.licence_btn {
	margin-right:17px;
}

body .licence_btn .RadButton_Default.rbButton:focus {
	box-shadow: none;
}

body .licence_btn .icon_zNewsStop:before {
	font-size: 1.5em;
	height: 42px;
	display: block;
	line-height: 42px;
	cursor: pointer;
}


body .licence_btn .icon_zNewsExclation:before {
	font-size: 1.5em;
	height: 42px;
	display: block;
	line-height: 42px;
	cursor: pointer;
}


body .licence_btn .icon_zNewsQuestion:before {
	font-size: 1.5em;
	height: 42px;
	display: block;
	line-height: 42px;
	cursor: pointer;
}

body .licence_btn .icon_zNews:before {
	font-size: 1.5em;
	height: 42px;
	display: block;
	line-height: 42px;
	cursor: pointer;
}



.expiry {
	position: absolute;
	width: 93px;
	top: 15px;
	left: 0;
}

		.expiry i {
			font-size: 47px;
			color: #ff0000;
			cursor: pointer;
		}
	
	.expiry:hover + .expired_tooltip {opacity:1;}


.expired_tooltip {
	width: 320px;
	height: 80px;
	border-radius: 5px;
	border: 1px solid rgba(0,0,0, 0.07);
	top: 84px;
	left: -148px;
	position: absolute;
	font-size: 11px;
	padding: 18px;
	background: #fff;
	z-index: 1;
	opacity: 0;
	transition: opacity 1s;
	box-shadow: 2px 2px 12px -3px rgba(0,0,0,0.67);
	-webkit-box-shadow: 2px 2px 12px -3px rgba(0,0,0,0.67);
	-moz-box-shadow: 2px 2px 12px -3px rgba(0,0,0,0.67);
}

	.expired_tooltip .arrow1{
	position: absolute;
	left: 50%;
	top: -12px;
	margin-left: 4px;
	width: 22px;
	height: 22px;
	transform: rotate( 45deg );
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate( 45deg );
	border: 1px solid #d4d4db;
	background: #f8f8fb;
}


	.expired_tooltip .arrow1:before {
		position: absolute;
		left: -6px;
		top: 11px;
		width: 42px;
		height: 15px;
		background: #f8f8fb;
		content: " ";
		transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate( -45deg );
	}




.expire_soon {
	position: absolute;
	width: 19px;
	top: -18px;
	right: 0;
}

	.expire_soon i {
		font-size: 15px;
		color: #FFA500;
		cursor: pointer;
	}

	.expire_soon:hover + .expire_tooltip {
		opacity: 1;
	}



.expire_tooltip {
	width: 235px;
	height: auto;
	min-height:20px;
	border-radius: 5px;
	border: 1px solid rgba(0,0,0, 0.07);
	top: 16px;
	left: -68px;
	position: absolute;
	font-size: 11px;
	padding: 18px;
	z-index: 1;
	background: #fff;
	color: #000;
	box-shadow: 2px 2px 12px -3px rgba(0,0,0,0.67);
	-webkit-box-shadow: 2px 2px 12px -3px rgba(0,0,0,0.67);
	-moz-box-shadow: 2px 2px 12px -3px rgba(0,0,0,0.67);
	opacity: 0;
	transition: opacity 1s;
}

.expire_tooltip .arrow2 {
	position: absolute;
	left: 50%;
	top: -12px;
	margin-left: 4px;
	width: 22px;
	height: 22px;
	transform: rotate( 45deg );
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate( 45deg );
	border: 1px solid #d4d4db;
	background: #f8f8fb;
	}


	.expire_tooltip .arrow2:before {
		position: absolute;
		left: -6px;
		top: 11px;
		width: 42px;
		height: 15px;
		background: #f8f8fb;
		content: " ";
		transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate( -45deg );
	}

.headerRight .RadButton.rbButton.topButton {
	background: none !important;
	font-size: 18px;
	border: 0 none !important;
	float: right;
	width: 40px;
	width: 40px;
}

/*END ----------------------------For Exipire*/






.color1:before {
	border-width: 6px;
	border-style: solid;
	border-color: rgba(50, 115, 220, 0);
	position: absolute;
	content: '';
	width: 140px;
	height: 150px;
	left: -28px;
	top: -26px;
	border-radius: 20px;
	overflow: hidden;
}
.color1:hover:before {
	box-shadow: #000 0px 0px 13px -4px inset;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-left:none;
	border-right:none;
	position: absolute;
	content: '';
	width: 128px;
	height: 150px;
	left: -17px;
	top: -21px;
	border-radius: 20px;
}




.color2:before {
	border-width: 6px;
	border-style: solid;
	border-color: rgba(50, 115, 220, 0);
	position: absolute;
	content: '';
	width: 140px;
	height: 150px;
	left: -28px;
	top: -26px;
	border-radius: 20px;
	overflow:hidden;
}
.color2:hover:before {
	box-shadow: #000 0px 0px 13px -4px inset;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-left:none;
	border-right:none;
	position: absolute;
	content: '';
	width: 128px;
	height: 150px;
	left: -17px;
	top: -21px;
	border-radius: 20px;
}



.color3:before {
	border-width: 6px;
	border-style: solid;
	border-color: rgba(50, 115, 220, 0);
	position: absolute;
	content: '';
	width: 140px;
	height: 150px;
	left: -28px;
	top: -26px;
	border-radius: 20px;
	overflow:hidden;
}
.color3:hover:before {
	box-shadow: #000 0px 0px 13px -4px inset;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-left:none;
	border-right:none;
	position: absolute;
	content: '';
	width: 128px;
	height: 150px;
	left: -17px;
	top: -21px;
	border-radius: 20px;
}



.color4:before {
	border-width: 6px;
	border-style: solid;
	border-color: rgba(50, 115, 220, 0);
	position: absolute;
	content: '';
	width: 140px;
	height: 150px;
	left: -28px;
	top: -26px;
	border-radius: 20px;
	overflow:hidden;
}
.color4:hover:before {
	box-shadow: #000 0px 0px 13px -4px inset;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-left:none;
	border-right:none;
	position: absolute;
	content: '';
	width: 128px;
	height: 150px;
	left: -17px;
	top: -21px;
	border-radius: 20px;
}


.color5:before {
	border-width: 6px;
	border-style: solid;
	border-color: rgba(50, 115, 220, 0);
	position: absolute;
	content: '';
	width: 140px;
	height: 150px;
	left: -28px;
	top: -26px;
	border-radius: 20px;
	overflow:hidden;
}
.color5:hover:before {
	box-shadow: #000 0px 0px 13px -4px inset;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-left:none;
	border-right:none;
	position: absolute;
	content: '';
	width: 128px;
	height: 150px;
	left: -17px;
	top: -21px;
	border-radius: 20px;
}


.color6:before {
	border-width: 6px;
	border-style: solid;
	border-color: rgba(50, 115, 220, 0);
	position: absolute;
	content: '';
	width: 140px;
	height: 150px;
	left: -28px;
	top: -26px;
	border-radius: 20px;
	overflow:hidden;
}
.color6:hover:before {
	box-shadow: #000 0px 0px 13px -4px inset;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-left:none;
	border-right:none;
	position: absolute;
	content: '';
	width: 128px;
	height: 150px;
	left: -17px;
	top: -21px;
	border-radius: 20px;
}


.color7:before {
	border-width: 6px;
	border-style: solid;
	border-color: rgba(50, 115, 220, 0);
	position: absolute;
	content: '';
	width: 140px;
	height: 150px;
	left: -28px;
	top: -26px;
	border-radius: 20px;
	overflow:hidden;
}
.color7:hover:before {
	box-shadow: #000 0px 0px 13px -4px inset;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-left:none;
	border-right:none;
	position: absolute;
	content: '';
	width: 128px;
	height: 150px;
	left: -17px;
	top: -21px;
	border-radius: 20px;
}




.color8:before {
	border-width: 6px;
	border-style: solid;
	border-color: rgba(50, 115, 220, 0);
	position: absolute;
	content: '';
	width: 140px;
	height: 150px;
	left: -28px;
	top: -26px;
	border-radius: 20px;
	overflow:hidden;
}
.color8:hover:before {
	box-shadow: #000 0px 0px 13px -4px inset;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-left:none;
	border-right:none;
	position: absolute;
	content: '';
	width: 128px;
	height: 150px;
	left: -17px;
	top: -21px;
	border-radius: 20px;
}



.color9:before, .color13:before {
	border-width: 6px;
	border-style: solid;
	border-color: rgba(50, 115, 220, 0);
	position: absolute;
	content: '';
	width: 140px;
	height: 150px;
	left: -28px;
	top: -26px;
	border-radius: 20px;
	overflow: hidden;
}
.color9:hover:before, .color13:hover:before {
	box-shadow: #000 0px 0px 13px -4px inset;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: none;
	border-right: none;
	position: absolute;
	content: '';
	width: 128px;
	height: 150px;
	left: -17px;
	top: -21px;
	border-radius: 20px;
}



.color10:before {
	border-width: 6px;
	border-style: solid;
	border-color: rgba(50, 115, 220, 0);
	position: absolute;
	content: '';
	width: 140px;
	height: 150px;
	left: -28px;
	top: -26px;
	border-radius: 20px;
	overflow:hidden;
}
.color10:hover:before {
	box-shadow: #000 0px 0px 13px -4px inset;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-left:none;
	border-right:none;
	position: absolute;
	content: '';
	width: 128px;
	height: 150px;
	left: -17px;
	top: -21px;
	border-radius: 20px;
}


.color11:before {
	border-width: 6px;
	border-style: solid;
	border-color: rgba(50, 115, 220, 0);
	position: absolute;
	content: '';
	width: 140px;
	height: 150px;
	left: -28px;
	top: -26px;
	border-radius: 20px;
	overflow:hidden;
}
.color11:hover:before {
	box-shadow: #000 0px 0px 13px -4px inset;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-left:none;
	border-right:none;
	position: absolute;
	content: '';
	width: 128px;
	height: 150px;
	left: -17px;
	top: -21px;
	border-radius: 20px;
}



.color12:before {
	border-width: 6px;
	border-style: solid;
	border-color: rgba(50, 115, 220, 0);
	position: absolute;
	content: '';
	width: 140px;
	height: 150px;
	left: -28px;
	top: -26px;
	border-radius: 20px;
	overflow:hidden;
}
.color12:hover:before {
	box-shadow: #000 0px 0px 13px -4px inset;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-left:none;
	border-right:none;
	position: absolute;
	content: '';
	width: 128px;
	height: 150px;
	left: -17px;
	top: -21px;
	border-radius: 20px;
}





/*FOCUS-------------------------------------*/

.color1 a {
	display: block;
	width: 93px;
	height: 93px;
	position: absolute;
	float: left;
	top: 0;
	border-radius: 4px;
	background: rgba(0,255,0,0.0);
}



.color1 :focus {
	display: block;
	width: 93px;
	height: 93px;
	position: absolute;
	float: left;
	top: 0;
	border-radius: 4px;
	background: #474f9d;
}
.color1 a:focus:before {
	box-shadow: #000 0px 0px 13px -4px inset;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-left:none;
	border-right:none;
	position: absolute;
	content: '';
	width: 128px;
	height: 150px;
	left: -17px;
	top: -21px;
	border-radius: 20px;
}


/*COLOR 2*/


.color2 a {
	display: block;
	width: 93px;
	height: 93px;
	position: absolute;
	float: left;
	top: 0;
	border-radius: 4px;
	background: rgba(0,255,0,0.0);
}
.color2 a:focus {
	display: block;
	width: 93px;
	height: 93px;
	position: absolute;
	float: left;
	top: 0;
	border-radius: 4px;
	background: #4b5c4b;
}
.color2 a:focus:before {
	box-shadow: #000 0px 0px 13px -4px inset;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-left:none;
	border-right:none;
	position: absolute;
	content: '';
	width: 128px;
	height: 150px;
	left: -17px;
	top: -21px;
	border-radius: 20px;
}



/*COLOR 3*/

.color3 a {
	display: block;
	width: 93px;
	height: 93px;
	position: absolute;
	float: left;
	top: 0;
	border-radius: 4px;
	background: rgba(0,255,0,0.0);
}
.color3 a:focus {
	display: block;
	width: 93px;
	height: 93px;
	position: absolute;
	float: left;
	top: 0;
	border-radius: 4px;
	background: #d3772f;
}
.color3 a:focus:before {
	box-shadow: #000 0px 0px 13px -4px inset;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-left:none;
	border-right:none;
	position: absolute;
	content: '';
	width: 128px;
	height: 150px;
	left: -17px;
	top: -21px;
	border-radius: 20px;
}


/*COLOR 4*/

.color4 a {
	display: block;
	width: 93px;
	height: 93px;
	position: absolute;
	float: left;
	top: 0;
	border-radius: 4px;
	background: rgba(0,255,0,0.0);
}
.color4 a:focus {
	display: block;
	width: 93px;
	height: 93px;
	position: absolute;
	float: left;
	top: 0;
	border-radius: 4px;
	background: #bf2b2b;
}
.color4 a:focus:before {
	box-shadow: #000 0px 0px 13px -4px inset;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-left:none;
	border-right:none;
	position: absolute;
	content: '';
	width: 128px;
	height: 150px;
	left: -17px;
	top: -21px;
	border-radius: 20px;
}



/*COLOR 5*/

.color5 a {
	display: block;
	width: 93px;
	height: 93px;
	position: absolute;
	float: left;
	top: 0;
	border-radius: 4px;
	background: rgba(0,255,0,0.0);
}
.color5 a:focus {
	display: block;
	width: 93px;
	height: 93px;
	position: absolute;
	float: left;
	top: 0;
	border-radius: 4px;
	background: #3c9461;
}
.color5 a:focus:before {
	box-shadow: #000 0px 0px 13px -4px inset;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-left:none;
	border-right:none;
	position: absolute;
	content: '';
	width: 128px;
	height: 150px;
	left: -17px;
	top: -21px;
	border-radius: 20px;
}



/*COLOR 6*/

.color6 a {
	display: block;
	width: 93px;
	height: 93px;
	position: absolute;
	float: left;
	top: 0;
	border-radius: 4px;
	background: rgba(0,255,0,0.0);
}
.color6 a:focus {
	display: block;
	width: 93px;
	height: 93px;
	position: absolute;
	float: left;
	top: 0;
	border-radius: 4px;
	background:#529dc5;
}
.color6 a:focus:before {
	box-shadow: #000 0px 0px 13px -4px inset;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-left:none;
	border-right:none;
	position: absolute;
	content: '';
	width: 128px;
	height: 150px;
	left: -17px;
	top: -21px;
	border-radius: 20px;
}



/*COLOR 7*/

.color7 a {
	display: block;
	width: 93px;
	height: 93px;
	position: absolute;
	float: left;
	top: 0;
	border-radius: 4px;
	background: rgba(0,255,0,0.0);
}
.color7 a:focus {
	display: block;
	width: 93px;
	height: 93px;
	position: absolute;
	float: left;
	top: 0;
	border-radius: 4px;
	background:#ab5422;
}
.color7 a:focus:before {
	box-shadow: #000 0px 0px 13px -4px inset;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-left:none;
	border-right:none;
	position: absolute;
	content: '';
	width: 128px;
	height: 150px;
	left: -17px;
	top: -21px;
	border-radius: 20px;
}



/*COLOR 8*/

.color8 a {
	display: block;
	width: 93px;
	height: 93px;
	position: absolute;
	float: left;
	top: 0;
	border-radius: 4px;
	background: rgba(0,255,0,0.0);
}
.color8 a:focus {
	display: block;
	width: 93px;
	height: 93px;
	position: absolute;
	float: left;
	top: 0;
	border-radius: 4px;
	background:#1d75a3;
}
.color8 a:focus:before {
	box-shadow: #000 0px 0px 13px -4px inset;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-left:none;
	border-right:none;
	position: absolute;
	content: '';
	width: 128px;
	height: 150px;
	left: -17px;
	top: -21px;
	border-radius: 20px;
}


/*COLOR 9*/

.color9 a, .color13 a {
	display: block;
	width: 93px;
	height: 93px;
	position: absolute;
	float: left;
	top: 0;
	color:#000000;
	border-radius: 4px;
	background: rgba(0,255,0,0.0);
}
	.color9 a:focus, .color13 a:focus {
		display: block;
		width: 93px;
		height: 93px;
		position: absolute;
		float: left;
		top: 0;
		border-radius: 4px;
		background: #9a153d;
	}
	.color13 a:focus {
		background: #f2c811;
	}
		.color9 a:focus:before, .color13 a:focus:before {
			box-shadow: #000 0px 0px 13px -4px inset;
			border-top: 2px solid #fff;
			border-bottom: 2px solid #fff;
			border-left: none;
			border-right: none;
			position: absolute;
			content: '';
			width: 128px;
			height: 150px;
			left: -17px;
			top: -21px;
			border-radius: 20px;
		}


/*COLOR 10*/

.color10 a {
	display: block;
	width: 93px;
	height: 93px;
	position: absolute;
	float: left;
	top: 0;
	border-radius: 4px;
	background: rgba(0,255,0,0.0);
}
.color10 a:focus {
	display: block;
	width: 93px;
	height: 93px;
	position: absolute;
	float: left;
	top: 0;
	border-radius: 4px;
	background:#263426;
}

.color10 a:focus:before {
	box-shadow: #000 0px 0px 13px -4px inset;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-left:none;
	border-right:none;
	position: absolute;
	content: '';
	width: 128px;
	height: 150px;
	left: -17px;
	top: -21px;
	border-radius: 20px;
}



/*COLOR 11*/

.color11 a {
	display: block;
	width: 93px;
	height: 93px;
	position: absolute;
	float: left;
	top: 0;
	border-radius: 4px;
	background: rgba(0,255,0,0.0);
}
.color11 a:focus {
	display: block;
	width: 93px;
	height: 93px;
	position: absolute;
	float: left;
	top: 0;
	border-radius: 4px;
	background:#7f1818;
}
.color11 a:focus:before {
	box-shadow: #000 0px 0px 13px -4px inset;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-left:none;
	border-right:none;
	position: absolute;
	content: '';
	width: 128px;
	height: 150px;
	left: -17px;
	top: -21px;
	border-radius: 20px;
}


/*COLOR 12*/

.color12 a {
	display: block;
	width: 93px;
	height: 93px;
	position: absolute;
	float: left;
	top: 0;
	border-radius: 4px;
	background: rgba(0,255,0,0.0);
}
.color12 a:focus {
	display: block;
	width: 93px;
	height: 93px;
	position: absolute;
	float: left;
	top: 0;
	border-radius: 4px;
	background:#6c0f50;
}
.color12 a:focus:before {
	box-shadow: #000 0px 0px 13px -4px inset;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	border-left:none;
	border-right:none;
	position: absolute;
	content: '';
	width: 128px;
	height: 150px;
	left: -17px;
	top: -21px;
	border-radius: 20px;
}





/*GLARE EFFECT*/



.color1:after {
	content: ''; position: absolute; width: 100%; height: 100%;	background: linear-gradient(to right, transparent, white, transparent);
	left: -100%; transition: 0.5s; top:0px; opacity:0.5;}
.color1:hover:after { left:120px; top:0px; opacity:0;}



.color2:after {
	content: ''; position: absolute; width: 100%; height: 100%;	background: linear-gradient(to right, transparent, white, transparent);
	left: -100%; transition: 0.5s; top:0px; opacity:0.5;}
.color2:hover:after { left:120px; top:0px; opacity:0;}


.color3:after {
	content: ''; position: absolute; width: 100%; height: 100%;	background: linear-gradient(to right, transparent, white, transparent);
	left: -100%; transition: 0.5s; top:0px; opacity:0.5;}
.color3:hover:after { left:120px; top:0px; opacity:0;}

.color4:after {
	content: ''; position: absolute; width: 100%; height: 100%;	background: linear-gradient(to right, transparent, white, transparent);
	left: -100%; transition: 0.5s; top:0px; opacity:0.5;}
.color4:hover:after { left:120px; top:0px; opacity:0;}


.color5:after {
	content: ''; position: absolute; width: 100%; height: 100%;	background: linear-gradient(to right, transparent, white, transparent);
	left: -100%; transition: 0.5s; top:0px; opacity:0.5;}
.color5:hover:after { left:120px; top:0px; opacity:0;}


.color6:after {
	content: ''; position: absolute; width: 100%; height: 100%;	background: linear-gradient(to right, transparent, white, transparent);
	left: -100%; transition: 0.5s; top:0px; opacity:0.5;}
.color6:hover:after { left:120px; top:0px; opacity:0;}


.color7:after {
	content: ''; position: absolute; width: 100%; height: 100%;	background: linear-gradient(to right, transparent, white, transparent);
	left: -100%; transition: 0.5s; top:0px; opacity:0.5;}
.color7:hover:after { left:120px; top:0px; opacity:0;}


.color8:after {
	content: ''; position: absolute; width: 100%; height: 100%;	background: linear-gradient(to right, transparent, white, transparent);
	left: -100%; transition: 0.5s; top:0px; opacity:0.5;}
.color8:hover:after { left:120px; top:0px; opacity:0;}


.color9:after {
	content: ''; position: absolute; width: 100%; height: 100%;	background: linear-gradient(to right, transparent, white, transparent);
	left: -100%; transition: 0.5s; top:0px; opacity:0.5;}
.color9:hover:after { left:120px; top:0px; opacity:0;}


.color10:after {
	content: ''; position: absolute; width: 100%; height: 100%;	background: linear-gradient(to right, transparent, white, transparent);
	left: -100%; transition: 0.5s; top:0px; opacity:0.5;}
.color10:hover:after { left:120px; top:0px; opacity:0;}



.color11:after {
	content: ''; position: absolute; width: 100%; height: 100%;	background: linear-gradient(to right, transparent, white, transparent);
	left: -100%; transition: 0.5s; top:0px; opacity:0.5;}
.color11:hover:after { left:120px; top:0px; opacity:0;}


.color12:after {
	content: ''; position: absolute; width: 100%; height: 100%;	background: linear-gradient(to right, transparent, white, transparent);
	left: -100%; transition: 0.5s; top:0px; opacity:0.5;}
.color12:hover:after { left:120px; top:0px; opacity:0;}









/*---COLORS DASHBOARD ICONS----*/
.blue{background:#575a76; }
.grey{background:#6f726f; }
.orange{background:#e4a26e; }
.red{background:#a85b5b; }
.green{background:#6a9f80; }
.skyblue{background:#90b4c7; }
.orangedark{background:#8c5333; }
.skybluedark{background:#8bb1c5; }
.magenta{background:#cd708c; }
.greendark{background:#646664; }
.reddark{background:#a75a5a; }
.violet{background:#835876; }
.powerbi {
	background: #f2c811;
}

.icon_set li:last-child {
	margin: 0 0 0 0
}




.wrapper h1 {
	color: #04728d !important;
	font-weight: bold !important;
	font-size: 24px !important;
	width: 100%;
	line-height: 28px !important;
	float: left;
	text-align: left !important
}
.msg_wrap {
	width: 759px;
	height: auto;
	float: left;
	background: #00a68a;
	padding: 32px 95px 7px 88px;
	position: relative;
	margin-bottom: 35px;
}
#hed-text-formin {
	position: absolute;
	top: 10px;
	left: 20px;
	color: #fff;
	font-size: 18px;
	line-height: 18px !important;
	font-weight: normal;
}
.msg_wrap h2 span {
	color: #fff;
	font-size: 17px !important;
	width: 100%;
	float: left;
	font-weight: normal !important;
	text-align: left !important;
	padding-bottom: 10px !important;
}
.msg_wrap h3 {
	color: #fff;
	font-size: 16px !important;
	width: 100%;
	float: left;
	font-weight: normal !important;
	text-align: left !important;
	background: url(../images-Dashboard/bullet.png) no-repeat left center;
	padding: 0 0 0 16px !important
}
.msg_wrap p {
	color: #fff;
	font-size: 13px !important;
	width: 100%;
	float: left;
	line-height: 18px;
	font-weight: normal;
	padding: 0 0 10px 16px !important
}
.msg_wrap p a {
	text-decoration: underline;
	color: #fff;
}
.msg_wrap p a:hover {
	text-decoration: none;
	color: #000;
}
.msg_wrap_close {
	width: 25px;
	height: 25px;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}
.icons_mania {
	width: 100%;
	height: auto;
	float: left;
	position: relative
}
.icons_mania li a {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0
}
.promo {
	width: 100%;
	list-style: none;
}
.msg_wrap .bx-wrapper .bx-pager.bx-default-pager a {
	background: none repeat scroll 0 0 #999;
	border-radius: 5px;
	display: block;
	height: 10px;
	margin: 5px 5px;
	outline: 0 none;
	text-indent: -9999px;
	width: 10px;
}
.msg_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: none repeat scroll 0 0 #00a68a;
}
.msg_wrap .bx-controls {
	bottom: 0;
	position: absolute;
	right: -26px;
}
.location_selector {
	width: 20%;
	height: auto;
	float: left;
}
.login_area {
	width: 70%;
	height: auto;
	float: right;
	padding-left: 10px
}
.login_area ul {
	width: 100%;
	float: right;
	list-style: none;
}
.login_area ul li {
	float: left;
	display: block;
	padding-left: 20px;
	position: relative;
}
.login_area ul li span {
	background: #00aa8d;
	border-radius: 15px;
	color: #fff;
	font-size: 11px;
	line-height: 9px;
	padding: 4px;
	position: absolute;
	right: -13px;
	text-align: center;
	top: 11px;
	min-width: 10px;
	z-index: 100
}
.login_area ul li span:hover {
	background: #fff;
	color: #00aa8d
}
.login_area ul li a {
	line-height: 66px;
	text-decoration: none;
	color: #fff;
}
.login_area ul li a:hover {
	font-size: 16px;
	color: #fff;
}
.alret_boxes {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 40px;
	min-height: 50px;
}
.box_one {
	width: 200px;
	height: 38px;
	background: #007596;
	position: relative;
	float: left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.box_one span {
	font-size: 20px;
	color: #fff;
	line-height: 34px;
	padding-left: 10px;
}
.alert_count {
	position: absolute;
	top: -13px;
	right: -20px;
	height: 58px;
	width: 58px;
	background: #00a68a;
	border: 3px solid #fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	text-align: center;
	font-size: 28px;
	color: #fff;
	line-height: 54px;
	-webkit-box-shadow: #000 4px 1px 15px -8px;
	-moz-box-shadow: #000 4px 1px 15px -8px; /* color, h-offset, v-offset, blur, spread */
	box-shadow: #000 4px 1px 15px -8px; /* inset is optional */
	text-shadow: #666 3px 2px 2px;
}
.box_left {
	width: 220px;
	float: left;
}
.box_right {
	width: 220px;
	float: right;
}
/*Added New Additions Mar 23 2015*/
.hedder_wrap {
	width: 100%;
	height: auto;
	float: left;
	padding-top: 24px;
	padding-bottom: 17px;
}
.hed_lft {
	width: 200px;
	height: auto;
	float: left;
}
.hed_rgt {
	/*width: 200px;*/
	height: auto;
	float: right;
}
.alert_icons {
	width: 200px;
	height: auto;
	float: right;
}
.alert_icon_one {
	width: 36px;
	height: 25px;
	position: relative;
	float: right;
	margin-right: 25px;
}
.alert_icon_two {
	width: 36px;
	height: 26px;
	position: relative;
	float: right;
}
.alert_count {
	width: 23px;
	height: 23px;
	border: 2px solid #fff;
	background: #00a68a;
	position: absolute;
	top: -20px;
	right: -13px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	text-align: center;
	font-size: 13px;
	color: #fff;
	line-height: 22px;
	font-weight: normal;
	-moz-box-shadow: #000 4px 1px 15px -8px;
	box-shadow: #000 4px 1px 15px -8px;
	text-shadow: #666 3px 2px 2px;
}
.alert_count_2 {
	width: 23px;
	height: 23px;
	border: 2px solid #fff;
	background: #007596;
	position: absolute;
	top: -20px;
	right: -20px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	text-align: center;
	font-size: 13px;
	color: #fff;
	line-height: 22px;
	font-weight: normal;
	-webkit-box-shadow: #000 4px 1px 15px -8px;
	-moz-box-shadow: #000 4px 1px 15px -8px;
	box-shadow: #000 4px 1px 15px -8px;
	text-shadow: #666 3px 2px 2px;
}
/*Added New Additions Mar 23 2015*/
.hedder_wrap {
	width: 100%;
	height: auto;
	float: left;
	padding-top: 24px;
	padding-bottom: 17px;
}
.hed_lft {
	width: 200px;
	height: auto;
	float: left;
}
.hed_rgt {
	/*width: 200px;*/
	height: auto;
	float: right;
}
.alert_icons {
	width: 200px;
	height: auto;
	float: right;
}
.alert_icon_one {
	width: 36px;
	height: 25px;
	position: relative;
	float: right;
	margin-right: 25px;
}
.alert_icon_two {
	width: 36px;
	height: 26px;
	position: relative;
	float: right;
}
.alert_count {
	width: 33px;
	height: 23px;
	border: 1px solid #ed2024;
	background: #fff;
	position: absolute;
	top: -16px;
	left: 24px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	text-align: center;
	font-size: 12px;
	color: #000;
	line-height: 22px;
	font-weight: normal;
	-moz-box-shadow: #000 4px 1px 15px -8px;
	box-shadow: #000 4px 1px 15px -8px;
	z-index:1;
	text-shadow:none;
	font-weight:bold;
}
.alert_count_2 {
	width: 23px;
	height: 23px;
	border: 2px solid #fff;
	background: #007596;
	position: absolute;
	top: -20px;
	right: -20px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	text-align: center;
	font-size: 13px;
	color: #fff;
	line-height: 22px;
	font-weight: normal;
	-webkit-box-shadow: #000 4px 1px 15px -8px;
	-moz-box-shadow: #000 4px 1px 15px -8px;
	box-shadow: #000 4px 1px 15px -8px;
	text-shadow: #666 3px 2px 2px;
}
.popup .popup-content H4 {
	font-size: 18px !important;
	color: #00a68a !important;
	line-height: 24px;
	padding: 20px 10px 20px 10px !important;
	border-bottom: none !important;
}
.popup_bottom_bluew P {
	font-size: 14px !important;
	color: #fff;
	line-height: 18px !important;
	padding: 10px 0 10px 0 !important;
}
.RadGrid .rgGroupHeader td div div div {
	top: -6px !important;
}



#popup_window {
	cursor: pointer;
	color: #FCFCFC;
	margin: 200px 0px 0px 200px;
}
.popup-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	background: #fff;
	top: 0;
	left: 100%;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	-ms-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}
.overlay .popup-overlay {
	opacity: 0.6;
	left: 0;
	z-index: 1000;
}
.popup {
	position: fixed;
	top: 30%;
	left: 30%;
	right: 30%;
	z-index: -9999;
	margin-top: -80px;
}
.popup .popup-body {
	opacity: 0;
	margin-left: -200px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	-ms-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
	position: relative;
	-moz-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
	-webkit-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
	text-align: center;
}
.popup .popup-body {
	background: none repeat scroll 0 0 #fff;
	margin: 0 auto;
	opacity: 0;
	position: relative;
	text-align: center;
	transition: opacity 0.2s ease-out 0s;/* width: 580px; */
}
.popup.visible, .popup.transitioning {
	z-index: 9999;
	background: rgba(6,6,6,0.4);
	padding: 8px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	height: auto;
	float: left;
}
.popup.visible .popup-body {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.popup .popup-exit {
	cursor: pointer;
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: -14px;
	right: -14px;
	z-index: 100000;
	font-size: 13px !important;
	color: #fff;
	border-radius: 48px;
	background: #00a68a;
	line-height: 20px;
}
.popup .popup-content {
	overflow-y: auto;
	position: relative;
	background: #f0f0f0;
	/* width:583px; */
	-webkit-box-shadow: #000 0px 10px 9px -12px;
	-moz-box-shadow: #000 0px 10px 9px -12px; /* color, h-offset, v-offset, blur, spread */
	box-shadow: #000 0px 10px 9px -12px;
}
.popup .popup-content h4 {
	color: #313131 !important;
	font-size: 19px !important;
	text-transform: uppercase;
	font-weight: bold;
}
.popup .popup_bottom_bluew {
	float: left;
	background: #fff;/* width:97%; */
}
.popup-content .popup-title {
	font-size: 24px;
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 10px;
}
.popup-content p {
	font-size: 13px;
	text-align: justify;
}
#boxscroll {
	height: 200px;
}
body .RadButton.rbButton.btnMsuser {
	margin: 12px 14px 0 0;
	float: right;
	padding: 6px;
	height: 30px; border:0 none; line-height:16px;
	background: #ffffff;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
	text-transform: unset;
	font-size: 12px;
	color: #000000;
	background-image: linear-gradient(#ffffff, #e8edf2);
}
	body .RadButton.rbButton.btnMsuser .logoutIcon {
		float:right; padding:0 6px;
		background:rgba(0,0,0, 0.05); font-size:12px; color:#ff0000;
		line-height:30px; margin:-6px -6px -6px 5px;
	}
	body .RadButton.rbButton.rbRounded.btnMsuser {
		border-radius: 3px;
	}
body .RadButton.rbButton.btnMsuser > span {
	display: block;
	line-height: 16px;
	float: left;
}
	.btnMsuser .mslogo {
		width: 20px;
		height: 20px; margin-right:4px;
		float: left;
		position: relative;
	}
		.btnMsuser .mslogo span {
			display: block; 
			width: 8px;
			float: left;
			margin-right: 2px;
			margin-bottom: 2px;
			width: 8px;
			height: 8px;
			background: #000000;
		}
		.btnMsuser .mslogo span {
			background: #eb4e21;
		}
			.btnMsuser .mslogo span + span {
				background: #7cb500;
			}
				.btnMsuser .mslogo span + span + span {
					background: #019fe8;
				}
					.btnMsuser .mslogo span + span + span + span {
						background: #f8b401;
					}



.alert_center {
	width: 200px;
	height: 70px;
	margin:0 auto;
	padding-top:20px;
}

.alert_count_red {
	border: 1px solid #ed1e24;
}
.alert_count_blue {
	border: 1px solid #36409a;
}
body .alert_bell {
	color: #ed1e24 !important;
}

body .alert_like {
	color: #36409a !important;
}

.center_Pop_wraper{
	float:left;
	position:relative;
	width:100%;
	height:auto;
}

body .paMenu.blink .RadButton.rbButton {
	animation: blinkingText 1.2s infinite;
} 

@keyframes blinkingText {
	from {
		opacity:0;
		transform:scale(.9);
	}
	to {
		opacity: 1;
		transform: scale(1.1);
	}
	 
}

.gDPr_Warning {
	float: left;
	display: block;
	margin-top: 2px;
}

body .gdpr_alertY {
	font-size: 2em;
	color: #f0bd00;
}


body .gdpr_alertR {
	font-size: 2em;
	color: #f90c03;
}

