/*box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;
#eaeaea - gray bg
#c3a46e - gold
#353638 - black
#f9f291 - yellow
#DE636F - red

shadow
    box-shadow: 0px 2px 20px -10px #000;
    -webkit-box-shadow: 0px 2px 20px -10px #000;
shadow
*/


/*----------------------------------------------------------------------*/



body{
	font-family: "MuseoSansRegular";
	background-color: #f0f0f0;
	
}

/*-------AUTH-START-----*/

#lang_sel{
    width: 100%;
    padding: 8px;
    border: 1px solid #5A5A5B;
    color: #000;
    text-align: center;
    background: transparent;
}

#lang_sel option{
	color:black;
}

#menu_lang_sel{
	width: 100%;
    background: transparent;
    border: 1px solid #5A5A5B;
    color: #000;
    margin-bottom: 20px;
    padding: 6px;
}

#menu_lang_sel option{
	color:black;
}

.apec-auth{
	background-color: #353c3c;
}

.auth-header{
	background:#353638;
	background-size: cover;
	color:#000;
	text-align:center;
	padding:5% 0;
}

#auth-logo img{
	margin:auto;
	border-radius: 20px;

}

#auth-login{
	padding: 0 18%;
}

#auth-login form input{
	width:100%;
	background:transparent;
	padding:8px;
	border: 1px solid #5A5A5B;
	color:#000;
	text-align:center;
	font-size:1.1em;
}

#auth-login form input::-webkit-input-placeholder{
	color: #cccccc;
}

#auth-login form input::::-moz-placeholder { /* Firefox 19+ */
  color: #000000;
}
#auth-login form input:::-ms-input-placeholder { /* IE 10+ */
  color: #000000;
}
#auth-login form input:::-moz-placeholder { /* Firefox 18- */
  color: #000000;
}

#auth-login form button{
	background-color:#5A5A5B;
	color:#fff;
	padding:8px;
	border: 2px solid #5A5A5B;
	width:100%;
	font-size:1.1em;
	-webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

#auth-login form button:hover{
	background:transparent;
	color:#5A5A5B;
}

.color-gold{
	color: #5A5A5B !important;
}

/*-------AUTH-END-------*/

	

/*------APEC-CLASSES-START---*/

.apec-ul{
	padding:0;
}

.apec-ul li{
	list-style-type:none;
	margin-bottom:15px;
}

.apec-hr{
	border-top: 1px solid #5A5A5B;
}

.apec-hr-2{
	border-top: 1px solid transparent;
	margin-top:15px;
	margin-bottom:5px;
}

.hr-top-0{
	margin-top:0;
}

.apec-link-gray{
	color:#b0cbcd;
}

.apec-link-gray:hover{
	color:#b0cbcd;
}

.apec-form input, .apec-form button{
	width:100%;
	border: 1px solid #d2d2d2;
	padding:8px;
}

.apec-form button{
	background-color:#90C564;
	border:1px solid #90C564;
	color:#fff;
}

/*------APEC-CLASSES-END-----*/

/*-------CHANGE-PASS-START-------*/

#change_pass{
	margin-top:15px;
}

/*-------CHANGE-PASS-END---------*/

.done-courses h4{
	text-align:center;
}

/*-----BUTTONS-START------*/

.new-foulder-btn{
	background:#80a2a5;
	padding:5px;
	border:1px solid #80a2a5;
	border-radius:2px;
	color:#fff;
	-webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.new-foulder-btn:hover{
	background:transparent;
	color:#80a2a5;
	
}

.new-btn{
	padding:5px;
	background-color:#90C564;
	color:#fff;
	border:1px solid #90C564;
	border-radius:2px;
	-webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.new-btn:hover{
	background-color:transparent;
	color:#90C564;
}

.function-btn{
    margin-top: 2px;
}

/*-----BUTTONS-END--------*/

/*----MENU-START---*/
#menu{
	position:fixed;
	height:100%;
	background: #f0f0f0;
    background-size: cover;
	color:#000;
}

#menu-logo{
	margin-top:10px;
}

.menu-ul{
	padding:0;
}

.menu-ul li{
	list-style-type:none;
}

.menu-ul li a{
	width:100%;
	display:block;
	color:#fff;
	background: #5A5A5B;
	margin-bottom: 5px;
	padding:8px;
	-webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
	
}

.menu-ul li a:hover{
	text-decoration:none;
	background: #2A2A4B;
}



.menu-active{
	border-right:5px solid #b0cbcd; 
	background: rgba(255, 255, 255, 0.2);
}

/*----MENU-END-----*/

/* ICON */

.span-black{
	color: #000 !important;
}

.span-green{
	color:#90C564;
}

.span-gray{
	color:#a6a6a6;
}

/*----PROFILE-START--*/

#profile{
	text-align:center;
}

#profile h4{
	text-align:center;
	color:gray;
}

/*----PROFILE-END----*/

.boxes{
	background-color:#fff;
	padding: 5px 15px;
	margin:15px 0;
	 box-shadow: 0px 2px 20px -10px #000;
    -webkit-box-shadow: 0px 2px 20px -10px #000;
	position:relative;
}

/*----PAGE-START---*/

.page-title{
	text-align:center;
	color:gray;
}

.materials a{
	color:#333;
}

.materials i{
	color:#80a2a5;
}

.mat-date{
	color:gray;
}

#content-center{
	text-align:center;
}

/*----PAGE-END-----*/
/*----TEST-START----*/

.allow-test{
	text-align:left;
	margin:15px 0;
}

.allow-materials{
}

.allow-materials ul li a{
	color:#888;
}

.allow-materials ul li a:hover{
	color:#888;
}



#quiz{
	margin-top:20px;
	margin-bottom:20px;
}

.quiz-question{
	color:gray;
}

.quiz-question-mark{
    background: #f9f291;
	padding:5px;	
}

.quiz-next{
	background-color:#90C564;
	padding:8px;
	border:none;
	color:#fff;
}

.quiz-next:hover{
	background-color:#a6d083;
}

.quiz-ul{
	padding:0;
}

.quiz-ul li{
	list-style-type:none;
	margin-bottom:10px;
}

.r_button {
        display: none;
}

.r_button + label {
        /*background: #e3e3e3;*/
        border: 1px solid #d2d2d2;
		border-left:10px solid #d2d2d2;
		cursor: pointer;
		padding:5px;
		width:100%;
		color:#4c4c4c;
}

.r_button:checked + label {
		border-left:10px solid #90C564;
}

.result-title{
	color:gray;
	text-align:center;
}

#result-correct{
	background-color:#90C564;
	text-align:center;
	padding:8px;
	color:#fff;
}

#result-incorrect{
	background-color:#DE636F;
	padding:8px;
	text-align:center;
	color:#fff;
}

.result-text{
	text-align:center;
	color:gray;
	margin:20px 0;
}

.result-success{
	color:#90C564;
}

.result-fail{
	color:#DE636F;
}

.result-score{
	color:#333;
}

.result-message{
	background: #f9f291;
	padding:5px;	
	text-align:center;
}
/*----TEST-END------*/

.material_iframe{
	width:870px;
	height:450px;
}

.correct-title{
	border: 2px solid #a6d083;
    display: inline-block;
    padding: 5px;
    border-radius: 2px;
}

.incorrect-title{
	border: 2px solid #DE636F;
    display: inline-block;
    padding: 5px;
    border-radius: 2px;
}

.correct-answer i{
	color:#a6d083;
}

.incorrect-answer i{
	color:#DE636F;
}

.correct-answer, .incorrect-answer{
    border-bottom: 1px solid lightgray;
}

#test-again{
	text-align:center;
}

#test-again a{
	background: #337ab7;
	display:block;
    color: #fff;
    padding: 7px;
    border-radius: 3px;
    text-align: center;
}

#test-again a:hover{
	background:#4787be;
	text-decoration:none;
}
/*------FOOTER-START----*/

.footer{
	background-color: #353c3c;
	padding:2% 0;
	color:#fff;
}

.footer-ul{
	padding:0;
}
.footer-ul li{
	list-style-type:none;
	float:left;
	margin-right:20px;
}

.foot-soc-link{
	color: #A5B2B2;
}

.foot-soc-link:hover{
	color: #fff;
}

#footer-center .footer-ul{
	margin-bottom:0;
	margin-top:10px;
	font-size:1.1em;
}

.foot-site-link{
	font-family: "MuseoSansBold";
	margin-top:10px;
	font-size:1.1em;
	color:#fff;
}

.foot-site-link:hover{
	text-decoration:none;
	color: #A5B2B2;
}

.foot-titles{
	color:#fff; 
	font-size:1.1em;
}

/*------FOOTER-END------*/

.pushmenu { /*this is the nav*/
  background: #3a8285 url('../images/bg1.jpg') 50% 50% no-repeat;
   background-size: cover;
  text-align: center;
  width: 300px;
  height: 100%;
  top: 0;
  z-index: 1000;
  position: fixed;
}

.links {
  list-style-type: none;
  padding: 0;
  margin: 0 0 0 25%;
  width: 50%;
}

.links li { margin-top: 30px; }

.links li a {
  position: relative;
  display: block; /* drops the nav vertically*/
  color: #f1f1f1;
 
}


.links li a:hover:after { width: 70%; }

.links li a:active { color: #dbdbdb; }

.pushmenu-left { left: -300px; }

.pushmenu-left.pushmenu-open { left: 0; }

.pushmenu-push {
  overflow-x: hidden;
  position: relative;
  left: 0;
}

.pushmenu-push-toright { left: 300px; }

/*Transition*/

.pushmenu, .pushmenu-push {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.nav_list{
  cursor: pointer;
}

#nav_list{
	  width:30px!important;
  height:30px!important;
  margin:15px;
}

nav-list.active { background-position: -331px top; }

.buttonset {
  background: #00A287;
  height: 16px;
  padding: 10px 20px 20px;
}

section.content {
  padding: 10px 20px;
}

.pushmenu .nav_list{
	background:#bfbfbf;
	color:#000;
	width:100%;
	padding:20px;
}


/*----------------------------------------------------------------------*/

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}
.bs-callout-simple {
    border-left-color: #fff;
}
.bs-callout-simple h4 {
    color: #333;
}

/* font-family: "MuseoSansRegular"; */
@font-face {
    font-family: "MuseoSansRegular";
    src: url("../fonts/MuseoSansRegular/MuseoSansRegular.eot");
    src: url("../fonts/MuseoSansRegular/MuseoSansRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansRegular/MuseoSansRegular.woff") format("woff"),
    url("../fonts/MuseoSansRegular/MuseoSansRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "MuseoSansBold"; */
@font-face {
    font-family: "MuseoSansBold";
    src: url("../fonts/MuseoSansBold/MuseoSansBold.eot");
    src: url("../fonts/MuseoSansBold/MuseoSansBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansBold/MuseoSansBold.woff") format("woff"),
    url("../fonts/MuseoSansBold/MuseoSansBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "MuseoSansItalic"; */
@font-face {
    font-family: "MuseoSansItalic";
    src: url("../fonts/MuseoSansItalic/MuseoSansItalic.eot");
    src: url("../fonts/MuseoSansItalic/MuseoSansItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansItalic/MuseoSansItalic.woff") format("woff"),
    url("../fonts/MuseoSansItalic/MuseoSansItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "MuseoSansLight"; */
@font-face {
    font-family: "MuseoSansLight";
    src: url("../fonts/MuseoSansLight/MuseoSansLight.eot");
    src: url("../fonts/MuseoSansLight/MuseoSansLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansLight/MuseoSansLight.woff") format("woff"),
    url("../fonts/MuseoSansLight/MuseoSansLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "MuseoSansMedium"; */
@font-face {
    font-family: "MuseoSansMedium";
    src: url("../fonts/MuseoSansMedium/MuseoSansMedium.eot");
    src: url("../fonts/MuseoSansMedium/MuseoSansMedium.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansMedium/MuseoSansMedium.woff") format("woff"),
    url("../fonts/MuseoSansMedium/MuseoSansMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "MuseoSansBlack"; */
@font-face {
    font-family: "MuseoSansBlack";
    src: url("../fonts/MuseoSansBlack/MuseoSansBlack.eot");
    src: url("../fonts/MuseoSansBlack/MuseoSansBlack.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansBlack/MuseoSansBlack.woff") format("woff"),
    url("../fonts/MuseoSansBlack/MuseoSansBlack.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "MuseoSansBoldItalic"; */
@font-face {
    font-family: "MuseoSansBoldItalic";
    src: url("../fonts/MuseoSansBoldItalic/MuseoSansBoldItalic.eot");
    src: url("../fonts/MuseoSansBoldItalic/MuseoSansBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansBoldItalic/MuseoSansBoldItalic.woff") format("woff"),
    url("../fonts/MuseoSansBoldItalic/MuseoSansBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "MuseoSansMediumItalic"; */
@font-face {
    font-family: "MuseoSansMediumItalic";
    src: url("../fonts/MuseoSansMediumItalic/MuseoSansMediumItalic.eot");
    src: url("../fonts/MuseoSansMediumItalic/MuseoSansMediumItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansMediumItalic/MuseoSansMediumItalic.woff") format("woff"),
    url("../fonts/MuseoSansMediumItalic/MuseoSansMediumItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "MuseoSansLightItalic"; */
@font-face {
    font-family: "MuseoSansLightItalic";
    src: url("../fonts/MuseoSansLightItalic/MuseoSansLightItalic.eot");
    src: url("../fonts/MuseoSansLightItalic/MuseoSansLightItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansLightItalic/MuseoSansLightItalic.woff") format("woff"),
    url("../fonts/MuseoSansLightItalic/MuseoSansLightItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "MuseoSansBlackItalic"; */
@font-face {
    font-family: "MuseoSansBlackItalic";
    src: url("../fonts/MuseoSansBlackItalic/MuseoSansBlackItalic.eot");
    src: url("../fonts/MuseoSansBlackItalic/MuseoSansBlackItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansBlackItalic/MuseoSansBlackItalic.woff") format("woff"),
    url("../fonts/MuseoSansBlackItalic/MuseoSansBlackItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}