/*

Colors

Lighter Blue (nav bar, black link hover, inline links) #0A549C

Darkest Blue (h1) #003976

Light Grey (body bg, box bg, action items bg) #F6F6F6

Dark Grey (borders, h1 underline) #BDBDBD rgb(189, 189, 189)

Gray hover color (QL hover, action items hover, action items header) #EBEBEB

*/


* { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; }

/*-----------------------------------------------------------------
|																  |
|						BASIC CONTENT STYLES					  |
|																  |
-----------------------------------------------------------------*/

.page-container {
	background-color: white; 
	margin-left: auto; 
	margin-right: auto; 
	max-width: 100%; 
	overflow: hidden;
	height:100%;
	border-bottom: 1px solid #BDBDBD;
}

.page-container a {
	color: #0A549C;
}

.content { 
	background: white;
	float: right; 
	line-height: 20px;
	padding-top: 30px; 
	padding-left: 30px; 
	padding-right: 30px;
	padding-bottom: 3em; 
	width: 80%;
	height: 100%;
}

.content ul, .content ol { margin: 1em 0; padding-left: 1.5em; }
.content ul ul, .content ol ol { margin-bottom: 0; margin-top: 0; }

body { background: white; font-family: "Helvetica Neue", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; margin: 0; height: 100%; }

h1 {
    padding-bottom: 10px;
    border-bottom: #BDBDBD solid 1px;
    color: #003976;
    font-family: "Helvetica Neue","HelveticaNeue-Light","Helvetica Neue Light",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 400;
    font-size: 31px;
    line-height: normal !important;
}

h2 { 
	margin-top: 25px;
	padding-top: 7px;
	color: #003976; 
	font-family: "Helvetica Neue", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	font-size: 22px;
}

.inverse-bar {
	color: white;
	background-color: #0a549c;
	font-weight: 600;
	font-size: 16px;
	padding: 10px;
	border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

h3 { 
	color: black; 
	font-size: 17px;
	font-weight: bold;	
	margin-top: 10px;
}

a, a:link, a:visited {
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ol ol li{
	list-style-type: upper-alpha;
}


/*-----------------------------------------------------------------
|																  |
|						NAV BAR STYLES						      |
|																  |
-----------------------------------------------------------------*/

nav { 
	background: #0A549C; 
	 width: 100%; 
	 height: 40px;
	 margin-bottom: 0px;
}

.nav a, .nav a:link, .nav a:visited { 
	color: white; 
	display: inline-block; 
	padding-left: 50px; 
	padding-right: 50px; 
	font-size: 14px; 
	font-weight: bolder; 	

	transition: background-color 0.2s ease-out, color 0.2s ease-out;
	-webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out, color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out, color 0.2s ease-out; 
}
	
.nav a:hover {
	text-decoration: none;
	background-color: #003976;
}

.nav {
	list-style-type: none;
	margin: 0px;
	padding: 0;
	text-align:center;
}

.nav-item {
	display: inline;
	height: 40px;
	line-height: 40px;
}


/*-----------------------------------------------------------------
|																  |
|					TOP BANNER STYLES							  |
|																  |
-----------------------------------------------------------------*/

.top-banner {
	width: 96%;
	margin: 0px auto 20px auto;
	padding: 20px;
	color: black;
	height: auto;
	background-image: url("images/binary.png");
	background-size: 70%;
	background-repeat: repeat;
	background-color: #f6f6f6;
	background-position: center center;
	border: 2px solid #093f76;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}

.top-banner a {
	color: #00a0df;
}

/*-----------------------------------------------------------------
|																  |
|						SEARCH BAR STYLES						  |
|																  |
-----------------------------------------------------------------*/

.search {
	position: absolute;
	padding:12px 15px 6px 15px;  
}

.search-field { 
	width: 200px;
	height: 25px; 
	vertical-align: middle;
	font-size: 10pt;
	font-family: Helvetica;
	font-weight: light !important;
	background-color: transparent; 
	color: white;
	border-radius:15px; 
	-moz-border-radius:15px; 
	-webkit-border-radius:15px; 
	background: url('images/search.png') no-repeat 8px 2px;
}

input[type=search]{
	padding-top: 2px;
	padding-left: 30px;
	color:#7b7b7b;
}

.mainsearchbar input[type=search]{
	border:0px solid #bdbdbd;
	background-color:white;
}

/*-----------------------------------------------------------------
|																  |
|						QUICKLINK STYLES						  |
|																  |
-----------------------------------------------------------------*/

.quicklinks {
	padding-top: 30px; 
	float: left; 
	width: 20%;
	padding: 10px;
	padding-right: 27px; 
	padding-left: 27px; 
	border-right: #bdbdbd 1px solid;
	border-bottom: #bdbdbd 1px solid;
}

.quicklinks a {
	color: black;
}

.ql-section {
	border: 1px solid #d0d0d0;
	margin-bottom: 20px;
	background: #f6f6f6;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.ql-head {
	padding: 10px;
	font-weight: inherit;
	font-size: 15px;
	background: #ebebeb;
	color: rgb(10, 84, 156);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	
	transition: background-color 0.2s ease-out, color 0.2s ease-out;
	-webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out, color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out, color 0.2s ease-out;
}

.ql-sub {
	padding: 10px 0px 10px 10px;
	font-weight: normal;
	border-top: #d0d0d0 solid 1px;
	
	transition: background-color 0.2s ease-out, color 0.2s ease-out;
	-webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out, color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out, color 0.2s ease-out;
}

.ql-sub img {
	width: 13px;
	margin-left: 5px;
}

.ql-sub:hover, .ql-head:hover {
	background:  #EBEBEB;
	color: #0A549C;
	text-decoration: underline;
	cursor: pointer;
	border-left: 1px solid #0a549c;
	margin-left: -1px;
}

.lock-link {
	margin-left: auto;
	margin-right: auto;
	display: block;
	background-image: url(/it/security/styles/images/lock.png);  /* -------- Lock image -------- */
	background-size: 100px 100px;
	background-repeat: no-repeat;
	background-position: center top;
	height: 100px;
	width: 100px;
	overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
}

.ql-head.no-hover {
	font-weight: 600;
	font-size: 15px;
	color: rgb(10, 84, 156);
}

.ql-sub.no-hover {
	padding-right: 10px;
}

.no-hover:hover {
	background: #ebebeb;
	border-left: 1px solid #d0d0d0;
	text-decoration: none;
	cursor: default;
}

.ql-sub.no-hover:hover {
	background: #f6f6f6;
	color:black;
}


/*-----------------------------------------------------------------
|																  |
|				ACTION ITEM (RELATED INFO) BOX STYLES			  |
|																  |
-----------------------------------------------------------------*/

.action-item-container { 
	border:  #BDBDBD solid 1px;
	width: 34%;
	float: right;
	margin: 0px 0px 30px 40px;
	background-color: white;
	
	-webkit-box-shadow: -4px 4px 0px -1px rgba(189, 189, 189, .4);
	-moz-box-shadow: -4px 4px 0px -1px rgba(189, 189, 189, .4);
	box-shadow: -4px 4px 0px -1px rgba(189, 189, 189, .4);
	-o-box-shadow: -4px 4px 0px -1px rgba(189, 189, 189, .4);
}

.action-item-header {
	font-family: 'Helvetica', Arial, sans-serif;
	font-weight: lighter;
	font-size: 18px;
	background-color: #EBEBEB;
	display: inline-block;
	width: 100%;
	padding: 15px 0px 15px 15px;
}

.action-item-subheader {
	font-family: 'Helvetica', Arial, sans-serif;
	font-weight: 600;
	font-size: 14px;
	background-color: #F6F6F6;
	display: inline-block;
	width: 100%;
	padding: 0px 10px 0px 15px;
}

.action-item-divider {
	margin-top: 0px;
	margin-bottom: 15px;
}

.action-items {
	padding-top: 10px;
	padding-bottom: 10px;
	height: 100%;
	background-color: #F6F6F6;
}

.action-item-link {
	padding: 15px 10px 15px 20px;
	color: #0A549C;
	font-weight: bold;
	
	transition: background-color 0.2s ease-out, color 0.2s ease-out;
	-webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out, color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out, color 0.2s ease-out;
}

.action-item-link img {
	width: 25px;
	margin-right: 10px;
	vertical-align: middle;
}

.action-item-link:hover {
	background: #EBEBEB;
	color: black;
	cursor: pointer;
		border-left: 1px solid #0a549c;
	margin-left: -1px;
}


/*-----------------------------------------------------------------
|																  |
|				BEST PRACTICES NOTICE BAR STYLES				  |
|																  |
-----------------------------------------------------------------*/
.noticebar {
	border: 1px solid #BDBDBD;	
	background-color: #F6F6F6;
	padding: 10px;
	margin-bottom: 20px;
	line-height: 30px;
	vertical-align: middle;
	
	transition: background-color 0.2s ease-out;
	-webkit-transition: background-color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out;
}

.noticebar:hover, .noticebar:hover span, .noticebarbottom:hover, .noticebarbottom:hover span{
	cursor: pointer;
	background: #EBEBEB;
	color: black;
}

.noticebar span{
	display: block;
	margin-left: 45px;
	font-weight: 700;
	color: #0A549C;
	
	transition: color 0.2s ease-out;
	-webkit-transition: color 0.2s ease-out;
	-moz-transition: color 0.2s ease-out;
	-o-transition: color 0.2s ease-out;
}

.noticebaricon img{
	float: left;
	height: 30px;
}

.noticebarbottom {
	border: 1px solid #BDBDBD;	
	background-color: #F6F6F6;
	padding: 10px;
	height: 50px;
	line-height: 30px;
	vertical-align: middle;
	margin-bottom: -20px;
	margin-top: 30px;
	
	transition: background-color 0.2s ease-out;
	-webkit-transition: background-color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out;
}

.noticebarbottom span {
	font-weight: 700;
	color: #0A549C;
	
	transition: color 0.2s ease-out;
	-webkit-transition: color 0.2s ease-out;
	-moz-transition: color 0.2s ease-out;
	-o-transition: color 0.2s ease-out;
}


/*-----------------------------------------------------------------
|																  |
|						DOWNLOAD ISP BUTTON						  |
|																  |
-----------------------------------------------------------------*/

.downloadisp {
	margin: 30px 0px 30px 0px;
	padding: 10px 0px 10px 0px;
	width: 40%;
	background: rgb(246,246,246);
	cursor: pointer;
	border: 1px solid rgba(189, 189, 189, 1);
	display: inline-block;
	
	transition: background-color 0.2s ease-out, color 0.2s ease-out;
	-webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out, color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out, color 0.2s ease-out;	
}

.downloadisp:hover {
	background: rgba(235, 235, 235, 1);		
	color: #003976;
	text-decoration: underline;
}

.ispicon {
	margin: 0px auto 0px auto;
	width: 25%;
}

.ispicon img {
	width: 100%;
	height: auto;
}

.isptext {
	margin: 0px auto 0px auto;
	width: 70%;
	text-align: center;
	font-size: 18px;
	font-weight: 300;
}

.downloadisp:hover > .hvr-bob, .downloadisp:focus > .hvr-bob, .downloadisp:active > .hvr-bob {
	-webkit-animation-name: hvr-bob-float, hvr-bob;
	animation-name: hvr-bob-float, hvr-bob;
	-o-animation-name: hvr-bob-float, hvr-bob;
	-moz-animation-name: hvr-bob-float, hvr-bob;
	
	animation-duration: 0s, 1.5s;
	-webkit-animation-duration: 0s, 1.5s;
	-o-animation-duration: 0s, 1.5s;
	-moz-animation-duration: 0s, 1.5s;
	
	animation-delay: 0s, 0s;
	-webkit-animation-delay: 0s, 0s;
	-o-animation-delay: 0s, 0s;
	-moz-animation-delay: 0s, 0s;
	
	animation-timing-function: ease-out, ease-in-out;
	-webkit-animation-timing-function: ease-out, ease-in-out;
	-o-animation-timing-function: ease-out, ease-in-out;
	-moz-animation-timing-function: ease-out, ease-in-out;
	
	animation-iteration-count: 1, infinite;
	-webkit-animation-iteration-count: 1, infinite;
	-o-animation-iteration-count: 1, infinite;
	-moz-animation-iteration-count: 1, infinite;
	
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	
	animation-direction: normal, alternate;
	-webkit-animation-direction: normal, alternate;
	-o-animation-direction: normal, alternate;
	-moz-animation-direction: normal, alternate;
}
	
/*-----------------------------------------------------------------
|																  |
|					INTERNAL-POLICIES HEADER TABLE	& LISTS		  |
|																  |
-----------------------------------------------------------------*/	
	
.internal-policy-info{
	display: table;
}

.internal-policy-row{
	display: table-row;
}

.internal-policy-left{
	display: table-cell;
	width: 40%;
	font-weight: bold;
}

.internal-policy-right{
	display: table-cell;
}

	ol.internal-policy {
		line-height: 25px;
	}
	ol.internal-policy li {
		list-style-type: upper-roman;
		padding-left: 15px;
	}
	ol.internal-policy ol li {
		list-style-type: upper-alpha;
		margin-left: 15px;
	}
	ol.internal-policy ol li ol li {
		list-style-type: decimal;
	}
	ol.internal-policy ol li ol li ol li {
		list-style-type: lower-alpha;
	} 

	.internal-policy-one {
		text-transform: uppercase;
		font-weight: bold;
		display: block;
		padding-top: 15px;
	}

	.internal-policy-two {
		list-style-type: decimal;
	}

	.internal-policy-three {
		list-style-type: lower-alpha;
	}
	
/*-----------------------------------------------------------------
|																  |
|	RMO Landing Page Tables (use fill and unfill for Levels)	  |
|																  |
-----------------------------------------------------------------*/	
	
    .rmo-table {
	    width: 100%;
	    margin-bottom: 10px;
    }
    .rmo-table-standard {
	    background: rgb(18,86,154);
	    color: white;
	    padding: 10px;
    }
    .table-center {
	    text-align: center;
    }
    .rmo-table-standard span {
	    display: block;
	    font-weight: bold;
    }
    .rmo-side-fill {
	    background: rgb(18,86,154);
	    width: 15%;
    }
    .rmo-table-control {
	    padding: 20px;
	    width: 15%;
    }
    .rmo-table-control span {
	    font-weight: bold;
	    display: block;
    }
    .control-level-cell {
	    width: 30%;
    }
    .control-level-table {
	    text-align: center;
	    width: 80%;
	    margin-left: auto;
	    margin-right: auto;
    }
    .control-level-header {
	    text-align: center;
	    width: 100%;
	    font-weight: bold;
	    padding: 5px;
    }
    .control-level-one, .control-level-two, .control-level-three {
	    width: 33%;
	    color: white;
	    font-weight: bold;
	    border: 2px white solid;
    }
    .unfill {
	    background: #f4f4f4;
    }
    .control-level-one.fill {
	    background: #5a8e22;
    }
    .control-level-two.fill{
	    background: #ffd200;
    }
    .control-level-three.fill{
	    background: #af1e2d;
    }
    .control-level-one.fill:before {
	    content: 'I';
    }
    .control-level-two.fill:before {
	    content: 'II';
    }
    .control-level-three.fill:before {
	    content: 'III';
    }
    
    
 /*-----------------------------------------------------------------
|																  |
|					Security Control Table						  |
|																  |
-----------------------------------------------------------------*/	   
    
    
    .control-table {
	    width: 100%;
	    display: table;
    }
     .control-table-row
    {
        display: table-row;
        width: 100%;
    }
    .control-table-cell
    {
        display: table-cell;
        max-width: 100px;
    }
    .control-table-cell.info {
	    padding-left: 25px;
    }
	.security-control-level-table {
	width: 40%;
	text-align: center;
	}
	.security-control-level-header {
		padding-right: 10px;
	}
	.security-control-level-table:parent {
		width:100%;
	}
	.levels {
		width: 80%;
	}
	
	.control-table-cell ol li { /* LEVEL ONE */
		list-style-type: upper-alpha;
	}
	
	.control-table-cell ol li ol li { /* LEVEL TWO */
		list-style-type: decimal;
	}
	
	
	.control-table-cell ol li ol li ol li { /* LEVEL THREE */
		list-style-type: lower-latin;
	}
	
	
	.control-table-cell ol li ol li ol li ol { /* LEVEL FOUR */
		margin-left: -15px;
	}
	.control-table-cell ol li ol li ol li ol li {
		list-style-type: none;
		counter-increment: section;
	}
	.control-table-cell ol li ol li ol li ol li:before {
		content: "(" counter(section, decimal) ") ";
	}
	
	
	.control-table-cell ol li ol li ol li ol li ol { /* LEVEL FIVE */
		margin-left: -7px;
	}
	.control-table-cell ol li ol li ol li ol li ol li {
		list-style-type: none;
		counter-increment: subsection;
	}
	.control-table-cell ol li ol li ol li ol li ol li:before {
		content: "" counter(subsection, lower-roman) ". ";
	}
	
	

	


/*-----------------------------------------------------------------
|																  |
|								HVR-BOB							  |
|																  |
-----------------------------------------------------------------*/

	@-webkit-keyframes hvr-bob {
	  0% {-webkit-transform: translateY(0px); transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);}
	  50% {-webkit-transform: translateY(-4px);transform: translateY(-4px);-moz-transform: translateY(-4px);-o-transform: translateY(-4px);}
	  100% {-webkit-transform: translateY(0px);transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);}
	}
	@keyframes hvr-bob {
	  0% {-webkit-transform: translateY(0px);transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);}
	  50% {-webkit-transform: translateY(-4px);transform: translateY(-4px);-moz-transform: translateY(-4px);-o-transform: translateY(-4px);}
	  100% {-webkit-transform: translateY(0px);transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);}
	}
	@-moz-keyframes hvr-bob {
	  0% {-webkit-transform: translateY(0px);transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);}
	  50% {-webkit-transform: translateY(-4px);transform: translateY(-4px);-moz-transform: translateY(-4px);-o-transform: translateY(-4px);}
	  100% {-webkit-transform: translateY(0px);transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);}
	}
	@-o-keyframes hvr-bob {
	  0% {-webkit-transform: translateY(0px);transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);}
	  50% {-webkit-transform: translateY(-4px);transform: translateY(-4px);-moz-transform: translateY(-4px);-o-transform: translateY(-4px);}
	  100% {-webkit-transform: translateY(0px);transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);}
	}
	
	@-webkit-keyframes hvr-bob-float {
	  100% {-webkit-transform: translateY(0px);transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);}
	}
	@keyframes hvr-bob-float {
	  100% {-webkit-transform: translateY(0px);transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);}
	}
	@-o-keyframes hvr-bob-float {
	  100% {-webkit-transform: translateY(0px);transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);}
	}
	@-moz-keyframes hvr-bob-float {
	  100% {-webkit-transform: translateY(0px);transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);}
	}
	
	.hvr-bob {
	  -webkit-transform: translateZ(0);transform: translateZ(0);-o-transform: translateZ(0);-moz-transform: translateZ(0);
	  -webkit-backface-visibility: hidden;backface-visibility: hidden;-o-backface-visibility: hidden;-moz-backface-visibility: hidden;
	}

/*-----------------------------------------------------------------
|																  |
|						FOOTER STYLES							  |
|																  |
-----------------------------------------------------------------*/

.footer-container {padding-top:25px; width: 100%;text-align: center;}
.footer-logo {margin-top: -30px;}
.footer-logo img {width: 70%}
.mobile {display: none;}
footer { color: black; font-size: .9230769230769231em; line-height: 1.5em; overflow: auto; padding-top: 1em; background: white;width: 80%;margin-left: 20%;}
footer a { color: black; }
.footer-logo { float: right; }
address { font-style: normal;text-align: center;}
.footer-addressline { padding-right: 2em; }
.footer-links { list-style-type: none; margin: 0; padding: 0; text-align: center;}
.footer-links-item { border-right: 1px solid white; display: inline; padding: 0 .35em; }
.footer-links-item:first-child { padding-left: 0; }
.footer-links-item:last-child { border-right: none; padding-right: 0; }
.page-footer-small {display: none;}


/*-----------------------------------------------------------------
|																  |
|					LESS THAN 768 PIXELS STYLES					  |
|																  |
-----------------------------------------------------------------*/

@media screen and ( max-width: 768px ) {

.page-container { padding: 0px}

	
h1 { text-align: center;}
  .mobile { display: block; }
  .desktop {display: none; }

	nav { display: none; margin-bottom: 0px; }
  
  .search-field {width: 180px;}
  .search {padding-left: 25%;}

  .content { font-size: 1.230769230769231em /* 16/13 */; margin: 0; padding: 10px 2% 2em; width: 100%; float: none; }
	.content-title { margin-top: .5em; }

	.quicklinks { font-size: 1.333333333333333em; 
				float: none; 
				padding-top:10px; 
				width: 90%;
				margin: 20px 5%; 
				background: none; 
				margin-bottom: 0px;
				padding-bottom: 0px; 
				 }
	.quicklinks::before {
		content: "Quicklinks";
		font-weight: 700;
		font-size: 19px;
		padding: 10px;
		line-height: 50px;
		color: rgb(3, 44, 102);
	}
	.ql-head:last-child {
	border-bottom: none;
	}	
	.lock-link { display: none;}

	.footer-container { width: 100%; margin: 10px auto;}
	footer { margin-bottom: 0px;margin-left: 0px;width: 100%; }
	address { line-height: .75em; margin-bottom: 1em; text-align: center; width: 100%; }
  .footer-links { float: none; text-align: center; }
  .footer-logo { display: none;}
    
  table.responsive, 
  table.responsive tbody { display:block; margin:0; padding:0; border:none; } 
  table.responsive caption,
  table.responsive tfoot { display:block; margin:2em 0 1em 0; padding:0; }
  table.responsive thead, 
  table.responsive .hidecell { display:none; }  
  table.responsive tr { display:block; margin:0 0 2em 0; padding:0; border:#bdbdbd 1px solid; border-radius:10px; }
  table.responsive th { width:auto; display:block; padding:0.5em 10px; border:none; }
  table.responsive td { width:auto; display:block; margin:0; padding:0.3em 10px 0.5em 10px; vertical-align:middle; border-bottom:#bdbdbd 1px solid; border-top:none; border-left:none; border-right:none; }
  table.responsive td:last-child { border:none; }
  table.responsive tr:last-child th { border:none; }
  table.responsive tr:last-child td { border-bottom:#bdbdbd 1px solid; }
  table.responsive tr:last-child td:last-child { border:none; }
  
  table.responsive .center,
  table.responsive td.center,
  table.responsive .right,
  table.responsive th,
  table.responsive tfoot th { text-align:left; }
  
  table.zebra tbody tr:nth-child(odd), .odd { background-color:transparent; }
  
  table.responsive td label { display:inline-block; width:80%; }
  

  .noticebar span{
	margin-left: 5px;
	}
  .noticebaricon img{
	height: 20px;
	margin-top: 5px;
	}
}

/*-----------------------------------------------------------------
|																  |
|					LESS THAN 480 PIXELS STYLES					  |
|																  |
-----------------------------------------------------------------*/

@media screen and ( max-width: 480px ) {

.noticebar, .noticebarbottom {
	height: 75px;
}

}