﻿.m-content--skin-light2 .m-body.bg-transparent {
  background-color: transparent; }

#candidate-portal-dashboard .m-widget1__item {
  border: 4px solid #f7f7fa;
  padding: 30px; }

#page-profile_results #div-Results.m-widget4 .m-widget4__item .m-widget4__info .m-widget4__text {
  font-weight: 600; }

#div-no_results svg {
  max-width: 250px;
  width: 100%;
  height: 100%;
  margin: 0 auto; }
  #div-no_results svg .cls-1 {
    fill: #29296b; }
  #div-no_results svg .cls-2 {
    fill: #e7b52d; }
  #div-no_results svg .cls-3 {
    fill: #e6e6e6; }
  #div-no_results svg .cls-3, #div-no_results svg .cls-4, #div-no_results svg .cls-5 {
    opacity: 0.1; }
  #div-no_results svg .cls-4 {
    fill: #f2f2f2; }
  #div-no_results svg .cls-5 {
    fill: #fff; }
  #div-no_results svg .cls-6 {
    fill: #66a0d9; }
  #div-no_results svg .cls-6, #div-no_results svg .cls-8 {
    opacity: 0.2; }
  #div-no_results svg .cls-7 {
    fill: #1f1e50; }
  #div-no_results svg .cls-8 {
    fill: none;
    stroke: #ccc;
    stroke-miterlimit: 10;
    stroke-width: 2px;
    stroke-dasharray: 6; }

@media only screen and (min-width: 768px) {
  .middle {
    float: none;
    margin: 0 auto;
    padding: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute; }
    .middle.middle-lg {
      max-width: 1200px !important; }
    .middle.middle-sm {
      max-width: 600px !important; } }

@media only screen and (min-width: 1025px) {
  .m-stack.m-stack--ver.m-stack--general.translate25 {
    transform: translate(25%, 0); } }

.btn-GMS {
  width: 250px;
  font-size: 15px;
  padding: 10px 20px 10px 20px;
  margin: 20px 10px 10px 0; }

/* NICS Code for Buttons */
.BTN-BSQ {
  width: 60px !important;
  height: 60px !important;
  line-height: 60px !important; }

.BTN-VBT {
  height: 40px !important;
  line-height: 40px !important; }

.BTN-CAT {
  width: 110px !important;
  height: 50px !important;
  white-space: normal;
  margin-top: 3px; }

.BTN-FPC {
  width: 130px !important;
  height: 65px !important;
  white-space: normal;
  margin-top: 3px; }

.btn-large-TTP {
  padding: 15px 30px;
  font-size: 40px;
  font-weight: bold;
  line-height: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

/* Transfer Test Portal */
.input-xxlarge-TTP {
  width: 97%;
  margin-left: 5px; }

.btn-TTP {
  width: 200px !important;
  height: 100px !important;
  white-space: normal;
  margin: 10px; }

/* STA Landing Page */
.btn-delcomp {
  padding: 10px 25px;
  font-size: 22px;
  position: absolute;
  bottom: 10px;
  left: 10px; }

/* Deloitte Landing Page */
.btn-DLTbanner {
  padding: 10px 25px;
  font-size: 22px;
  font-weight: normal;
  position: absolute;
  top: 20px;
  right: 20px; }

/* FinTru Landing Page */
.btn-FTUbanner {
  padding: 10px 25px;
  font-size: 18px;
  font-weight: normal;
  color: white;
  float: right;
  margin-right: 30px; }

/* FIN Landing Page */
.btn-FINbanner {
  font-size: 22px;
  font-weight: normal;
  color: #ffffff;
  margin-left: 118px; }

/* ECOM Landing Page */
.btn-ECOMbanner {
  font-size: 22px;
  font-weight: normal;
  color: #ffffff;
  margin-left: 118px; }

/* Background for Registration form */
#ecombody {
  background-color: #0f1334; }

/* TCS Landing Page */
.btn-TCSbanner {
  padding: 10px 25px;
  font-size: 16px;
  font-weight: 200;
  color: white; }

/* EISHTEC Landing Page */
.btn-EISHTECbanner {
  padding: 10px 25px;
  font-size: 16px;
  font-weight: 200;
  color: white; }

/* EY Landing Page */
.btn-EYbanner {
  padding: 10px 25px;
  font-size: 22px;
  font-weight: normal;
  position: absolute;
  top: 20px;
  right: 20px;
  color: black; }

/* NICS Landing Page */
.btn-NICSReg {
  padding: 10px 25px;
  font-size: 22px;
  font-weight: normal;
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: 110px; }

.btn-NICSPra {
  padding: 10px 25px;
  font-size: 22px;
  font-weight: normal;
  position: absolute;
  top: 90px;
  right: 20px;
  width: 100px; }

.btn-NICSAss {
  padding: 10px 25px;
  font-size: 22px;
  font-weight: normal;
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 110px; }

/* ICT Apprenticeship */
.ICTButton {
  margin-left: 10px; }

.btn-REV {
  padding: 10px 25px;
  margin-left: 30px;
  font-size: 20px;
  position: relative;
  color: #ffffff; }

/* Cloud Academy */
.btn-cadcomp {
  padding: 10px 25px;
  font-size: 22px;
  position: relative;
  float: right;
  color: #ffffff; }

/* ETI */
.BTN-ETI {
  width: 120px !important;
  height: 80px !important;
  white-space: normal;
  margin: 40px 0px;
  color: #FFFFFF;
  background-color: #0150a9; }

.BTN-ETI:hover {
  background-color: #468847; }

/* Software Professionals Landing Page */
.btn-SPCbanner {
  padding: 10px 25px;
  font-size: 22px;
  font-weight: normal;
  float: right; }

/* SHAMS */
.BTN-SHA {
  width: 120px !important;
  height: 80px !important;
  white-space: normal;
  margin: 40px 0px;
  color: #FFFFFF;
  background-color: #0150a9; }

.shamsselected {
  background-color: #468847; }

.shaselected {
  background-color: #468847; }

/* BCS */
.BTN-BCS {
  /*width: 120px !important;*/
  width: 150px !important;
  height: 80px !important;
  white-space: normal;
  margin: 40px 0px;
  color: #FFFFFF;
  background-color: #468847;
  background-image: none; }

.bcsselected {
  background-color: #e6e6e6 !important; }

/* SABIC */
.BTN-SAB {
  width: 50px !important;
  height: 50px !important;
  white-space: normal;
  margin: 20px 0px;
  color: #FFFFFF;
  background-color: #468847; }

.shaselected {
  background-color: #0150a9; }

/* Etihad Maths and Physics */
.BTN-EYP {
  width: 150px !important;
  height: 85px !important;
  white-space: normal;
  margin-top: 3px; }

/* Etihad Landing Page */
.btn-eti-pur {
  background-color: #6c2470;
  font-weight: bold;
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-image: linear-gradient(top, #6c2470, #511b54);
  border-left-color: #511b54;
  border-right-color: #511b54;
  border-top-color: #511b54;
  border-bottom-color: #6c2470; }

.btn-eti-pur:hover,
.btn-eti-pur:active,
.btn-eti-pur.active,
.btn-eti-pur.disabled,
.btn-eti-pur[disabled] {
  background-color: #511b54;
  *background-color: #511b54; }

.btn-eti-pur:active,
.btn-eti-pur.active {
  background-color: #6c2470; }

.btn-eti-pur,
.btn-eti-pur:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.btn-eti-pur.active {
  color: rgba(255, 255, 255, 0.75); }

.btn-eti-yel {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ea6620;
  *background-color: #d65c1c;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #ea6620, #d65c1c);
  border-left-color: #d65c1c;
  border-right-color: #d65c1c;
  border-top-color: #d65c1c;
  border-bottom-color: #ea6620; }

.btn-eti-yel:hover,
.btn-eti-yel:active,
.btn-eti-yel.active,
.btn-eti-yel.disabled,
.btn-eti-yel[disabled] {
  background-color: #d65c1c;
  *background-color: #d65c1c; }

.btn-eti-yel:active,
.btn-eti-yel.active {
  background-color: #b54be1; }

.btn-eti-yel,
.btn-eti-yel:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.btn-eti-yel.active {
  color: rgba(255, 255, 255, 0.75); }

/* M&F */
.BTN-MFD {
  width: 250px !important;
  height: 120px !important;
  white-space: normal;
  margin-top: 3px;
  font-size: 14px;
  font-weight: bold; }

.BTN-MFDX {
  width: 260px !important;
  height: 150px !important;
  white-space: normal;
  margin-top: 3px;
  font-size: 12px;
  font-weight: bold; }

/* Al Futtaim Landing Page */
.btn-af-blu {
  background-color: #008ab8;
  font-weight: bold;
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-image: linear-gradient(top, #008ab8, #137b9e);
  border-left-color: #191947;
  border-right-color: #191947;
  border-top-color: #191947;
  border-bottom-color: #191947; }

.btn-af-blu:hover,
.btn-af-blu:active,
.btn-af-blu.active,
.btn-af-blu.disabled,
.btn-af-blu[disabled] {
  background-color: #137b9e;
  *background-color: #137b9e; }

.btn-af-blu:active,
.btn-af-blu.active {
  background-color: #008ab8; }

.btn-af-blu,
.btn-af-blu:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.btn-af-blu.active {
  color: rgba(255, 255, 255, 0.75); }

.btn-af-yel {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #f06600;
  *background-color: #db6915;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f06600, #db6915);
  border-left-color: #db6915;
  border-right-color: #db6915;
  border-top-color: #db6915;
  border-bottom-color: #db6915; }

.btn-af-yel:hover,
.btn-af-yel:active,
.btn-af-yel.active,
.btn-af-yel.disabled,
.btn-af-yel[disabled] {
  background-color: #db6915;
  *background-color: #db6915; }

.btn-af-yel:active,
.btn-af-yel.active {
  background-color: #f06600; }

.btn-af-yel,
.btn-af-yel:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.btn-af-yel.active {
  color: rgba(255, 255, 255, 0.75); }

.sentencevalue input {
  padding: 0 2px;
  border: 2px solid rgba(0, 0, 0, 0.109804);
  border-radius: 5px;
  margin: 0 5px;
  vertical-align: bottom; }
  .sentencevalue input:hover {
    cursor: pointer;
    transform: scale(1.1);
    transition: ease-in-out;
    transition-duration: .2s; }

#tbl-questionC.m-table.m-table--head-bg-metal thead th {
  background: #5e6087 !important; }


.sjtVideoPlayer {
    width: 100% !important; 
    height: auto !important;
}

@media only screen and (min-width: 1280px) {
    .sjtVideoPlayer {
        width: 60% !important;
        height: auto !important;
    }
}

.sjtImageViewer {
    width: 100% !important;
    height: auto !important;
}

@media only screen and (min-width: 1280px) {
    .sjtImageViewer {
        width: 60% !important;
        height: auto !important;
    }
}

.accordion-section .panel-default > .panel-heading {
    border: 0;
    background: #f4f4f4;
    padding: 0;
}

.accordion-section .panel-default .panel-title a {
    display: block;    
    font-size: 1.5rem;
}

    .accordion-section .panel-default .panel-title a:after {
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 3rem;
        content: "\f106";
        color: #1f7de2;
        float: right;
        margin-top: -12px;
    }

    .accordion-section .panel-default .panel-title a.collapsed:after {
        content: "\f107";
    }

.accordion-section .panel-default .panel-body {
    font-size: 1.2rem;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto;
}