/* GLOBAL SETTINGS */

/*
@font-face {font-family: 'thin'; src: url('standard-thin-webfont.eot'); src: url('standard-thin-webfont.eot?#iefix') format('embedded-opentype'), url('standard-thin-webfont.woff') format('woff'), url('standard-thin-webfont.ttf') format('truetype'), url('standard-thin-webfont.svg#standard50') format('svg'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'light'; src: url('standard-light-webfont.eot'); src: url('standard-light-webfont.eot?#iefix') format('embedded-opentype'), url('standard-light-webfont.woff') format('woff'), url('standard-light-webfont.ttf') format('truetype'), url('standard-light-webfont.svg#standard100') format('svg'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'regular'; src: url('standard-regular-webfont.eot'); src: url('standard-regular-webfont.eot?#iefix') format('embedded-opentype'), url('standard-regular-webfont.woff') format('woff'), url('standard-regular-webfont.ttf') format('truetype'), url('standard-regular-webfont.svg#standard300') format('svg'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'bold'; src: url('standard-bold-webfont.eot'); src: url('standard-bold-webfont.eot?#iefix') format('embedded-opentype'), url('standard-bold-webfont.woff') format('woff'), url('standard-bold-webfont.ttf') format('truetype'), url('standard-bold-webfont.svg#standard500') format('svg'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'black'; src: url('standard-black-webfont.eot'); src: url('standard-black-webfont.eot?#iefix') format('embedded-opentype'), url('standard-black-webfont.woff') format('woff'), url('standard-black-webfont.ttf') format('truetype'), url('standard-black-webfont.svg#standard500') format('svg'); font-weight: normal; font-style: normal; }
*/

	/* GLOBAL SETTINGS */
	* { border-radius: 0 !important; }
	body { /* font-family: 'regular'; */ font-family: 'Open Sans', sans-serif; background: url('noise.png') #35312b; background: url(noise.png) #AEC95E; }
	/*@media (min-width: 768px) { body { padding: 90px 0; } }*/

	h1,h2,h3,h4,h5 { margin: 0; padding: 0; margin-bottom: 20px; }

	a, a:hover { color: #ACC965; }

	/*table:last-child, .panel:last-child { margin-bottom: 0 !important; }*/
	

/*
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-box-shadow: 0 0 0 30px #f5f9ec inset;
    -webkit-text-fill-color: #6f862d !important;
}
*/


/*
* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
} 
*/


.readingbar { width: 0; max-width: 100%; position: absolute; /*top: 0;*/ left: 0; bottom: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; 

/*background: rgba(255,255,255,0.1); */
border: 1px solid rgba(255,255,255,0.15);

}

	/* BOOTSTRAP OVERRIDES */
	
	@media (max-width: 768px) {
		.container {
     padding-right: 0; /*15px in bootstrap.css*/
     padding-left: 0;  /*idem*/
     margin-right: auto;
     margin-left: auto;
}
	}
	.container-fluid.submenu { margin-bottom: 10px; }
	.container-fluid.submenu .navbar-menu { padding: 0 13px; }
	.container-fluid.submenu button { padding: 5px; border: 0; }
	.container-fluid.submenu button i { padding: 0; margin: 0; }


	@media (min-width: 768px) {
		.container-fluid.submenu { margin-left: -15px; margin-right: -15px; }
	}




	.login { background: url(noise.png) #AEC95E; box-shadow:0 0 15px rgba(88,104,48,0.15); border: 1px solid rgba(255,255,255,0.25) !important; border-radius: 4px !important; color: #fff; width: 90%; }
	.login .logo { border-bottom: 1px solid rgba(255,255,255,0.25); padding: 30px; text-align: center; }
	.login .form { padding: 30px; } 
	.login img { height: 12px; }

	.login .btn-green { background: #ACC965; color: #fff; } 
	
	.container.content { background: #fff; box-shadow:0 0 15px rgba(88,104,48,0.15); margin-top: 68px; margin-bottom: 100px; }
	@media (min-width: 768px) { .container.content { margin-top: 90px; } }
	.container.index { background: #fff;  }
	/*.container { padding-bottom: 20px; }*/

	@media (min-width: 768px) { .container { padding: 0;  } } 
	@media (min-width: 768px) {
		.login { width: 350px; }
		/*.container.login .form { width: 400px; } */
	}

	@media (min-width: 768px) { .center-pills, .center-tabs {   display: flex; justify-content: center; } }
	.nav-pills { font-size: 10px; }
	/* .container { border: 1px solid #f00; } */
	.container.content .index { padding: 30px 30px; } 
	.container.content .index .row { }
	.container.content .index .row .col-md-2 { text-align: center; margin-bottom: 20px; position: relative; }
	.container.content .index .row .col-md-2 .btn { z-index: 99; border: 1px solid; padding-top: 15px; width: 100%; height: 160px; /*border-radius: 3px !important;*/ border: 0; /*margin-bottom: 10px;*/ position: relative; color: #fff; /* box-shadow:0 1px 1px #ccc; */ 

			box-shadow: 0px 2px 4px rgba( 0, 0, 0, 0.08 ); /* https://twitter.com/i/moments/880688233641848832 */

	}
	.container.content .index .row .col-md-2 .btn.btn-off { background: url(noise.png) #869d4e; background: #8fac3a; }
	.container.content .index .row .col-md-2 .btn.btn-on { background: url(noise.png) #ACC965; background: #BAD176; }
	.container.content .index .row .col-md-2 .btn img { }
	.container.content .index .row .col-md-2 .btn i.icon { font-size: 50px; padding-top: 12px; /* text-shadow: rgb(123, 144, 72) 1px 1px, rgb(123, 144, 72) 2px 2px, rgb(124, 145, 72) 3px 3px, rgb(124, 146, 73) 4px 4px, rgb(125, 146, 73) 5px 5px, rgb(126, 147, 73) 6px 6px, rgb(126, 148, 74) 7px 7px, rgb(127, 149, 74) 8px 8px, rgb(127, 149, 74) 9px 9px, rgb(128, 150, 75) 10px 10px, rgb(129, 151, 75) 11px 11px, rgb(129, 151, 75) 12px 12px, rgb(130, 152, 76) 13px 13px, rgb(130, 153, 76) 14px 14px, rgb(131, 154, 76) 15px 15px, rgb(132, 154, 77) 16px 16px, rgb(132, 155, 77) 17px 17px, rgb(133, 156, 77) 18px 18px, rgb(134, 157, 78) 19px 19px; */ }
	.container.content .index .row .col-md-2.col-sticky i.icon { /* text-shadow: rgb(158, 185, 93) 1px 1px, rgb(158, 185, 93) 2px 2px, rgb(159, 186, 93) 3px 3px, rgb(160, 187, 94) 4px 4px, rgb(161, 188, 94) 5px 5px, rgb(161, 189, 95) 6px 6px, rgb(162, 190, 95) 7px 7px, rgb(163, 191, 96) 8px 8px, rgb(164, 192, 96) 9px 9px, rgb(165, 193, 97) 10px 10px, rgb(165, 193, 97) 11px 11px, rgb(166, 194, 97) 12px 12px, rgb(167, 195, 98) 13px 13px, rgb(168, 196, 98) 14px 14px, rgb(168, 197, 99) 15px 15px, rgb(169, 198, 99) 16px 16px, rgb(170, 199, 100) 17px 17px, rgb(171, 200, 100) 18px 18px, rgb(172, 201, 101) 19px 19px !important; */ }

	.container.content .index .row .col-md-2 .btn .title { background: rgba(255,255,255,0.15); background: url(noise.png) #ACC965;  position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px 0;  }
	.container.content .index .row .col-md-2 .btn .sticky { background: rgba(255,255,255,0.15); background: url(noise.png) #ACC965;  position: absolute; right: 0; top: 0; padding: 6px 10px; display: none; border-bottom-left-radius: 5px; }
	.container.content .index .row .col-md-2 .btn:hover .sticky { display: block; }
	

	nav { background: url('noise.png') #35312b; }
	/*#navbar { background: url('noise.png') #35312b; }*/
	#navbar {  margin: 7px -20px 0 -20px; }
	@media (min-width: 768px) { #navbar {  margin-left: 0; margin-right: 0; } }
	#navbar li a { padding-right: 20px; }
	#navbar li a .fa { color: rgba(255,255,225,0.85); padding-right: 10px; }
	#navbar ul.dropdown-menu li a .fa { color: #888; margin-right: 5px; width: 25px; }
	#navbar ul.dropdown-menu li a .fa.nospacing { color: #888; margin-right: 5px; width: 10px; }
	/*#navbar ul.dropdown-menu li { border: 1px solid red; }*/
	/* li.logout .fa { color: #ACC965; } */
	.navbar-right .fa { margin-left: 10px; }
	nav .dropdown-menu .keyword { font-weight: bold; color: #F1623C;}
	nav .dropdown-menu { box-shadow: 0 1px 2px rgba(0, 0, 0, .25);  border-radius: 0; border: none; border-width: 0; border-left: 10px solid #B5CE79; min-width: auto; width:100%; background: #efefef; }
	nav .dropdown-menu .dropdown-header { white-space: normal;  }
	nav .dropdown-menu.login .dropdown-header { padding: 0; margin-bottom: 20px; white-space: normal;  }
	nav .dropdown-menu.login .dropdown-header a { display: inline-block; padding: 0; margin: 0; padding-right: 20px; }
	.jumbotron { background: transparent; }
	/*nav.navbar { box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.5); }*/
	nav.navbar { border-bottom: 0; border-width: 0; }
	nav.navbar .container-fluid { background: url('noise.png') #35312b; background: url(noise.png) #AEC95E;  height: 66px; padding: 0px 20px 0 20px; width: 100%; }
	nav.navbar .upper { text-transform: uppercase; color: #fff; }
	nav.navbar-inverse .navbar-brand { color: #fff; padding: 15px 8px 0px 8px;  padding: 27px 0 0 25px; }
	nav.navbar-inverse .navbar-brand img { height: 34px; height: 36px; height: 12px; }
	nav.navbar-inverse .navbar-nav > li > a { color: #fff; }
	nav.navbar-inverse .navbar-nav > li > a:active { background: transparent; }
	/*.navbar-menu {margin-left:-20px;  margin-right:-20px;}*/
	table tr td.small { width: 1%; white-space: nowrap; font-size: 100%;}
	table tr td.small a { margin: 0; }
	table tr td.center { text-align: center; }
	table tr td .btn { margin-bottom: 5px;  }
	table tr td .stats { padding: 10px; background: #fff; margin: 10px 0; border-radius: 3px; border: 1px solid #ddd; }
	.navbar-menu { border-radius: 0; border: 0; border-bottom: 1px solid #ccc; }
	.navbar-menu .navbar-brand { font-weight: bold; color: #ACC965; }
	ul.nav-tabs li a { background: #eee; border-bottom: 1px solid #ddd;}
	ul.nav-tabs { margin-bottom: 20px; }
	.inner { padding: 20px; }
	@media (min-width: 768px) { .inner { padding: 0 30px 30px 30px; } }
	.inner-nomenu { padding: 30px; }
	@media (max-width: 767px) {.navbar-menu { margin-left: -15px; margin-right: -15px; } }

	.hvr-underline-from-left:before { background: #4e553c; }
	.hvr-underline-from-left { background: transparent; }

	.container.intro { padding: 30px; background: url(noise.png) #bcd279; color: #6f862d; }
	.container.intro h1 { margin: 0; margin-bottom: 20px;  } 
	.container.intro p:last-child { margin-bottom: 0;  } 
	/*@media (max-width: 767px) { .container.intro { margin-left: -15px; margin-right: -15px; } }*/

 	.btn.btn-margin-no { margin: 0; }
 	.btn.btn-margin { margin-bottom: 5px; }
	/* .form-control-fullwidth { width: 100%; box-sizing: border-box; } */

	.btn-fullwidth { width: 100%; box-sizing: border-box; }

	/*.form-control-inline {min-width: 0; width: auto; display: inline; }*/

	abbr {border:none}

	.spacer-bottom { margin-bottom: 40px; }
	.no-margin { margin: 0; }

	.container.intro h1 { margin: 0; }


	/* MODAL CHANGES !!! */
/* https://stackoverflow.com/questions/18422223/bootstrap-3-modal-vertical-position-center */
.modal { text-align: center; color: #6f862d; padding: 50px 0 !important; }
/*@media screen and (min-width: 768px) { */
.modal:before {display: inline-block; vertical-align: middle; content: " "; height: 100%; } 
/*}*/
.modal-dialog {display: inline-block; text-align: left; vertical-align: middle; }
.modal-body { color: #fff; }
.modal-body a { font-size: 15px; color: #fff; text-decoration: none; display: block; padding: 6px; }
.modal-body a .fa { margin-right: 10px; }

/* https://stackoverflow.com/questions/10585689/change-the-background-color-in-a-twitter-bootstrap-modal */
.modal-backdrop { background: url(noise.png) #B0C956;  opacity: 1 !important; }

/* Styling from http://s1.taapo.com/test/bootstrap.popup.form/ */
.modal ul { margin: 0; padding: 0; list-style-type: none; margin-bottom: 20px; }
.modal li { margin: 0; padding: 0; }
.modal .modal-title { text-transform: none; font-size: 20px; }
.modal h4 { margin: 0; }
.modal h3 { text-transform: none; color: #6f862d; font-size: 17px; text-align: center; margin: 0; padding: 0; margin-bottom: 10px; border-bottom: 1px solid rgba(111, 134, 45, 0.45); padding-bottom: 10px; }
.modal .modal-dialog { width: 90%; }
.modal-content { box-shadow: none; box-shadow: 0px 0px 6px 0px rgba(75, 92, 30, 0.25); }
.modal .modal-content { border: 1px solid rgba(255,255,255,0.25) !important; border-radius: 4px !important; background: url(noise.png) #B0C956; } 
.modal .modal-header, .modal .modal-body, .modal .modal-footer, .modal .modal-content, .modal .modal-dialog { border: none; margin: 0;  padding: 0; }
.modal .modal-header, .modal .modal-body, .modal .modal-footer { padding: 20px; }
.modal .modal-header { border-bottom: 1px solid rgba(255,255,255,0.25); }
.modal .modal-footer { border-top: 1px solid rgba(255,255,255,0.25);  }
.modal .modal-footer .button.destroy { margin: 0 !important; }
.modal .modal-header .close, .modal .modal-header .close:hover, .modal .modal-header .close:active, .modal .modal-header .close:visited {
    color: #fff; 
    opacity: 0.5;
    padding: 5px !important;
    /*outline: 0;*/
}

.button { padding: 10px 15px; border: 0; background: transparent; color: #fff; border: 1px solid #fff; font-size: 15px; /*border-radius: 3px !important;*/ display: inline-block; }

@media only screen and (min-width : 540px) {
.modal .modal-dialog { width: 400px; }
.container.content { /*border-radius: 5px !important;*/ /*overflow: hidden;*/ }
}


.menu { position: relative; padding: 20px; position: fixed; left: 0; top: 0; right: 0; background: url(noise.png) #AEC95E; z-index: 999; }
.menu a { position: relative; color: #fff; text-decoration: none; padding: 2px 10px; font-size: 14px; display: inline-block; z-index: 9999; }
.menu a .fa { margin-right: 10px; }
.menu img { height: 12px; }
.menu.mobile { padding: 20px; }


.vertical-center {min-height: 100%; min-height: 100vh; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align : center; -webkit-align-items : center; -moz-box-align : center; -ms-flex-align : center; align-items : center; width: 100%; -webkit-box-pack : center; -moz-box-pack : center; -ms-flex-pack : center; -webkit-justify-content : center; justify-content : center; }

@media only screen and (min-width : 1500px) {
	.container { width: 1400px !important; }
}

@media only screen and (min-width : 2000px) {
	.container { width: 1900px !important; }
}