/*----Relations----*/

.required{
	color:red;
}
.rowstyle{
	padding:5px;
}
#relationbtn{
	padding:6px;
}

#tablestyle{
	padding:5px;
}
#rowstyle{
	padding:7px;
}
#errMsg_Name_VC,#errMsg_Address_VC,#errMsg_Country_ID,#errMsg_relation_type,#errMsgCity_VC,#errMsg_PostalCode_VC,#errMsg_Email_VC,#errMsg_valid_url{
	color:#ff0000;display:none;
}
#subheader{
	padding:7px;
}

.invoice{
	font-weight: bolder;
    font-size: 13px;
}

.scopelabel{
	padding: 7px 18px;
    font-weight: bolder;
}

#helpicon{
	color: #5486b1;
    font-size: 16px;
	cursor:pointer;
}

#back{
	margin-top: -5px;
}
/*----NC----*/
.nclabel{
	padding: 7px 18px;
}

.nclabelvalue{
	padding: 7px
}

#modaldialog{
	margin-top:13%
}

#modalcontent{
	border:2px solid #DCDCDC;
	border-radius:7px
}

#modalheader{
	padding:0% !important;
	background-color:#cccccc
}

.headerrow{
	padding:1.5%;
	color:black;
	font-size:12px;
	font-weight:bolder
}

/**----helpviewmodalbox---------**/

#helpmodal span{
	font-size:13px !important
}

#helpmodaldialog{
	margin-top:-5px
}

#headerlabel{
	padding:0.5%;
	color:white;
	font-size:14px;
}

#helpmodalcontent {
	width:100%;
	margin:19% 5% 0% 0%
}
#helpmodalheader {
	padding:0% !important;
	background-color:#4386bc;
}
#usermanualmodalcontent {
	width:51%;
	margin:39% 5% 0% 16%
}

#usermanualheader{
	padding:3%;
	color:white;
	font-size:16px;	
}
#usermodalheader{
	padding:0% !important;
	background-color:#4386bc;
	color:white;
	padding-right: 1%;
	height: 35px;
	padding-top: 5px
}

#newsmodalcontent {
	width:150%;
	margin:33% 0% 0% -24%
}

#newsmodalheader{
	padding:0% !important;
	background-color:#4386bc
}

#editimg{
	width:20px;
	margin-top:9px;
	padding-left:2px
}

#header{
	padding:1%;
	color:white;
	font-size:16px;
	font-weight:bolder
}

#modal_info{
	padding:3%;
	font-size:13px
}

/*-----sideicons--------*/

#sideiconsrow {
	margin-left:10%;
	margin-right:10%;
	padding-top:1%;
	padding-bottom: 5px;
	margin-bottom:0px !important;
	margin-top:1%;
	border-radius:5px
}

#navigationMenu{
    margin-left: -80px !important;
}

@media only screen and (min-width: 768px){
	#sideiconsrow {
	    margin-left: 5%;
	}
}

@media only screen and (min-width: 2049px){
	#sideiconsrow{
		    margin-left: 23% !important;
	}
}

@media only screen and (min-width: 2560px)
{
	#sideiconsrow {
    margin-left: 20% !important;
	}
}

@media only screen and (min-width: 2732px){
	#sideiconsrow {
		margin-left: 30% !important;
	}
}

@media only screen and (min-width: 1707px){
	#sideiconsrow {							/* 80% */			
		margin-left: 10%;
	}
}

#navigationMenu {
    position:fixed;
    top:184px;
    z-index:999;
	/* right:0px */
}

#navigationMenu li {
    list-style:none;
    height:39px;
    width:40px;
    padding:2px;
	margin-right: 38px;
}

#navigationMenu span {
    width:0;
	/* right:38px; */
    position:absolute;
    overflow:hidden;
    font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight:700;
    letter-spacing:.6px;
    white-space:nowrap;
    line-height:39px;
    -webkit-transition:.25s;
    -moz-transition:.25s;
	transition:.25s;
    padding:0
}

#navigationMenu a {
    background:url(../../assets/images/navigation.jpg) no-repeat;
	font-size:12px;
    height:39px;
    width:38px;
    display:block;
    position:relative
}

#navigationMenu a:hover span {
    width:auto;
    overflow:visible;
    padding:0 20px
}

#navigationMenu a:hover {
	text-decoration:none;
    -moz-box-shadow:0 0 5px #9ddff5;
    -webkit-box-shadow:0 0 5px #9ddff5;
	box-shadow:0 0 5px #9ddff5
}

#navigationMenu .home {
    background-position:0 0
}

#navigationMenu .home:hover {
    background-position:0 -39px
}

#navigationMenu .about {
    background-position:-38px 0
}

#navigationMenu .about:hover {
    background-position:-38px -39px
}

#navigationMenu .services {
    background-position:-76px 0
}

#navigationMenu .services:hover {
    background-position:-76px -39px
}

#navigationMenu .portfolio {
    background-position:-114px 0
}

#navigationMenu .portfolio:hover {
	background-position:-114px -39px
}

#navigationMenu .contact {
    background-position:-152px 0
}

#navigationMenu .contact:hover {
    background-position:-152px -39px
}

#navigationMenu .home span,#navigationMenu .about span,#navigationMenu .services span,
#navigationMenu .portfolio span,#navigationMenu .contact span {
    background-color:#f0f0f0!important;
    color:#000;
    font-size:12px

}

/**----Report---------**/

#reportmodaldialog{
	margin-top:7%;
}

#reportmodalcontent{
	border:2px solid grey;
	border-radius:7px;
	width:137%;
	margin-left: -20%;
}

#reportmodalheader{
	padding:0% !important;
	background-color:#cccccc
}

#reportmodalbody{
	background-color:#4386bc;
	color:white;padding:1%
}

#reportbtn{
	padding:1.5%;
	color:black;
	font-size:12px;
	font-weight:bolder
}

/*---librarylist----*/

#listheader{
	background-color:#4386bc;
	color:white;
	padding: 4px 10px;
}

/*-----cluster-----*/

#clustermodel{
	width:100%;
	margin:20% 0% 0% 0%;
}
#clusterheader{
	padding:0% !important;
	background-color:#4386bc
}
#headertitle{
	color:#ffffff;
	margin-top:5px;
	padding-left: 6px;
	font-size:14px !important
}