@keyframes flipInX {
 0% {
  transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
  transition-timing-function:ease-in;
  opacity:0
 }
 40% {
  transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
  transition-timing-function:ease-in
 }
 60% {
  transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
  opacity:1
 }
 80% {
  transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
 }
 100% {
  transform:perspective(400px)
 }
}
@-webkit-keyframes flipInX {
 0% {
  -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
  -webkit-transition-timing-function:ease-in;
  opacity:0
 }
 40% {
  -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
  -webkit-transition-timing-function:ease-in
 }
 60% {
  -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
  opacity:1
 }
 80% {
  -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
 }
 100% {
  -webkit-transform:perspective(400px)
 }
}

@-o-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
@font-face {
  font-family: 'Mestri';
  font-style: normal;
  font-weight: 400;
  src: local('Mestri'), url(Y0zWA9-hxl3_xvcxN-VXfA.woff) format('woff');
}
/* cyrillic-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(x001.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(x002.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(x003.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(x004.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(x005.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(x006.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(x007.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(x008.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(x009.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(x010.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
:-webkit-full-screen{
	background-color: rgba(1, 36, 5, 0.8);
}
:-moz-full-screen{
	background-color: rgba(1, 36, 5, 0.8);
}
:-ms-fullscreen{
	background-color: rgba(1, 36, 5, 0.8);
}
:fullscreen{
	background-color: rgba(1, 36, 5, 0.8);
}
html {
  overflow-y: auto;
}
body{
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Oswald,Mestri,"Helvetica Neue", Helvetica,arial, sans-serif;
	font-size:12px;
}

img,
audio,
video,
canvas {
  width: 100px;
  height: 100px;
  border-radius: 15px;
}
/*
 * MODAL
 */

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear;
	background:	rgba(0,0,0,0.8);
	opacity: 1;
	overflow-x: hidden;
	overflow-y: auto;
	/*display: flex;*/
	display: block;
	padding-right: 17px;
	align-items: center;
	z-index: 9992;
}
.modal-dialog {
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0);
	width: 400px;
	margin: 30px auto;
	position: relative;
}
.modal-content {
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.125);
	box-shadow: 0 2px 3px rgba(0,0,0,0.125);
	border-radius: 0;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.125);
	box-shadow: 0 2px 3px rgba(0,0,0,0.125);
	border: 0;
	position: relative;
	background-color:#fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
	box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.close_f{
	background-color: #fff;
	height: 20px;
	width: 15px;
	border-radius: 15px;
	left: 370px;
	position: relative;
	font-size: 20px;
	cursor: pointer;
	top: 8px;
}
.foto_view{
	height: 350px;
	width: 350px;
	position: relative;
	left: 5%;
	right: 5%;
	margin: 10px 10px 10px 10px;
}


/*
/SLYDE PANEL
*/
#toppanel {
    position:fixed;
    top: 0;
    width: 100%;
    z-index: 5;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    z-index: 9991;
}
#panel {
	width: 100%;
	height: 100%;
	color: #FF0000;
	overflow: hidden;
	position: relative;
	display: none;
	/*background: url(../img/back.png) repeat;
	background: #160337eb;
	background: rgba(5, 5, 89, 0.8);*/
}
#panel h1 {
	padding: 5px 0 10px;
	margin: 0;
	font-size: 18px;
	color: #2edbac;
	text-transform: uppercase;
}


#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: #2edbac;
	text-transform: uppercase;
	font-weight:bold;
}
#panel p {
	/*color: #555;*/
	margin: 5px 0;
	padding: 0;
	margin: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

#panel a {
	text-decoration: none;
	color: #2edbac;
}

#panel a:hover {
	border-bottom: solid 1px #2edbac;
}
#toggle{
	float: right;
	background: none;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 960px;
	/*margin: 0 auto;*/
	padding-top: 5px;
	text-align: left;
	font-size: 0.85em;
    margin-bottom: 5px;
}

#panel .content .left {
	width: 380px;
	float: left;
	border: solid 1px #2ebdae;
	-moz-box-shadow: 0 0 15px #cbcbcb;
	-webkit-box-shadow: 0 0 15px #2abdae;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 1px 10px 10px;
    margin-bottom: 5px;
}
#panel .content .right {
	position: absolute;
	/*top: 0em;*/
	right: 0em;
    margin-bottom: 5px;
}

#panel .content .right .spinner {
	/*display: block;
	position: absolute;
	z-index: 1031;
	top: 8px;
	right: 10px;*/
	float: right;
}
#panel .content .right .spinner .bus{
	width: 18px;
	height: 18px;
	box-sizing: border-box;
	border: solid 2px transparent;
	background: url(../../../img/icn_search.png) no-repeat center;
}
#panel .content .right .spinner .load{

	width: 18px;
	height: 18px;
	box-sizing: border-box;
	border: solid 2px transparent;
	border-top-color: #29d;
	border-left-color: #9ACBE7;
	border-radius: 50%;
	-webkit-animation: nprogress-spinner 400ms linear infinite;
	animation: nprogress-spinner 400ms linear infinite;
	background: url();
}
#panel .content form {
	margin: 0 0 10px 0;
}

#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}

#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}

#panel .content input:focus.field {
	background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	/*display: block;
	float: left;*/
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

#panel .content input.bt_login {
	width: 74px;
	background: transparent url(../../../img/bt_login.png) no-repeat 0 0;
}

#panel .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(../../../img/bt_register.png) no-repeat 0 0;
}

#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}

.effect, .effect:hover {
	display: inline-block;
	margin: 10px 10px 0 0;
	border: solid 1px black;
	border-radius: 7px;
	padding: 10px 12px 6px;
	color: #ccc;
	text-decoration: none;
	background-color: #555;
	-webkit-box-shadow: inset 0px 0px 8px #000;
	-moz-box-shadow: inset 0px 0px 8px #333;
	box-shadow: inset 0px 0px 8px #333;
	position: relative;
	font-size:12px;
	/*font-weight: bold;*/
}

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
  	background: rgba(1, 36, 5);/*url(../img/tab/middle_tab_h.png) repeat-x 0 0;*/
  	background: #55aa53;
	height: 42px;
	position: relative;
    top: 0;
    z-index: 5;
}
.visibility_gone{
	visibility: hidden;
}
.visibility_visible{
	visibility: visible;
}
.tab ul.login {
  	line-height: 42px;
}
.tab ul.login li.saludo{
	visibility: hidden;
}
.tab ul.login li.photo{
	margin-left: 50px;
	visibility: hidden;
}
.tab_menu{
	background:  url(../../../img/nav.png) no-repeat;
}
.tab_menu_back{
	background: url(../../../img/head_back_normal.png) round;
	margin-top: 5px !important;
	margin-left: 10px !important;
	width: 30px !important;
	height: 25px !important;
}
.tab ul.login li img{
	border-radius: 150px;
	width:80px;
	height: 80px !important;
	border: 5px solid #160337eb;
}
.bag_transp{
	background-color: rgba(1, 36, 5, 0.8);
}
.bag_solid{
	background-color: rgba(1, 36, 5);
}
.marg_lef{
	margin-left: 10px;
}
.marg_rig{
	margin-right: 10px;
}
.tab ul.login li.left {
  	/*url(../img/tab/tab_l.png) no-repeat left 0;rgba(1, 36, 5, 0.8);*/
  	height: 42px;
	width: 29px;
	padding: 0;
	margin: 0;
  	display: none;
	float: left;
	margin-left: 15px;
	margin-top: 10px;
}

.tab ul.login li.right {
  	/*background: rgba(1, 36, 5, 0.8);url(../img/tab/tab_r.png) no-repeat left 0;*/
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	/*background: rgba(1, 36, 5, 0.8);url(../img/tab/tab_m.png) repeat-x 0 0;*/
}
.tab ul.login li span {
	color: red;
	float:left;
}

.tab ul.login li a {
	color: black;
}

.tab ul.login li a:hover {
	color: #0266FC;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 26px;
	cursor: pointer;
	display: block;
	width: 25px;
	position: relative;
	top: 10px;
	background: url(../../../img/close.png) no-repeat center;
	background-size: cover;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

.tab a.open {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.tab a.close {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	
}
/*.tab a:hover.open {background: url(../img/down_arrow_o.png) no-repeat center;background-size: cover;}
.tab a:hover.close {background: url(../img/down_arrow_c.png) no-repeat center;background-size: cover;}


/*
/ BUSCADOR
*/
#searchbox{
		width:90%;
		padding:4px;
			border: 1px solid #DDD;
			font-weight: bold;
			text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8);
			color: #666;
			background: -moz-linear-gradient(center top , #FFF 0%, #F7F7F7 7%, #F7F7F7 22%, #FFF 100%) repeat scroll 0% 0% transparent;
			box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.7), 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
			text-transform: capitalize;
}
#display{
		width:90%;
		display:none;
		margin-right:18px;
		overflow:hidden;
		box-shadow: inset 90px 90px 900px black;
}
.display_box{
			padding:4px; 
			font-size:12px; height:30px;
}
		
.display_box:hover{
		background:#3b5998;
		color:#FFFFFF;
}
#shade{
		background-color:#00CCFF;
		
}

.err{
	color:red;
}

.success{
	color:#00CC00;
}

/*
/CONTECT
*/
#main{
	/*background: url(../img/stucco.png);
	display: inline-block;*/
}
#main p{
	padding-bottom:8px;
}

.clear{
	clear:both;
}

#main .cont {
	float:left;
	width: 45%;
	height: 100%;
	min-height: 450px;
	min-width: 350px;
	margin-top: 5em;
	margin-left: 0.51em;
	/*border: solid 1px #cbcbcb;
	background-color: #FFF;
	box-shadow: 0 0 15px #cbcbcb;
	-moz-box-shadow: 0 0 15px #cbcbcb;
	-webkit-box-shadow: 0 0 15px #cbcbcb;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}
#main .cont_dr {
	float:left;
	width: 28%;
	height: 100%;
	min-height: 650px;
	min-width: 250px;
	margin-top: 5em;
	margin-left: 0.5em;
	border: solid 1px #cbcbcb;
	background-color: #FFF;
	box-shadow: 0 0 15px #55aa53;
	-moz-box-shadow: 0 0 15px #55aa53;
	-webkit-box-shadow: 0 0 15px #55aa53;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;*/
}
#main .cont .module{
	border: 1px solid #9BA0AF;
	/*width: 95%;
	margin: 0px 3% 20px 1%;
	margin-top: 20px;*/
	margin-left:0.5em;
	margin-bottom:2em;
	margin-right:0.5em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #ffffff;
	box-shadow: 0 0 15px #55aa53;
}
#main .cont .module header {
	/*background-color: #2ad;
	background: #F1F1F4 url(../img/btn_scan_mid.png) repeat-x;
	background: -webkit-linear-gradient(#00B9FF,#B2F6FF);
	background: -moz-linear-gradient(#00B9FF,#B2F6FF);
	background: -o-linear-gradient(#00B9FF,#B2F6FF);
	background: linear-gradient(#00B9FF,#B2F6FF);*/
	background:#55aa53;
	/*background: rgb(5,5,85);*/
	height: 38px;
	width: 100%;
	color: white;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom:solid 1px #777777;
	background-size:contain;
	

	border: 1px solid rgba(21, 238, 2, 0.98);
	box-shadow: inset 0px 0px 8px #20ff0036;
	-moz-box-shadow: inset 0px 0px 8px #20ff0036;
	-webkit-box-shadow: inset 0px 0px 8px #20ff0036;
	-o-box-shadow: inset 0px 0px 8px #20ff0036;
	/*box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.2);
	background: url('../img/blueback (7).gif');*/
}
#main .cont .module header h3 {
	display: block;
	/*width: 50%;
	float: left;*/
	margin: 8px 20px;
	text-align: center;
}
#main .cont .module .module_content {
	margin: 5px 5px 5px 5px;
	color: #666;
}
#main .cont .module .module_content .stats_graph {
	width: 64%;
	float: left;
}
#main .cont .module .module_content .stats_overview {
	border: 1px solid #ccc;
	float: right;
	/*width: 26%;*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:5px;
	width:70%;
	background-color: rgb(85, 170, 83);
	font-style: oblique;color: white;
}
#main .cont .module .module_content .clear {
	clear: both;
}
#main .cont .module .module_content .overview_today, .overview_previous {
	width: 100%;
	float: left;
}
#main .cont .module header ul.tabs {
	margin: 3px 10px 0 0;
	padding: 0;
	float: right;
	list-style: none;
	height: 24px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #fff;
	box-shadow: 0 1px 0 #fff;
	border: 1px solid #ccc;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff;
}
#main .cont .module header ul.tabs li:first-child, html ul.tabs li:first-child a {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#main .cont .module header ul.tabs li.active, html ul.tabs li.active a:hover {
	background: #F1F2F4;
	-webkit-box-shadow: inset 0 2px 3px #818181;
	-moz-box-shadow: inset 0 2px 3px #818181;
	box-shadow: inset 0 2px 3px #818181;
}
#main .cont .module header ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 24px;
}
#main .cont .module header ul.tabs li.active a {
	color: #000;
}
#main .cont .module header ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	padding: 0 10px;
	height: 24px;
	background: #F1F2F4;
}
#main .cont .module header ul a:link, a:visited {
	color: #A20601;
	text-decoration: none;
}
.overlay {
	display: none;
	position: fixed;
	z-index: 9;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../../../img/back.png);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.jp-container{
    height:600px;
    position:relative;
    background: transparent;
	margin: 0 auto 30px auto;
	top: 10px;
}
.rb-close {
	position: absolute;
	top: 1em;
	right: 1em;
	width: 2em;
	height: 2em;
	text-indent: -9000px;
	cursor: pointer;
	z-index: 1000;
}
.rb-close::before {
	content: 'x';
	font-weight: 100;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 3em;
	line-height: 0.6;
	text-align: center;
	text-indent: 0px;
	color: #2edbac;
}
.show {
	display: block;
}
.ini{

	width: 28px;
	height: 28px;
	box-sizing: border-box;
	border: solid 2px transparent;
	border-top-color: #29d;
	border-left-color: #9ACBE7;
	border-radius: 50%;
	-webkit-animation: nprogress-spinner 400ms linear infinite;
	animation: nprogress-spinner 400ms linear infinite;
}

  /*
  / MEMBGER FORM
  */
  .form-3 {
	font-family: Oswald,'Ubuntu', 'Lato', sans-serif;
	font-weight: 400;
	/*width: 450px;*/
	position: relative;
	margin: auto;
	padding: 10px;
	overflow: hidden;
	background: #111;
	border-radius: 0.4em;
	border: 1px solid #191919;
	box-shadow: inset 0 0 2px 1px rgba(255,255,255,0.08), 0 16px 10px -8px rgba(0, 0, 0, 0.6);
}
.form-3:before {
	content: "";
	width: 8px;
	height: 5px;
	position: absolute;
	left: 34%;
	top: -7px;
	border-radius: 50%;
	box-shadow: 0 0 6px 4px #fff;
}
.form-3:after {
	content: "";
	height: 1px;
	width: 33%;
	position: absolute;
	left: 20%;
	top: 0;
	background: -moz-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);
	background: -ms-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);
	background: -o-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);
	background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), color-stop(0.25, #444), color-stop(0.5, #b6b6b8), color-stop(0.75, #444), to(transparent));
	background: -webkit-linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);
	background: linear-gradient(left, transparent, #444, #b6b6b8, #444, transparent);
}
.form-3 h3{
	padding: 19px;
	color:#00CC00;
}
.form-3 p {
	display: block;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;	
}
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
.form-3 label {
	width: 30%;
	float: left;
	padding-top: 9px;
	color:#2EDBAC;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-shadow: 0 1px 0 #555;
	text-indent: 10px;
	font-weight: 700;
}
.form-3 p:nth-child(1):before {
	content: "";
	width: 250px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 45px;
	-webkit-transform: rotate(75deg);
	-moz-transform: rotate(75deg);
	-ms-transform: rotate(75deg);
	-o-transform: rotate(75deg);
	transform: rotate(75deg);
	background: -moz-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));
	background: -ms-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));
	background: -o-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));
	background: -webkit-linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));
	background: linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));
	pointer-events: none;
}
.form-3 p span {
	width: 28px;
	height: 28px;
	margin: 0px;
	box-shadow: 0px 0px 0px #fff;
	/* margin-left: 10px; */
	float: right;
}
.form-3 p span.ok{
	background: transparent url(../../../img/veri.png) no-repeat -12px -4px;
}
.form-3 p span.not {
	background: transparent url(../../../img/veri.png) no-repeat -12px -82px;
}
.form-3 p span.loa {
	width: 28px;
	height: 28px;
	box-sizing: border-box;
	border: solid 2px transparent;
	border-top-color: #29d;
	border-left-color: #9ACBE7;
	border-radius: 50%;
	-webkit-animation: nprogress-spinner 400ms linear infinite;
	animation: nprogress-spinner 400ms linear infinite;
	/*margin: 0px;*/
	box-shadow: 0px 0px 0px #fff;
	margin-left: 10px;
}
.form-3 p span#med {
	background: url('../img/long_pass1.png') no-repeat;
	width: 50px;
	height: 50px;
	background-size: cover;
	padding-top: 50px;
	position: absolute;
	top: 305px;
	left: 280px;
	display: none;
}
.form-3 p span.arrowCap {
	background: url("../../../img/arrow.png") no-repeat -43px 0;
	height: 20px;
	left: 14px;
	position: absolute;
	top: 17px;
	width: 20px;
}
.form-3 p span.arrow {
	background: url("../../../img/arrow.png") no-repeat -10px 0;
	height: 25px;
	left: 20px;
	position: absolute;
	top: 13px;
	width: 10px;
	-moz-transition: 0.9s;
	-webkit-transition: 0.9s;
	-o-transition: 0.9s;
	-ms-transition: 0.9s;
	transition: 0.9s;
	-moz-transform: rotate(-134deg);
	-webkit-transform: rotate(-134deg);
	-o-transform: rotate(-134deg);
	-ms-transform: rotate(-134deg);
	transform: rotate(-134deg);
	background-size: 70px 45px;
}
.form-3 input[type=text], .form-3 input[type=password],.form-3 input[type=date],.form-3 input[type=number],.form-3 input[type=phone],.form-3 input[type=tel] {
	width: 58%;
	float: left;
	padding: 8px 5px;
	margin-bottom: 10px;
	font-size: 12px;
	background: #1f2124;
	background: -moz-linear-gradient(#1f2124, #27292c);
	background: -ms-linear-gradient(#1f2124, #27292c);
	background: -o-linear-gradient(#1f2124, #27292c);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#1f2124), to(#27292c));
	background: -webkit-linear-gradient(#1f2124, #27292c);
	background: linear-gradient(#1f2124, #27292c);
	border: 1px solid #000;
	box-shadow: 1px 1px 1px 1px #2edbac;
	-moz-box-shadow:1px 1px 1px 1px #2edbac;
	-webkit-box-shadow:1px 1px 1px 1px #2edbac;
	-o-box-shadow:1px 1px 1px 1px #2edbac;
	border-radius: 3px;
	font-family: Oswald,'Ubuntu', 'Lato', sans-serif;
	color: #fff;
}
.form-3 div .ok {
	background: transparent url(../../../img/veri.png) no-repeat -12px -4px;
}
.form-3 input[type=checkbox] {
	margin-left: 10px;
	vertical-align: middle;
}
.form-3 label[for=remember] {
	width: auto;
	float: none;
	display: inline-block;
	text-transform: capitalize;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 0px;
	text-indent: 2px;
	margin: 1em;
}
.form-3 input[type=submit], .form-3 input[type=button] {
	width: 100%;
	padding: 8px 5px;
	border: 1px solid #000;
	border: 1px solid rgba(0,0,0,0.4);
	box-shadow: inset 0px 0px 8px #333;
	-moz-box-shadow: inset 0px 0px 18px #333;
	-webkit-box-shadow: inset 0px 0px 18px #333;
	-o-box-shadow:inset 0px 0px 18px #333;
	border-radius: 3px;
	background: #2EDBAC;
	cursor: pointer;
	font-family: Oswald,'Ubuntu', 'Lato', sans-serif;
	color: #555;
	font-weight: 700;
	font-size: 15px;
}
.form-3 .sel{
	width: 50%;
	float: left;
	padding: 8px 5px;
	margin-bottom: 10px;
	font-size: 12px;
	-webkit-appearance: none;
	-webkit-padding-end: 20px;
	-webkit-padding-start: 6px;
	-moz-appearance: none;
	-moz-padding-end: 20px;
	-moz-padding-start: 6px;
	-o-appearance: none;
	-o-padding-end: 20px;
	appearance: none;
	padding-end: 20px;
	padding-start: 6px;
	-o-padding-start: 6px;
	background-image: url('../../../img/select.png'), -webkit-linear-gradient(#3A3737, #7E7979 38%, #181414);
	background-image: url('../../../img/select.png'), -moz-linear-gradient(#3A3737, #7E7979 38%, #181414);
	background-image: url('../../../img/select.png'), -o-linear-gradient(#3A3737, #7E7979 38%, #181414);
	background-position: right center;
	background-repeat: no-repeat;
}
.menu{
	width: 100%;
	padding: 8px 5px;
	border: 1px solid #000;
	border: 1px solid rgba(0,0,0,0.4);
	box-shadow: inset 0px 0px 8px #333;
	-moz-box-shadow: inset 0px 0px 18px #333;
	-webkit-box-shadow: inset 0px 0px 18px #333;
	-o-box-shadow: inset 0px 0px 18px #333;
	border-radius: 3px;
	background: #2EDBAC;
	cursor: pointer;
	font-family: Oswald,'Ubuntu', 'Lato', sans-serif;
	color: #555;
	font-weight: 700;
	font-size: 15px;
	display:none;
}
.hide_menu{
	background: url("../../../img/close.png") no-repeat;
	background-color:#2EB670;
	width: 100%;
	padding: 8px 5px;
	border: 1px solid #000;
	border: 1px solid rgba(0,0,0,0.4);
	box-shadow: inset 0px 0px 8px #333;
	-moz-box-shadow: inset 0px 0px 18px #333;
	-webkit-box-shadow: inset 0px 0px 18px #333;
	-o-box-shadow: inset 0px 0px 18px #333;
	border-radius: 3px;
/*	background: #2EDBAC;*/
	cursor: pointer;
	font-family: Oswald,'Ubuntu', 'Lato', sans-serif;
	color: #555;
	font-weight: 700;
	font-size: 15px;
	display:none;
}
/*
 * Usuarios
 */
.cont_perf{
	
	width: 100%;
	
	background-color: #FFF;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	font-family: Oswald,'Ubuntu', 'Lato', sans-serif;
	font-weight: 400;
	/* width: 450px; */
	position: relative;
	margin: auto;
	padding: 10px;
	overflow: hidden;
	border-radius: 0.4em;
	border: 1px solid #191919;
	box-shadow: inset 0 0 2px 1px rgba(255,255,255,0.08), 0 16px 10px -8px rgba(0, 0, 0, 0.6);
	margin-bottom: 20px;
}
.photo_box{
	width: 30%;
	float: left;
	text-align: left;
}
.photo_style{
	webkit-border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	width: 100px;
	height: 100px;
	border: none;
}
.link_attribute{
	color: -webkit-link;
	text-decoration: underline;
	cursor: auto;
}
.fullname_box{
	width: 70%px;
	/*float: left;*/
	font-family: Oswald, Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #00509F;
	margin-top: 5px;
}
.fullname_style{
	text-shadow: 0 1px 0 #204656;
	color: #078C4B;
}
.link_attribute{
	text-decoration: none;
}
.opcion{
	color: #0B0B0B;
	text-shadow: 0 1px 0 #000000;
}

/*
 * SOSIAL ICON
 */
.top-social-icons{
	/*float:left;*/
	margin-top: 0.5em;
	margin-left: 45%;
	display: none;
}
.top-social-icons ul li {
	display: inline-block;
}
.icon1{
	width: 34px;
	height: 33px;
	background: url(../../../img/sicoal-icons.png) -121px 0px no-repeat;
	display: inline-block;
	-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
}
.icon1:hover {
	background: url(../../../img/sicoal-icons.png) -121px -38px no-repeat;
}
.icon2{
	width: 34px;
	height: 33px;
	background: url(../../../img/sicoal-icons.png) -161px 0px no-repeat;
	display: inline-block;
	-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
}
.icon2:hover {
	background: url(../../../img/sicoal-icons.png) -161px -38px no-repeat;
}
.icon3{
	width: 34px;
	height: 33px;
	background: url(../../../img/sicoal-icons.png) -82px 0px no-repeat;
	display: inline-block;
	-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
}
.icon3:hover {
	background: url(../../../img/sicoal-icons.png) -82px -38px no-repeat;
}
.icon4{
	width: 34px;
	height: 33px;
	background: url(../../../img/sicoal-icons.png) -41px 0px no-repeat;
	display: inline-block;
	-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
}
.icon4:hover {
	background: url(../../../img/sicoal-icons.png) -41px -38px no-repeat;
}
#wait_login{
	background: url(../../../img/progress.gif);
	width: 110px;
	height: 10px;
	position: relative;
	top: 60px;
	left: 130px;
	display: none;
}
/*
 * table
 */
table, table td, table tr {
	padding:0px;
	border-spacing: 0px;
}

table {
	border:1px black solid;
	border-radius:5px;
	width:100%;
	font-family: Oswald,Helvetica,Arial;
	color: black;
}

table td {
	padding:6px;
}

table tr:first-child td:first-child {
	border-radius:5px 0px 0px 0px;
}

table tr:first-child td:last-child {
	border-radius:0px 5px 0px 0px;
}

table tr:last-child td:first-child {
	border-radius:0px 0px 0px 5px;
}

table tr:last-child td:last-child {
	border-radius:0px 0px 5px 0px;
}

table td:not(:last-child) {
	border-right:1px #666 solid;
}


table tr:nth-child(2n) {
	background: #8FEB87;
}

table tr:nth-child(2n+1){
	background: #D1F2BA;
}

table.header tr:not(:first-child):hover, table:not(.header) tr:hover {
	background: #046ddd;
	color: white;
}

table:not(.header) tr {
	text-align: left;
}

table.header tr:first-child {
	font-weight: bold;
	color:#fff;
	background-color: #1c7d0e;
	border-bottom:1px #000 solid;
	text-align:center;
}

table.header tr:nth-child(n+2) {
	text-align: right;
}
table td.left{
	text-align: left;
}
table tr.center{
	text-align: center;
}
/*
/SIDEBAR
*/

#sidebar {
	width: 18%;
	min-height: 500px;
	min-width: 215px;
	max-width: 350px;
	float: left;
	margin: 0 10px;
	margin-top: 5em;
	border: solid 1px #cbcbcb; 
	background-color: #FFF; 
	box-shadow: 0 0 15px #55aa53; 
	-moz-box-shadow: 0 0 15px #55aa53;
	-webkit-box-shadow: 0 0 15px #55aa53; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px; 
	font-family: Oswald,Verdana, Geneva, sans-serif; 
	font-size: 11px; 
	-webkit-transition: -webkit-transform .3s ease-in-out,margin .3s ease-in-out;
	-moz-transition: -moz-transform .3s ease-in-out,margin .3s ease-in-out;
	-o-transition: -o-transform .3s ease-in-out,margin .3s ease-in-out;
	transition: transform .3s ease-in-out,margin .3s ease-in-out;
	z-index: 1;
}
#sidebar .line {
	background-color: #15242a;
	border-bottom-color: #204656;
	margin: 1.3em 0;
	height: 1px;
	background-color: #24404c;
	border-bottom: 1px solid #416371;
	margin: 1em 0;
	overflow: hidden;
}
#sidebar hr {
	background: url(../../../img/sidebar_divider.png) repeat-x;
	border: none;
	display: block;
	height: 2px;
	outline: none;
	width: 100%;
}
#sidebar img.back {
	width: 32px;
    height: 32px;
    float: right;
    display: none;	
}
#sidebar h3 {
	font-size: 13px;
	margin: 10px 0 10px 6%;
	text-shadow: 0 1px 0 #ffffff;
	text-transform: uppercase;
	color: #e80e0e;
	max-width: 90%;
}
#sidebar ul{
	clear:both;
	margin: 0;
	padding: 0;

}
#sidebar li{
	margin: 0 0 0 12%;
	padding: 0;
	list-style: none;
}
#sidebar ul li a{
	display: inline-block;
	height: 17px;
	line-height: 17px;
	margin: 2px 0;
	padding-left:25px;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	color: #555;
}
#sidebar ul li a:hover{
	color:#2EDBAC;
	text-decoration: none !important;
}
/* Iconos del Sidebar */
#sidebar li.icn_new_article a {
background: url(../../../img/icn_new_article.png) no-repeat center left;
}
#sidebar li.icn_geo a {
	background: url(../../../img/icn_geo.png) no-repeat center left;
}
#sidebar li.icn_mark a {
	background: url(../../../img/icn_mark.png) no-repeat center left;
}
#sidebar li.icn_edit_article a {
background: url(../../../img/icn_edit_article.png) no-repeat center left;
}
#sidebar li.icn_categories a {
background: url(../../../img/icn_categories.png) no-repeat center left;
}
#sidebar li.icn_tags a {
background: url(../../../img/icn_tags.png) no-repeat center left;
}
#sidebar li.icn_add_user a {
background: url(../../../img/icn_add_user.png) no-repeat center left;
}
#sidebar li.icn_view_users a {
background: url(../../../img/icn_view_users.png) no-repeat center left;
}
#sidebar li.icn_profile a {
background: url(../../../img/icn_profile.png) no-repeat center left;
}
#sidebar li.icn_folder a {
background: url(../../../img/icn_folder.png) no-repeat center left;
}
#sidebar li.icn_photo a {
background: url(../../../img/icn_photo.png) no-repeat center left;
}
#sidebar li.icn_audio a {
background: url(../../../img/icn_audio.png) no-repeat center left;
}
#sidebar li.icn_video a {
background: url(../../../img/icn_video.png) no-repeat center left;
}
#sidebar li.icn_settings a {
background: url(../../../img/icn_settings.png) no-repeat center left;
}
#sidebar li.icn_security a {
background: url(../../../img/icn_security.png) no-repeat center left;
}
#sidebar li.icn_jump_back a {
background: url(../../../img/icn_jump_back.png) no-repeat center left;
}
#sidebar p{
}
#sidebar footer a{
	color: #2EDBAC;
	text-decoration:none;
}
#sidebar footer a:hover{
	border-bottom: solid 1px #2edbac;
}
#sidebar footer{
	margin-top: 20%;
	padding:0px 0px 0px;
}

.toggle{
	
}
.toggleLink{
	display: block;
	float:right;
	font-size: 10px;
	margin-right: 2%;
	text-decoration: none;
	color: deepskyblue;
}
#sidebar .toggleLink:hover{
	color: #77BACE;
}
.mestri {
	color: #77BACE;
	text-decoration: none;
}
/*Usuers*/
#users{
	float: left;
	min-height: 100px;
	min-width: 230px;
	max-height: 175px;
	width: 23%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	max-width: 350px;
	position: fixed;
	-webkit-box-shadow: inset 0px 0px 8px #fff;
	-moz-box-shadow: inset 0px 0px 8px #fff;
	box-shadow: inset 0px 0px 8px #fff;
	
}
/*Inicio del Circulo*/
#cir {
	width: 100%;
	height: 100%;
	left: 8px;
	
}
#ec-circle{
	width: 150px;
	height: 150px;
	-webkit-border-radius: 210px;
	-moz-border-radius: 210px;
	border-radius: 50%;
	text-align: center;
	overflow: hidden;
	font-family: Oswald,'Kelly Slab', Georgia, serif;
	background: #00BBFF url(../../../img/Admin.jpg) no-repeat center center;
	background-size: cover;
	box-shadow: inset 0 0 1px 230px rgba(0,0,0,0.6),
        inset 0 0 0 7px #00BBFF;
	transition: box-shadow 500ms ease-in-out;
	display: block;
	outline: none;
	padding: 0 0 0; 
}
#ec-circle:hover{
    box-shadow: inset 0 0 0 0 rgba(0,0,0,0.6),inset 0 0 0 2px #00BBFF,0 0 1px rgba(0,0,0,0.3);
}
.ec-circle-hover{
    box-shadow: inset 0 0 0 0 rgba(0,0,0,0.6),inset 0 0 0 2px #00BBFF,0 0 1px rgba(0,0,0,0.3);
}
.divsor {
	height: 173px;
	width: 1px;
	background-color: #15242a;
	border-right: 1px solid #416371;
	margin-top: -170px;
	margin-left: 170px;
}
#secondary_bar ul{
	clear: both;
	padding: 0;
}
#secondary_bar li{
	margin: 0 0 0 2%;
	padding: 0;
	list-style: none;
	display: inline;
}
#secondary_bar a{
	display: inline-block;
	height: 25px;
	margin: -6px 2px;
	padding-left: 25px;
	text-decoration: none;
	text-shadow: 0 1px 0 black;
}
#secondary_bar li a:hover{
	color:#00BBFF;
}
#secondary_bar li.message a {
background: url(../../../img/Exit.png) no-repeat center left;
}
#secondary_bar li.notif a {
background: url(../../../img/About.png) no-repeat center left;
}
#secondary_bar li.soli a {
background: url(../../../img/Abort.png) no-repeat center left;
}
#cir_cont{
	width: 70%;
	height: 100%;
	top: 8px;
	left: 8px;
	padding: 3px 3px 15px;
	/*position:relative;*/
}
.circle{
	width: 150px;
    height: 150px;
    -webkit-border-radius: 210px;
    -moz-border-radius: 210px;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    font-family:Oswald,'Kelly Slab', Georgia, serif;
    background: #7BECD6 url(../../../img/linda.jpg) no-repeat center center;
    background-size:contain;
    box-shadow: 
        inset 0 0 1px 230px rgba(0,0,0,0.6),
        inset 0 0 0 7px #7BECD6;
    transition: box-shadow 1000ms ease-in-out;
    display: block;
    outline: none;
    padding: 50px 0px 0px;
}
.circle:hover{
	box-shadow: 
        inset 0 0 0 0 rgba(0,0,0,0.6),
        inset 0 0 0 2px #7BECD6,
        0 0 1px rgba(0,0,0,0.3);
}

.af-wrapper {
	width: 94%;
	max-width: 700px;
	min-width: 680px;
	margin: 0 auto 30px auto;
	position: absolute;
	border-radius: 10px;
	/*right: 25em;
	margin-left: auto;
	margin-right: auto;*/
	left: 25%;
}
form div select{
	-webkit-appearance: none;
    -webkit-padding-end: 20px;
    -webkit-padding-start: 6px;
    -moz-appearance: none;
    -moz-padding-end: 20px;
    -moz-padding-start: 6px;
    -o-appearance: none;
    -o-padding-end: 20px;
    appearance: none;
    padding-end: 20px;
    padding-start: 6px;
    -o-padding-start: 6px;
    background-image: url(../../../img/select.png), -webkit-linear-gradient(#3A3737, #7E7979 38%, #181414);
    background-image: url(../../../img/select.png), -moz-linear-gradient(#3A3737, #7E7979 38%, #181414);
    background-image: url(../../../img/select.png), -o-linear-gradient(#3A3737, #7E7979 38%, #181414);
    background-position: right center;
    background-repeat: no-repeat;
}
select.select{
	background: #494949;
    border: 1px solid #555;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    padding: 5px;
    width: 200px;
    float: left;
    color: #2EDBAC;
    /* text-transform: capitalize; */
    font-weight: bold;
    box-shadow: 1px 1px 0px #2edbac;
    -moz-box-shadow: 1px 1px 1px #2edbac;
    -webkit-box-shadow: 1px 1px 0px #2edbac;
    /* text-shadow: 1px 1px 1px #2edbac;*/
}
div#later{
	background: white;
	border-radius: 15px;
}
div#later h3{
	text-align: center;
	padding: 10px 0px 10px 0px;
}
div#later div#later_list{
	background: white;
}
div#later div#later_list header{
	background-color: #2ad;
	background: #F1F1F4 url(../img/btn_scan_mid.png) repeat-x;
	background: -webkit-linear-gradient(#00B9FF,#B2F6FF);
	background: -moz-linear-gradient(#00B9FF,#B2F6FF);
	background: -o-linear-gradient(#00B9FF,#B2F6FF);
	background: linear-gradient(#00B9FF,#B2F6FF);
	background: #55aa53;
	background-size: auto;
	height: 38px;
	width: 100%;
	color: white;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom: solid 1px #777777;
	background-size: contain;
	border: 1px solid rgba(21, 238, 2, 0.98);
	box-shadow: inset 0px 0px 8px #20ff0036;
	-moz-box-shadow: inset 0px 0px 8px #20ff0036;
	-webkit-box-shadow: inset 0px 0px 8px #20ff0036;
	-o-box-shadow: inset 0px 0px 8px #20ff0036;
	box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.2);
}
div#later div#later_list header h3{
	color: white;	
}
div#later div#later_list article{
	text-align: left !important;
	margin-left: 10px;
	border-bottom: 1px solid gray;
	width: 95% !important;
	cursor: pointer;
}