@charset "utf-8";
body  {
   font: 100% Verdana, Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0;
   color: #000000;
}
html, body {
   height: 100%;
   font-size: 12px;
}
/*Opera Fix*/
body:before {
   content:"";
   height:100%;
   float:left;
   width:0;
   margin-top:-32767px;
}
.float-clear {
   float: none;
   clear: both;
}
.bold {
   font-weight: bold;
}
.center {
   text-align: center;
}
.twoColHybLtHdr #container {
   width: 100%;
   margin: 0 auto -34px;
   text-align: left;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   position:relative;
   min-height: 100%;
}
.twoColHybLtHdr .g-header {
   background-color: #5C6467;
   height: 35px;
}
.g-header .icon-am {
   background: url('../images/am_logo_header.png?v=') no-repeat;
   height: 16px;
}
.twoColHybLtHdr .g-navigation {
   float: left;
   height: 35px;
   line-height: 28px;
   margin-left: 170px;
}
.twoColHybLtHdr #mainContent {
   height: 100%;
   margin: 0 20px;
   padding-bottom: 40px;
   position: relative;
}

/* Assessment Mater Btn Css */
.twoColHybLtHdr .g-header .am-button {
   font-family: tahoma,arial,verdana,sans-serif;
   font-size: 11px;
   height: 27px;
   left: 3px;
   position: absolute;
   top: -3px;
   width: 160px !important;
   white-space: nowrap;
}
.x-btn td {
   margin: 0;
   padding: 0;
}
.x-btn button{
   border:0 none;
   background-color:transparent;
   padding-left:3px;
   padding-right:3px;
   margin:0;
   overflow:visible;
   width:auto;
   -moz-outline:0 none;
   outline:0 none;
}
.x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{
   font-size:1px;
   line-height:1px;
   width:3px;
   display:block;
   overflow:hidden;
}
.x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{
   height:3px;
}
.x-btn-tl{
   width:3px;
   height:3px;
   background:no-repeat 0 0;
}
.x-btn-tr{
   width:3px;
   height:3px;
   background:no-repeat -3px 0;
}
.x-btn-tc{
   height:3px;
   background:repeat-x 0 -6px;
}
.x-btn-ml{
   width:3px;
   background:no-repeat 0 -24px;
}
.x-btn-mr{
   width:3px;
   background:no-repeat -3px -24px;
}
.x-btn-bl{
   width:3px;
   height:3px;
   background:no-repeat 0 -3px;
}
.x-btn-br{
   width:3px;
   height:3px;
   background:no-repeat -3px -3px;
}
.x-btn-bc{
   height:3px;
   background:repeat-x 0 -15px;
}
.x-btn-mc{
   background:repeat-x 0 -1096px;
   vertical-align: middle;
   text-align:center;
   padding:0 5px;
   white-space:nowrap;
}
.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc {
   background-image: url("../images/btn.gif?v=");
}
.x-btn-text-icon .x-btn-icon-small-left .x-btn-text{
   font-size: 11px;
   font-family: Arial;
   background-position: 0 center;
   background-repeat: no-repeat;
   padding-left:18px;
   height:16px;
}
.x-btn-mc em.x-btn-arrow {
   display:block;
   background:transparent no-repeat right center;
   padding-right:10px;
}

/* Modules Page */
.am-modules {
   clear: left;
   height: 90vh;
   margin: 0 auto;
}
.am-modules .module {
   border: 1px solid #DDDDDD;
   cursor: pointer;
   float: left;
   text-decoration: none;
   background-color: #f2f2f2;
}
.am-modules .module:nth-child(odd) {
   border-left: 2px solid #DDDDDD;
}
.am-modules .module:nth-child(even) {
   border-right: 2px solid #DDDDDD;
}
.am-modules .module:hover {
   background-color: #cfcfcf;
}
.am-modules .module div {
   text-align: center;
   font: bold 16px Verdana;
   color: #000000;
   height: 100%;
}
@media screen and (orientation:portrait) {
   .am-modules {
      width: 100vw;
   }
   .am-modules .module {
      width: 50vw;
      height: 50vw;
   }
}
@media screen and (orientation:landscape) {
   .am-modules {
      width: 50vw;
   }
   .am-modules .module {
      width: 25vw;
      height: 45vh;
   }
}
@media only screen and (max-width: 850px) and (orientation:landscape) {
   .am-modules {
      height: 75vh;
   }
   .am-modules .module{
      height: 37vh;
   }
   .am-modules .module div {
      text-align: center;
      font: bold 14px Verdana;
      color: #000000;
      margin-top: 0px;
   }
}
@media only screen and (max-width: 430px) and (orientation:portrait) {
   .title-bar .top-left-logo {
      width: 100% !important;
   }
   .am-modules{
      width: 100%;
      height: 80vh;
   }
   .am-modules .module{
      height: 24.3vh;
      width:50%;
      position: relative;
      padding: 10px;
   }
   .am-modules .module div {
      text-align: center;
      font: bold 12px Verdana;
      color: #000000;
   }
}
@media only screen and (min-width: 768px) and (orientation:portrait) {
   .am-modules {
      height: 90vh;
      width: 100vw;
   }
   .am-modules .module {
      width: 50vw;
      height: 50vw;
   }
}
.g-module-img {
   background-position: center !important;
   background-size: 35% !important;
}
.g-module-img.teacher {
   background: url('../images/teacher.svg?v=') no-repeat;
}
.g-module-img.admin {
   background: url('../images/module-icon_am-manager-text-red.svg?v=') no-repeat;
}
.g-module-img.builder {
   background: url('../images/module-icon_am-designer-text-red.svg?v=') no-repeat;
}
.g-module-img.marker {
   background: url('../images/module-icon_am-marker-text-red.svg?v=') no-repeat;
}
.g-module-img.repoter {
   background: url('../images/module-icon_am-reporter-text-red.svg?v=') no-repeat;
}
.g-border-box {
   box-sizing:border-box;
   -moz-box-sizing:border-box;
   -ms-box-sizing:border-box;
   -webkit-box-sizing:border-box;
}

/* Login CSS */
.twoColHybLtHdr #container.vMiddle {
   height: 100%;
   background:none;
}
.twoColHybLtHdr #navigation {
   background-color: #5C6467;
   padding:3px 0px 3px 5px;
}
.login-pane {
   clear: left;
   /*   height: 200px;*/
   margin: 0 auto;
   position: relative;
   width:  350px;
   padding-top: 70px;
}
.login-pane .header {
   background:#5c6467;
   font-size:1em;
   border-radius: 4px 4px 0 0 ;
   padding:7px;
   color:#fff;
}
.login-pane form {
   padding: 15px;
}
.login-content {
   background-color: #E7E7E7;
   padding: 1px;
   border-radius: 4px;
   border: 1px solid #DADADA;
}

/* AM Header Styles */
.am-header {
   background-color: #5C6467 !important;
   height: 35px;
}
.am-header .navigation {
   height: 35px;
   line-height: 28px;
   padding: 0 0 0 10px;
   position: absolute;
}
.am-header .navigation ul {
   list-style: none outside none;
   margin: 0;
   padding: 0;
}
.am-header .navigation li {
   background-color: #4c4c4c;
   background-image: -moz-linear-gradient(center top , #636262, #4C4C4C);
   border-color: #b5b5b5;
   border-style: solid;
   border-width: 1px 0 0 1px;
   display: block;
   float: left;
   margin: 4px 0 0;
   padding: 0;
   color: #FFFFFF;
   height: 29px;
   margin: 6px -1px 0;
}
.am-header .navigation li:hover {
   background-color: #727272;
   background-image: -moz-linear-gradient(center top , #636262, #727272);
   border-color: #b5b5b5;
   color: #FFFFFF;
}
.am-header .navigation li.active {
   background-color: #E0E0E0;
   background-image: -moz-linear-gradient(bottom center  , #F3F2F2, #E0E0E0);
   border-color: #b5b5b5;
   color: #4C4C4C;
   height: 31px;
   margin: 4px 0 0;
   line-height: 28px;
}
.am-header .navigation li a{
   cursor: pointer;
   display: block;
   float: left;
   font-weight: bold;
   padding: 0 16px;
   text-decoration: none;
   white-space: nowrap;
}
.am-header .navigation li.search {
   position: relative;
}
.am-header .navigation li.search div {
   position: absolute;
   cursor: pointer;
   right: 2px;
   top: 2px;
   background-position: -96px -88px;
   width: 9px !important;
   height: 8px !important;
}
.am-header .navigation li.search div.hover {
   background-position: -96px -80px;
}

.login-pane form label {
   float: left;
   display: block;
   margin: 8px;
   width: 100px;
}
.login-pane form div.row {
   clear: left;
}
.login-pane form input[type="text"],
.login-pane form input[type="password"] {
   /*   margin: 3px 0 4px;*/
   width: 180px;
   float: left;
   display: block;

   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   outline: none;
   padding: 3px 0px 3px 3px;
   margin: 5px 1px 3px 0px;
   border: 1px solid #DDDDDD;
}

.login-pane form input[type=text]:focus,
.login-pane form input[type=password]:focus {
   -webkit-box-shadow: 0 0 5px #51cbee;
   -moz-box-shadow: 0 0 5px #51cbee;
   box-shadow: 0 0 5px #51cbee;
   padding: 3px 0px 3px 3px;
   margin: 5px 1px 3px 0px;
   border: 1px solid #51cbee;
}

.login-pane form div.footer {
   text-align: right;
   padding-top: 10px;
}

.login-pane form input[type=submit] {
   border: 1px solid #BBBBBB;
   border-radius: 4px;
   font-size: 11px;
   padding: 2px 15px;
   cursor: pointer;
   background: #F1F1F1;
   background: -webkit-gradient(linear,left bottom,left top, color-stop(0, #DEDEDE), color-stop(1, #FFFFFF));
   background: -ms-linear-gradient(bottom,#DEDEDE,#FFFFFF);
   background: -moz-linear-gradient(center bottom, #DEDEDE 0%,  #FFFFFF 100%);
}
.login-pane form input[type=submit]:hover {
   border: 1px solid #7b7d7f;
}
.login-pane form input[type=submit]:active {
   border: 1px solid #7b7d7f;
   background: #DEDEDE;
   background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #DEDEDE));
   background: -ms-linear-gradient(bottom, #FFFFFF, #DEDEDE);
   background: -moz-linear-gradient(center bottom, #FFFFFF 0%, #DEDEDE 100%);
}

/* Alerts */
.alert {
   background-color: #FCF8E3;
   border: 1px solid #FBEED5;
   border-radius: 4px 4px 4px 4px;
   color: #C09853;
   padding: 8px 35px 8px 14px;
   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.alert strong {
   font-weight: bold;
}

.alert-error {
   background-color: #F2DEDE;
   border-color: #B94A48;
   color: #B94A48;
}

.alert-success {
   background-color: #E5F993;
   border-color: #9BAC55;
   color: #9BAC55;
}

/* Icons */
.g-icons {
   background-image: url('../images/icons.png?v=') !important;
   background-repeat: no-repeat !important;
   height: 16px !important;
   width: 16px !important;
   cursor: pointer;
}


.g-icons-add {
   background-position: 0 0 !important;
   height: 16px;
   width: 16px;
}

.g-icons-remove {
   background-position: -16px 0 !important;
   height: 16px;
   width: 16px;
}

.g-icons-remove-disabled {
   background-position: -32px 0 !important;
   height: 16px;
   width: 16px;
}

.g-icons-session {
   background-position: 0 -16px !important;
   height: 16px;
   width: 16px;
}

.g-icons-session-closed {
   background-position: -16px -16px !important;
   height: 16px;
   width: 16px;
}

.g-icons-session-close {
   background-position: -32px -16px !important;
   height: 16px;
   width: 16px;
}

.g-icons-session-open {
   background-position: -32px -32px !important;
   height: 16px;
   width: 16px;
}

.g-icons-session-closed-scoring {
   background-position: -48px -16px !important;
   height: 16px;
   width: 16px;
}

.g-icons-session-scoring {
   background-position: -64px -16px !important;
   height: 16px;
   width: 16px;
}

.g-icons-session-translation {
   background-position: -128px -64px !important;
   height: 16px;
   width: 16px;
}

.g-icons-session-closed-translation {
   background-position: -128px -96px !important;
   height: 16px;
   width: 16px;
}

.g-icons-session-closed-scoring-translation {
   background-position: -144px -96px !important;
   height: 16px;
   width: 16px;
}

.g-icons-session-scoring-translation {
   background-position: -128px -80px !important;
   height: 16px;
   width: 16px;
}

.g-icons-group-open {
   background-position: -16px -46px !important;
   height: 16px;
   width: 16px;
}
.g-icons-group-close {
   background-position: -16px -32px !important;
   height: 16px;
   width: 16px;
}

.g-icons-translation-add {
   background-position: -128px -48px !important;
   height: 16px;
   width: 16px;
}

.g-icons-translation-remove {
   background-position: -128px -32px !important;
   height: 16px;
   width: 16px;
}

.g-icons .g-icons-folder-blue-open {
   background-position: -32px -64px !important;
   height: 16px;
   width: 16px;
}

.g-icons-edit {
   background-position: -272px -48px !important;
   height: 16px;
   width: 16px;
}

.g-icons-view-users {
   background-position: 0 -64px !important;
   height: 16px;
   width: 16px;
}

.g-icons-add-users {
   background-position: -16px -64px !important;
   height: 16px;
   width: 16px;
}

.g-icons-users-add {
   background-position: -96px 0 !important;
   height: 16px;
   width: 16px;
}

.g-icons-user-edit {
   background-position: -112px -96px !important;
   height: 16px;
   width: 16px;
}

.g-icons-user-flag {
   background-position: -128px 0 !important;
   height: 16px;
   width: 16px;
}

.g-icons-logout {
   background-position: 0 -32px !important;
   height: 16px;
   width: 16px;
}
.g-icons-tab-details {
   background-position: 0 -80px !important;
   height: 13px !important;
   width: 16px !important;
}

.g-icons-tab-users {
   background-position: -16px -80px !important;
   height: 13px !important;
   width: 16px !important;
}

.g-icons-tab-learners {
   background-position: 0 -93px !important;
   height: 16px;
   width: 16px !important;
}

.g-icons-tab-assessment {
   background-position: -16px -97px !important;
   height: 16px;
   width: 16px !important;
}

.g-icons-tab-roles {
   background-position: -96px -63px !important;
   height: 16px;
   width: 16px !important;
}

.g-icons-assessment-add {
   background-position: -48px 0px !important;
   height: 16px;
   width: 16px !important;
}

.g-icons-assessment-remove {
   background-position: -80px 0px !important;
   height: 16px;
   width: 16px !important;
}

.g-icons-scoring-add {
   background-position: -64px 0px !important;
   height: 16px;
   width: 16px !important;
}
.g-icons-scoring-remove {
   background-position: -80px -64px !important;
   height: 16px;
   width: 16px !important;
}
.g-icons-group-add {
   background-position: -80px -32px !important;
   height: 16px;
   width: 16px !important;
}
.g-icons-group-remove {
   background-position: -80px -48px !important;
   height: 16px;
   width: 16px !important;
}
.g-icons-group-rename {
   background-position: -80px -16px !important;
   height: 16px;
   width: 16px !important;
}
.g-icons-session-add {
   background-position: -80px -96px !important;
   height: 16px;
   width: 16px !important;
}
.g-icons-session-remove {
   background-position: -80px -80px !important;
   height: 16px;
   width: 16px !important;
}
.g-icons-login-history {
   background-position: -96px -16px !important;
   height: 16px;
   width: 16px !important;
}
.g-icons-download {
   background-position: -96px -32px !important;
   height: 16px;
   width: 16px !important;
}

.g-icons-validate {
   background-position: -112px -32px !important;
   height: 16px;
   width: 16px !important;
}

.g-icons-upload {
   background-position: -112px -16px !important;
   height: 16px;
   width: 16px !important;
}
.g-icons-grid-complete {
   background-position: -112px -48px !important;
   height: 16px;
   width: 16px !important;
}

.g-icons-grid-complete.cke_disabled {
   opacity: 0.2 !important;
}
.g-icons-grid-failed {
   background-position: -112px -64px !important;
   height: 16px;
   width: 16px !important;
}

.g-icons-grid-complete-errors {
   background-position: -112px -80px !important;
   height: 16px;
   width: 16px !important;
}

.g-icons-tab-usb {
   background-position: -96px -48px !important;
   height: 14px !important;
   width: 16px !important;
}

.g-icons-search {
   background-position: -96px -96px !important;
   height: 16px;
   width: 16px;
}

.g-icons-globe {
   background-position: -176px -48px !important;
   height: 16px;
   width: 16px;
}

.g-icons-globe-preview {
   background-position: -176px -64px !important;
}

.g-icons-save{
   background-position: -176px -80px !important;
}

.g-icons-save-all {
   background-position: -176px -96px !important;
}

.g-icons-view {
   background-position: -112px 0;
   height: 16px;
   width: 16px;
}

.g-icons-clear{
   background-position: -208px 0px !important;
}

.g-icons-note-add{
   background-position: -192px -48px !important;
}

.g-icons-note-edit{
   background-position: -193px -80px !important;
}

.g-icons-note-delete{
   background-position: -193px -96px !important;
}

.g-icons-render{
   background-position: -208px -16px !important;
}

.g-icons-leaf-red{
   background-position: -208px -32px !important;
}

.g-icons-cancel{
   background-position: -208px -47px !important;
}

.g-icons-cancel.cke_disabled {
   opacity: 0.2 !important;
}

.g-icons-revert {
   background-position: -192px -0px !important;
}

.g-icons-reload{
   background-position: -208px -63px !important;
}
.g-icons-toggle{
   background-position: -208px -79px !important;
}

.g-icons-snapshot{
   background-position: -208px -95px !important;
}

.g-icons-autoload{
   background-position: -224px 0 !important;
}

.g-icons-note-read{
   background-position: -224px -16px !important;
}

.g-icons-split{
   background-position: -224px -32px !important;
}

.g-icons-anote-add{
   background-position: -224px -48px !important;
}

.g-icons-anote-delete{
   background-position: -224px -64px !important;
}

.g-icons-anote-edit{
   background-position: -224px -80px !important;
}

.g-icons-content-folder{
   background-position: -224px -96px !important;
}

.g-icons-content-folder-ticked{
   background-position: -240px 0px !important;
}

.g-icons-folder-expanded{
   background-position: -48px -48px !important;
}

.g-icons-grid-uploading {
   background-image: url('../images/grid-ajax-loader.gif?v=') !important;
}
.g-icons-grid-ready {
   background-image: none !important;
}
.g-icons-grid-uploaded {
   background-position: -112px -48px !important;
}
.g-icons-grid-uploaderror {
   background-position: -112px -80px !important;
}
.g-icons-grid-fileexists {
   background-position: -112px -80px !important;
}
.g-icons-asset-publish {
   background-position: -240px -32px !important;
}
.g-icons-asset-edit {
   background-position: -240px -48px !important;
}
.g-icons-asset-add {
   background-position: -240px -64px !important;
}
.g-icons-asset {
   background-position: -240px -80px !important;
}
.g-icons-asset-delete {
   background-position: -240px -96px !important;
}
.g-icons-asset-preview {
   background-position: -256px -16px !important;
}
.g-icons-download {
   background-position: -256px 0 !important;
}
.g-icons-packages {
   background-position: -256px -32px !important;
}
.g-icons-package-add {
   background-position: -256px -64px !important;
}
.g-icons-package-update {
   background-position: -256px -80px !important;
}
.g-icons-package-delete {
   background-position: -256px -48px !important;
}
.g-icons-organisations {
   background-position: -256px -96px !important;
}
.g-icons-organisation-add {
   background-position: -272px -16px !important;
}
.g-icons-organisation-update {
   background-position: -272px -32px !important;
}
.g-icons-organisation-delete {
   background-position: -272px 0 !important;
}
.g-icons-play {
   background-position: -288px 0 !important;
}
.g-icons-stop {
   background-position: -288px -16px !important;
}
.g-icons-user-move {
   background-position: -208px -96px !important;
}
.g-icons-up {
   background-position: -288px -32px !important;
}
.g-icons-down {
   background-position: -288px -48px !important;
}
.g-icons-delete {
   background-position: -288px -64px !important;
}
.g-icons-border {
   background-position: -288px -80px !important;
}
.g-icons-image-selector {
   background-position: -288px -96px !important;
}
.g-icons-zoom-in {
   background-position: -304px 0 !important;
}
.g-icons-zoom-out {
   background-position: -304px -16px !important;
}
.g-icons-brush {
   background-position: -304px -32px !important;
}
.g-icons-shape-polygon {
   background-position: -304px -48px !important;
}
.g-icons-shape-circle {
   background-position: -304px -64px !important;
}
.g-icons-shape-rectangle {
   background-position: -304px -80px !important;
}
.g-icons-zoom-actual {
   background-position: -304px -96px !important;
}
.cke-g-icons-grid-complete .cke_button_icon,
.cke-g-icons-cancel .cke_button_icon {
   background-image: url('../images/icons.png?v=') !important;
   background-repeat: no-repeat !important;
   height: 16px !important;
   width: 16px !important;
   cursor: pointer;
}
.cke-g-icons-grid-complete .cke_button_icon {
   background-position: -112px -48px !important;
}
.cke-g-icons-cancel .cke_button_icon {
   background-position: -208px -47px !important;
}


/*Hack for the tree menu*/
.side-menu .x-grid-cell-inner {
   padding: 0;
}


.grid-link {
   text-decoration: underline;
   color: #316AD3;
   cursor: pointer;
}

.am-rtl {
   direction: rtl;
}

.am-ltr {
   direction: ltr;
}

.translation-notes .x-grid-cell-inner ul{
   margin: 0;
   padding: 5px 15px;
}
.translation-notes .x-grid-cell-inner ul li{
   list-style: disc outside none;
   padding: 5px 10px;
}
.errorSummary {
   background-color: #FFD5D5;
   border: 1px solid #FFACAD;
   color: #CF3738;
   margin: 1em 0;
   padding: 0 0.5em;
}
.success-message {
   background-color: #CDEFA6;
   border: 1px solid #9BCC54;
   color: #648434;
   margin: 1em 0 2em;
   padding: 1em;
}
/*filter class*/
.ux-filtered-column,
.ux-filtered-column span{
   color: #337ab7 !important;
   font-weight: bold !important;
   font-style: italic !important;
}

/* Header */
body header {
   background-color: #317AB9;
   color: #FFFFFF;
   border-bottom: 1px solid #D3D3D3;
   margin-bottom: 10px;
}
body.home header {
   margin-bottom: 0;
}

body header .content {
   position: relative;
   margin: 0px auto;
   padding: 10px 20px 0 20px;
}

body header .content .logo {
   border-radius: 6px 6px 0 0;
   background-color: #FFFFFF;
   padding: 10px 30px;
}

@media screen and (max-width: 363px) {
   body header .content .logo {
      width: 100%;
   }
}
@media screen and (max-width: 538px) {
   body header .content .logo {
      width: 100%;
   }
}

/* Footer */
body footer {
	background-color: #317AB9;
	height: 50px;
	border-top: 1px solid #101010;
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;
	color: #FFF;
	font-size: 12px;
	padding-top: 15px;
}

body footer a {
	color: #FFF;
   text-decoration: none;
}
body footer a:hover {
   color: #FFF;
   text-decoration: underline;
}