@charset "UTF-8";
/* ANNE */
/* ANNE */
/* fonts */
@font-face {
  font-family: 'scook';
  src: url("../assets/font/scook-icons-v06.eot");
  src: url("../assets/font/scook-icons-v06.eot?#iefix") format("embedded-opentype"), url("../assets/font/scook-icons-v06.woff") format("woff"), url("../assets/font/scook-icons-v06.ttf") format("truetype"), url("../assets/font/scook-icons-v06.svg#scook-icons-v04") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'iconfieldregular';
  src: url("../assets/font/iconfield-webfont.eot");
  src: url("../assets/font/iconfield-webfont.eot?#iefix") format("embedded-opentype"), url("../assets/font/iconfield-webfont.woff2") format("woff2"), url("../assets/font/iconfield-webfont.woff") format("woff"), url("../assets/font/iconfield-webfont.ttf") format("truetype"), url("../assets/font/iconfield-webfont.svg#iconfieldregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'sans';
  src: url("../assets/font/opensans-regular-webfont.eot");
  src: url("../assets/font/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../assets/font/opensans-regular-webfont.woff") format("woff"), url("../assets/font/opensans-regular-webfont.ttf") format("truetype"), url("../assets/font/opensans-regular-webfont.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'sans-semibold';
  src: url("../assets/font/OpenSans-Semibold-webfont.eot");
  src: url("../assets/font/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../assets/font/OpenSans-Semibold-webfont.woff2") format("woff2"), url("../assets/font/OpenSans-Semibold-webfont.woff") format("woff"), url("../assets/font/OpenSans-Semibold-webfont.ttf") format("truetype"), url("../assets/font/OpenSans-Semibold-webfont.svg#open_sanssemibold") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Variables 
----------------------------------*/
/* Development only START
----------------------------------
.ui-dialog {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  display: inline-block !important; }

/* for development only END
----------------------------------*/
/* General 
------------------------------------------------------------------------------------------------------*/
.ui-dialog-customtheme.ui-widget.ui-widget-content {
  border: none; }

.ui-dialog-customtheme {
  font-family: "sans";
  z-index: 92000;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
  padding: 0;
  /* disable text selection */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
                   /* Non-prefixed version, currently
					  supported by Chrome and Opera */
  /* Icons 
  ----------------------------------*/
  /* Bold text 
  ----------------------------------*/
  /* left side 
  ------------------------------------------------------------------------------------------------------*/
  /* options 
  ----------------------------------*/
  /* show options only in teacher mode */
  /* Icons for options and links
  ----------------------------------*/
  /* switch button 
  ----------------------------------*/
  /* handle */
  /* label */
  /* slider */
  /* right side 
  ------------------------------------------------------------------------------------------------------*/
  /* Links
  ----------------------------------*/
  /* Select 
  ----------------------------------*/
  /* Ôû▓Ôû╝ */
  /* menue bg, border */
  /* menue current selection */
  /* menue current selection equals placeholder */
  /* menue item */
  /* menue selected item bg */
  /* disabled */
  /* Input, Textarea
  ----------------------------------*/
  /* Input error */
  /* Close
  ----------------------------------*/
  /* icons */
  /* Buttons 
  ----------------------------------*/
  /* Custom scrollbar 
  ----------------------------------*/ }
  .ui-dialog-customtheme .ui-dialog-content {
    padding: 0; }
  .ui-dialog-customtheme .ui-widget {
    font-family: "sans"; }
  .ui-dialog-customtheme [class^="ic-"]:before,
  .ui-dialog-customtheme [class*=" ic-"]:before,
  .ui-dialog-customtheme [class^="icon-"]:before,
  .ui-dialog-customtheme [class*=" icon-"]:before {
    content: '';
    font-family: "scook";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    font-size: 120%; }
  .ui-dialog-customtheme b {
    font-weight: normal;
    font-family: 'sans-semibold'; }
  .ui-dialog-customtheme .leftContainer {
    background-color: #7CE7FF; }
    .ui-dialog-customtheme .leftContainer .title {
      position: relative;
      top: 70px;
      color: #ffffff;
      font-size: 40px;
      letter-spacing: -.03em; }
  .ui-dialog-customtheme .options {
    position: absolute;
    bottom: 40px;
    text-align: center;
    width: 100%;
    word-spacing: 5px; }
    .ui-dialog-customtheme .options .option {
      position: relative;
      background: #ffffff;
      display: inline-block; 
      margin: 0 0.25em 0 0.25em;
    }
  /*.ui-dialog-customtheme .ui-switchbutton.isStudentTeacherToggle:not(.ui-state-active) ~ .options {
    display: none; }*/
  .ui-dialog-customtheme .option,
  .ui-dialog-customtheme .content {
    /* option icon */
    /* 1 person */
    /* 3 persons */
    /* plus, minus */ }
    .ui-dialog-customtheme .option [class*="icon-"],
    .ui-dialog-customtheme .content [class*="icon-"] {
      width: 0;
      height: 0; }
    .ui-dialog-customtheme .option [class*="icon-"]:before,
    .ui-dialog-customtheme .content [class*="icon-"]:before {
      color: #365F89; }
    .ui-dialog-customtheme .option .icon-person:before,
    .ui-dialog-customtheme .content .icon-person:before {
      content: '\e662';
      font-size: 27px;
      top: 2px;
      position: relative;
      -ms-transform: scale(1.2, 1);
      -webkit-transform: scale(1.2, 1);
      transform: scale(1.2, 1);
      text-shadow: 1px 1px 0px #ffffff, -1px -1px 0px #ffffff, -1px 1px 0px #ffffff, 1px -1px 0px #ffffff; }
    .ui-dialog-customtheme .option .icon-plus:before,
    .ui-dialog-customtheme .content .icon-plus:before {
      content: '\e65b'; }
    .ui-dialog-customtheme .option .icon-minus:before,
    .ui-dialog-customtheme .content .icon-minus:before {
      content: '\e65a'; }
    .ui-dialog-customtheme .option .icon-person:first-child:nth-last-child(2):before,
    .ui-dialog-customtheme .content .icon-person:first-child:nth-last-child(2):before {
      width: 50px; }
    .ui-dialog-customtheme .option .icon-person:nth-child(1):nth-last-child(4):before,
    .ui-dialog-customtheme .content .icon-person:nth-child(1):nth-last-child(4):before {
      left: 11px;
      top: -6px;
      color: #54779b; }
    .ui-dialog-customtheme .option .icon-person:nth-child(2):nth-last-child(3):before,
    .ui-dialog-customtheme .content .icon-person:nth-child(2):nth-last-child(3):before {
      left: 20px;
      color: #7c97b2; }
    .ui-dialog-customtheme .option .removeStudentMultiple .icon-person:nth-child(1):nth-last-child(4):before,
    .ui-dialog-customtheme .content .removeStudentMultiple .icon-person:nth-child(1):nth-last-child(4):before {
      color: #e1e7ed; }
    .ui-dialog-customtheme .option .removeStudentMultiple .icon-person:nth-child(2):nth-last-child(3):before,
    .ui-dialog-customtheme .content .removeStudentMultiple .icon-person:nth-child(2):nth-last-child(3):before {
      color: #b9c7d6; }
    .ui-dialog-customtheme .option .removeStudentMultiple .icon-person:nth-child(3):nth-last-child(2):before,
    .ui-dialog-customtheme .content .removeStudentMultiple .icon-person:nth-child(3):nth-last-child(2):before {
      color: #9aafc4; }
    .ui-dialog-customtheme .option [class*="icon-"].icon-plus:before,
    .ui-dialog-customtheme .option [class*="icon-"].icon-minus:before,
    .ui-dialog-customtheme .content [class*="icon-"].icon-plus:before,
    .ui-dialog-customtheme .content [class*="icon-"].icon-minus:before {
      position: absolute;
      bottom: 5px;
      width: 12px;
      height: 12px;
      font-size: 12px;
      line-height: 12px;
      background: #365F89;
      color: #ffffff;
      border-radius: 50%;
      border: 1px solid #ffffff;
      left: -webkit-calc(50% - 7px);
      left: -moz-calc(50% - 7px);
      left: calc(50% - 7px); }
.ui-dialog-customtheme .leftContainer .ui-switchbutton {
    position: absolute;
    bottom: 5px;
    top: auto;
    left: -webkit-calc(50% - 15px);
    left: -moz-calc(50% - 15px);
    left: calc(50% - 15px); 
    background: white;
    border-radius: 15px;
    box-shadow: inset 0 0px 6px 0px rgba(54, 95, 137, 0.7); }
  .ui-dialog-customtheme .ui-switchbutton {
    background-color: #ffffff;
    outline: none !important;
    overflow: visible; }
  .ui-dialog-customtheme .ui-switchbutton.ui-state-active,
  .ui-dialog-customtheme .ui-switchbutton:active,
  .ui-dialog-customtheme .ui-switchbutton.ui-state-active:hover {
    border: none;
    /*background: transparent;*/ }
  .ui-dialog-customtheme .ui-switchbutton-default {
    height: 15px; }
  .ui-dialog-customtheme .ui-switchbutton-ios5 .ui-switchbutton-handle {
    height: 15px;
    width: 15px !important;
    /* overwrite ui.switchbutton.min.css */
    border: none; }
  .ui-dialog-customtheme .ui-switchbutton-default .ui-switchbutton-handle {
    background: #365F89;
    box-shadow: none; }
  .ui-dialog-customtheme .ui-switchbutton-default label {
    height: 15px;
    line-height: 15px;
    padding: 0; }
  .ui-dialog-customtheme .ui-switchbutton ~ .label {
    display: block;
    position: absolute;
    bottom: 2px;
    color: #ffffff;
    cursor: default; }
  .ui-dialog-customtheme .ui-switchbutton ~ .label.label-off {
    left: 50px; }
  .ui-dialog-customtheme .ui-switchbutton ~ .label.label-on {
    right: 50px; }
  .ui-dialog-customtheme .ui-switchbutton:not(.ui-state-active) ~ .label.label-off,
  .ui-dialog-customtheme .ui-switchbutton.ui-state-active ~ .label.label-on {
    color: #365F89; }
  .ui-dialog-customtheme .ui-switchbutton-default label.ui-switchbutton-enabled,
  .ui-dialog-customtheme .ui-switchbutton-default label.ui-switchbutton-disabled {
    background: transparent;
    box-shadow: none; }
  .ui-dialog-customtheme .rightContainer {
    box-sizing: border-box;
    padding: 80px 10px 10px 25px;
    background-image: url("../assets/img/gs_background_09.png");
    background-size: contain;
    background-repeat: no-repeat; }
  .ui-dialog-customtheme .rightContainer:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 8px solid #ffffff;
    border-bottom: 8px solid transparent;
    position: absolute;
    left: -8px;
    top: 88px; }
  .ui-dialog-customtheme .rightContainer .title {
    font-size: 30px; }
  .ui-dialog-customtheme .content a {
    color: #365F89;
    text-decoration: none;
    outline: none; }
  .ui-dialog-customtheme .content a[class*="icon-"] {
    /*font-size: 80%;*/
    position: relative;
    padding-left: 20px;
    margin-top: .5em; }
  .ui-dialog-customtheme .content a[class*="icon-"][class*="icon-"]:before {
    left: 0;
    top: 5px; 
	border: none; }
  .ui-dialog-customtheme .content .instruction,
  .ui-dialog-customtheme .content + .instruction {
    margin-top: 1em; }
  .ui-dialog-customtheme select + .ui-button {
    background: #f7ebd7;
    border-color: #e1d1b5;
    color: #000000;
    outline: none;
    padding: 5px;
    margin-top: 10px;
    border-radius: 3px; }
  .ui-dialog-customtheme .ui-button .ui-icon {
    background: none;
    display: block;
    content: '';
    width: 0;
    height: 0;
    top: 5px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #e1d1b5; }
  .ui-dialog-customtheme .ui-widget.ui-widget-content.ui-menu {
    background: #f7ebd7;
    margin-top: -2px;
    border-color: #e1d1b5;
    border-top-color: transparent;
    overflow-y: auto;
    max-height: 180px;
    padding-bottom: 5px;
    overflow: auto;
    min-height: 80px;
    max-width: 100%;
    /*height: 100px !important;*/}
  .ui-dialog-customtheme .ui-widget.ui-widget-content.ui-menu {
      width: 246px !important;
  }  
  #deleteGroupSelect-menu.ui-widget.ui-widget-content.ui-menu,
  #deleteUserGroupSelect-menu.ui-widget.ui-widget-content.ui-menu {
      width: 280px !important;
  }
  
  .ui-dialog-customtheme .ui-selectmenu-text {
    padding-left: 5px; }
  .ui-dialog-customtheme .ui-menu-item.ui-state-disabled,
  .ui-dialog-customtheme select + .ui-button:not([aria-labelledby]),
  .ui-dialog-customtheme .ui-button.noselection {
    color: #947b51;
    /*font-size: 80%;*/ }
  .ui-dialog-customtheme .ui-menu .ui-menu-item {
    padding: 0 18px 0 5px;
    box-sizing: border-box;
    height: 28px;
    display: block; }
  .ui-dialog-customtheme .ui-menu .ui-menu-item-wrapper {
    padding: 3px 15px 3px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*  SELECT BOX, SELECT ITEM and INPUT width configuration (js.js, dialog.scss)
    	the width of the **SELECT BOXES** should match the width of the **INPUTS**. 
    	eg. size of 25 characters for *INPUTS* with 'sans' font of size 17.6px matches 246px width for *SELECT BOXES*
    	the **SELECT ITEM** width must also match the *SELECT BOX* width minus some border and padding
    	eg. 246px width for *SELECT BOXES* match 206px width for **SELECT ITEMS**  */
    /*width: 206px; */} 
  #deleteGroupSelect-button .ui-dialog-customtheme .ui-menu .ui-menu-item-wrapper, 
  #deleteUserGroupSelect-button .ui-dialog-customtheme .ui-menu .ui-menu-item-wrapper {  
    width: 220px; }
  .ui-dialog-customtheme .ui-menu .ui-menu-item-wrapper.ui-state-active,
  .ui-dialog-customtheme .ui-menu .ui-menu-item-wrapper:active,
  .ui-dialog-customtheme .ui-menu .ui-menu-item-wrapper:hover {
    background: #e1d1b5;
    border: none;
    margin: 0; }
  .ui-dialog-customtheme .ui-menu-item.ui-state-disabled {
    display: none; }
  .ui-dialog-customtheme input,
  .ui-dialog-customtheme textarea {
    outline: none !important;
    margin-top: 10px;
    background: #f7ebd7;
    border: 1px solid #e1d1b5;
    padding: 5px;
    font-family: "sans";
    border-radius: 3px; }
  .ui-dialog-customtheme input[type="text"],
  .ui-dialog-customtheme input[type="password"] {
      padding-left: 8px;
      height: 30px;
      width: 246px;
      font-size: 80%;
  }
  .ui-dialog-customtheme textarea {
    resize: none; }
  .ui-dialog-customtheme textarea.displaysPlaceholderText {
    color: #947b51; }
  .ui-dialog-customtheme input.hasError {
    color: #dc0000; }
  .ui-dialog-customtheme input.hasError + .errorMessage {
    color: #dc0000;
    font-size: 60%;
    display: inline-block;
    vertical-align: bottom;
    width: 130px;  }
  .ui-dialog-customtheme .close {
    position: absolute;
    width: 30px;
    height: 30px;
    position: absolute;
    top: .25em;
    right: .25em; }
  .ui-dialog-customtheme .icon-close:before {
    position: relative;
    color: #8c8c8c;
    font-size: 25px;
    top: 8px;
    content: '\e661';
    cursor: pointer;
    top: 0; }
  .ui-dialog-customtheme [class^="ic-"]:before,
  .ui-dialog-customtheme [class*=" ic-"]:before,
  .ui-dialog-customtheme [class^="icon-"]:before,
  .ui-dialog-customtheme [class*=" icon-"]:before {
    margin: 0;
    width: 30px;
    height: 30px;
    line-height: 30px; }
  .ui-dialog-customtheme .buttons {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: auto;
    padding: 10px;
    box-sizing: border-box; }
  .ui-dialog-customtheme .button,
  .ui-dialog-customtheme .option {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    line-height: 50px;
    padding: 0;
    background: #7CE7FF;
    box-shadow: 0 1px 3px 0 rgba(9, 74, 106, 0.5);
    cursor: pointer; }
  .ui-dialog-customtheme .button:before {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 0;
    color: #ffffff;
    content: '\e661';
    font-size: 30px; }
  .ui-dialog-customtheme .button.cancel {
    float: left; }
  .ui-dialog-customtheme .button.submit {
    float: right; }
  .ui-dialog-customtheme .button.cancel:before {
    content: '\e68c'; }
  .ui-dialog-customtheme .button.submit:before {
    content: '\e659'; }
  .ui-dialog-customtheme .button.inline-button {
    vertical-align: bottom;
    margin-left: 10px;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    line-height: 30px;
    display: inline-block; 
    margin-bottom: 2px; }
  .ui-dialog-customtheme .button.inline-button:before {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    content: '\e62c'; }
  .ui-dialog-customtheme .hasCustomScrollbar {
    max-height: 50px;
    width: 100%;
    overflow-y: auto;
    background: #f7ebd7; }
  .ui-dialog-customtheme .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background: #f7ebd7; }
  .ui-dialog-customtheme .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .ui-dialog-customtheme .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: #e1d1b5; }

/* Corners 
----------------------------------*/
.ui-dialog-customtheme.ui-corner-all,
.ui-dialog-customtheme .ui-corner-all,
.ui-dialog-customtheme .ui-corner-top,
.ui-dialog-customtheme .ui-corner-right,
.ui-dialog-customtheme .ui-corner-tr {
  border-top-right-radius: 0; }

.ui-dialog-customtheme.ui-corner-all,
.ui-dialog-customtheme .ui-corner-all,
.ui-dialog-customtheme .ui-corner-top,
.ui-dialog-customtheme .ui-corner-left,
.ui-dialog-customtheme .ui-corner-tl {
  border-top-left-radius: 0; }

.ui-dialog-customtheme.ui-corner-all,
.ui-dialog-customtheme .ui-corner-all,
.ui-dialog-customtheme .ui-corner-bottom,
.ui-dialog-customtheme .ui-corner-right,
.ui-dialog-customtheme .ui-corner-br {
  border-bottom-right-radius: 0; }

.ui-dialog-customtheme.ui-corner-all,
.ui-dialog-customtheme .ui-corner-all,
.ui-dialog-customtheme .ui-corner-bottom,
.ui-dialog-customtheme .ui-corner-left,
.ui-dialog-customtheme .ui-corner-bl {
  border-bottom-left-radius: 0; }

.ui-selectmenu-button,
.ui-selectmenu-text {
    font-size: 80%;
}

.ui-dialog.ui-dialog-customtheme .rightContainer .content .row {
    overflow: visible;
}
/*# sourceMappingURL=dialog.css.map */