@font-face {
    font-family: "Arial Black";
    src: url('../fonts/arial-black/Arial-Black.ttf');
    src: url('../fonts/arial-black/Arial-Black.eot');
    src: url('../fonts/arial-black/Arial-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/arial-black/Arial-Black.woff2') format('woff2'),
        url('../fonts/arial-black/Arial-Black.woff') format('woff'),
        url('../fonts/arial-black/Arial-Black.svg#Arial-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Orbitron";
    src: url('../fonts/Orbitron/static/Orbitron-SemiBold.ttf');
    font-style: normal;
}


body { font-family: 'Open Sans', sans-serif; margin: 0px; padding: 0px; background: #101928 url('../images/bg.png') no-repeat; background-size: cover}
html, body { height: 100%; margin: 0; font-size: 14px;}

/* Wrapper */
.wrapper{ width: 1024px; margin: 0 auto; overflow: hidden;}
.big-wrapper { width: 90% }

/* Header */
.logo-holder{ text-align: left }
.logo-holder img{ max-width: 100%; }
.tagline-holder{ text-align: right; }
.tagline-holder img { max-width: 100%; }
.mak-id{ background-color: #fce485; padding: 5px; color: #094988; height: 20px; font-size: 13px; line-height: 12px; font-weight: bold; margin-top: 4px;}
.mak-settings{ text-align: right; }
.mak-settings a {padding: 0 2px;text-decoration: none;}
.header-bar{ line-height: 28px; }
.header-bar h1{ font-weight: bold; font-style: italic; font-size: 14px; line-height: 1.2;padding: 2px 0;margin-top: 4px;}


/* Primary Navigation */
.primary-nav{ padding: 10px; height: 40px;}
.primary-nav ul li{ display: inline-block; margin-right: 10px; }
.primary-nav ul li a{ color: #fff; font-size: 12px; font-weight: bold; text-decoration: none;}
.primary-nav ul li a:hover{ text-decoration: none; color: #fed700; }
.primary-nav ul li a i{ padding: 3px 5px; }

.nav-icon {width: 16px;height: 16px;vertical-align: middle;margin-top: -4px;}

ul#horizontal, #horizontal ul  {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#horizontal li {
	float: left;  
}
#horizontal {
	float: left;
	width:100%;
}
#horizontal a:visited {
	text-align: center;
	text-decoration: none;
}

#horizontal a {
	display: block;
}

#horizontal li.hideshow ul{
	position:absolute;
	display:none;
	left: 0;
	background: #638a98;
	width: 196px;
	z-index: 99999
}

#horizontal li.hideshow
{
	position:relative;
	display: inline-block; margin-right: 10px; 
}

#horizontal li.hideshow ul li{ display: inline-block; margin-right: 10px;width: 100% }
#horizontal li.hideshow ul li a{ color: #fff; font-size: 12px; font-weight: bold; padding: 7px 8px; }
#horizontal li.hideshow ul li a:hover{ text-decoration: none; color: #094988;}
#horizontal li.hideshow ul li:hover {background: #fafafa;}

/*#primary-nav{ position: relative; }
#primary-scroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 1010px;
	height: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

#primary-scroller ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}

#primary-scroller li {
	display: block;
	float: left;
	font-size: 14px;
}*/


/* Primary Navigation */
.seconday-nav{ padding: 5px 10px; overflow: hidden;}
.seconday-nav ul li{ display: inline-block; margin-right: 10px; padding-top: 5px; padding-bottom: 5px;}
.seconday-nav ul li a{ color: #145598; font-size: 12px; font-weight: bold; }
.seconday-nav ul li a:hover{ text-decoration: none; color: #fed700; }
.seconday-nav ul li a i{ padding: 3px 5px; }

.post-items { margin-bottom: 10px; }
.post-items:last-child{margin-bottom: 0;}
.post-items h2{ line-height: 18px; font-size: 14px; }
.post-items .transaction-counter{ font-size: 11px; color: #c3c9cb; }
.post-items .transaction-date{ color: #c3c9cb; font-size: 11px; font-weight: bold; margin-bottom: 5px; margin-top: 5px; }
.post-items .transaction-rate{ text-align: right; margin-bottom: 5px;}

.post-items .transaction-provider{ color: #c3c9cb; font-size: 10px; text-align: right;}
.post-items .transaction-provider-pic{text-align: right; margin-top: 5px}
.post-items .transaction-provider-pic img{ width: 25px; height: 25px;border-radius: 50%;margin: 0 1px;}

.post-items .control-label {
	white-space: nowrap;
    /*overflow: hidden;
    text-overflow: ellipsis;*/
    /*scroll text*/
    overflow-x: auto;
    overflow-y: hidden;
}

.list-requirements .req-form{ color: #145598; font-size: 13px; font-weight: bold; }
.list-requirements .req-status{ font-style: italic; font-size: 12px; color: #c3c9cb; }
.list-requirements .req-date{  font-size: 12px; color: #c3c9cb; }

.list-requirements .media-image-cont {min-width: 145px;max-width: 145px;}
.list-requirements .media-image-img {max-height: 40px;max-width: 130px;margin: 0 auto;}

.table thead tr th{ font-size: 12px; }
.table tbody tr td{ font-size: 12px; }

.child-row{ display: none; }
.child-row td{ padding: 0px!important; border-top: 0px!important; }
.child-row td table tr td{ padding: 8px!important; }


/*Side bar*/
.top-gov-services{ background: #ffffff; padding: 10px;min-height: 150px;}
.top-gov-services h2{ text-transform: uppercase; color: #475f68; font-weight: bold; border-bottom: 5px solid #475f68; padding-bottom: 5px; margin-bottom: 10px; font-size: 14px; }
.top-gov-services ul li{ font-size: 13px; color: #145598; font-weight: bold; line-height: 18px; }

.top-performance-services{ background: #ffffff; padding: 10px; min-height: 150px;}
.top-performance-services h2{ text-transform: uppercase; color: #475f68; font-weight: bold; border-bottom: 5px solid #475f68; padding-bottom: 5px; margin-bottom: 10px; font-size: 13px; }
.top-performance-services ul li{ font-size: 10px; color: #145598; font-weight: bold; line-height: 18px; clear: both; }
.top-performance-services ul li span{ float: right; color: #92a0ae; font-weight: normal; }
.view-all{ text-align: center }
.view-all p{ font-size: 12px; text-align: center; color: #92a0ae; }

/*Quickserve */
.quickserve h1{ color: #fff; font-size: 18px; font-weight: bold; }
.quickserve .form{ background: #145598; border: 1px solid #fff; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; padding: 10px;}

.login-container{ position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%);}	


/* Footer */
.footer{
	background: #090404;
	background: -moz-linear-gradient(top, #090404 29%, #10144c 58%, #0b0e35 100%);
	background: -webkit-linear-gradient(top, #090404 29%,#10144c 58%,#0b0e35 100%);
	background: linear-gradient(to bottom, #090404 29%,#10144c 58%,#0b0e35 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#090404', endColorstr='#0b0e35',GradientType=0 );
	padding-top: 15px;
	padding-bottom: 15px;
}

.footer h2{ color: #5c7c7f; font-family: "Times New Roman"; font-style: italic; font-weight: bold;}
.footer h3.copyright{color: #5c7c7f;}

/*Media Query*/
@media (max-width: 1023px) {
	.wrapper{width: 90%;}
	.big-wrapper { width: 90%; }
}

@media (max-width: 768px) {
	.wrapper{width: 97%;}
	/*.logo-holder{ text-align: center; }	*/
	.tagline-holder img {display: none;}
	/*.header-bar h1{ display: none; }*/
	.mak-settings{ text-align: right; }
	.post-items h2{ font-size: 12px; line-height: 20px;}
	.header-bar h1 {margin-top: 0;}
}

/*smaller width*/
@media (max-width: 550px) {
	/*.mak-id span{ display: none; }*/
	.post-items .transaction-provider {font-size: 9px;}
	.post-items .transaction-provider-pic img{ width: 20px; height: 20px;}
	.post-items .transaction-rate {font-size: 90%;}
}

/* Position */
.relative{ position:relative; }
.absolute{ position: absolute; }
.float-none{ float:none; }

/* background color*/
.bg-white{ background: #fff; }
.bg-gold{ background: #ffcc00; }
.bg-yellow{ background: #f4c60f; }
.bg-violet{ background: #9d1ee6; }
.bg-red{ background: #ff1e00; }
.bg-grey{ background: #475f68; }
.bg-gray{ background: #92a0ae; }
.bg-blue{ background: #145598; }
.bg-orange{ background: #f45b0f; }
.bg-green{ background: #58ad05; }
.bg-cyan{ background: #089dc2; }
.bg-light-green{ background: #67be4d; }
.bg-light-gray{ background: #e6ebf2; }

/* text color */
.text-white{ color: #fff; }
.text-gold{ color: #ffcc00; }
.text-yellow{ color: #f4c60f; }
.text-violet{ color: #9d1ee6; }
.text-red{ color: #ff1e00; }
.text-grey{ color: #475f68; }
.text-gray{ color: #92a0ae; }
.text-blue{ color: #145598; }
.text-orange{ color: #f45b0f; }
.text-green{ color: #58ad05; }
.text-cyan{ color: #089dc2; }
.text-light-green{ color: #67be4d; }

/* text format */
.text-upper{ text-transform: uppercase; }
.text-caps{ text-transform: capitalize; }
.text-bold{ font-weight: bold}
.text-italic{ font-style: italic; }

/* borders */
.no-border{ border: 0px;}
.border-right{ border-right: 1px solid #e8e7e7; }
.border-left{ border-left: 1px solid #e8e7e7; }
.border-top{ border-top: 1px solid #e8e7e7; }
.border-bottom{ border-bottom: 1px solid #e8e7e7; }

/* padding and offset */
.padding-5{ padding: 5px; }
.padding-10{ padding: 10px; }
.padding-15{ padding: 15px; }
.padding-20{ padding: 20px; }

.padding-top-5{ padding-top: 5px; }
.padding-top-10{ padding-top: 10px; }
.padding-top-15{ padding-top: 15px; }
.padding-top-20{ padding-top: 20px; }

.padding-bottom-5{ padding-bottom: 5px; }
.padding-bottom-10{ padding-bottom: 10px; }
.padding-bottom-15{ padding-bottom: 15px; }
.padding-bottom-20{ padding-bottom: 20px; }

.padding-left-5{ padding-left: 5px; }
.padding-left-10{ padding-left: 10px; }
.padding-left-15{ padding-left: 15px; }
.padding-left-20{ padding-left: 20px; }

.padding-right-5{ padding-right: 5px; }
.padding-right-10{ padding-right: 10px; }
.padding-right-15{ padding-right: 15px; }
.padding-right-20{ padding-right: 20px; }

.offset-5{ margin: 5px; }
.offset-10{ margin: 10px; }
.offset-15{ margin: 15px; }
.offset-20{ margin: 20px; }

.offset-top-5{ margin-top: 5px; }
.offset-top-10{ margin-top: 10px; }
.offset-top-15{ margin-top: 15px; }
.offset-top-20{ margin-top: 20px; }

.offset-bottom-5{ margin-bottom: 5px; }
.offset-bottom-10{ margin-bottom: 10px; }
.offset-bottom-15{ margin-bottom: 15px; }
.offset-bottom-20{ margin-bottom: 20px; }

.offset-left-5{ margin-left: 5px; }
.offset-left-10{ margin-left: 10px; }
.offset-left-15{ margin-left: 15px; }
.offset-left-20{ margin-left: 20px; }

.offset-right-5{ margin-right: 5px; }
.offset-right-10{ margin-right: 10px; }
.offset-right-15{ margin-right: 15px; }
.offset-right-20{ margin-right: 20px; }

@media (max-width: 990px) {
	#side-menu{ display: none; }
	
	.left-content{
		padding-top: 10px;
		padding-left: 10px;
	}

	.header-bar {
	    padding: 5px 0;
	}
}

@media (max-width: 766px) {
	.input-date{  background: url('../images/calendar-icon.png') no-repeat 98% 2px!important;}
	.login-container .left{ padding-right: 15px; border-right: 0px; padding-bottom: 50px;}
	.login-container .right{ padding-left: 15px; padding-bottom: 50px;}
}


@media (min-width: 768px) {
  #otherDataCont .dl-horizontal dt {
    float: left;
    min-width: 200px;
    overflow: hidden;
    clear: left;
    text-align: left;
    text-overflow: unset;
    white-space: pre-wrap;
  }

  #otherDataCont .dl-horizontal dd {
    margin-left: 180px;
  }
}

/*
.id-overlay{background-color: rgba(0, 0, 0, 0.8); position:fixed; top: 0; width: 100%; height: 100%; z-index: 999; display: none;}
#mak-id{background: url('../images/bg-id2.png'); background-size: 480px; background-repeat: no-repeat; width: 480px; height: 300px; position:fixed; z-index: 9999; left: 50%; top: 50%; margin-left: -240px; margin-top: -150px; 
-webkit-border-radius: 30px 30px 30px 30px; border-radius: 30px 30px 30px 30px; display: none;}
#mak-id .left-logo{ position:absolute; top: 15px; left: 10px;width: 330px;}
#mak-id .left-logo img {width: 50px;float: left;}
#mak-id .left-logo .txt {font-weight: bolder;font-size: 30px;font-family: "Arial Black";text-transform: uppercase;line-height: 24px;vertical-align: top;margin-left: 52px;display: block;}
#mak-id .left-logo .m {
	color:#03438b;    
	text-shadow: 1px 0 #03438b;
	letter-spacing:1px;
	display: block;
}
#mak-id .left-logo .c {
	color:#e63b38;    
	text-shadow: 1px 0 #e63b38;
	letter-spacing:1px;
	display: block;
}
#mak-id .left-logo .i {
	font-weight: bold;
    color: #38341a;
    text-decoration: none;
    font-family: "HelveticaNeue-Medium", sans-serif;
    font-size: 8px;
    display: block;
    margin-top: -3px;
    padding-left: 2px;
    transform: scale(1, 1.5);
    -webkit-transform: scale(1, 1.5); 
	  -moz-transform: scale(1, 1.5); 
	  -ms-transform: scale(1, 1.5); 
	  -o-transform: scale(1, 1.5); 
}

#mak-id .right-logo{ position:absolute; top: 5px; right: 10px; width: 130px; text-align:center; color: #12404a; font-size: 11px;}
#mak-id .profile-photo{  width: 100px; position:absolute; top: 85px; left: 10px;}
#mak-id .profile-photo img.avatar{border: 4px solid #a39562;}
#mak-id .qr-code{position:absolute; bottom: 15px; right: 20px;text-align: right;}
#mak-id .qr-code .qr-img {display: block;}
#mak-id .qr-code .qr-flag {margin-top: -8px;margin-bottom: -10px;margin-right: 2px;}
#mak-id .mak-id-data{position:absolute; bottom: 7px; left: 15px;}
#mak-id .mak-id-data p{ font-size: 12px; }
#mak-id .mak-id-data .main-data{ font-size: 18px; font-weight:bold; margin-bottom: 5px; display: inline-block; color: #12404a;}
#mak-id .mak-id-data p strong{ color: #12404a; }
*/

/*
.id-overlay{background-color: rgba(0, 0, 0, 0.8); position:fixed; top: 0; width: 100%; height: 100%; z-index: 999; display: none;}
#mak-id{background: url('../images/bg-id3.png'); background-size: 480px; background-repeat: no-repeat; width: 480px; height: 300px; position:fixed; z-index: 9999; left: 50%; top: 50%; margin-left: -240px; margin-top: -150px; 
-webkit-border-radius: 30px 30px 30px 30px; border-radius: 30px 30px 30px 30px; display: none;}
#mak-id .left-logo{ position:absolute; top: 15px; left: 10px;width: 380px;}
#mak-id .left-logo img {width: 50px;float: left;}
#mak-id .left-logo .txt {font-weight: bolder;font-size: 26px;font-family: "Arial Black";text-transform: uppercase;line-height: 21px;vertical-align: top;margin-left: 52px;display: block;}
#mak-id .left-logo .m {
	color:#3a8cd0;    
	text-shadow: 1px 0 #3a8cd0;
	letter-spacing:1px;
	display: block;
}
#mak-id .left-logo .c {
	color:#e93324;    
	text-shadow: 1px 0 #e93324;
	letter-spacing:1px;
	display: block;
}
#mak-id .left-logo .i {
	font-weight: bold;
    color: #e1dbe0;
    text-decoration: none;
    font-family: "HelveticaNeue-Medium", sans-serif;
    font-size: 9px;
    display: block;
    margin-top: 1px;
    padding-left: 2px;
    transform: scale(1, 1.5);
    -webkit-transform: scale(1, 1.5); 
	  -moz-transform: scale(1, 1.5); 
	  -ms-transform: scale(1, 1.5); 
	  -o-transform: scale(1, 1.5); 
}

#mak-id .right-logo{ position:absolute; top: 5px; right: 10px; width: 75px; text-align:center; color: #e1dbe0; font-size: 9px;}
#mak-id .profile-photo{  width: 70px; position:absolute; top: 120px; left: 10px;}
#mak-id .profile-photo img.avatar{border: 3px solid #e1dbe0; width: 70px;height: 70px}
#mak-id .qr-code{position:absolute; bottom: 70px; right: 20px;text-align: right;}
#mak-id .qr-code .qr-img {display: block; background: #fff;width: 46px;}
#mak-id .qr-code .qr-flag {margin-top: -8px;margin-bottom: -10px;margin-right: 2px;display: none}
#mak-id .mak-id-data {color: #fff;}
#mak-id .mak-id-data p{ font-size: 12px; }
#mak-id .mak-id-data .main-data{position:absolute; bottom: 103px; left: 85px; font-size: 18px; font-weight:bold; margin-bottom: 5px; display: inline-block; color: #fff;font-family: monospace;}
#mak-id .mak-id-data .sub-data{position:absolute; bottom: 68px; left: 15px; }
#mak-id .mak-id-data p strong{ color: #fff; }
*/

.id-overlay{background-color: rgba(0, 0, 0, 0.8); position:fixed; width: 100%; height: 100%; z-index: 999; display: none;}
#mak-id{background: url('../images/bg-id4.png'); background-size: 480px; background-repeat: no-repeat; width: 480px; height: 300px; position:fixed; z-index: 9999; left: 50%; top: 50%; margin-left: -240px; margin-top: -150px; 
-webkit-border-radius: 30px 30px 30px 30px; border-radius: 30px 30px 30px 30px; display: none;}

/* Update This Section Style */
#mak-id .left-logo{ position:absolute; top: 15px; left: 20px;}
#mak-id .right-logo{ position:absolute; top: 15px; right: 28px; width: 50px; text-align:center; color: #12404a; font-size: 11px;}
#mak-id .profile-photo{  width: 100px; position:absolute; top: 120px; left: 15px;}
#mak-id .watermark-profile-photo{width: 60px; position:absolute; top: 120px; left: 115px;}
#mak-id .watermark-profile-photo img {
    -webkit-filter: brightness(150%) grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: brightness(150%) grayscale(100%);
}
#mak-id .profile-photo .pre-label{ font-weight:bold; text-transform: uppercase; color: #000; font-size: 11px; font-family: arial;}
#mak-id .profile-photo .prov-label{ font-weight:bold; text-transform: uppercase; color: #000; font-size: 10px; font-family: arial;}
#mak-id .qr-code{position:absolute; bottom: 25px; right: 20px;}
#mak-id .mak-id-data{position:absolute; top: 110px; left: 166px; }
#mak-id .mak-id-data p{ font-size: 12px; width: 260px; font-family: arial; line-height:16px;}
#mak-id .mak-id-data .main-data{ font-size: 18px; font-weight:bold; margin-bottom: 5px; display: inline-block; color: #000;}
#mak-id .mak-id-data p strong{ color: #000; font-family: arial; text-transform: uppercase; font-size: 15px;}
#mak-id .mak-id-address{ margin-top: 5px;}

#mak-id .mak-id-main-data{position:absolute; top: 84px; left: 15px;}
#mak-id .mak-id-main-data .main-data{font-size: 14px; font-weight:bold; margin-bottom: 5px; display: inline-block; color: #000;}
#mak-id .mak-id-main-data .main-data span{ color: #c60218; }

#mak-id .center-header-title { color: #000; text-align: center; padding-top: 20px; }
#mak-id .center-header-title h1, #mak-id .center-header-title h2, #mak-id .center-header-title h3{ text-transform: uppercase; font-family: arial;}
#mak-id .center-header-title h1{ font-size: 18px; font-weight: bold;}
#mak-id .center-header-title h2{ font-size: 14px; }
#mak-id .center-header-title h3{ font-size: 18px; margin-top:  0px; font-family: 'arial', sans-serif; letter-spacing: -1px; font-weight: bold;}
/* Update This Section Style End */

#emergency-id {
	background: url('../images/emergencyidback.jpg'); 
	background-size: 480px; 
	background-repeat: no-repeat; 
	width: 480px; 
	height: 300px; 
	position:fixed; 
	z-index: 9999; 
	left: 50%; 
	top: 50%; 
	margin-left: -240px; 
	margin-top: -150px;
	display: none;
}
#emergency-id .left-logo{ position:absolute; top: 15px; left: 10px;width: 380px;}
#emergency-id .left-logo img {width: 50px;float: left;}
#emergency-id .left-logo .txt {font-weight: bolder;font-size: 26px;font-family: "Arial Black";text-transform: uppercase;line-height: 21px;vertical-align: top;margin-left: 52px;display: block;}
#emergency-id .left-logo .m {
	color:#0b5a9c;    
	text-shadow: 1px 0 #0b5a9c;
	letter-spacing:1px;
	display: block;
}
#emergency-id .left-logo .c {
	color:#e93324;    
	text-shadow: 1px 0 #e93324;
	letter-spacing:1px;
	display: block;
}
#emergency-id .left-logo .i {
	font-weight: bold;
    color: #171616;
    text-decoration: none;
    font-family: "HelveticaNeue-Medium", sans-serif;
    font-size: 9px;
    display: block;
    margin-top: 1px;
    padding-left: 2px;
    transform: scale(1, 1.5);
    -webkit-transform: scale(1, 1.5); 
	  -moz-transform: scale(1, 1.5); 
	  -ms-transform: scale(1, 1.5); 
	  -o-transform: scale(1, 1.5); 
}

#emergency-id .right-logo{ position:absolute; top: 5px; right: 10px; width: 75px; text-align:center; color: #171616; font-size: 9px;}
#emergency-id .profile-photo{  width: 70px; position:absolute; top: 117px; left: 10px;}
#emergency-id .profile-photo img.avatar{border: 3px solid #e1dbe0; width: 70px;height: 70px}
#emergency-id .qr-code{position:absolute; bottom: 70px; right: 20px;text-align: right;}
#emergency-id .qr-code .qr-img {display: block; background: #ffffff;width: 65px;}
#emergency-id .qr-code .qr-flag {margin-top: -8px;margin-bottom: -10px;margin-right: 2px;display: none}
#emergency-id .mak-id-data {color: #171616;}
#emergency-id .mak-id-data p{ font-size: 12px; }
#emergency-id .mak-id-data .main-data{position:absolute; bottom: 110px; left: 85px; font-size: 18px; font-weight:bold; margin-bottom: 5px; display: inline-block; color: #171616;font-family: "Century Gothic", monospace;}
#emergency-id .mak-id-data .sub-data{position:absolute; bottom: 75px; left: 15px; }
#emergency-id .mak-id-data p strong{ color: #171616; }

#emergency-id .redx-box{position:absolute; bottom: 140px; right: 27px;text-align: right;}


#rc-id{
	background: url('../images/rc-id-bg.png'); 
	background-size: 480px; 
	background-repeat: no-repeat; 
	width: 480px; 
	height: 300px; 
	position:fixed; 
	z-index: 9999; 
	left: 50%; 
	top: 50%; 
	margin-left: -240px; 
	margin-top: -150px; 
	-webkit-border-radius: 30px 30px 30px 30px; 
	border-radius: 30px 30px 30px 30px; 
	display: none;
}

/* Update This Section Style */
#rc-id .left-logo{ position:absolute; top: 15px; left: 10px;}
#rc-id .right-logo{ position:absolute; top: 15px; right: 28px; width: 50px; text-align:center; color: #12404a; font-size: 11px;}
#rc-id .profile-photo{  width: 100px; position:absolute; top: 150px; right: 15px;}
#rc-id .profile-photo img.avatar{}
#rc-id .profile-photo .pre-label{ font-weight:bold; text-transform: uppercase; color: #01416d; font-size: 11px; font-family: arial;}
#rc-id .profile-photo .prov-label{ font-weight:bold; text-transform: uppercase; color: #e1072b; font-size: 15px; font-family: arial;}
#rc-id .qr-code{position:absolute; bottom: 25px; left: 20px;}
#rc-id .rc-id-data{position:absolute; bottom: 40px; left: 105px; text-transform: uppercase;}
#rc-id .rc-id-data p{ font-size: 12px; width: 260px; font-family: arial;}
#rc-id .rc-id-data .main-data{ font-size: 18px; font-weight:bold; margin-bottom: 5px; display: inline-block; color: #12404a;}
#rc-id .rc-id-data p strong{ color: #12404a; font-family: arial;}

#rc-id .rc-id-main-data{position:absolute; top: 158px; left: 20px;}
#rc-id .rc-id-main-data .main-data{font-size: 18px; font-weight:bold; margin-bottom: 5px; display: inline-block; color: #043c79;}
#rc-id .rc-id-main-data .main-data span{ color: #c60218; }

#rc-id .center-header-title { color: #fff; text-align: center; padding-top: 20px; }
#rc-id .center-header-title h1, #rc-id .center-header-title h2, #rc-id .center-header-title h3{ text-transform: uppercase; font-weight: bold; font-family: arial;}
#rc-id .center-header-title h1{ font-size: 18px;}
#rc-id .center-header-title h2{ font-size: 14px;}
#rc-id .center-header-title h3{ font-size: 18px; margin-top:  40px; font-family: 'Orbitron', sans-serif; letter-spacing: 2px;}


/* line height */
.lh-20{ line-height: 20px;}

/* Typos */
.small-text{ font-size: 11.7px; }


#serviceApplicationModal thead th {border-bottom-width: 1px;}


#header-office-title {margin-top: 10px;color: white; text-transform: uppercase;font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-style: normal; font-variant: normal; font-weight: bold;}
#header-office-title h1 {font-size: 60px;}
#header-office-title h4 {font-size: 20px;}
#header-office-title img {margin-top: 5px;max-width: 70px;width: 100%}
#header-office-contact {font-family: Arial, sans-serif; font-style: normal; font-variant: normal;width: 300px;float: right;margin-top: 5px;}
#header-office-contact .contact-label {font-size: 15px;font-weight: bold;}
#header-office-contact .contact-value {font-size: 18px;font-weight: bold; color: white}
#header-office-contact .address-value {font-size: 12px;color: #6bb2ce;font-weight: bold;}

@media screen and (max-width: 800px) {
  	#header-office-title h1 {font-size: 48px;}
	#header-office-title h4 {font-size: 15px;}
	#header-office-title img {margin-top: 0px;width: 80%;margin-left: 10px;}
}

@media screen and (max-width: 600px) {
  	#header-office-title h1 {font-size: 40px;}
	#header-office-title h4 {font-size: 13px;}
}

.side-message {padding: 0 0 10px 0;}
.side-message img {max-width: 70px;float: left;margin: 5px 5px 0 0;}
.side-message p {
	text-indent: 20px;
	padding: 2px 0;
}

.organization-logo {
	width: 100%;
	max-width: 70px;
	margin: 5px;
	vertical-align: middle;
}

.organization-partner-logo {
	width: 100%;
	max-width: 50px;
	margin: 5px;
	vertical-align: middle;
}

.org-category {
	font-weight: bolder;
	font-size: 15px;
	color: #336eaf;
	padding: 10px 0 5px 10px;
}

.org-item {
	padding: 5px;
	min-height: 92px;
}

.org-item .image {
	width: 50px;
	height: 50px;
	/*border-radius: 50%;*/
	margin: 0 auto;
	/*background: #dcdfe1;*/
	background: #ffffff;
	background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

.org-item .name {
	text-align: center;
	font-weight: bold;
	color: #089dc2;
	font-size: 9px;
	padding: 2px;
	cursor: pointer;
}


#trabaho-container .panel {
	border-radius: 0;
	margin-bottom: 10px
}
#trabaho-container .panel-body {padding: 0}
#trabaho-container .panel-body.p10 {padding: 10px}

#trabaho-container .profile-pic img{
	max-width: 45px;
	max-height: 45px;
	vertical-align: bottom;
}
#trabaho-container .profile-pic div {
	display: inline-block;
}

#trabaho-container a:hover {
	text-decoration: none;
}

.service-cat-label {text-align: right;padding-top: 3px}
.service-cat-back {vertical-align: initial;}
@media (max-width: 766px) {

	.service-cat-label {
		text-align: left;
		margin-left: 43px;
		margin-top: -12px;
		padding-top: 0;
	}

	.service-cat-back {
		margin-top: 3px;
		vertical-align: top;
	}

}

.full-button a{
	padding: 12px 5px;
    display: block;
    color: #595959;
    border-left: 5px solid transparent;
}
.full-button a > i {width: 20px;}

.full-button:hover {
	background: #ececec;
}

.full-button:hover a {
	color: blue;
}



/*  BUSINESS */

.busi-box {
	background: white;
	position: relative;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 8px rgba(64, 64, 64, .1);
    box-shadow: 0 4px 8px rgba(64, 64, 64, .1);
}

.product-box {
	background: white;
	position: relative;
    padding: 5px;
    margin-bottom: 15px;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 8px rgba(64, 64, 64, .1);
    box-shadow: 0 4px 8px rgba(64, 64, 64, .1);
}

.product-image {
	max-height: 55px;
	max-width: 55px;
}

.product-info {
	padding: 5px 0 0 5px;
	line-height: 1.2;
}





  /* Isotope Transitions
------------------------------- */
.isotope,
.isotope .item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}
  
  
/* responsive media queries */

@media (max-width: 768px) {
  header h1 small {
    display: block;
  }

  header div.description {
    padding-top: 9px;
    padding-bottom: 4px;
  }

  .isotope .item {
    position: static ! important;
    -webkit-transform: translate(0px, 0px) ! important;
       -moz-transform: translate(0px, 0px) ! important;
            transform: translate(0px, 0px) ! important;
  }
}