@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700');
		body{
					color: #555;
					font-family: "Roboto";
					font-family: 'Lato', sans-serif;
					margin: auto;
					overflow: hidden;
					background-color: white;
					font-size: 11px;
				}
				.flag{
					width: 30px;
					margin: auto;
					box-shadow: 0px 1px 4px 0px rgba(0,0,0,.3);
				}
				.not-passed{
					background-color: #ffffff;
	    				color: #000000;		
				}
				.passed{
					border-bottom: 1px solid #ccc;
    background-color: #ddd;
				}
				.passed .slide-td-selected{
					border-top: 1px solid #cccccc;
				}
				.date-td{
					text-align: center;
					font-size: 17px;
					/*color: #A9AF38;*/
					padding: 5px;
					/*background-color: #222222;*/
    				
				}
				#head-row-1{
					    background-color: #f5f5f5;
				}
				.gmt{
					background-color: #A9AF38;
  
				}
				.date-tr{
					/*background-color: #eee;*/
					width: 100%;
					height: 45px;
					color: #777;
					color: black;
    				font-weight: 300;
    				
    				      border-top: 3px solid #ccc;
					/*background-color: #595858;*/
    				/*background-color: #222222;*/
					/*border: 2px solid #A9AF38;*/

					
				}

				.date-tr.not-passed{
					    border-top: 3px solid #eee;
					    background-color: white;
				}
				a:focus {
					outline: none;
				}

				#title-date-row{
					/*background-color: #eee;*/
					width: calc(100% - 17px);
					position: absolute;
					font-size: 17px;
					top: 29px;
					height: 45px;
					text-align: center;
    				padding-top: 13px;
    				z-index: 2;
    				color: #777;
    				font-weight: 300;
    				border-bottom: 1px solid #eee;
					border-right: 1px solid #eee;
					 border-top: 1px solid #ddd;
					 color: black;
					     background-color: #f5f5f5;
    				/*box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.3);*/
				}
				.tr-selected{
					border-top: 1px solid #A9AF38;
					border-bottom: 1px solid #A9AF38;
				}

				.bold{
					font-weight: 500;
				}

				.slideMe{
					display: none;
				}
				.info-row{
					transition-duration: .3s;
					padding-left: 0px;
					padding-right: 0px;
				}
				.info-row.passed:hover{
					background-color: #ccc;
				}
				.info-row.not-passed:hover{
					background-color: #f8f8f8;
				}
				.tr-selected:hover{
					background-color: #ebebeb;
				}

				.not-passed.tr-selected .slide-td-selected{
						border-top: 1px solid #ddd;
				}
				.passed.tr-selected .slide-td-selected{
						border-top: 1px solid #ccc
				}

				.not-passed .tr-selected:hover{
					background-color: #ffffff;
				}
				.history-box{
					padding: 0px;
				}
				.history-box p{
					display: block;
					line-height: 27px;
					margin: 0px;
				}
				#table{
					position: relative;
				}
				.col{
					display: inline-block;
    				margin-left: 10px;
    				margin-right: 10px;
				}
				td{
					text-align: center;
					vertical-align: middle;

				}
				h5{
					font-size: 11px;
				}
				th {
					text-align: center;
					font-weight: bold;
				}
				h4{
					font-size: 14px;
    				margin-bottom: 3px;
    				font-weight: bolder;
				}
				tr{
					visibility: visible;
  					opacity: 1;
					transition: 1s; 
					border-bottom: 1px solid #e5e5e5;
					cursor: pointer;

				}
				p{
					margin: 0px;
					display: inline-block;
    				margin-left: 7px;
				}
				h1{
					font-size: 24px;
    				display: inline-block;
   				 	vertical-align: top;
   				 	margin-top: 22px;
    				text-align: center;
    				line-height: 32px;
    				font-weight: 300;
				}
				thead>tr>th{
					border: 1px solid #555;
				}

			tbody {
	  			height: 1500px;
	  			overflow-y: auto;
	  			width: 100%;
	  		
			} 

			thead{
				 width: 100%;
			}
			thead, tbody {
  				display: block;
  				
			} 
			h3{
			 	background-color: #cccccc;
    			padding: 3px;
    			font-size: 11px;
    			margin-top: 0px;
    			margin-bottom: 2px;
			}

				
				.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
					vertical-align: middle;
					float: left;
    				border: none;
				}
				.end-time{
					height: 21px;
					    background-color: #f5f5f5;
				}
				#end-time-td{
					position: absolute;
					position: absolute;
   					 z-index: 1;
   					/* background-color: #171717;*/
    height: 36px;
    top: -1px;
    padding-top: 0px;
    width: 63px;
    left: 0px;
        color: #aab038;
    font-size: 12px;
      
}

#arrow {
	position: relative;
	background: #ebebeb;
	top: 21px;
}
#arrow:after, #arrow:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#arrow:after {
	border-color: rgba(235, 235, 235, 0);
	border-top-color: #f5f5f5;
	border-width: 10px;
	margin-left: -10px;
}
#arrow:before {
	border-color: rgba(204, 204, 204, 0);
	border-top-color: #ddd;
	border-width: 11px;
	margin-left: -11px;
}
				}
				.end-time-td img{
					vertical-align: middle;
    width: 62px;
    margin-top: -27px;

				}
				#end-time-td1{
					margin-left: 47px;
    font-size: 13px;
    margin-top: -7px;
				}
				.hide{
					 visibility: hidden;
  					opacity: 0;
				}
				#dates-boxes{
					display: block;
    vertical-align: top;
    width: 622px;
    margin: 0px;
				}
				.date {
					display: inline-block;
    vertical-align: top;
    width: 67px;
    height: 60px;
    font-size: 17px;
    text-align: center;
    transition: color 0.3s ease 0s;
    color: #bbb;
        margin-right: 18px;
    margin-left: 18px;
    z-index: 2;

				}


		
				.date:hover{
					
					cursor: pointer;
					color: black;
					border-bottom: 2px solid #A9AF38;

				}

				.blue:hover{
					cursor: pointer;
					color: black;
					border-bottom: 2px solid #06A2C6;
				}

			/*	.green.date-selected{
					background-color: #eee;
					color: white;
					background-color: #aab038;
					border-radius: 0px;
				}

				.blue.date-selected{
					background-color: #eee;
					color: white;
					background-color: #06A2C6;
					border-radius: 0px;
				}
*/
.date-selected{
	color: black;
	   /* border-bottom: 2px solid #A9AF38;*/
}

.date-selected:hover{
	
}

.date-selected.blue{
	/*border-bottom: 2px solid #06A2C6;*/
}
				
				.impImg {
					width: 20px;
					margin: 2px;
				}
				#select-button{
					outline: none;
					background-color: white;
					height: 28px;
				}

				.label{
					color: #aaa;

				}

				/*#select-button:hover{
					    background-color: #eee;
				}*/

				.selection-boxes:hover button{
					background-color: white;
    				color: black;
				}

				.selection-boxes label{
					display: block;
					color: #aaa;
					font-weight: 400;
					margin-top: 5px;
				}

		

				.col1{
    				text-align: left;
				}
				.group{
					clear: left;
					float: left;
    				margin-bottom: 10px;
    				min-width: 183px;
				}
				img.icon {
    				width: 24px;
    				float: left;
				}
				.group .text{
					float: left;
				    margin-left: 3px;
				    max-width: 155px;
				    margin-top: 4px;
				}
				
				 /* select with custom icons */
    .ui-selectmenu-menu .ui-menu.customicons .ui-menu-item-wrapper {
      padding: 0.5em 0 0.5em 3em;
    }
    .ui-selectmenu-menu .ui-menu.customicons .ui-menu-item .ui-icon {
      height: 20px;
      width: 30px;
      top: 0.1em;
      
    }
  .ui-widget-content li.ui-menu-item:hover {
    background-color: orange;
}
     	/*		.ui-icon.usd {
      				background: url("../img/flags/usd.png") 0 0 no-repeat;
      				background-size: 30px;
    			}*/
				.imp-img-gray{
					opacity: .5;
				}
				.imp {
					text-align: center;
				}
				.page-number{
					cursor: pointer;

				}
				.num {
					color: #A9AF38;
					font-size: 17px;
				}

				
			.month-day-box{
				display: inline-block;
				vertical-align: top;
				margin-top: 10px;
    			margin-left: 6px;
    			font-size: 10px;
			}
			.numberDate{
				display: inline-block;
				vertical-align: top;
				font-size: 32px;
			}
				#select{
					    width: 29px;
    font-size: 11px;
    height: 61.6px;
    padding: 5px;
    transition: all 0.3s ease 0s;
    border-radius: 3px;
    height: 28px;

				}

				#select:hover{
					background-color: #eee;
					cursor: pointer; 
				}
				
				#timezone{
					padding: 5px;
					transition: all 0.3s ease 0s;
					border: 1px solid #ccc;
					    border-radius: 9px;
					    max-width: 409px;
					    box-sizing: border-box;
					border-radius: 3px;
    				cursor: pointer;
   					 
   					 width: calc(100% + 2em);
   					 height: 28px;
				}
				[data-id="timezone"]{
					max-width: 368px;
				}

				[data-id="select"]{
					max-width: 158px;
				}

				.ui-selectmenu-text{
					line-height: 19px;
				}


				.selection-boxes{
					display: inline-block;
				    vertical-align: top;
				}
				.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    				width: auto;
						}

				
				.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover, .bootstrap-select .dropdown-toggle:focus, .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
					border: 1px solid #ccc;
					box-shadow: none;
					background-color: white;
					outline: none !important;
					border-bottom: solid 2px #aab038;

				}
				.btn-default:hover{
					background-color: white;
					border: 1px solid #c5c5c5;
					border-bottom: solid 2px #aab038;
				}

				.btn.blue-btn{
					border-bottom: solid 2px #06A2C6;
				}
				#importance-box button{
					width: 230px;
				}
				#currency-box button{
					width: 230px;

				}
				#time-zone-box button{
					background-color: white;
					width: 230px;
				}
				
			
				/*#date-box-wrapper{
				text-align: center;
    display: inline-block;
    margin: auto;
    margin-top: 20px;

				}*/
				#plus{
					width: 14px;
   				 	cursor: pointer;
   				 	height: 14px;
				}

				#plus-path{
					fill: #aaa;
					transition-duration: .3s;
				}
				
				#plus-text{
					display: inline-block;
			    vertical-align: bottom;
			    margin-top: -16px;
			    font-size: 14px;
    color: #aaa;
				}

				#add-to-site-box:hover #plus-path{
					fill: black;
				}

				#add-to-site-box:hover #plus-text{
					color: black;
				}
				#add-to-site-box{
					display: inline-block;
					float: right;
					vertical-align: top;
					cursor: pointer;
				}



				#filters-wrapper{
					max-width: 660px;
 					margin: auto;
 					margin-top: 10px;
				}
				#filter-box{
	    				border-radius: 4px;
	   				 			 padding-top: 0px;
	    				vertical-align: top;
	    				    background-color: #eee;
max-width: 660px;
margin: auto;
display: none;
padding: 10px;
padding-bottom: 0px;

	    				
				}
				.filter-box-labels{
					cursor: pointer;
					display: inline-block;
					vertical-align: top;
				}
				.filter-box-labels:hover #filter-icon{
					fill: black;
					stroke: black;
				}
				.filter-box-labels:hover #filter-label{
					color: black;
				}
				#filter-icon{
					width: 16px;
					height: 14px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
        stroke: #aaa;
    fill: #aaa;
    stroke-width: 3px;
				}

				#filter-label {
					      display: inline-block;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    vertical-align: bottom;
    margin-left: 0px;
    color: #aaa;
    transition: all 0.3s ease 0s;
				}
				.head-left{
					   
    				vertical-align: top;
	    				margin-top: 0px;
	    				text-align: center;
	    				margin-left: 13px;
	
				}
				
				#from-to{
					text-align: center;
					margin-top: 5px;
					margin-bottom: 8px;

				}
				.table-responsive{
					margin-top: 180px;
    				height: 800px;
				}

				#table_1{
					transition: 0.3s ease 0s;
					top: 0px;
				}

				#header{
					width: 100%;
					z-index: 1000;
					    background-color: #f5f5f5;
    border-top: 20px solid #aab038;
    padding-bottom: 25px;
				}

				#pager{
					font-size: 13px;
				    display: inline-block;
				    border-bottom: 1px #ccc solid;
				    margin-bottom: 8px;
				    padding-bottom: 5px;
				}
				.page-number{
					margin-right: 5px;
					cursor: pointer;
					transition: all 0.3s ease 0s;
				}
				.page-number:hover{
					color: #aaa;
					font-size: 17px;
				}
				#gsi-logo{
					
    				max-width: 175px;
    				margin-top: 20px;
    				margin-right: 12px;
				}

				.spacer{
					height: 33px;
				}
				
				option{
					max-width: 100px;
					background-image: url('../img/flags/jpy.png');
					background-size: 30px;
    background-position: 0 0;
    background-repeat: no-repeat;
				}
				.good {
					color: #6dab03; 
					color: #44801e;
    				font-weight: bolder;
    				cursor: pointer;
				}

				.bad{
					color: #ec2323;
					font-weight: bolder;
					color: #c31c18;
					cursor: pointer;
				}
				.desc{
					display: block;
    				font-weight: normal;
    				font-size: 11px;
				}
				.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
	    				border-left: none;
	    				border-right: none;
	    				padding-top: 8px;
	    		
				}
				.wrapper{
					    text-align: justify;
    display: block;
    margin: auto;
    margin-top: 8px;
				}

				.wrapper:after{ 
					content:' '; display:inline-block; width: 100%; height: 0 ;
				}

				#date-picker-box{
					margin-top: -16px;
					position: relative;
				}

			/*	#date-picker-box:before{
					    position: absolute;
	    z-index: 0;
	    width: 100%;
	    height: 50px;
	    left: 0px;
	    background-color: white;					
				}*/
				

				#filter-box-lines{
    				margin: auto;
				}

				.slide-td-selected{
					border-top: 1px solid #eee;
				}

				.dropdown-menu{
					width: 100%;
				}

				.dropdown-menu .inner{
					top: 0px;
					font-size: 11px;
					cursor: pointer;
				}

				.btn{
					font-size: 11px;
					transition: all 0.3s ease 0s;
					border: 1px solid #c5c5c5;
					background-color: #eee;
					border-radius: 3px;
					    border-bottom: solid 2px #aab038 ;
				}

				.media-body, .media-left{
					vertical-align: middle;
				}
				.caret{
					float: right;
    				margin-top: 6px;
				}

				.form-control{
					border:none;
					width: auto;
					height: auto;
					padding: 0px;

				}

				.bootstrap-select .open{
					overflow: visible !important;
					max-height: none !important;
    				min-height: auto !important;
    				border: none;
				}

				#importance-box .dropdown-menu img{
					width: 55px;
				}
				.dropdown-menu img {
					width: 30px;
				}

				#add{
					 background-color: white;
				    outline-color: none;
				    border-radius: 3px;
				    height: 27px;
				    border: 1px solid;
				    margin-left: 41px;

				}

				@media (max-width: 660px ){
						
					h1{
	    				text-align: center;
	    				
					}
					
					.head-left{
		    				text-align: center;
		    				display: block;
		    				vertical-align: none;
		    				max-width: none;
		
					}

					.wrapper{
						text-align: center;
					}

					.selection-boxes{
						display: block;
					}

					#date-picker-box{
						max-width: 378px;
					}

					#filters-wrapper{
						max-width: 90%;
					}

					
			
				}
	@media (max-width: 406px ){
		#gsi-logo{
			margin-bottom: -15px;
		}

	}