@font-face {
  font-family: "Roboto";
  src: local(Roboto Thin), url("../resources/fonts/Roboto-Thin.woff2") format("woff2"), url("../resources/fonts/Roboto-Thin.woff") format("woff"), url("../font/Roboto-Thin.ttf") format("truetype");
  font-weight: 200; }

@font-face {
  font-family: "Roboto";
  src: local(Roboto Light), url("../resources/fonts/Roboto-Light.woff2") format("woff2"), url("../resources/fonts/Roboto-Light.woff") format("woff"), url("../resources/fonts/Roboto-Light.ttf") format("truetype");
  font-weight: 300; }

@font-face {
  font-family: "Roboto";
  src: local(Roboto Regular), url("../resources/fonts/Roboto-Regular.woff2") format("woff2"), url("../resources/fonts/Roboto-Regular.woff") format("woff"), url("../resources/fonts/Roboto-Regular.ttf") format("truetype");
  font-weight: 400; }

@font-face {
  font-family: "Roboto";
  src: url("../resources/fonts/Roboto-Medium.woff2") format("woff2"), url("../resources/fonts/Roboto-Medium.woff") format("woff"), url("../resources/fonts/Roboto-Medium.ttf") format("truetype");
  font-weight: 500; }

@font-face {
  font-family: "Roboto";
  src: url("../resources/fonts/Roboto-Bold.woff2") format("woff2"), url("../resources/fonts/Roboto-Bold.woff") format("woff"), url("../resources/fonts/Roboto-Bold.ttf") format("truetype");
  font-weight: 700; }

body{
    background-color:  #313131;
    overflow: hidden;
}


#theme{
	zoom: 1;
	font-family: "Roboto", sans-serif;
}
#theme p{
	font-size: 15px;
}
#thm-header{
	/*background-color:#2d2d2d;*/
	background-color: white;
}
#thm-header-logo{
    float: left;
    height: 45px;
    width: 30%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin: 10px;
    background-position: 50%;
}
#thm-header-title{
    color: #2d2d2d;
	width: 40%;
	float:right;
	border-bottom: 2px solid #2d2d2d;
}

#thm-container{ 
	position: relative;
	width: 768px;
	margin-left: auto;
	margin-right: auto;
	/*border:solid 1px rgba(45, 45, 45, 0.59);*/
	/*border-radius: 18px;*/
	border-bottom-left-radius: 0px; 
	background-color: #fff;
	box-shadow: 0px 1px 8px -3px rgba(255,250,250,0.65) 
}
#thm-footer{ 
	height: auto; 
	/*padding: 8px 0px; */
	color:white; 
	background-color:#2D2D2E; }
.thm-counter-txt{text-transform: uppercase}
#thm-materials{overflow-x: hidden}
#thm-materials, .thm-page-contents{ min-height: 350px;}
#thm-materials, .thm-page{
	position: relative;
}
.thm-page, .thm-chapter{
	position: absolute;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}
.thm-page{
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.thm-page.thm-verticalBg{background-size: auto 100%;}
.thm-page-0{
	background-position:0px 0px;
	background-size: 150% auto;
	transition:background-size 1s;
}
.thm-page-header{display: none;}

.thm-white-box .thm-page-content-object, .thm-white-box-wpic .thm-page-content-object{
	border-radius: 10px 10px 10px 0px;
    background-color: rgba(255, 255, 255, 0.95); 
	padding: 15px;
	padding-left: 20px;
	box-shadow: 0px 0px 10px #2D2D2E;
	transition: box-shadow 2s;
}
.thm-quiz-page .thm-white-box .thm-page-content-object{
	padding-left: 10px;
}
.thm-white-box-wpic .thm-page-content-object{
    padding: 0;
}
.thm-white-box-wpic .thm-page-content-object .thm-page-content-element, .thm-white-box-wpic p{
    height: inherit;
}
.thm-white-box-wpic .thm-page-content-object img{
	    margin: 0px;
    border-top-left-radius: 10px;
	height:100%;
	width: auto;
}
.thm-white-box-wpic p{
	display: inline-block;
}
.thm-white-box-wpic p:last-child{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    padding-left: 20px;
	padding-right: 20px;
}
/* */
#thm-nav{
	position: absolute;
    top: 0px;
    /*height: 100%;*/
	width: 100%;
	/*z-index: -1;*/
}
#thm-previouspage-btn, #thm-nextpage-btn{
	top: 210px;
    position: absolute;
    height: 50px;
    width: 50px;
    color: white;
}
#thm-previouspage-btn{
	left: -50px;
}
#thm-nextpage-btn{right:-50px}

.thm-nav-cell{
	position: relative;
	padding:0px;
	padding-left: 8px; padding-right: 8px;
}
/*.thm-btn-wrapper{ width: 40px;height: 40px;border-radius: 20px; border: 2px solid white; line-height: 45px;  box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);}*/
.thm-btn-wrapper{ 
	width: 40px;
    height: 40px;
    line-height: 45px;
    box-shadow: 0px 0px 3px 0px  rgba(255,250,250,0.4) ;
}
.thm-previous-btn-wrapper{ float: right; padding-right: 1px;}
/*.thm-next-btn-wrapper{float: right; padding-left: 3px;}*/
.thm-pagesnav-btn{ cursor: pointer}
#thm-counter{width: 125px; text-align: center; line-height: 30px;}

#thm-contents-list {padding: 0px;}
#thm-contents-list ol{margin: 0px;padding: 0px;}
.thm-contents-chapter-li, .thm-contents-pages-list{    line-height: 10px;list-style: none; padding: 0; text-align: center;}
.thm-contents-page-li{ 
	/*box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3); cursor:pointer; display: inline-block;list-style-type: none; text-align: center; margin: 0 2px; line-height: 25px; width: 25px; height: 25px; border-radius: 8px; border-bottom-left-radius:0px; background-color: #6279ad;*/
    cursor: pointer;
    display: inline-block;
    list-style-type: none;
    text-align: center;
    width: 10%;
    height: 10px;
    background-color: #6279ad;
	}
/*.thm-contents-page-li:first-child { width: 60px;}*/
.thm-contents-page-visited{background-color: #ccc; }
.thm-contents-page-current{background-color: white; color: #6279ad; box-shadow:none}

.thm-certificate-page{
	border: solid transparent 5em;
    border-image: url("../resources/certificate_bg_255012901.png") 114 round stretch;
    transition: border 1s;
	width:100%;
	height:100%;
}

/* custom styles */
.thm-list-item .thm-page-content-object{
    border-left: solid 3px rgb(220, 218, 131);
    padding-left: 10px;
}
.thm-list-item .thm-page-content-object p:last-child{
	margin: 0px;
}
.thm-left{
	left:0px !important;
	padding-right: 25px;
}
.thm-right{
	right:0px !important;
	left:auto !important;
	/*padding-right: 25px;*/
}
.thm-center{
	position: relative !important;
	margin-left: auto;
	margin-right: auto;
	left:auto !important;
}
.thm-question-btn .thm-page-content-object{
	background-color: #3b5999;
	padding: 10px;
	border-radius: 8px;
	color:white;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
}
.thm-question-feedback{
	padding-top: 15px;
}
.thm-question-btn{cursor: pointer;}
.thm-question-btn-selected{ opacity: 0.8;}
.thm-question-btn-cor.thm-question-btn-selected .thm-page-content-object{
	background-color: #73cd6a;
}
.thm-question-btn-incor.thm-question-btn-selected .thm-page-content-object{
	background-color: #d45656;
}
.thm-question-btn-selected .thm-page-content-object{box-shadow: none;}
.thm-question-feedback-btn{
	text-align: right;
	cursor: pointer;
}
.thm-quiz-page .thm-right{
margin-bottom: 10px;
margin-right: 10px;
}
.thm-question-feedback, .thm-question-feedback-btn{ display: none;}

.thm-scorm-completeBtn{display: none;}


.thm-confirm-prompt-wrapper{
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
background-color: #eee;
padding: 20px;
text-align: center;
z-index: 9999;
}
.thm-confirm-prompt-wrapper .thm-modal-btn{padding: 10px;
background-color: rgb(0, 174, 239);
color: white;
margin: 10px;
line-height: 40px;
border-radius: 6px;
cursor: pointer}

/* Medium devices (desktops, 992px and up) */
@media all and (min-width: 992px) { 
	#thm-container{ 
		/*width: 800px;*/
	}
}

/* Small devices (tablets, 768px and up) 
@media all and (min-width: 768px) {
	#thm-container{ 
		width: 768px;
	}
}
*/
/* Extra small devices (phones, less than 768px) 
@media all and (max-width: 768px) { 
	#theme{
		width: 100%;
	}
	#thm-container{ 
		width: 98%;
	}
}
*/

/* Authoring mode overwrites*/

.aut #thm-materials{overflow-x:visible}
.aut .thm-question-feedback, .aut .thm-question-feedback-btn{ display: block;}
.aut .thm-scorm-completeBtn{display: block;}


/* PRINT */
@media print
{   
    #theme{margin-top: 0px !important;}
	#thm-header-logo{-webkit-print-color-adjust:exact;}
    #thm-nav, .thm-print-btn, .thm-scorm-completeBtn, #thm-footer, .thm-print-hide{display: none !important;}
}