@font-face { font-family: 'Gotham'; src: url('/font/gotham/Gotham-Book.otf'); }
@font-face { font-family: 'Gotham'; font-style: italic; src: url('/font/gotham/Gotham-BookItalic.otf'); }
@font-face { font-family: 'Gotham'; font-weight: 100; src: url('/font/gotham/Gotham-Light.otf'); }
@font-face { font-family: 'Gotham'; font-weight: 100; font-style: italic; src: url('/font/gotham/Gotham-LightItalic.otf'); }
@font-face { font-family: 'Gotham'; font-weight: 200; src: url('/font/gotham/Gotham-Book.otf'); }
@font-face { font-family: 'Gotham'; font-weight: 200; font-style: italic; src: url('/font/gotham/Gotham-BookItalic.otf'); }
@font-face { font-family: 'Gotham'; font-weight: 300; src: url('/font/gotham/Gotham-Medium.otf'); }
@font-face { font-family: 'Gotham'; font-weight: 300; font-style: italic; src: url('/font/gotham/Gotham-MediumItalic.otf'); }
@font-face { font-family: 'Gotham'; font-weight: 500; src: url('/font/gotham/Gotham-Bold.otf'); }
@font-face { font-family: 'Gotham'; font-weight: 500; font-style: italic; src: url('/font/gotham/Gotham-BoldItalic.otf'); }
@font-face { font-family: 'Gotham'; font-weight: bold; src: url('/font/gotham/Gotham-Bold.otf'); }
@font-face { font-family: 'Gotham'; font-weight: bold; font-style: italic; src: url('/font/gotham/Gotham-BoldItalic.otf'); }
@font-face { font-family: 'Gotham'; font-weight: 800; src: url('/font/gotham/Gotham-Black.otf'); }
@font-face { font-family: 'Gotham'; font-weight: 800; font-style: italic; src: url('/font/gotham/Gotham-BlackItalic.otf'); }

body {
    width:100%;
    height:100%;
    overflow-x:hidden;
    font-family: 'Gotham', 'Arial', 'Times New Roman';
}

#validation {
    position:absolute;
    top:50%;
    transform:translateY(-50%) translateX(-50%);
    left:50%;
    max-width:600px;
    padding:50px;
    background-color:rgb(230, 230, 230);
    border-radius:5px;
    box-shadow:0 0 10px rgb(150, 150, 150);
}

#instructions {
    padding-top:10px;
    padding-bottom:20px;
}

#instructions>h1 {
    color:rgb(255, 32, 28);
}

#instructions div.instructions-content {
    border:2px solid rgb(255, 154, 153);
    border-radius:10px;
    padding:20px;
}

#instructions div button img {
    width: 140px;
}

#assessment {
    padding-top:10px;
    padding-bottom:20px;
}

.assessment-header {
    background-color: rgb(209, 209, 209);
}

.assessment-header table {
    width: 100%;
}

.assessment-header table tbody tr td:nth-child(1) {
    background-color: #000;
    width: 5%;
}

.assessment-header table tbody tr td:nth-child(2) {
    padding-left: 20px;
    font-size: 48px;
    font-weight: bold;
    color: #000;
    width: 15%;
}

.assessment-header table tbody tr td:nth-child(3) {
    color: green;
    font-size: 48px;
    font-weight: bold;
    padding-right: 50px;
    width: 40%;
    text-align: right;
}

.assessment-header table tbody tr td:nth-child(4) {
    color: #FFF;
    font-size: 16px;
    font-weight: normal;
    padding-right: 20px;
    width: 40%;
    text-align: right;
}

.assessment-header div.col-3 {
    color: #000;
    padding-left: 20px;
    font-weight: bold;
    font-size: 48px;
    border-left: 30px solid #000;
}

.assessment-header div.col-9 {
    color: #FFF;
}

.assessment-header div.col-9 span {
    color: green;
    font-size: 48px;
    font-weight: bold;
    padding-right: 50px;
}

.assessment-header div.col-9 span + span {
    color: #FFF;
    font-size: 16px;
    font-weight: normal;
    padding-right: 0;
}

.assessment-module-header h1 {
    font-weight: bold;
    padding-left: 50px;
}

.assessment-module-header h3 {
    font-weight: bold;
    padding-left: 50px;
}

.question-main p.question-header {
    background-color: rgb(167, 167, 167);
}

.question-main p.question-header span {
    background-color:#000;
    color:#FFF;
    padding:3px 5px;
    font-weight: bold;
}

.question-main p.question-content {
    color:#000;
    padding-left: 20px;
}

.question-main p.question-answers {
    color:#000;
}

.question-main ol.question-answers {
    list-style-type: upper-alpha;
    padding-left: 40px;
}

.question-instructions .question-note span {
    background-color: rgb(209, 209, 209);
    color:#000;
    padding:5px;
    font-weight: bold;
}

.question-instructions .question-instruction span {
    background-color: #000;
    color:#FFF;
    padding:5px;
    font-weight: bold;
}

.question-instructions .question-example {
    border:1px solid #000;
    padding:10px 20px;
}

.question-instructions .question-example span {
    text-decoration: underline;
}

button.pagination-button img {
    width: 20px;
}

.loading-page {
    position:fixed;
    z-index: 1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(210, 210, 210, .5);
}

.loading-page img {
    position:absolute;
    top:50%;
    left:50%;
    transform: translateX(-50%) translateY(-50%);
}

.question-example-list {
    list-style-type: upper-alpha;
    padding-left:20px;
}

.question-example-mark {
    border:1px solid black; 
    border-radius:50%; 
    padding:1px 3px;
}

.question-example-mark-answer {
    border:1px solid black; 
    border-radius:50%; 
    padding:1px 3px;
    background-color:black;
}

.question-example-img {
    text-align:center;
}

.question-example-line {
    margin-left:-23px; 
    font-size:12px;
    font-style:italic;
}

#header {
    background-color:rgb(255, 32, 28);
    padding-top:10px;
    padding-bottom:10px;
}

#header div.container img {
    width:300px;
}

#header div.container div p {
    color:#FFF;
    padding-right:30px;
    float:left;
    font-size:14px;
}

#header div.container div p + p {
    border-radius:50%;
    font-size:18px;
    background-color:#FFF;
    color:rgb(255, 32, 28);
    padding:2px 9px;
    float:left;
}

.logos {
    float:right;
}

.logos>div {
    float:left;
    padding:5px 10px;
}

.logos>div>a>img {
    height:25px;
    width: auto !important;
}

.logos>div.logo-unid,
.logos>div.logo-uerre {
    width:100px;
    margin:0 auto;
    height:30px;
    position:relative;
}

.logos>div.logo-unid>div {
    position:absolute;
    top:-10px;
    left:0;
    background-color:#000;
    width:120px;
    height:70px;
    text-align:center;
    z-index:2;
}

.logos>div.logo-uerre>div {
    position:absolute;
    top:-10px;
    left:0;
    background-color:rgb(41, 41, 41);
    width:120px;
    height:70px;
    text-align:center;
    z-index:2;
}

.logos>div.logo-unid>div a img,
.logos>div.logo-uerre>div a img {
    width:80% !important;
    padding-top:20px;
}

#content {
    background-image:url('/img/03_ELEMENTOS/ACCEDER/CONCURSO-ACCEDER_02.png');
    background-size:auto;
    background-repeat:no-repeat;
    background-position:center;
    padding-top:40px;
    padding-bottom:40px;
}

#content div.row div.col-6.left-content>p {
    margin-top:130px;
    margin-left:auto;
    margin-right:auto;
    width:55%;
    color:#FFF;
    font-size:42px;
    font-weight:500;
    line-height:1.2;
    text-shadow: 0 5px 10px #000;
}

#content div.row div.col-6.right-content>p {
    color:#FFF;
    width: 50%;
    margin:20px auto 0 auto;
    font-size: 12px;
}

#content div.row div.col-6.right-content>p>a {
    text-decoration:underline;
    color:#FFF;
}

#content div.row div.col-6.right-content div.content-form {
    width:80%;
    margin:0 auto;
    padding:50px;
    background-color:#FFF;
    border-radius:5px;
    box-shadow:0 5px 10px #000;
}

#content div.row div.col-6.right-content div.content-form h2 {
    color:rgb(255, 32, 28);
    text-align:center;
    font-weight:700;
}

#content div.row div.col-6.right-content div.content-form p {
    color:#000;
    text-align:center;
}

#content div.row div.col-6.right-content div.content-form p a {
    text-decoration: underline;
    color:rgb(255, 32, 28);
}

#content div.row div.col-6.right-content div.content-form p a:hover {
    text-decoration: underline;
    color:rgb(255, 32, 28);
}

#content div.row div.col-6 div form button {
    padding:0;
}

#content div.row div.col-6 div form button img {
    width:180px;
}

#content div.row div.col-6 div form div input {
    border:2px solid rgb(255, 173, 171);
    border-radius: 7px;
    height: 45px;
    padding-left:20px;
}

#content div.row div.col-6 div form div select {
    border:2px solid rgb(255, 173, 171);
    border-radius: 7px;
    height: 45px;
    padding-left:20px;
}

div.select-wrapper select {
    border:2px solid rgb(255, 173, 171);
    border-radius: 7px;
    height: 45px;
    padding-left: 20px;

	/* Here's the code we need */
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	 -o-appearance: none;
		appearance: none;
}

div.select-wrapper {
	position: relative;	
}

div.select-wrapper:after {
	font-family: FontAwesome;
  	content: ''; /*\f0d7*/
  	font-size: 16px;
  	position: absolute;
  	top: 12px;
  	right: 20px;
  	color: rgb(255, 32, 28);
  	pointer-events: none;
}

div.select-wrapper select::-ms-expand {
    display: none;
}


#exam {
    background-color:rgb(242, 242, 242);
    padding-top:50px;
    padding-bottom:50px;
}

div.row.exam-header {
    margin-left:30px;
    margin-right:30px; 
    border-bottom:2px solid rgb(178, 180, 182);
    padding-bottom:20px;
}

div.row.exam-header div:nth-child(1) p span {
    font-size:20px;
    font-weight:bold;
}

div.row.exam-header div:nth-child(1) p span + span {
    font-size:16px;
    font-weight:normal;
}

div.row.exam-header div:nth-child(1) p span + span::before {
    content: '\A';
    white-space: pre;
}

div.row.exam-header div:nth-child(2)>div {
    background-color:#FFF;
    padding:15px 20px;
    border-radius:20px;
    box-shadow:0 2px 5px rgb(150, 150, 150);
}

div.row.exam-header div:nth-child(2) div p {
    text-align:right;
    line-height:1.1;
    margin-bottom:0;
}

div.row.exam-header div:nth-child(2) div p span {
    font-size:16px;
    font-weight:bold;
}

div.row.exam-header div:nth-child(2) div p span + span {
    font-size:14px;
    font-weight:normal;
}

div.row.exam-header div:nth-child(2) div p span + span::before {
    content: '\A';
    white-space: pre;
}

div.exam-content {
    background-color:#FFF;
    border-radius:5px;
    margin-top:30px;
    padding-bottom:80px;
}

div.exam-instructions {
    background-color:rgb(145, 145, 145);
    padding-top:40px;
    padding-bottom:30px;
    border-radius:5px 5px 0 0;
}

div.exam-instructions h5 {
    color:#FFF;
}

div.exam-instructions p {
    color:#FFF;
    max-width: 90%;
    margin:0 auto;
}

div.exam-example {
    border:2px solid rgb(255, 154, 153);
    margin:20px 40px;
    padding:20px 30px;
    border-radius:5px;
}

div.exam-example p:nth-child(1) {
    font-size:18px;
    font-weight:bold;
}

div.exam-question {
    margin:0 60px;
    padding-top: 30px;
}

div.exam-question div.col-1 span {
    color:#FFF;
    background-color:rgb(255, 32, 28);
    border-radius:50%;
    padding:10px;
    font-size:18px;
    font-weight:500;
}

div.exam-question div.col-11 ul {
    padding-left:0;
}

div.exam-question div.col-11 ul {
    list-style:none;
    counter-reset: listStyle;
}

div.exam-question div.col-11 ul li {
    counter-increment: listStyle;
}

div.exam-question div.col-11 ul li::before {
    content: counter(listStyle, upper-alpha) ") ";
    color: #000;
    font-weight: 500;
}

div.exam-pagination {
    padding-right:40px;
}

div.exam-pagination button img {
    width:140px;
}

div.exam-pagination p {
    margin-top:12px;
}

#footer {
    background-color:#000;
    height:70px;
}

#footer p {
    color:#FFF;
    font-size:12px;
}

#results div.results-left {
    background-color: #FFF;
    width: 50%;
    float: left;
}

#results div.results-left>img {
    position: absolute;
    top:200px;
    left:0;
    width: 30%;
}

#results div.results-left>div {
    width: 40%;
    margin:450px auto 0 auto;
}

#results div.results-left>div>p {
    font-size: 34px;
    font-weight: bold;
    line-height: 1;
    color:rgb(85, 85, 85);
}

#results div.results-left>div>img {
    width: 100px;
}

#results div.results-right {
    background-color: #FFF;
    width: 50%;
    float: left;
}

#results div.results-right>img {
    position: absolute;
    top:53px;
    right:0;
    height: 600px;
}

#results div.results-right>div {
    position: relative;
}

#results div.results-right>div>div {
    width: 70%;
    margin: 100px auto;
    border-radius: 5px;
    background-color: #FFF;
    box-shadow: 0 5px 15px rgb(150, 150, 150);
    padding-top:150px;
    padding-bottom:150px;
    position: relative;
    z-index: 2 !important;
}

#results div.results-right>div>img {
    position: absolute;
    width: 80px;
    z-index: 1 !important;
}

#results div.results-right>div>img.first-square {
    top:-40px;
    left:60px;
}

#results div.results-right>div>img.second-square {
    right:60px;
    bottom:-40px;
}

#results div.results-right>div>div>p.results-message {
    width: 85%;
    text-align: center;
    line-height: 1;
    font-size: 34px;
    font-weight: bold;
    margin:auto;
}

#results div.results-right>div>div>p.results-message span:nth-child(1) {
    color:rgb(255, 32, 28);
}

#results div.results-right>div>div>p.results-message span:nth-child(2) {
    color:rgb(85, 85, 85);
}

#results div.results-right>div>div>p.results-message span:nth-child(2)::before {
    content: '\A';
    white-space: pre;
}

#results div.results-right>div>div>p.results-score {
    padding-top:30px;
    text-align: center;
    font-size: 54px;
    font-weight: bold;
    color:rgb(85, 85, 85);
    margin-bottom: 0;
}

#results div.results-right>div>div>hr {
    width:80px;
    border:0;
    height: 8px;
    background-color:rgb(255, 32, 28);
    margin:auto;
}

p.exam-question-text {
    padding-left: 80px;
    margin: auto;
    width: 50%;
    text-align:left !important;
}

div.msg_box {
    display: none !important;
}

#assessmentStartTimer {
    margin-top: 0 !important;
}

.question-table tbody tr td {
    padding:5px;
    text-align:center;
}