/*****************************************************************************
 * wrapper v.10                                                              *
 *****************************************************************************/

/***************************** 
 * generic  css definitions * 
 *****************************/
html, body { 
    height: 100%; 
    overflow: hidden;
}
*:focus {
    outline: none;
}
.hidden, .hide { display: none; }
.noSelection {
    -webkit-user-select: none;   /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    -o-user-select: none;       /* No support for these yet, use at own risk */
    user-select: none;          /* No support for these yet, use at own risk */
}
.textSelectable {
    -webkit-user-select: text;   /* Chrome all / Safari all */
    -moz-user-select: text;     /* Firefox all */
    -ms-user-select: text;      /* IE 10+ */
    -o-user-select: text;       /* No support for these yet, use at own risk */
    user-select: text;          /* No support for these yet, use at own risk */
}    

/***************************** 
 * loading screen            *
 *****************************/
#preloadScreen {
    position: absolute;
    width: 100%;
    height: 100%;
    color: #FFF;
    background-color: #CCC;
    z-index: 10000;
    overflow: hidden;    
}
#preload_log {
    position: absolute;
    width: 100%;
    height: 100%;
    color: #000000;
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto;
}
/***************************** 
 * MODULE:Debug              *
 *****************************/
.debug { border: 1px dotted #f00; }
#notice_container {
    position: absolute;
    right: 3em;
    top: 3em;
    width: 620px;
    z-index: 100000;
    font-size: 0.8em;
}
#notice_container .outer_wrap {
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #ccc;
    background-color: rgba(255, 255, 255, 0.6);
}
#notice_container textarea { 
    -webkit-user-select: auto;   /* Chrome all / Safari all */
    -moz-user-select: auto;     /* Firefox all */
    -ms-user-select: auto;      /* IE 10+ */
    -o-user-select: auto;       /* No support for these yet, use at own risk */
    user-select: auto;          /* No support for these yet, use at own risk */
}
#notice_container .button {
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    padding: 2px 5px;
    margin-left: 2px;
    margin-right: 2px;
    background-color: #EEEEEE;
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}
#notice_container .button:hover { background-color: #FFFFFF; }
#notice_container .toggle.button {
    position: absolute;
    top: -1.5em;
    right: -1.5em;
    padding: 0;
}
#notice_container .toggle.button.icon-showdebug:before { content: '\e63a'; margin: 0.25em; font-size: 1.6em; }

#notice_container .good,
#notice_container .bad {
    font-size: 20px;
    margin-right: 5px;
}
#notice_container .bad,
#notice_container .red { color: red; }
#notice_container .good,
#notice_container .green { color: green; }
#notice_container .bold { font-weight: bold; }
#notice_container .scanlog { font-size: 0.6em; }
#notice_container textarea {
    width: 100%;
    height: 250px;
}
#notice_container .warning {
    font-family: 'sans-semibold';
    margin-bottom: 3px;
}
#notice_container .warning {
    color: #FF0000;
    font-weight: bold;
}
#notice_container .important { font-weight: bold; background-color:#FDF8AD; }
#notice_container div.resetdata.button.important:hover { background-color:#FFF345; }
/*****************************/
/* MODULE:Debug:END */
/*****************************/

/*****************************/
/* MODULE:Dialogs */
/*****************************/

.jdialog.ui-bigDialog.ui-dialog-content.ui-widget-content {
    overflow: hidden;
}
/* simple Dialog */
.simpleDialog {
    left: 50% !important;
    top: 50% !important;
    margin-left: -236px;
    margin-top: -80px;
    width: 472px;
    height: 160px;
    position: absolute;
    z-index: 92000;
}
.simpleDialog .innerWrap {
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.50);
    overflow: hidden;
    font-size: 100%;
}
.simpleDialog .page {
    width: 100%;
    height: 100%;
    padding-bottom: 40px;
    overflow: hidden;
}
.simpleDialog .page .innerwrap {
    width: 100%;
    height: 100%;
    padding: 10px;
    font-size: 1.2em;
    line-height: 28px;
}
.simpleDialog .row {
    margin-top: 0.5em;
}
.simpleDialog .flbl {
    float: left;
}
.simpleDialog .elbl {
    max-width: 100%;
    white-space: nowrap;     
    overflow: hidden;
    text-overflow: ellipsis;
}
.simpleDialog .button {
    position: absolute;
    width: 142px;
    height: 36px;
    padding: 0.3em;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
}
.simpleDialog .button {
    color: #365F89;
    background: #F6F6F6;
    border: 1px solid rgba(0,0,0,0.05);
}
.simpleDialog .button:hover {
    background: #7CE7FF;
}
.simpleDialog .button a {
    text-decoration: none; 
}
.simpleDialog .button.btn-submit {
    bottom: 1em;
    right: 10.5em;
}
.simpleDialog .button.btn-cancel {
    bottom: 1em;
    right: 1em;
}
.simpleDialog input[type="password"] {
    background: #f7ebd7;
    border: 1px solid;
    border-color: #e1d1b5;
    color: #000000;
    outline: none;
    padding: 5px;
    margin-top: 10px;
    border-radius: 3px;
    width: 45%;
    display: inline;
    line-height: 1em;
    vertical-align: middle;
    font-size: 80%;
}
.simpleDialog .hint {
    font-size: 0.5em;
    width: 50%;
    display: inline-block;
    vertical-align: bottom;
    line-height: 1.2em;
    margin-left: 1em;
    vertical-align: text-bottom;
}
.simpleDialog .resultmsg,
.ui-bigDialog .resultmsg {
    margin-left: 5px;
}

/*
  limit space for username and groupname in dialogs
*/
.simpleDialog div.username,
.simpleDialog div.groupname {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
}
.simpleDialog.switchUsersDialog .username { max-width: 300px; }
.simpleDialog.QuestionNewStudentDialog .username { max-width: 270px; }
.simpleDialog.QuestionNewStudentDialog .groupname { max-width: 180px; }
.simpleDialog.questionCreateMoreClassesDialog .groupname { max-width: 215px; }
.simpleDialog.deleteStudentDialog .username { max-width: 166px; }
.simpleDialog.deleteStudentDialog .groupname { max-width: 330px; }
.simpleDialog.questionDeleteMoreClassesDialog .username { max-width: 320px; }
.simpleDialog.questionDeleteMoreClassesDialog .groupname { max-width: 220px; }

/* big dialog */
.ui-bigDialog {
    width: 700px !important;
    height: 350px !important;
    background-color: #FFFFFF;
    position: absolute;
    left: 50% !important;
    top: 50% !important;
    margin-left: -350px !important;
    margin-top: -175px !important;
}
.ui-bigDialog .title {
    font-size: 32px;
}
.ui-bigDialog .leftContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
    /*display: table;*/
    text-align: center;
    background-color: #ccc;
}
.ui-bigDialog .rightContainer {
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    height: 100%;
    /*display: table;*/
}
.ui-bigDialog .rightContainer > .innerWrap {
    padding: 0.5em;
}
.ui-dialog-customtheme.no-title .ui-dialog-titlebar {
  display: none;
}
/* lightbox */
.lightbox_mask {
    width: 100%;
    height: 100%;
}
/* buttons */
.ui-dialog-customtheme .button.disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
    cursor: default;
}
.ui-dialog-customtheme .rightContainer .button.inline-button[class*="icon-"]:before {
    color: #ffffff;
}
#notice_container b, 
#notice_container strong, 
.simpleDialog b, 
.simpleDialog strong {
    font-family: 'sans',"Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
    font-weight: normal;
}


/*****************************
 * MODULE:Dialogs:END        *
 *****************************/

/*****************************
 * MODULE:Navigation         *
 *****************************/

/*****************************
 * MODULE:Navigation:END     *
 *****************************/

/*****************************
 * MODULE:MultiUser          *
 *****************************/
.sidemenu.bottom .switchUser:before {
    content: '\E662';
    position: relative;
    display: block;
    background-color: white;
    width: 40px;
    height: 40px;
    left: 0px;
    margin-bottom: 24px;
    box-shadow: 0 1px 2px 1px rgba(8,73,105,.25);
    border-radius: 50%;
    line-height: 40px;
    font-size: 16px; }
.sidemenu.bottom .switchUser:before {
    font-size: 16px; }
.sidemenu [class*="icon-"].icon-arrows:before {
    margin: 0;
    position: absolute;
    bottom: 6px;
    width: 28px;
    height: 28px;
    font-size: 28px;
    line-height: 28px;
    color: #4CACC3;
    border-radius: 50%;
    left: -webkit-calc(50% - 14px);
    left: -moz-calc(50% - 14px);
    left: calc(50% - 14px); 
    transform: rotate(-74deg); 
    -moz-transform: rotate(-74deg);
    -ms-transform: rotate(-74deg);
    -o-transform: rotate(-74deg);
    -webkit-transform: rotate(-74deg); }
.sidemenu .icon-arrows:before {
    content: '\e689'; }
.sidemenu [class*="icon-"].icon-arrows {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
}
.client-avaShell .sidemenu [class*="icon-"].icon-arrows {
    left: 1px;
}
.dlg-teacherEntry a {
    cursor: pointer;
}

/***************************** 
 * MODULE:MultiUser:END      *
 *****************************/