input[type=text],
input[type=date],
input[type=time],
input[type=password],
input[type=email] {
    border: 2px solid #aaaaaa;
    height: 1.2em;
}

input[type=file] {
    filter: Alpha(Opacity=0);
    opacity: 0.0;
    cursor: pointer;
    /* border: 2px solid #aaaaaa; */
}

textarea {
    /* border: 2px solid #aaaaaa; */
    resize: none;
}

textarea:not(.Borderless) {
    border: 2px solid #aaaaaa;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

p {
    margin: 0;
    padding: 0;
}

.Clear {
    clear: both;
}

body.pc #divHomePageCarousel {
    height: 120px; /* 240px; */ /* GR style */
    width: 960px;
    background-color: #ffffff; /* #f4f4f4; */ /* GR style */
    color: #6ab6fc; /* GR style */
    text-align: center; /* GR style */
    box-sizing: border-box; /* GR style */
    padding-top: 40px; /* GR style */

    background-image: url(../img/ecolm_logo.png); /* GR style */
    background-size: 188px 71px;
    /* background-size: 200px 120px; */ /* GR style */
    background-repeat: no-repeat; /* GR style */
    background-position: 636px bottom; /* 20px 0px; */ /* GR style */
}

body.tablet.portrait #divHomePageCarousel {
    height: 288px;
    width: 768px; /* 640px; */
    /* background-color: green; */
}

body.tablet.landscape #divHomePageCarousel {
    height: 256px;
    width: 1024px;
    /* background-color: green; */
}

#divHomePageCarousel div {
    /* height: 240px;
    width: 320px; */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    float: left;
}

body.pc #divHomePageCarousel div {
    height: 240px;
    width: 320px;
}

body.tablet.portrait #divHomePageCarousel div {
    height: 288px;
    width: 384px;
}

body.tablet.landscape #divHomePageCarousel div {
    height: 256px;
    width: 341px;
}

#divHomePageCarousel1 {
    background-image: url(../img/app/home/girl.png);
}

#divHomePageCarousel2 {
    background-image: url(../img/app/home/globe.png);
}

#divHomePageCarousel3 {
    background-image: url(../img/app/home/girls.png);
}

#divHomePageCarousel1 p {
    color: #ffffff;
    font-size: 14pt;
    /* margin: 60px 40px; */
    margin: 40px 20px;
}

/* #divLoginContainer, */ #divMaintenance {
    padding-top: 20px;
    padding-left: 20px;
    /* height: 335px; */
    /* background: url(../img/app/home/schoolmiss.png) no-repeat 75px 60px; */
    /* border-left: 1px solid #cccccc; */ /* GR style */
    /* border-right: 1px solid #cccccc; */ /* GR style */
    /* background-color: yellow; */
}

/* #divLoginContainer {
    background: url(../img/app/home/schoolmiss.png) no-repeat 75px 60px;
} */

#divMaintenance {
    /* background: url(../img/app/home/schoolmaid.png) no-repeat 0px 100px; */ /* GR style */
}

#divMaintenance p {
    margin-top: 100px;
    margin-left: 300px; /* margin-left: 250px; */ /* GR style */
    text-align: center; /* GR style */
    color: #ff0000;
    font-size: 16px;
    font-weight: bold;
}

body.pc #divLoginContainer, body.pc #divMaintenance {
    height: 512px; /* 552px; */ /* 475px; */ /* 335px; */ /* GR style */
    background-color: #ffffff; /* #f4f4f4; */ /* GR style */
    
    /* background-image: url(../img/app/home/knife_red.jpg); */
    background-repeat: no-repeat;
    /* background-size: 335px 325px; */
    background-size: 418.75px 406.25px;
    background-position: 20px 40px;
}

body.pc #divLoginContainer.Login, body.pc #divMaintenance {
    background-image: url(../img/app/home/knife_red.jpg);
}

body.pc #divLoginContainer.Pincode {
    background-image: url(../img/app/home/knife_natural.jpg);
}

body.phone #divUnderConstruction,
body.tablet #divUnderConstruction {
    text-align: center;
    font-size: 34px;
    color: #058bc2;
}

body.tablet.portrait #divLoginContainer {
    height: 545px; /* 545px; */
}

body.tablet.landscape #divLoginContainer {
    height: 320px; /* 320px; */
    
}

body.pc #divPincodeDlg,
body.pc #divForcePincodeDlg,
body.pc #divLogin {
    position: absolute;
    /* z-index: 999; */
    width: 360px; /* 400px; */ /* 650px; */ /* 400px; */ /* GR style */
    /* height: 420px; */ /* 84px; */ /* GR style */
    /* margin-top: 50px; */
    /* margin-left: 261px; */ /* 250px; */ /* GR style */
    /* margin: 0 auto; */
    /* margin-left: 300px; */ /* center */
    margin-left: 550px; /* right */
    /* padding: 24px; */
    /* font-size: 12pt; */
    /* GR style */
    box-sizing: border-box;
    /* display: flex; */
    /* flex-direction: column; */
    padding: 22px 18px 22px 21px;
    background-color: #fff;
    border: 1px solid #dddddd;
    border-radius: 8px;
    box-shadow: 50px 50px 50px -50px rgba(77,75,89,.24), -50px -50px 50px -50px rgba(77,75,89,.24);
}

/* GR style */
body.pc #divLogin {
    height: 420px;
    margin-top: 40px;
}

/* GR style */
body.pc #divPincodeDlg {
    height: 210px;
    margin-top: 40px;
}

/* GR style */
#divForcePincodeDlg {
    height: 420px; /* 365px; */
    margin-top: 40px;
}

#divPinCodeInfo {
    margin-top: 20px;
    color: #96d8f3;
}

#divPinCodeInfo > span {
    display: inline-block;
    width: 15px;
    height: 15px;
    text-align: center;
    border: 1px solid #96d8f3;
    border-radius: 7px;
    margin-right: 5px;
}

/* GR style */
/* body.pc #divLogin > div {
    height: 100%;
    float: left;
} */

/* GR style */
/* #divEcolmLogin {
    width: 315px;
    background-color: red;
} */

#divSSOLogin {
    width: 215px;
    /* background-color: green; */
}

/* #divTopCover, #divBottomCover {
    position: absolute;
    width: 960px;
    height: 79px;
    background: url(../img/test.png) 0px -100px;
}

#divTopCover {
    top: 20px;
}

#divBottomCover {
    bottom: -10px;
    z-index: -1;
}  */

body.tablet.portrait #divLogin {
    width: 470px; /* 415px; */
    margin-top: 50px; /* 20px; */
    margin-left: 260px; /* 200px; */
    /* background-color: yellow; */
}

body.tablet.landscape #divLogin {
    width: 470px; /* 415px; */
    margin-top: 30px; /* 20px; */
    margin-left: 260px; /* 200px; */
    /* background-color: yellow; */
}

#divLoginContainer h1,
/* #divMaintenance h1,
#divMaintenance p, */
#divFooter strong /* ,
#divLoginCaption */ { /* GR style */
    color: #6ab6fc; /* #058bc2; */ /* #2cb3ea; */ /* #9d9d9d; */ 
}

/* GR style */
#divLoginContainer h1 {
    text-align: center;
    margin-bottom: 32px;
}

body.pc #divLoginCaption {
    /* background-color: yellow; */
    height: 24px;
    font-weight: bold;
    font-size: 14pt;
    color: #333333; /* GR style */
    margin-bottom: 21px; /* GR style */
    /* padding-left: 100px; */
}

/* GR style */
#divPinCodeCaption {
    font-weight: bold;
    font-size: 14pt;
    margin-bottom: 21px;
    text-align: center;
}

#divLoginPrompt {
    margin-bottom: 8px;
}

body.tablet #divLoginCaption {
    /* background-color: yellow; */
    height: 24px;
    font-weight: bold;
    font-size: 16pt;
    margin-bottom: 16px;
}

#divLogin label {
    display: inline-block;
    /* width: 100px; */
}

#divLogin input[type=submit] {
    display: none;
}

body.pc #divLogin label {
    width: 100px;
}

body.tablet #divLogin label {
    width: 134px; /* 135px; */
    /* font-size: 1.4em; */
}

body.tablet #divLogin input {
    /* width: 175px; */
    /* font-size: 1.4em; */
    margin-right: 8px;
}

/* #btnPincodeCOk,
#btnFPCOk, */
#btnSchoolUserName /* ,
#btnLoginOk */ { /* GR style */
    line-height: 19px;
    font-weight: bold;
    cursor: pointer;
}

/* GR style */
#btnFPCOk,
#btnPincodeOk,
#btnLoginOk {
    width: 317px;
    height: 37px;
    border: none;
    margin-bottom: 33px; /* 23px; */
    color: #ffffff;
    font-weight: bold;
    background-color: #48a5fc;
    border-radius: 5px;
    cursor: pointer;
}

/* GR style */
#btnFPCNotNow,
#btnFPCNotForever {
    width: 150px; /* 317px; */
    height: 37px;
    border: 1px solid #858c93;
    /* margin-bottom: 8px; */ /* 23px; */
    color: #858c93;
    /* font-weight: bold; */
    background-color: #ffffff;
    border-radius: 5px;
    cursor: pointer;
}

#btnFPCNotNow {
    margin-right: 10px;
}

/* GR style */
/* body.pc #divLogin input {
    height: 17px;
} */

.SSOButton {
    width: 317px; /* 215px; */
    height: 41px;
    border: none;
    /* margin-right: 5px; */
    /* margin-left: 49px; */ /* GR style */
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.SSOButton:hover {
    outline: 1px dotted #000000;
}

/* #btnFacebookLogin {
    background-image: url(../img/facebook.png);
}

#btnGoogleLogin {
    background-image: url(../img/google.png);
} */

#btnAzureLogin {
    /* background-image: url(../img/microsoft.png); */
    background-image: url(../img/ssoms.png);
    margin-bottom: 16px; /* 2px; */ /* GR style */
}

#btnIntranetLogin {
    /* background-image: url(../img/intranet.png); */
    background-image: url(../img/ssoaai.png);
}

#divAccessDenied {
    text-align: center;
}

#divAccessDenied h1 {
    padding-top: 50px;
    padding-bottom: 20px;
}

#divAccessDenied a {
    color: darkblue;
}

#divDummyIntro {
    margin-top: 20px;
    /* text-align: center; */
}

#divDummyIntroCaption {
    padding-top: 80px;
    padding-bottom: 20px;
    font-size: 24px;
    /* text-align: center; */
}

#divDummyIntroBody {
    height: 400px;
    /* background-color: yellow; */
}

#divDummyIntroBody > div {
    width: 480px;
    height: 400px;
    float: left;
}

#divDummyIntroBodyLeft {
    background-image: url(../img/app/try.jpg);
    background-repeat: no-repeat;
    background-position: right center;
}

#divDummyIntroBodyRight {
    padding-top: 110px; /* 70px; */ /* 50px; */
    font-size: 16px;
    /* background-color: green; */
}

#divDummyIntroBodyRight div.Caption {
    margin-top: 10px;
    font-size: 16px;
}

#divDummyIntroBodyRight div.IntroLinks {
    padding-left: 10px;
}

/* #divDummyIntroBodyRight a {
    color: #058bc2;
} */

#divQuickStartGuideLinks a {
    /* display: block; */
    /* font-size: 16px; */
}

button.ProdaxoButton {
    border-style: none;
    background-color: transparent;
    /* color: #000000; */
    /* padding: 3px 8px; */
    /* padding-bottom: 5px; */
    font-weight: bold;
    cursor: pointer;
    font-family: inherit;
}

button.ProdaxoButton[disabled] {
    color: #aaaaaa;
}

body.pc button.ProdaxoButton:not([disabled]):hover {
    outline: 1px dotted #999999;
    cursor: pointer;
}

body.tablet button.ProdaxoButton {
   /* font-size: 1.4em; */
   padding: 0px;
}

button.ProdaxoButtonHover {
    outline: 1px dotted #ffffff;
}

#divSavePassword {
    margin-left: 352px; /* 102px */
}

/* GR style */
#aForgottenPassword {
    display: block;
    color: #6ab6fc; /* purple */ ; 
    margin-bottom: 10px;
}

/* GR style */
/* body.pc #divLoginSupport {
    margin-left: 352px;
    margin-top: 10px;
    width: 318px;
} */

body.tablet.portrait #divLoginSupport {
    margin-left: 398px; /* 300px; */
    margin-top: 20px;
}

body.tablet.landscape #divLoginSupport {
    margin-left: 400px;
    margin-top: 20px;
}

body.pc #divKnowMore {
    margin-top: 60px; /* 16px; */
    margin-left: 352px;
    width: 240px;
}

body.tablet.portrait #divKnowMore {
    margin-top: 50px;
    margin-left: 398px;
}

body.tablet.landscape #divKnowMore {
    margin-top: 30px;
    margin-left: 400px;
}

body.tablet #divLoginSupport,
body.tablet #divKnowMore {
    font-size: 12pt;
}
/* End of Login */

/* Registration */
#divRegistrationContainer {
    padding-top: 20px;
    padding-left: 20px;
    /* background: #ffffff url(../img/app/home/schoolmiss.png) no-repeat 40px 60px; */
    background-image: url(../img/app/home/knife_red.jpg);
    background-repeat: no-repeat;
    background-size: 418.75px 406.25px;
    background-position: 20px 40px;
    /* border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc; */
    /* background-color: yellow; */
}

body.pc #divRegistrationContainer {
    height: 435px;
}

body.tablet.portrait #divRegistrationContainer {
    height: 545px;
}

body.tablet.landscape #divRegistrationContainer {
    height: 320px;
}

#divRegistrationContainer a {
    position: absolute;
    font-size: 1.1em;
    font-weight: bold;
    padding-top: 100px;
    color: darkblue;
}

body.pc #divRegistrationContainer a {
    margin-left: 395px; /* 328px; */
}

body.tablet.portrait #divRegistrationContainer a {
    margin-left: 270px;
}

body.tablet.landscape #divRegistrationContainer a {
    margin-left: 385px; /* 427px; */
}

body.pc #divRegistration1 {
    /* background-color: yellow; */
    width: 400px; /* 400px; */
    margin-top: 50px;
    margin-left: 225px; /* 250px; */
    /* font-size: 12pt; */
}

body.tablet.portrait #divRegistration1 {
    width: 490px; /* 470px; */ /* 415px; */
    margin-top: 20px; /* 50px; */
    margin-left: 240px; /* 260px; */
    /* background-color: yellow; */
}

body.tablet.landscape #divRegistration1 {
    width: 470px; /* 415px; */
    margin-top: 30px; /* 20px; */
    margin-left: 260px; /* 200px; */
    /* background-color: yellow; */
}

#divRegistration1 label {
    display: inline-block;
    float: left;
}

body.pc #divRegistration1 label.LeftLabel {
    width: 145px; /* 120px; */
    line-height: 21px;
}

body.tablet #divRegistration1 label.LeftLabel {
    width: 200px; /* 165px; */
    /* font-size: 1.4em; */
}

body.tablet #divRegistration1 input {
    /* width: 175px; */
    /* font-size: 1.4em; */
    margin-right: 8px;
}

#divRegistrationData {
    /* background-color: yellow; */
    width: 430px; /* 400px; */
    margin-top: 40px;
}

#divRegistration1School {
    white-space: nowrap;
}

#divRegistration1School, /* #txtUserName, */ #txtEmail, /* #txtPassword, */ #txtRetypedPassword /* , #txtFPCNewPinCode, #txtFPCRetypedPinCode, #txtPinCode */ {
    width: 200px;
    margin-bottom: 8px;
}

/* GR style */
#txtUserName, #txtPassword, #txtPinCode, #txtFPCNewPinCode, #txtFPCRetypedPinCode {
    width: 297px;
    border-radius: 4px;
    border: 1px solid #ddd;
    height: 17px;
    background-color: #fff;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .5px;
    color: #333 !important;
    background-repeat: no-repeat;
    background-position: right 7px center;
    padding: 9px;
}

/* GR style */
#txtUserName:focus, #txtPassword:focus, #txtPinCode:focus, #txtFPCNewPinCode:focus, #txtFPCRetypedPinCode:focus {
    outline: 1px solid #4fa8fc;
}

/* GR style */
#txtUserName {
    background-image: url(data:image/svg+xml,%3Csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ xmlns:xlink=\'http://www.w3.org/1999/xlink\'\ width=\'24\'\ height=\'24\'%3E%3Ctitle%3Eperson%3C/title%3E%3Cpath\ fill=\'%23999999\'\ d=\'M12,12A4,4,0,0,1,8,8V7a4,4,0,0,1,8,0V8A4,4,0,0,1,12,12Zm0-7a2,2,0,0,0-2,2V8a2,2,0,0,0,4,0V7A2,2,0,0,0,12,5Z\'/%3E%3Cpath\ fill=\'%23999999\'\ d=\'M20,20H4V15.46l0.45-.3A14.78,14.78,0,0,1,12,13a14.78,14.78,0,0,1,7.55,2.17L20,15.46V20ZM6,18H18V16.57A13,13,0,0,0,12,15a12.94,12.94,0,0,0-6,1.57V18Z\'/%3E%3C/svg%3E);
    margin-bottom: 6px;
}

/* GR style */
#txtPassword, #txtPinCode, #txtFPCNewPinCode, #txtFPCRetypedPinCode {
    background-image: url(data:image/svg+xml,%3Csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ xmlns:xlink=\'http://www.w3.org/1999/xlink\'\ width=\'24\'\ height=\'24\'%3E%3Ctitle%3Elock%3C/title%3E%3Cpath\ fill=\'%23999999\'\ d=\'M16,10V9A4,4,0,0,0,8,9v1H5V20H19V10H16ZM10,9a2,2,0,0,1,4,0v1H10V9Zm7,9H7V12H17v6Z\'/%3E%3C/svg%3E);
    margin-bottom: 23px;
}

#divRegistrationCaptcha {
    /* background-color: blue; */
    width: 490px;
    height: 34px;
}

#divRegistrationCaptcha * {
    float: left;
}

#divRegistrationCaptcha label {
    line-height: 24px;
}

#txtCaptchaSum {
    margin-left: 5px;
}

body.pc #txtCaptchaSum {
    width: 155px;
}

body.tablet #txtCaptchaSum {
    width: 128px;
}

img#nodCaptchaText {
    margin-left: 3px;
}

/* body.pc img#nodCaptchaText {
    height: 22px;
} */

body.tablet img#nodCaptchaText {
    height: 34px;
}

span#nodCaptchaText {
    color: #fff;
    background-color: #76b3cf;
    padding: 0px 8px;
}

#divRegistrationCommand {
    text-align: center;
    padding-top: 2em;
    width: 430px;
    /* background-color: red; */
}

#divRegistrationMessage {
    /* margin-top: 30px; */
    width: 650px;
    font-weight: bold;
}

body.pc #divRegistrationMessage {
    font-size: 14pt;
}

body.tablet #divRegistrationMessage {
    /* font-size: 1.5em; */
}

#txtRegistrationCode {
    width: 300px;
}
/* End of registration */


/*
 * ..view/application/order/edit.phtml
 */
#divApplicationOrderEdit div.JDSDialogFormContent {
    width: 393px; /* 383px; */ /* 538px; */
    height: 571px; /* 541px; */ /* 531px; */ /* 500px; */ /* 455px; */ /* 335px; */
}

#frmApplicationOrderEdit div.JDSDialogFormContentBreak {
    margin-top: 10px;
}

#frmApplicationOrderEdit label /* :not([for=txtOrderCaptchaSum]) */ {
    width: 135px; /* 125px; */
}

/* #frmApplicationOrderEdit label[for=txtOrderCaptchaSum] {
    width: 95px;
} */

#lblLicenseType,
#spanLicenseTypeAdvertisement,
#spanMoreInformation,
#divAEOAccept span:last-child {
    /* color: #1e0fbe; */ /* blue; */
    /* font-weight: bold; */
    text-decoration: underline;
    cursor: pointer;
}

#divAEOAccept span {
    float: left;
    margin-right: 4px;
}

/* #divAEOAccept span.RightLabel {
    margin-left: 4px;
    margin-top: 1px;
    text-decoration: underline;
} */

#divAOELicenseType div.DropDownStarter,
#divAOETitles div.DropDownStarter {
    width: 250px;
}

#divAEOAccept {
    /* margin-top: 10px; */ /* 20px; */
    /* text-align: center; */
}

#frmApplicationOrderEdit input[type=text] {
    width: 250px; /* 430px; */
}

#tarAOEBillingAddress {
    height: 51px;
    width: 250px;
}

#nodOrderCaptchaText {
    float: left;
}

#spanMandatory {
    margin-left: 300px;
}
/* ..view/application/order/edit.phtml */

/*
 * ..view/application/user/edit.phtml 
 */
#frmUser label {
    width: 6em;
    /* background-color: red; */
}

#txtEULastName, #txtEUFirstName {
    width: 12em; /* 180px; */
}

#txtEUEmail {
    width: 20em; /* 300px; */ /* 240px; */
}

#divEUSex {
    /* width: 4.5em; */
}

/* #btnResetPassword {
    margin: 0px;
    font-weight: normal;
}

#btnResetPassword.Invisible {
    display: none;
}

#divEURoleId {
    width: 7.5em;
}

body.pc #btnResetPassword {
    padding: 0.25em 0.25em 0.25em 0.25em;
    font-size: 14px;
}

body.tablet #btnResetPassword {
    padding: 0em 0.125em;
    font-size: 20px;
} */

#frmEditUserPassword label, #divConfirmPassword label {
    width: 11em; /* 9em; */
}

/* GR style */
/* #btnFPCNotNow,
#btnFPCNotForever {
    width: 100px;
    margin-top: 20px;
    line-height: 19px;
} */

/* #frmForcePinCode > div.JDSDialogFormContent {
    width: 320px;
} */

/* #frmForcePinCode label, */
#frmEditUserPinCode label {
    width: 11em;
}

#divUserInactive span.FlatCheckbox {
    margin-left: 6em;
}
/* End of ..view/application/user/editpassword.phtml  */

/*
 * ..view/school/grade/index.phtml 
 */
#divGradeList span.ListColumn.GradeName {
    white-space: nowrap;
    overflow: hidden;
}

body.pc.portrait #divGradeList span.ListColumn.GradeName {
    width: 280px;
}

body.tablet.portrait #divGradeList span.ListColumn.GradeName {
    width: 345px;
}

body.tablet.landscape #divGradeList span.ListColumn.GradeName {
    width: 300px;
}

/*
 * ..view/school/grade/edit.phtml 
 */
#divEditGrade div.JDSDialogFormContent {
    width: 538px;
    height: 309px;
}

#frmEditGrade label {
    width: 7em; /* 5em; */
}

#divEGNotInUse span.FlatCheckbox {
    margin-left: 7em; /* 5em; */
}

#txtEGName {
    width: 32.5em; /* 20.5em; */ /* 21em; */
}

#txtEGYear {
    width: 5em;
}

#divEGDivision,
#divEGProfession {
    width: 434px;
}

#tarEGNote, #txtEGTags {
    width: 32.5em;
}

#divEGTeachers div.DropDownStarter {
    width: 532px;
    float: left;
}

#ulEGClassTeachers {
   width: 535px;
   height: 282px; /* 275px; */
   float: left;
}

#ulEGClassTeachers span.EGTeacher {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#ulEGClassTeachers span.EGTeacher.FullName {
    width: 250px; /* 300px; */
}

#ulEGClassTeachers span.EGTeacher.Role {
    width: 75px;
}

#ulEGClassTeachers span.EGTeacher.Period {
    width: 100px; /* 130px; */
}

#divEditClassTeacher div.JDSDialogFormContent {
    width: 538px;
    min-height: 245px;
    /* overflow: auto; */
}

#divEGCTPeriods {
    overflow: auto;
}

label[for="divEGCTRole"] {
    width: 100px;
}

#divEGCTRole {
    width: 432px;
}

#divEditClassTeacher div.SchoolYear {
    width: 100px;
    height: 227px; /* 245px; */
    float: left;
}

#frmEditClassTeacher span.Type2 {
    margin-left: 20px;
}

#frmEditClassTeacher span.Type3 {
    margin-left: 40px;
}

#ulESGroups,
#ulEGGroups,
#ulEGStudents {
   width: 535px;
   height: 305px;
}

#ulEGStudents li span.StudentFullName {
    width: 260px; /* 283px; */ /* 287px; */ /* 320px; */
    white-space: nowrap;
    overflow: hidden;
}

#ulEGStudents li span.BMStatus {
    margin-left: 8px;
    color: purple;
    font-size: 10px;
    font-weight: bold;

}

#ulEGStudents li span.StudentGuestSubjects {
    width: 153px; /* when there are a lot of students, scrollbar apears */ /* 163px; */ /* 204px; */
    white-space: nowrap;
    overflow: hidden;
}

#ulEGStudents li span.StudentGuest {
    width: 72px; /* 40px; */
    /* text-align: center; */
}

#ulEGStudents li span.StudentGuest.Yes {
    background: url(../img/checkmark.png) no-repeat center center;
}

#divEGTimetable label {
    width: 100px;
}

#divEditSubjectGroup div.JDSDialogFormContent,
#frmEditGradeGroup div.JDSDialogFormContent {
    width: 538px;
    height: 278px;
}

#divEditSubjectGroup label,
#frmEditGradeGroup label {
    width: 80px;
}

#txtSubjectGroupName,
#txtGradeGroupName {
    width: 448px;
}

span.ListColumn.GradeGroupName {
    width: 513px;
}

span.ListColumn.SubjectGroupName {
    width: 509px;
}
/*
 * End of ..view/school/grade/edit.phtml 
 */

/*
 * ..view/school/subject/index.phtml 
 */
#divSubjectList span.Subject.Token {
    width: 40px; /* 45px; */
    margin-right: 5px;
    white-space: nowrap;
    overflow: hidden;
}

#divSubjectList span.Subject.Name {
    width: 245px;
    white-space: nowrap;
    overflow: hidden;
    /* background-color: red; */
}
/*
 * End of ..view/school/subject/index.phtml 
 */

/*
 * ..view/school/teacher/index.phtml 
 */
#divTeacherList span.ListColumn.TeacherName {
    white-space: nowrap;
    overflow: hidden;
}

body.pc.portrait #divTeacherList span.ListColumn.TeacherName {
    width: 245px; /* 280px; */
    /* background-color: yellow; */
}

body.tablet.portrait #divTeacherList span.ListColumn.TeacherName {
    width: 300px; /* 345px; */
    /* background-color: yellow; */
}

body.tablet.landscape #divTeacherList span.ListColumn.TeacherName {
    width: 255px; /* 300px; */
    /* background-color: yellow; */
}
#divTeacherList span.EmployeeRole,
#divCompanyList span.CompanyPlace,
#divInstructorList span.CompanyName {
    margin-left: 8px;
    font-size: 10px;
    font-weight: bold;
    color: purple;
    /* white-space: nowrap;
    overflow: hidden; */
}

#divEmployeesTotal {
    display: none;
}

#tblEmployeesTotal {
    margin-left: 16px;
    margin-right: 16px;
}

#tblEmployeesTotal th.Label, #tblEmployeesTotal td.Label {
    width: 110px;
    text-align: left;
}

#tblEmployeesTotal th.Data, #tblEmployeesTotal td.Data {
    width: 60px;
    text-align: right;
    
}

/* #tblEmployeesTotal tr th:nth-child(1) {
    text-align: left;
}

#tblEmployeesTotal tr th:nth-child(2), #tblEmployeesTotal tr td:nth-child(2) {
    text-align: right;
} */

#tblEmployeesTotal tr.Header {
    border-bottom: 1px solid #ffffff;
}

#tblEmployeesTotal tr.Footer {
    border-top: 1px solid #ffffff;
}

/*
 * ..view/school/teacher/edit.phtml 
 */
#divEditTeacher div.JDSDialogFormContent {
    width: 538px;
    height: 309px;
}

#frmEditTeacher label:not(.RightLabel) {
    width: 7.5em;
}

/* #divETFormer span.FlatCheckbox */
#frmEditTeacher span.FlatCheckbox {
    margin-left: 7.5em;
}

#divETRoles div.DropDownStarter {
    width: 150px;
}

#txtETToken {
    width: 4em;
}

#ulETSubjects {
   width: 537px;
   height: 305px;
}

#ulETSubjects li span.SubjectToken {
    width: 55px; /* 70px; */ /* 100px; */
    white-space: nowrap;
    overflow: hidden;
}

#ulETSubjects li span.SubjectName {
    width: 390px; /* 394px; */ /* 410px; */
    white-space: nowrap;
    overflow: hidden;
}

#ulETSubjects li span.SubjectLevel {
    width: 40px;
}


#divETSupervisors div.DropDownStarter {
    width: 532px;
}
    
#ulETSupervisors {
   width: 534px;
   height: 284px; /* 275px; */
}

#ulETSupervisors li {
   cursor: pointer;
}

#ulETSupervisors span {
    border-right: 1px dotted #aaaaaa;
}

#ulETSupervisors span.SupervisorTitle {
    width: 70px;
}

#ulETSupervisors span.SupervisorFullName {
    width: 435px;
}

#ulETLessons {
    width: 537px;
    height: 305px;
}

#ulETLessons span {
    height: 100%;
}

#ulETLessons span.Semester {
    width: 100px;
}

#ulETLessons span.BG100,
#ulETLessons span.Contract {
    width: 200px;
}

#divETGroups {
    height: 305px;
    border: 2px solid #aaaaaa;
    background-color: #ffffff;
    /* padding-left: 4px; */
    color: #000000;
    overflow: auto;
}

div.TeacherGroup {
    position: relative;
    width: 517px;
    height: 25px;
    /* margin-left: 4px; */
    border-bottom: 1px dotted #000000;
    float: left;
    cursor: pointer;
}

div.TeacherGroup.Hovered {
    background-color: #cccccc;
}

div.TeacherGroup > span {
    margin-left: 4px;
    float: left;
}

span.TeacherGroupName {
    height: 23px;
    line-height: 23px;
    margin-left: 4
    /* background-color: red; */
}

div.TeacherGroup.Checked > span.FlatCheckbox {
    background-image: url(../img/checkmark.png);
}

#divETGroupMenuStarter {
    right: 0px;
}

#frmEditTeacherGroup label {
    width: 90px;
}

#frmEditTeacherGroup div.JDSDialogFormContent {
   width: 538px;
   height: 260px;
}

#txtTeacherGroupName,
#tarTeacherGroupDescription {
    width: 440px;
}

/*
 * End of ..view/school/teacher/edit.phtml 
 */

/*
 * ..view/school/teachersubject/edit.phtml 
 */
#frmEditTeacherSubject label {
    width: 5em;
}

#divEditTeacherSubject div.JDSDialogFormContent {
    width: 538px;
    height: 260px; /* 309px; */
}

#divDDCSubjects div.DropDownStarter {
    width: 450px;
}

#divETSLevels div.DropDownStarter {
    width: 100px;
}

/*
 * ..view/school/instructor/edit.phtml 
 */
#divEditInstructor div.JDSDialogFormContent {
    width: 538px;
    height: 309px;
}

#frmEditInstructor label:not(.RightLabel) {
    width: 7.5em;
}

#frmEditInstructor span.FlatCheckbox:not(.Inline) {
    margin-left: 7.5em;
}

#txtEISchoolId {
    width: 6em;
    margin-right: 5px;
}

#txtEISchoolId[readonly] {
    color: #999999;
    background-color: #dddddd;
}

#ulInstructorCompanies span.Company.Email {
   width: 205px;
}

/*
 * End of ..view/school/instructor/edit.phtml 
 */

/*
 * ..view/school/student/index.phtml 
 */
#divStudentList span.ListColumn.StudentName {
    white-space: nowrap;
    overflow: hidden;
}

/* body.pc.portrait #divStudentList span.ListColumn.StudentName {
    width: 205px; 260px; 280px;
    background-color: yellow;
} */

body.tablet.portrait #divStudentList span.ListColumn.StudentName {
    width: 345px;
}

body.tablet.landscape #divStudentList span.ListColumn.StudentName {
    width: 300px;
}

/* #divStudentList span.ListColumn.StudentGradeName, */
#divStudentList span.ListColumn.BMStatus {
    font-size: 10px;
    font-weight: bold;
    margin-left: 4px;
    line-height: 18px;
    color: purple;
}

#divStudentList span.ListColumn.StudentGradeName {
    display: none;
}

/*
 * ..view/school/student/edit.phtml 
 */
#divEditStudent div.JDSDialogFormContent {
   width: 538px;
   height: 400px; /* 309px; */
}

#divInactiveUser {
    margin-left: 7.5em;
}

#divEditStudent div.JDSDialogTabs {
    width: 538px;
    /* background-color: yellow; */
}

#frmEditStudent label:not(.RightLabel) {
    width: 7.5em; /* 5.5em; */
}

#divESInactive span.FlatCheckbox,
#divESAlumni span.FlatCheckbox {
    margin-left: 7.5em; /* 5.5em; */
}

.PersonLastName, .PersonFirstName {
    width: 15.5em; /* 15.875em; */
}

.PersonBirthday, .PersonAhv {
    width: 8em;
}

.PersonLanguage {
    width: 15.75em;
}

#txtESSchoolId {
    width: 55px; /* 4em; */
}

#divEPRoles div.DropDownStarter {
    width: 108px;
}

#frmEditStudentBM div.JDSDialogFormContent {
    width: 538px;
    height: 275px;
}

#frmEditStudentBM label {
    width: 100px; /* 7em; */
}

#divESBMType {
    width: 15.75em; /* 17.5em; */
    /* margin-top: 5px; */
}

#txtESBMGetDate, #txtESBMLostDate {
    width: 8em;
}

#txtESBMGetNote, #txtESBMWeekdayNote {
    width: 31.8em; /* 33.8em; */
}

#divDDWeekday {
    width: 8em;
}

#divEditStedentLV label {
    width: 5em;
}

#divESLVType {
    width: 34.75em; /* 31.625em; */ /* 17.875em; */
    white-space: nowrap;
    overflow: hidden;
}

#txtESLVNumber {
    width: 15.875em;
}

div.DataSection {
    width: 318px;
    height: 270px;
    margin-right: 8px;
}

div.PictureSection {
    width: 208px;
    height: 260px;
}

div.UserSection {
    width: 534px;
    height: 27px;
    /* border-top: 1px solid #ffffff;
    padding-top: 3px; */
    /* background-color: red; */
}

div.UserSection input {
    width: 215px; /* 255px; */
}

div.UserSection label, div.UserSection input {
    margin-top: 2px;
}

div.UserSection button {
    margin: 0px;
    font-weight: normal;
}

div.UserSection button.Invisible {
    display: none;
}

#ulESBMs {
   width: 537px; /* 526px; */
   height: 305px; /* 270px; */ /* 340px; */
}

#ulESBMs li span.BMTypeName {
    width: 120px;
    white-space: nowrap;
    overflow: hidden;
}

#ulESBMs li span.BMGetDate {
    width: 80px;
}

#ulESBMs li span.BMLostDate {
    width: 80px;
}

#ulESBMs li span.BMWeekday {
    width: 80px;
}

#ulESBMs li span.BMNote {
    width: 136px; /* 125px; */
    white-space: nowrap;
    overflow: hidden;
}

#ulESGrades {
   width: 537px; /* 526px; */
   height: 305px; /* 340px; */
}

#ulESGrades li span.GradeName {
    width: 188px; /* 220px; */
    white-space: nowrap;
    overflow: hidden;
}

#ulESGrades li span.GradeSubjects {
    width: 246px; /* 235px; */
}

#ulESGrades li span.GradeGuest {
    width: 72px; /* 40px; */
}

/* #divESRPersons div.DropDownStarter {
    width: 534px;
} */

#divESRPersons span {
    display: inline-block;
}

span.DDPersonTitle {
    display: inline-block;
    width: 40px;
}

span.DDPersonFullName {
    display: inline-block;
    width: 350px;
}

span.DDPersonRole {
    display: inline-block;
    width: 80px;
}

/* #ulESRepresentatives {
   width: 536px;
   height: 283px;
} */

#ulESRepresentatives li {
   cursor: pointer;
}

#ulESRepresentatives span {
    border-right: 1px dotted #aaaaaa;
}

#ulESRepresentatives li span.Representative.Title {
    width: 40px; /* 65px; */
}

#ulESRepresentatives li span.Representative.FullName {
    width: 380px; /* 350px; */ /* 213px; */
    /* background-color: green; */
}

#ulESRepresentatives li span.Representative.Relation {
    width: 80px;
}

#divEICompanies div.DropDownStarter,
#divESRPersons div.DropDownStarter,
#divESCompanies div.DropDownStarter {
    width: 533px;
    float: left;
}

#ulInstructorCompanies,
#ulESRepresentatives,
#ulStudentCompanies,
#ulStudentInstructors {
    width: 536px;
    height: 283px;
    float: left;
}

span.DDCompany,
span.DDInstructor {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}

span.DDCompany.Name,
#ulInstructorCompanies span.Company.Name,
#ulStudentCompanies span.Company.Name {
    width: 300px;
}

span.DDCompany.Email,
span.DDInstructor.Email {
    padding-left: 8px;
}

#ulInstructorCompanies span.Company,
#ulStudentCompanies span.Company,
#ulStudentInstructors span.Instructor {
    white-space: nowrap;
    overflow: hidden;
}

#ulStudentCompanies span.Company.Email,
#ulStudentInstructors span.Instructor.Email {
   width: 179px;
}

#ulStudentCompanies li.ListHeader span.Company.ReceiveEmail,
#ulStudentInstructors li.ListHeader span.Instructor.ReceiveEmail {
   background: url("../img/app/mail.png") no-repeat center center;
}

#ulStudentCompanies span.Company.ReceiveEmail,
#ulStudentInstructors span.Instructor.ReceiveEmail {
   width: 22px;
}

span.DDInstructor.FullName,
#ulStudentInstructors span.Instructor.FullName {
    width: 300px;
}



#ulStudentCounters {
    width: 537px;
    height: 305px;
}

#ulStudentCounters li.Deleted {
    color: #aaaaaa;
}

#ulStudentCounters li.Deleted span.DeleteItem {
    display: none;
}

#ulStudentCounters span.CounterType {
    width: 60px;
}

#ulStudentCounters span.CounterValue {
    width: 40px;
    padding-right: 2px;
    text-align: right;
}

#ulStudentCounters span.CounterRemark {
    width: 403px;
    white-space: nowrap;
    overflow: hidden;
}

#divCounterContent {
    height: 155px;
}

#divCounterContent > div {
    height: 24px;
}

#divCounterContent span {
    display: inline-block;
}

#divCounterContent span.LeftLabel {
    width: 100px;
}

#spanCounterDocument {
    color: #0000ff;
    cursor: pointer;
}

#tarOldCounterRemark {
    width: 532px;
    height: 90px;
}

/*
 * ..view/school/person/edit.phtml 
 */
#divEditPerson div.JDSDialogFormContent {
    width: 538px;
    height: 309px;
}

#frmEditPerson label:not(.RightLabel) {
    width: 7.5em;
}

#divEPTitle {
    width: 75px; /* 5em; */
}

/*
 * ..view/school/company/index.phtml 
 */
#divCompanyList span.ListColumn.CompanyName {
    white-space: nowrap;
    overflow: hidden;
}

body.pc.portrait #divCompanyList span.ListColumn.CompanyName {
    width: 280px;
}

body.tablet.portrait #divCompanyList span.ListColumn.CompanyName {
    width: 345px;
}

body.tablet.landscape #divCompanyList span.ListColumn.CompanyName {
    width: 300px;
}

/*
 * ..view/school/company/edit.phtml 
 */
#divEditCompany div.JDSDialogFormContent {
    width: 538px; 
   height: 309px;
}

#frmEditCompany label:not(.RightLabel) {
    width: 5.5em;
}

#divECNotInUse span.FlatCheckbox {
    margin-left: 5.5em;
}

#txtECSchoolId {
    width: 70px;
}

#txtECName {
    width: 455px;    
}

#txtECName2 {
    width: 340px;    
}

#divDDInstructors div.DropDownStarter,
#divDDStudents div.DropDownStarter {
    width: 534px;
    float: left;
}

#ulECInstructors,
#ulChosenStudents {
    width: 537px;
    height: 283px; /* 282px; */
    float: left;
}

#ulECInstructors li span.Instructor {
    white-space: nowrap;
    overflow: hidden;
}

#ulECInstructors li span.Instructor.FullName {
    width: 283px;
}

#ulECInstructors li span.Instructor.Email {
    width: 225px;
}

#ulChosenStudents li.Inactive,
#ulChosenStudents li.Inactive {
    opacity: 0.3;
}

#ulChosenStudents li span.Student.FullName {
    width: 233px; /* 250px; */ /* 283px; */
    white-space: nowrap;
    overflow: hidden;
}

#ulChosenStudents li span.Student.HomeGrade {
    /* margin-left: 8px; */
    width: 50px;
}

#ulChosenStudents li span.Student.Email {
    /* margin-left: 8px; */
    width: 203px; /* 170px; */ /* 225px; */
}

/*
 * ..view/school/instructor/index.phtml 
 */
#divInstructorList span.ListColumn.InstructorFullName {
    white-space: nowrap;
    overflow: hidden;
}

body.pc.portrait #divInstructorList span.ListColumn.InstructorFullName {
    width: 280px;
}

/* body.tablet.portrait #divInstructorList span.ListColumn.InstructorFullName {
    width: 345px;
}

body.tablet.landscape #divInstructorList span.ListColumn.InstructorFullName {
    width: 300px;
} */
/*
 * End of ..view/school/instructor/index.phtml 
 */

/*
 * ..view/school/setting/index.phtml 
 */
#divSettingList {
    position: relative;
}

body.pc #divSettingList {
    height: 726px; /* 593px; */
    width: 960px;
    overflow: hidden;
    clear: both;
    /* background-color: red; */
}

span.ListColumn.UserName {
    white-space: nowrap;
    overflow: hidden;
}

body.pc.portrait span.ListColumn.ShowHiddenData {
    width: 21.5em;
}

span.ListColumn.Navigation {
    width: 287px;
    font-weight: bold;
}

span.ListColumn.Tab {
    padding-left: 20px;
    width: 267px;
}


body.pc.portrait span.ListColumn.FirstWeekDay,
body.pc.portrait span.ListColumn.CsvDelimiter,
span.ListColumn.Package {
    width: 16em;
}

#divFirstWeekDay,
#divCsvDelimiter,
#divPackages {
    display: inline-block;
    line-height: 1.125em; /* 16px; */
    width: 6.75em;
}

#divFirstWeekDay div.DropDownStarter,
#divCsvDelimiter div.DropDownStarter,
#divPackages div.DropDownStarter {
    text-align: right;
}

/*
 * ..view/setting/import/index.phtml 
 */
#filImportFileName {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#divImportResults,
#divQuarantine {
    height: 726px; /* 703px; */
    border-left: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    padding-left: 4px;
    /* padding-right: 4px; */
    /* overflow: auto; */
    /* background-color: yellow; */
}

#divQuarantineTypes div.DropDownStarter {
    width: 132px;
    height: 22px;
    background-color: #2cb3ea;;
    color: #ffffff;
}

#divImportResults div.SectionCaption,
#divQuarantine div.SectionCaption {
    height: 24px;
    line-height: 24px;
    font-weight: bold;
    /* background-color: yellow; */
}

#divImportResults div.SectionCaption span.ConflictsCount,
#divQuarantine div.SectionCaption span.ConflictsCount {
    width: 50px;
    text-align: right;
}

#divImportResults div.SectionHeader,
#divQuarantine div.SectionHeader {
    height: 23px; /* 24px; */
    font-weight: bold;
    /* margin-bottom: 8px; */
    border-bottom: 1px solid #cccccc;
}

#divImportResults div.SectionHeader > div,
#divQuarantine div.SectionHeader > div {
    display: inline-block;
    float: left;
}

#divImportResults div.SectionHeader > span.OldValue,
#divQuarantine div.SectionHeader > span.OldValue {
    width: 355px; /* 370px; */
    /* margin-left: 10px; */
}

#divImportResults div.SectionHeader > span.NewValue,
#divQuarantine div.SectionHeader > span.NewValue {
    width: 368px; /* 288px; */ /* 268px; */ /* 288px; */
    /* background-color: red; */
}

#divImportResults div.SectionHeader > span.Action,
#divQuarantine div.SectionHeader > span.Action {
    width: 57px;
    text-align: right;
}

#divImportResults div.SectionContainer,
#divQuarantine div.SectionContainer {
    margin-left: 4px;
}

#divDbConflictDataNames div.DropDownStarter,
#divConflictDataNames div.DropDownStarter {
    width: 94px;
    margin-left: 38px;
    background-color: #2cb3ea;;
    color: #ffffff;
    /* border: 1px solid #aaaaaa; */
}

#divConflicts {
    height: 678px;
    overflow: auto;
    /* background-color: yellow; */
}

#divIRDbConflicts {
    height: 603px;
    overflow: auto;
    /* background-color: yellow; */
}

#divIRDbConflicts div.RowGroup,
#divConflicts div.RowGroup {
    float: left;
    margin-bottom: 8px;
    /* border-bottom: 1px solid #cccccc; */
    /* background-color: yellow; */
}

#divImportResults span.Checkbox,
#divQuarantine span.Checkbox {
    width: 13px;
    height: 13px;
    /* border: 1px solid #aaaaaa; */
    border-width: 1px;
    border-style: solid;
    margin-left: 4px;
    background-repeat: no-repeat;
    background-position: center center;
}

#divImportResults div.SectionHeader span.Checkbox,
#divQuarantine div.SectionHeader span.Checkbox {
    border-color: #000000;
    /* margin-top: 4px; */
    cursor: pointer;
}

#divImportResults div.SingleRow.Handle,
#divConflicts div.SingleRow.Handle {
    border-top: 1px solid #cccccc;
}

#divImportResults div.SingleRow.Handle span.Checkbox,
#divConflicts div.SingleRow.Handle span.Checkbox {
    border-color: #00608c;
}

#divImportResults div.SingleRow span.Checkbox,
#divConflicts div.SingleRow span.Checkbox {
    border-color: #aaaaaa;
}

#divImportResults div.SingleRow.Conflict.Checked,
#divConflicts div.SingleRow.Conflict.Checked {
   background-color: #cccccc;
}

#divImportResults div.SectionHeader span.Checkbox.Checked,
#divQuarantine div.SectionHeader span.Checkbox.Checked,
/* #divImportResults div.SingleRow.Handle span.Checkbox.Checked,
#divConflicts div.SingleRow.Handle span.Checkbox.Checked, */
/* #divImportResults div.SingleRow.Handle.Checked span.Checkbox,
#divConflicts div.SingleRow.Handle.Checked span.Checkbox, */
#divImportResults div.SingleRow.Checked span.Checkbox,
#divConflicts div.SingleRow.Checked span.Checkbox {
   background-image: url("../img/checkmark.png");
}

#divImportResults span.LeftLabel {
    width: 200px; /* 100px; */
    margin-right: 4px;
}

#divImportResults span.RowsCount {
    width: 40px;
    margin-right: 16px;
    text-align: right;
}

#divImportResults span.RowNumber,
#divConflicts span.RowNumber {
    width: 30px;
    margin-right: 4px;
    text-align: right;
}

#divImportResults div.SingleRow,
#divConflicts div.SingleRow {
    position: relative;
    min-height: 17px;
    width: 930px; /* 100%; */
    /* background-color: yellow; */
}

#divImportResults span,
#divQuarantine span {
    /* display: inline-block;  */
    min-height: 14px;
    /* white-space: nowrap;
    overflow: hidden; */
    float: left;
}

#divImportResults span.TimeInterval,
#divQuarantine span.TimeInterval {
    margin-right: 4px;
}


#divImportResults div.SingleRow > span,
#divConflicts div.SingleRow > span {
    display: inline-block;
}

#divIRDbConflicts div.CDNInvisible,
#divConflicts div.CDNInvisible {
    display: none;
}

#divIRDbConflicts div.RowGroup > div,
#divConflicts div.RowGroup > div {
    /* border-bottom: 1px dotted #000000; */
    float: left;
}

#divIRDbConflicts div.RowGroup > div:first-child:not(.Inactive):not(.NewStudent),
#divConflicts div.RowGroup > div:first-child:not(.Inactive):not(.NewStudent) {
    color: #00608c;
}

#divIRDbConflicts div.RowGroup > div.Inactive,
#divConflicts div.RowGroup > div.Inactive {
    color: #aaaaaa;
}

#divIRDbConflicts div.RowGroup > div.NewStudent,
#divConflicts div.RowGroup > div.NewStudent {
    color: green;
}

#divIRDbConflicts div.RowGroup > div:not(:first-child),
#divConflicts div.RowGroup > div:not(:first-child) {
    cursor: pointer;
}

#divIRDbConflicts div.RowGroup > div:not(:first-child):hover,
#divConflicts div.RowGroup > div:not(:first-child):hover {
    background-color: #dddddd;
}

#divIRDbConflicts span.StudentFullName,
#divConflicts span.StudentFullName {
    width: 874px; /* 300px; */ /* 270px; */ /* 250px; */
    white-space: nowrap;
    overflow: hidden;
}

#divIRDbConflicts span.StudentInfo,
#divConflicts span.StudentInfo {
    width: 574px; /* 604px; */ /* 250px; */
}

#divIRDbConflicts span.DataName,
#divConflicts span.DataName {
    width: 94px; /* 94px; */ /* 80px; */
    margin-left: 34px;
    /* background-color: green; */
}

#divIRDbConflicts div.RowGroup[data-student-id="0"] div.Highlighted,
#divConflicts div.RowGroup[data-student-id="0"] div.Highlighted {
    font-weight: bold;
}

#divIRDbConflicts div.DataValue,
#divConflicts div.DataValue {
    position: relative;
    display: inline-block;
    width: 355px; /* 370px; */ /* 390px; */ /* 395px; */ /* 390px; */
    min-height: 14px;
    float: left;
    /* background-color: yellow; */
}

/* #divIRDbConflicts div.Old.DataValue {
    width: 370px;
}

#divIRDbConflicts div.New.DataValue {
    width: 410px;
} */

#divConflicts span.Missing,
#divIRDbConflicts div.Missing div.New,
#divConflicts div.Missing div.New {
    color: green;
}

/* #divIRDbConflicts div.New.DataValue.Warning { */
#divIRDbConflicts div.Warning div.New,
#divConflicts div.Warning div.New {
    color: orange;
}

/* #divIRDbConflicts div.New.DataValue.Stop { */
#divIRDbConflicts div.Stop div.New,
#divConflicts div.Stop div.New {
    color: red;
}

#divIRDbConflicts div.DataValue > span,
#divConflicts div.DataValue > span {
    display: block;
    width: 350px;
    /* background-color: yellow; */
}

#divIRDbConflicts div.New.DataValue > span > i,
#divConflicts div.New.DataValue > span > i {
    color: #cccccc;
}

#divIRDbConflicts div.New.DataValue > span > em,
#divConflicts div.New.DataValue > span > em {
    color: #ff0000;
}

#divIRDbConflicts span.Action,
#divConflicts span.Action {
    width: 70px; /* 40px; */
    line-height: 17px;
    font-size: 10px;
    text-align: right;
    /* float: right; */
    /* background-color: yellow; */
}

/* #divIRDbConflicts div.New.DataValue.Stop+span.Action,
#divIRDbConflicts div.New.DataValue.Stop+span.Action+span.Checkbox { */
#divIRDbConflicts div.Stop span.Action,
#divIRDbConflicts div.RowGroup[data-student-id="0"] span.Action,
#divConflicts div.Stop span.Action,
#divConflicts div.RowGroup[data-student-id="0"] span.Action,
#divIRDbConflicts div.Stop span.Checkbox,
#divConflicts div.Stop span.Checkbox {
    visibility: hidden;
}


#divConflictsRowCommand {
    position: absolute;
    /* top: 0px;
    bottom: 14px; */
    left: /* 340px; */ 838px;
    width: 71px; /* 142px; */
    /* padding-top: 0px;
    padding-bottom: 0px; */
    background-color: #2cb3ea;
}

#divConflictsRowCommand.Invisible {
    display: none;
}

#divConflictsRowCommand > div {
    /* height: 14px; */
    float: left;
}

#divConflictActions div.DropDownStarter {
    width: 71px; /* 67px; */
    height: 17px;
    line-height: 17px;
    /* padding-left: 4px; */
    font-size: 10px;
    text-align: right;
    /* float: right; */
}

b.VisibleSpace {
    display: inline-block;
    width: 8px;
    height: 10px;
    background-color: #90ee90; /* lightgreen */
}

b.VisibleConnector {
    display: inline-block;
    width: 8px;
    height: 10px;
    background-color: #ffc0cb; /* pink; */
}

#btnViewAutoImportedLog {
    float: right;
    cursor: pointer;
}
/*
 * End of ..view/setting/import/index.phtml 
 */

/*
 * ..view/setting/spreadsheet/index.phtml 
 */
#divSpreadsheetPane {
    height: 726px;
    border-left: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    /* padding-left: 4px;
    padding-right: 4px; */
    overflow: hidden;
    /* background-color: yellow; */
}

#divSheet > div {
    float: left;
}

#divSheetHeader {
    min-width: 28px;
    height: 726px;
    background-color: #DFE3E8;
    border-left: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
}

#divSheetHeaderBody {
    min-width: 28px;
    height: 689px;
    border-bottom: 1px solid #aaaaaa;
    overflow: hidden;
    cursor: pointer;
}

#divSheetHeaderHandle,
#divSheetHeaderBody > div {
    min-width: 29px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px dotted #aaaaaa;
}

#divSheetData {
    width: 928px;
    border-top: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    background-color: #DFE3E8;
    /* height: 42px; */
    /* background-color: red; */
}

#divHeaderRowPane {
    width: 911px; /* 928px; */ /* 1000px; */
    height: 21px;
    border-right: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    /* background-color: #DFE3E8; */
    overflow: hidden;
}

#divHeaderRow {
    cursor: pointer;
}

#divHeaderRow,
#divSheetBody > div {
    /* width: 1500px; */
    height: 21px;
}

#divHeaderRow > div {
    /* display: inline-block; */
    width: 97px;
    padding-left: 2px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    font-weight: bold;
    border-right: 1px dotted #aaaaaa;
    float: left;
}

#divSheetBody {
    width: 928px; /* 1000px; */
    height: 704px;
    overflow: auto;
    /* height: 21px; */
    background-color: #ffffff;
}

#divSheetBody > div {
    /* width: 1000px;
    height: 21px; */
    border-bottom: 1px dotted #aaaaaa;
}

#divSheetBody > div > div {
    display: inline-block;
    width: 97px;
    padding-left: 2px;
    height: 21px;
    line-height: 21px;
    border-right: 1px dotted #aaaaaa;
    float: left;
}

#divSheetBody div.Selected {
    background-color: #A9B2CA; /* #cccccc; */
}
/*
 * End of ..view/setting/spreadsheet/index.phtml 
 */


/*
 * ..view/school/lessonplan/edit.phtml 
 */
#divEditLessonPlan div.JDSDialogFormContent {
   width: 486px;
   height: 269px;
}

#frmEditLessonPlan label {
    width: 5em;
}

#txtELPName, #tarELPNote {
    width: 30em;
}

#ulELPLessonTimes {
    width: 484px;
    height: 267px;
}

#ulELPLessonTimes li span.LessonTimeStart,
#ulELPLessonTimes li span.LessonTimeEnd {
    width: 100px;
}

#ulELPLessonTimes li span.LessonUnusual {
    width: 236px; /* 253px; */
}

#ulELPLessonTimes li.Unusual {
    font-style: italic;
}

/*
 * ..view/school/lessontime/edit.phtml 
 */
#frmEditLessonTime label {
    width: 5em;
}

#divELTUnusual span.FlatCheckbox {
    margin-left: 5em;
}

#txtELTStart, #txtELTEnd {
    width: 10em;
}

/*
 * ..view/school/semester/edit.phtml 
 */
#divEditSemester div.JDSDialogFormContent {
   width: 486px;
   height: 269px; /* 210px; */
}

#frmEditSemester label, #frmEditPeriod label {
    width: 5em;
}

#frmEditPeriod div.JDSDialogFormContent {
   width: 486px;
   height: 236px;
}

#frmEditPeriod span.FlatCheckbox {
    margin-left:  5em;
}

#txtESName, #txtEPName {
    width: 30em;
}

#txtESStart, #txtESEnd, #txtEPStart, #txtEPEnd {
    width: 7em;
}

#ulESHolidays {
    width: 484px;
    height: 267px; /* 208px; */
}

#ulESHolidays li span.HolidayName {
    width: 175px;
}

#ulESHolidays li span.HolidayStart,
#ulESHolidays li span.HolidayEnd {
    width: 139px;
}

/*
 * ..view/school/holiday/edit.phtml 
 */
#frmEditHoliday label {
    width: 5.5em;
}

#frmEditHoliday div.JDSDialogFormContent {
   width: 486px;
   height: 236px;
}

#txtEHName, #tarEHNote {
    width: 30em;
}

#txtEHStartDay, #txtEHEndDay {
    width: 6em;
}

#txtEHStartTime, #txtEHEndTime {
    width: 4.5em;
}

/*
 * ..view/school/absencecategory/edit.phtml 
 */
#divEditAbsenceCategory div.JDSDialogFormContent {
   width: 486px;
   height: 269px; /* 210px; */
}

#frmEditAbsenceCategory label {
    width: 5em;
}

#txtEACName {
    width: 30em;
}

#txtEACPosition {
    width: 4em;
}

#divEACGroup {
    width: 6em;
}

#ulEACReasons {
    width: 484px;
    height: 267px;
}

#ulEACReasons li span.AbsenceReasonName {
    width: 265px;
}

#ulEACReasons li span.AbsenceReasonToken {
    width: 40px;
}

#ulEACReasons li span.AbsenceReasonStatuses {
    width: 112px;
}

#ulEACReasons li span.AbsenceReasonMandatoryComment {
    width: 30px;
}

/*
 * ..view/school/absenreason/edit.phtml 
 */
#frmEditAbsenceReason label {
    width: 5em;
}

#frmEditAbsenceReason span.FlatCheckbox {
    margin-left: 5em;
}

#txtEARName {
    width: 20em;
}

#txtEARToken, #txtEARPosition {
    width: 4em;
}

/*
 * ..view/school/icon/edit.phtml 
 */
span.ListColumn.IconImage {
    width: 1em;
}

span.ListColumn.IconImage > img {
    float: left;
}

span.ListColumn.IconName {
    width: 20.5em;
    white-space: nowrap;
    overflow: hidden;
    /* background-color: red; */
}

#frmEditIcon label {
    width: 6em;
}

#txtEIName {
    width: 23em;
}

#btnEIChooseFileName {
    margin-left: 4.5em;
    float: left;
}

#imgEIImage {
    /* margin-top: 6px; */
    /* border: 1px solid #ffffff;
    padding: 2px; */
    float: left;
}

/*
 * ..view/school/studentgrade/edit.phtml 
 */
#divEditGradeStudent div.JDSDialogFormContent,
#divEditStudentGrade div.JDSDialogFormContent {
   width: 538px; /* 537px; */
   height: 324px; /* 341px; */
}

#frmEditStudentGrade label,
#frmEditGradeStudent label {
    width: 5em;
}

#divEGSSubjects {
    width: 461px; /* 465px; */
    height: 254px; /* 266px; */
    margin-left: 5em;
    border: 2px solid #aaaaaa;
    /* overflow: auto; */
    color: #000000;
    background-color: #ffffff;
    /* background-color: yellow; */
}

#divEGSSubjects > div.Header {
    height: 23px;
    font-weight: bold;
    border-bottom: 1px solid #aaaaaa;
}

#divEGSSubjects > div.Header span:first-child {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-top: 4px;
}

#divEGSSubjects > div.Body {
    height: 230px; /* 242px; */
    overflow: auto;
    /* background-color: yellow; */
}

#divEGSSubjects > div.Body > div {
    height: 23px;
    padding-left: 4px;
    border-bottom: 1px dotted #aaaaaa;
}

#divEGSSubjects span.RightLabel {
    display: inline-block;
    width: 200px;
    /* background-color: yellow; */
}

#divEGSSubjects span.Date {
    display: inline-block;
    width: 100px;
    margin-right: 4px;
    /* background-color: yellow; */
}

div.SemesterSubjectsContainer {
    width: 80px;
    height: 250px;
    /* overflow: auto; */
    float: left;
    margin-right: 8px;
    /* background-color: yellow; */
}

div.SemesterSubjectsContainer span.SemesterCaption {
    font-weight: bold;
    line-height: 21px;
}

div.SemesterSubjects {
    /* width: 90px; */
    height: 214px; /* 229px; */
    overflow: auto;
    /* float: left;
    margin-right: 8px; */
    /* background-color: yellow; */
}

#divDDGrade, #divEGStudent {
    width: 460px; /* 426px; */ /* 30em; */ /* 20em; */
}

/*
 * ..view/school/contact/index.phtml 
 */
div.Contact ul {
   width: 537px;
   height: 305px;
}

div.Contact span {
    white-space: nowrap;
    overflow: hidden;
}

div.Contact span.ContactType {
    width: 80px; /* 60px; */
}

div.Contact span.ContactContent {
    width: 275px; /* 295px; */ /* 386px; */
}

div.Contact span.ContactNote {
    width: 86px;
}

div.Contact span.ContactScope {
    width: 60px;
}

/*
 * ..view/school/contact/edit.phtml 
 */
#divEditContact div.JDSDialogFormContent {
    width: 538px;
    height: 260px;
}

#frmEditContact label {
    width: 6em;
}

#divECDefault span.FlatCheckbox {
    margin-left: 6em;
}

#divContactType, #divECScope {
    width: 8em;
}

#txtECContent, #txtECNote {
    width: 450px; /* 33em; */
}

#txtECPosition {
    width: 4em;
}

/*
 * ..view/school/address/index.phtml 
 */
div.Address ul {
   width: 537px;
   height: 305px;
}

div.Address span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.Address span.AddressStreet {
    width: 276px;
}

div.Address span.AddressPlace {
    width: 170px;
}

div.Address span.AddressPlaceNumber {
    float: right;
}

div.Address span.AddressScope {
    width: 60px;
}

/*
 * ..view/school/address/edit.phtml 
 */
#divEditAddress div.JDSDialogFormContent {
    width: 538px;
    height: 260px; /* 309px; */
}

#frmEditAddress label {
    width: 5em;
}

#divEADefault span.FlatCheckbox {
    margin-left: 5em;
}

span.EAPlaceName {
    display: inline-block;
    width: 200px; /* 11em; */
}

#divEAPlace {
    width: 400px; /* 15em; */
}

#divEACanton {
    width: 6em;
}

#divEAScope {
    width: 6em;
}

#txtEAStreet {
    width: 30em;
}

#txtEAPosition {
    width: 4em;
}

/*
 * ..view/school/title/edit.phtml 
 */
#frmEditTitle label {
    width: 5em;
}

/*
 * ..view/school/language/edit.phtml 
 */
#frmEditLanguage label {
    width: 5em;
}

/*
 * ..view/school/lvtype/edit.phtml 
 */
#frmEditLVType label {
    width: 5em;
}

#txtELVTName {
    width: 34em;
}

/*
 * ..view/school/contacttype/edit.phtml 
 */
#frmEditContactType label {
    width: 5em;
}

/*
 * ..view/school/scope/edit.phtml 
 */
#frmEditScope label {
    width: 5em;
}

/*
 * ..view/school/place/edit.phtml 
 */
#frmEditPlace div.JDSDialogFormContent {
    width: 538px;
    height: 190px;
}

#frmEditPlace label {
    width: 100px; /* 5em; */
}

#txtPlaceName {
    width: 420px;
}

#txtPlaceNumber {
    width: 70px; /* 6em; */
}

/*
 * ..view/school/canton/edit.phtml 
 */
#frmEditCanton label {
    width: 5em;
}

#txtCantonToken {
    width: 5em;
}

/*
 * ..view/school/bmtype/edit.phtml 
 */
#frmEditBMType label {
    width: 5em;
}

/*
 * ..view/school/subject/edit.phtml 
 */
#divEditSubject div.JDSDialogFormContent {
    width: 538px;
    height: 304px; /* 338px; */ /* 309px; */
}

#frmEditSubject label, #frmEditSubjectsAlias label {
    width: 5em;
}

#frmEditSubject span.FlatCheckbox {
    margin-left: 5em;
}

#txtSubjectsAliasName {
    width: 20em;
}

#txtSubjectName {
    width: 463px;
}

#txtSubjectToken, #txtSubjectsAliasToken {
    width: 5em;
}

#txtSubjectSchoolId {
    width: 300px;
}

#divDDSubject {
    width: 10em;
}

#ulESGroups {
   width: 531px;
   height: 301px;
   border: 2px solid #aaaaaa;
}


/*
 * ..view/school/lesson/index.phtml 
 */
/* #divLessonList {
    position: relative;
} */

body.pc #divLessonList {
    height: 702px; /* 723px; */ /* 593px; */
    width: 960px;
    /* border: 1px solid black; */
    overflow: auto; /* hidden; */
    clear: both;
    /* background-color: red; */
}

#divLessonList ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

/* #divLessonList li.ListHeader { */
#frmLessonListFilter /* span */ {
    /* background-color: yellow; */
    color: #2cb3ea; /* blue; */
    font-weight: bold;
    /* margin-top: 10px; */
}

#frmLessonListFilter span,
#divLessonList span {
    display: inline-block;
    /* float: left; */
    white-space: nowrap;
    overflow: hidden;
}

#frmLessonListFilter span.LLClassName {
    width: 50px;
    /* text-align: right; */
}

#divLessonList span.LLClassName {
    width: 150px;
}

#divLessonList li.ListItem span.LLClassName:not(.First) {
    color: #ffffff;
}

#frmLessonListFilter span.LLSubjectFullName,
#divLessonList span.LLSubjectFullName {
    width: 230px;
}

#frmLessonListFilter span.LLTeacherToken,
#divLessonList span.LLTeacherToken {
    width: 40px;
}

/* #divLessonList span.LLSubjectFullName,
#divLessonList span.LLTeacherToken {
    white-space: nowrap;
    overflow: hidden;
} */

#frmLessonListFilter span.LLKLName,
#divLessonList span.LLKLName {
    width: 20px;
}

#frmLessonListFilter span.LLDayName,
#divLessonList span.LLDayName {
    width: 40px;
}

#frmLessonListFilter span.LLTimeFrom, #frmLessonListFilter span.LLTimeTo,
#divLessonList span.LLTimeFrom, #divLessonList span.LLTimeTo {
    width: 50px;
}

#frmLessonListFilter span.LLLessonsCount,
#divLessonList span.LLLessonsCount {
    width: 20px;
}

#frmLessonListFilter span.LLRoomNumber,
#divLessonList span.LLRoomNumber {
    width: 70px;
}

#frmLessonListFilter span.LLLessonRemark,
#divLessonList span.LLLessonRemark {
    width: 200px;
}

#divLessonList span.LLStudentFilter {
    width: 20px;
}

#divLessonList li.ListItem {
    /* line-height: 16px; */
    cursor: pointer;
}

#divLessonList li.ListItem.Selected, #divLessonList li.ListItem:hover {
    background-color: #dddddd;
}

/*
 * ..view/school/lesson/edit.phtml 
 */
#divEditLesson div.JDSDialogFormContent {
    width: 538px; 
    min-height: 309px;
}

#frmEditLesson label:not(.RightLabel) {
    width: 7.5em;
}

#divELLessonPlan, #divELPeriod {
    width: 365px;
}

span.ELPeriodInterval {
    width: 200px;
}

div.DropDownItem.Predefined:not(.DropDownItemSelected) {
    /* border-bottom: 1px solid #ffffff; */
    background-color: #0a91c8; /* #1ba2d9; */ /* #8bb6c4; */ /* #2cb3ea */
    
}

#divELGrade, #divELSubject, #divELTeacher, #divELRoom {
   width: 40em; /* 20em; */
}

#ulELGrades, #ulELSubjects {
   width: 40.137em;
   height: 245px;
}

#ulELGrades span.GradeName {
   width: 245px;
}

#divELStudentFilter {
    width: 5em;
}

/* #ulELSubjects span.SubjectToken, span.ELSubjectToken { */
span.ELSubjectToken, span.ELSubjectsAliasToken {
    width: 50px;
}

span.ELSubjectsAliasName {
    width: 250px;
}

/* #spanELSubjectAlias {
    display: inline-block;
    width: 120px;
}

#txtSubjectsAliasName {
    width: 300px;
}

#txtSubjectsAliasToken {
    width: 99px;
} */

#divELSubjectsAlias {
    width: 432px;
}

#ulELTeachers, #ulELRooms {
   width: 40.137em;
   height: 275px;
}

span.ELTeacherToken,
span.DDTeacher.Token {
    /* display: inline-block; */
    width: 5.5em; /* 4em; */
}

span.DDTeacher.FullName {
    width: 435px;
    /* background-color: yellow; */
}

span.ELRoomNumber {
    /* display: inline-block; */
    width: 5.5em;
}

#divDDRoom {
    width: 10em;
}

#divELTime {
   width: 20em;
   /* margin-right: 10em; */
}

#ulELTimes {
   width: 20.137em;
   height: 73px;
   margin-left: 7.5em;
}

/* #txtELPeriodStart, #txtELPeriodEnd {
    width: 9em;
} */

#divSchedule {
    border: 1px solid #ffffff;
    /* margin-left: 7.625em; */
    float: left;
}

#divSchedule[disabled] {
    pointer-events: none;
    color: #e3e3e3;
    border-color: #e3e3e3;
}

#divSchedule.Lesson {
    margin-left: 7.625em;
}

/* #divSchedule.CourseUse {
    margin-top: 30px;
} */

#divSchedule div.TableRow:not(:last-child) {
    border-bottom: 1px dotted #ffffff;
}

#divSchedule div.TableRow div.TableCell:not(:last-child) {
    border-right: 1px dotted #ffffff;
}

#divSchedule div.TimeInterval {
    width: 84px;
}

#divSchedule div.TimeInterval.Unusual {
    font-style: italic;
}

#divSchedule div.DayName {
    width: 39px;
    /* text-align: center; */
}

#divSchedule div.TableRow, #divSchedule div.TableCell {
    height: 19px;
}

#divSchedule div.TableCell.Header {
    text-align: center;
}

#divSchedule div.TableCell.Selected {
    background-color: #ffffff;
    color: #2cb3ea;
}

#divSchedule div.TableRow:not(.Disabled) div.TableCell:not(.Header):not(.Selected):hover {
    outline: 1px solid #ffffff;
}

#divTimeTable {
    border: 1px solid #ffffff;
    /* margin-left: 10px; */
    width: 535px;
    height: 300px;
    overflow: auto;
    float: left;
    /* background-color: red; */
}

/* #divTimeTable div.TableRow {
    width: 5000px;
} */

#divTimeTable div.TableRow {
    border-bottom: 1px dotted #ffffff;
}

#divTimeTable div.TableRow div.TableCell:not(:last-child) {
    border-right: 1px dotted #ffffff;
}

#divTimeTable div.TimeInterval {
    width: 84px;
}

#divTimeTable div.Date {
    position: relative;
    width: 89px;
    /* text-align: center; */
}

#divTimeTable div.TableRow.Header, #divTimeTable div.TableRow.Header > div {
    height: 19px;
}

#divTimeTable div.TableRow:not(.Header), #divTimeTable div.TableRow:not(.Header) > div {
    height: 57px;
}

#divTimeTable div.TableCell.Header {
    text-align: center;
}

#divTimeTable div.TableCell.Selected {
    background-color: #ffffff;
    color: #2cb3ea;
}

#divTimeTable div.TableCell:not(.Header):not(.Selected):not(.Disabled):hover {
    outline: 1px solid #ffffff;
}

#divTimeTable div.Date span.Substitute {
    display: block;
    position: absolute;
    width: 100%;
}

#divTimeTable div.Date span.Teacher {
    top: 19px;
}

#divTimeTable div.Date span.Room {
    top: 38px;
}

#divTimeTable div.Date span.DeleteSubstitute {
    width: 16px;
    text-align: center;
    float: right;
}

/* #divTimeTable div.Date.Disabled span.DeleteSubstitute {
    cursor: pointer;
} */

#divTimeTable div.Date span.DeleteSubstitute:hover {
    background-color: #0099ff;
}


/*
 * ..view/school/lesson/editsubstitute.phtml 
 */
#divEditLessonSubstitute div.JDSDialogFormContent {
    width: 538px; 
    height: 280px; /* 274px; */ /* 309px; */
}

#divEditLessonSubstitute label {
    width: 7.5em;
}

#divELSSubjects div.DropDownStarter,
#divELSTeachers div.DropDownStarter,
#divELSRooms div.DropDownStarter {
    width: 40em;
}

#divELSSubjectsAliases div.DropDownStarter {
     width: 432px;
}

#ulELSSubjects {
   width: 40.137em;
   height: 216px; /* 210px; */ /* 245px; */
}

#ulELSTeachers, #ulELSRooms {
   width: 40.137em;
   height: 251px; /* 245px; */
}


/*
 * ..view/school/room/edit.phtml 
 */
#frmEditRoom label {
    width: 5em;
}

#divDDBuilding {
    width: 15em;
}

#txtRoomNumber {
    width: 5em;
}

/*
 * ..view/grade/absence/dayview.phtml 
 */

div.FilterRow1 {
    margin-left: 16px;
    margin-top: 4px;
    /* height: 38px; */
}

#divADVGrades, #divADVTeachers {
    overflow: hidden;
    white-space: nowrap;
}

#divADVGrade, #divADVTeacher {
    font-size: 32px;
}

#divADVTeacher {
    text-align: right;
}

#divADVGrades {
    width: 208px; /* 218px; */ /* 228px; */ /* 235px; */
}

#divADVTeachers {
    width: 90px; /* 80px; */ /* 70px; */
}

#divADVDay {
    margin-left: 16px;
    margin-top: 4px;
    float: left; 
}

#txtADVDay {
    width: 200px;
    border-style: none;
    font-size: 27px; /* 20pt; */
    background-color: transparent;
    cursor: pointer;
}

#divDayViewEmpty,
#divPeriodViewEmpty {
    /* float: left; */
    /* font-size: 96px; */ /* 72pt; */
    /* line-height: 350px; */
    margin-top: 100px;
    text-align: center;
    color: #9d9d9d;
    /* background-color: yellow; */
}

#divDayViewEmpty span {
    font-size: 96px; /* 72pt; */
}

#divPeriodViewEmpty span {
    font-size: 66pt;
}

#divDayViewEmpty p,
#divPeriodViewEmpty p {
    font-size: 16px;
}

/* #divDayViewEmpty span, #divDayViewEmpty p {
    color: #9d9d9d;
} */

#divDayView div.TableRow.Header span.Substitute,
#divPeriodView div.TableRow.Header span.Substitute {
    font-style: italic;
}

/* #divDayView,
#divPeriodView { */
div.AbsenceView {
    border: 1px solid #cccccc;
    margin-top: 2px;
    float: left;
    max-width: 960px;
    /* max-height: 743px; */ /* 593px; */
    /* overflow: auto; */
}

#divDayView, #divPeriodView {
    overflow: auto;
}

/* #divDayView {
    width: 958px;
} */

/* #divDayView div.TableRow:not(:last-child),
#divPeriodView div.TableRow:not(:last-child) { */
div.AbsenceView div.TableRow:not(:last-child) {
    border-bottom: 1px dotted #cccccc;
}

/* #divDayView div.TableRow div.TableCell:not(:last-child),
#divPeriodView div.TableRow div.TableCell:not(:last-child) { */
div.AbsenceView div.TableRow div.TableCell:not(:last-child) {
    border-right: 1px dotted #cccccc;
}

/* #divDayView div.TableCell.Selected,
#divPeriodView div.TableCell.Selected { */
div.AbsenceView div.TableCell.Selected {
    background-color: #cccccc;
}

/* #divDayView div.TableCell:not(.Header):not(.Footer):not(.Disabled):not(.Selected):hover,
#divPeriodView div.TableCell:not(.Header):not(.Footer):not(.Disabled):not(.Selected):hover { */
div.AbsenceView div.TableCell:not(.Header):not(.Footer):not(.Disabled):not(.Locked):not(.Selected):hover {
    outline: 2px solid #cccccc;
}

/* commented at 30.05.2019 because of introduced row marker
div.AbsenceView div.TableRow:not(.Header):not(.Footer) div:first-child:not(.Locked):hover {
    background-color: #dddddd;
} */

/* div.AbsenceView div.StudentData, div.AbsenceView div.Header.Handle, div.AbsenceView div.Footer.Handle { */
/* div.AbsenceView div.TableRow > div:first-child { */
div.AbsenceView > div > div:first-child {
    width: 319px;
}

/* div.AbsenceView > div > div:first-child.Inactive {
    filter: Alpha(Opacity=30);
    opacity: 0.3;
}

div.AbsenceView > div > div:first-child.Inactive span.StudentFullName {
    text-decoration: line-through;
} */

/* #divDayView span,
#divPeriodView span { */
div.AbsenceView span {
    display: inline-block;
}

div.AbsenceView span.LessonRoom {
    max-width: 100%;
    overflow: hidden;
}

/* #divDayView div.StudentData span,
#divPeriodView div.StudentData span { */
/* div.AbsenceView div.StudentData span { */
div.AbsenceView > div > div:first-child span {
    line-height: 21px;
    /* float: left; */
}

div.AbsenceView > div > div:first-child span:not(.FloatRight) {
    float: left;
}

div.AbsenceView > div > div:first-child span.FloatRight {
    float: right;
}

/* #divDayView span.StudentNote,
#divPeriodView span.StudentNote { */
div.AbsenceView span.StudentNote,
table.History td.StudentNote {
   width: 18px;
   background-repeat: no-repeat;
   background-position: center center;
}

span.Private.Invisible {
    visibility: hidden;
}

/* #divDayView span.StudentFullName,
#divPeriodView span.StudentFullName { */
div.AbsenceView span.StudentFullName:not(.Inactive) {
    color: #00608c;   
}

/* #divDayView span.GradeName, #divDayView span.BMStatus,
#divPeriodView span.GradeName, #divPeriodView span.BMStatus { */
div.AbsenceView span.GradeName, div.AbsenceView span.BMStatus {
    margin-left: 8px;
    font-size: 10px;
    font-weight: bold;
}

/* #divDayView span.BMStatus,
#divPeriodView span.BMStatus { */
div.AbsenceView span.BMStatus {
    color: purple;
}

div.GradeViewStudents span.LostMarks /* ,
div.AbsenceView span.LostMarks */ {
    width: 7px;
    /* background: url(../img/app/symbols/s17.gif) no-repeat center center; */
    background: url(../img/app/symbols/s20.png) no-repeat center center;
}

#divDayView div.LessonData {
    width: 50px;
    overflow: hidden;
}

#divPeriodView div.LessonData, #divPeriodView span.HolidayName {
    width: 74px; /* 82px; */ /* 60px; */
}

#divPeriodView div.TableRow.Header, #divPeriodView div.TableRow.Header > div {
    height: 100px;
}

/* #divPeriodView span.HolidayName {
    white-space: nowrap;
    overflow: hidden;
} */

#divDayView div.TableRow.Header, #divDayView div.TableRow.Header > div,
/* #divPeriodView div.TableRow.Header, #divPeriodView div.TableRow.Header > div, */
#divMarkStudents > div.TableRow.Header, #divMarkStudents > div.TableRow.Header > div, #divMarkExams div.TableRow.Header, #divMarkExams div.TableRow.Header > div {
/* div.AbsenceView div.TableRow.Header, div.AbsenceView div.TableRow.Header > div { */
    height: 84px;
    overflow: hidden;
}

div.AbsenceView.Overview div.TableRow.Header, div.AbsenceView.Overview div.TableRow.Header > div {
    height: 42px;
}

/* #divPeriodView div.TableRow.Header, #divPeriodView div.TableRow.Header > div {
    height: 102px;
} */

/* #divDayView div.TableRow:not(.Header), #divDayView div.TableRow:not(.Header) div,
#divPeriodView div.TableRow:not(.Header), #divPeriodView div.TableRow:not(.Header) div { */
div.AbsenceView div.TableRow:not(.Header), div.AbsenceView div.TableRow:not(.Header) div {
    height: 21px;
    line-height: 21px;
}

/* div.AbsenceView div.TableRow:not(.Header) div {
    height: 22px;
    line-height: 22px;
} */


/* #divDayView div.TableRow.Footer, #divDayView div.TableRow.Footer div,
#divPeriodView div.TableRow.Footer, #divPeriodView div.TableRow.Footer div { */
div.AbsenceView div.TableRow.Footer, div.AbsenceView div.TableRow.Footer div {
    height: 29px;
}

/* #divDayView div.TableRow.Footer span,
#divPeriodView div.TableRow.Footer span { */
div.AbsenceView div.TableRow.Footer span {
    line-height: 29px;
}

/* #divDayView div.TableRow div:not(:first-child),
#divPeriodView div.TableRow div:not(:first-child) { */
div.AbsenceView div.TableRow > div:not(:first-child) {
    text-align: center;
}

/* #divPeriodView div.TableRow.Header span.Day:hover {
    background-color: #dddddd;
} */

#divPeriodView div.TableRow.Header div.Selected {
    background-color: #DFEFFC;
}

/* Next 4 statement could be different for each workspace,
   See repository/space(x)/config/app.css */
/* div.WeekOffsetFromNow1 {
    background-color: #ffffcc;
}

div.WeekOffsetFromNow2 {
    background-color: #ffeb9c;
}

div.WeekOffsetFromNow3 {
    background-color: #ffcc99;  
}

div.WeekOffsetFromNow4 {
    background-color: #ffc7ce;  
} */

/* div.AbsenceView */ div.AbsenceContainer.Locked,
div.AbsenceView div.GradeContainer.Locked {
/* div.AbsenceView div.TableCell.Locked { */
    /* background-color: #eeeeee;
    color: #aaaaaa; */
    /* cursor: default; */
    background-color: #bbbbbb;
    filter: Alpha(Opacity=30);
    opacity: 0.3;
}

span.Absence, span.Grade {
    /* display: inline-block; */
    min-width: 15px;
    text-align: center;
    padding: 0px 1px;
}

span.Grade {
    margin-right: 5px;
}

span.Absence:hover, span.Grade:hover {
    background-color: #c8d9e6;
}

span.Absence.Group2, tr.Absence.Group2 {
    color: #ff0000;
}

span.StudentCount {
    margin-left: 18px;
    font-weight: bold;
}

/* #divDayView div.TableRow.Footer span.LessonTimeLocker,
#divPeriodView div.TableRow.Footer span.LessonTimeLocker {
span.LessonTimeLocker { */
span.Locker {
    width: 22px; /* 25px; */ /* 50px; */
}

/* #divDayView div.TableRow.Footer div.Handle span.LessonTimeLocker,
#divPeriodView div.TableRow.Footer div.Handle span.LessonTimeLocker {
div.TableRow.Footer div.Handle span.LessonTimeLocker { */
div.TableRow.Footer div.Handle span.Locker {
    float: right;
    margin-right: 15px; /* 12px; */
}

/* #divDayView div.TableRow.Footer span.LessonTimeLocker.Invisible,
#divPeriodView div.TableRow.Footer span.LessonTimeLocker.Invisible {
span.LessonTimeLocker.Invisible { */
span.Locker.Invisible {
    display: none;
}

/* #divDayView div.TableRow.Footer span.LessonTimeLocker.Confirm,
#divPeriodView div.TableRow.Footer span.LessonTimeLocker.Confirm {
span.LessonTimeLocker.Confirm { */
span.Locker.Confirm, div.Footer.Unconfirmed {
    background: url(../img/app/pin.png) no-repeat center center;
}

/* #divDayView div.TableRow.Footer span.LessonTimeLocker.Confirm:hover,
#divDayView div.TableRow.Footer span.LessonTimeLocker.ConfirmHover,
#divPeriodView div.TableRow.Footer span.LessonTimeLocker.Confirm:hover,
#divPeriodView div.TableRow.Footer span.LessonTimeLocker.ConfirmHover {
span.LessonTimeLocker.Confirm:hover, span.LessonTimeLocker.ConfirmHover { */
span.Locker.Confirm:hover, span.Locker.ConfirmHover {
    background: url(../img/app/pinhover.png) no-repeat center center;
}

/* #divDayView div.TableRow.Footer span.LessonTimeLocker.Lock,
#divPeriodView div.TableRow.Footer span.LessonTimeLocker.Lock {
span.LessonTimeLocker.Lock { */
span.Locker.Lock,
table.History td.Lock,
table.History span.Lock,
div.Footer.Confirmed {
    background: url(../img/app/confirmed.png) no-repeat center center;
}

/* #divDayView div.TableRow.Footer span.LessonTimeLocker.Lock:hover,
#divDayView div.TableRow.Footer span.LessonTimeLocker.LockHover,
#divPeriodView div.TableRow.Footer span.LessonTimeLocker.Lock:hover,
#divPeriodView div.TableRow.Footer span.LessonTimeLocker.LockHover {
span.LessonTimeLocker.Lock:hover, span.LessonTimeLocker.LockHover { */
span.Locker.Lock:hover, span.Locker.LockHover {
    background: url(../img/app/confirmedhover.png) no-repeat center center;
}

/* #divDayView div.TableRow.Footer span.LessonTimeLocker.Unlock,
#divPeriodView div.TableRow.Footer span.LessonTimeLocker.Unlock {
span.LessonTimeLocker.Unlock { */
span.Locker.Unlock, table.History td.Unlock, div.Footer.Locked {
    background: url(../img/app/locked.png) no-repeat center center;
}

/* #divDayView div.TableRow.Footer span.LessonTimeLocker.Unlock:hover,
#divDayView div.TableRow.Footer span.LessonTimeLocker.UnlockHover,
#divPeriodView div.TableRow.Footer span.LessonTimeLocker.Unlock:hover,
#divPeriodView div.TableRow.Footer span.LessonTimeLocker.UnlockHover {
span.LessonTimeLocker.Unlock:hover, span.LessonTimeLocker.UnlockHover { */
span.Locker.Unlock:hover, span.Locker.UnlockHover {
    background: url(../img/app/confirmedhover.png) no-repeat center center;
}

table.History th.LessonTimeCaption {
    text-align: center;
}

/* #divPeriodView div.TableRow.Footer div.LessonData span.LessonTimeLocker {
    float: left;
} */

#divADVExtraData {
    width: 780px;
    margin-top: 4px;
    /* margin-left: 18px; */
    float: left;
}

#divADVExtraData > div {
    width: 100%;
    height: 21px;
    float: left;
}

#divADVExtraData > div span {
    height: 21px;
    line-height: 21px;
    float: left;
}

#divADVExtraDataHeader {
    font-weight: bold;
}

#divADVExtraData span.GradeName {
    width: 90px;
}

#divADVExtraData span.GradeTeacher {
    width: 230px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#divADVExtraData span.RelatedDays {
    width: 400px;
}

#divADVExtraData span.RelatedDay {
    padding-right: 8px;
    cursor: pointer;
}

#divADVExtraData span.RelatedDay:hover {
    background-color: #dddddd;
}

/*
 * ..view/grade/absence/edit.phtml 
 */
#frmEditStudentAbsence label {
    width: 6em;
}

#intAbsenceDelay, #strArrivalTime {
    width: 40px;
    height: 13px;
    border-width: 1px;
}

#ulAbsenceReasons {
    border: 2px solid #aaaaaa;
}

/* #ulAbsenceReasons li:hover {
    background-color: #cccccc;
} */

#ulAbsenceReasons li.Selected {
    background-color: #000080; /* darkblue; */
    color: #ffffff;
}

#ulAbsenceReasons span {
    display: inline-block;
}

#ulAbsenceReasons span.EAReasonToken {
    margin-left: 20px;
    width: 20px;
}

/* #tblEditAbsenceDescription {
    margin-left: 6em;
}

#tblEditAbsenceDescription {
    width: 402px;
}

#tblEditAbsenceDescription td {
    width: 134px;
}

#tblEditAbsenceDescription tr:first-child td {
    font-weight: bold;
    border-bottom: 1px solid #ffffff;
}

#tblEditAbsenceDescription tr:last-child td {
    padding-bottom: 8px;
}

#tblEditAbsenceDescription td.Invisible {
    display: none;
} */

#txtEAComment {
    width: 402px;
    height: 54px;
}

/*
 * ..view/grade/absence/periodview.phtml 
 */
#divAPVSemesters, #divAPVGrades, #divAPVSubjects {
    overflow: hidden;
    white-space: nowrap;
}

#divAPVGrades {
    width: 218px;
}

div.DropDown.Mix > div.T0 {
    color: #666666;
    font-style: italic;
}

div.Readonly {
    background-image: url(../img/readonlyg.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#divAPVSubjects {
    width: 80px;
}

#divAPVSemesters {
    margin-left: 16px;
    margin-top: 4px;
    width: 120px; /* 240px; */
}

#divAPVGrade, #divAPVSubject {
    font-size: 32px;
}

#divAPVSubject {
    text-align: right;
}

#divAPVSemester {
    font-size: 27px;
}

/*
 * ..view/grade/exam/index.phtml 
 */
#divMIFSemesters, #divMIFGrades, #divMIFSubjects {
    overflow: hidden;
    white-space: nowrap;
}

#divMIFGrades {
    width: 218px; /* 235px; */ /* 240px; */ /* 155px; */
}

#divMIFSubjects {
    width: 80px; /* 240px; */
}

#divMIFSemesters {
    margin-left: 16px;
    margin-top: 4px;
    width: 240px;
}

#divMIFGrade, #divMIFSubject {
    font-size: 32px;
}

#divMIFSubject {
    text-align: right;
}

#divMIFSemester {
    font-size: 27px;
}




/* Mark index */
/* #divMarkIndex {
    max-height: 585px;
} */

#divMarkIndex div.Ex {
    filter: Alpha(Opacity=50);
    opacity: 0.5;
}

#divMarkExamsPane {
    width: 557px; /* 563px; */
    /* height: 400px; */
    /* max-height: 585px; */
    overflow-x: auto;
    /* background-color: yellow; */
}

#divMarksStatistic {
    border: 1px solid #cccccc;
    margin-top: 2px;
    float: left;
    width: 958px;
}

#divMarksStatistic > div {
    float: left;
}

#divMarksStatisticPane {
    width: 557px; /* 563px; */
    /* height: 400px; */
    overflow: hidden;
    /* background-color: yellow; */
}

#divFinalMarks,
#divFinalMarksStatistic {
    width: 74px;
    /* height: 400px; */
    border-left: 1px solid #cccccc;
    text-align: center;
    /* overflow: auto; */
    /* background-color: lightblue; */
    cursor: default;
}

#divFinalMarkIncrement {
    width: 60px;
    margin-left: 7px;
    margin-top: 20px;
    font-size: 18px;
}

#divFinalMarks > div.Header {
    display: inline-block;
    width: 74px;
    height: 84px;
    border-bottom: 1px dotted #cccccc;
}

#divMarkExams span.ExamCaption {
    display: inline-block;
    overflow: hidden;
}

#divMarkExams span.ExamCaption:hover {
    background-color: #dddddd;
}

#divMarkExams div.ExamData,
#divMarkExams span.ExamCaption,
#divFinalMarks div.ExamData,
#divMarksStatisticExams div.ExamData,
#divFinalMarksStatistic div.ExamData {
    width: 74px;
}

#divFinalMarks > div.ExamData,
#divFinalMarksStatistic > div.ExamData {
    height: 21px;
    line-height: 21px;
    border-bottom: 1px dotted #cccccc;
}

#divFinalMarks > div.Footer {
    width: 74px;
    height: 29px;
    line-height: 29px;
    border-bottom: 1px dotted #cccccc;
}

#divFinalMarks > div:not(.Estimated),
#divFinalMarksStatistic > div {
    font-weight: bold;
}

#divMarkIndex div.ExamData.Inactive,
#divMarksStatisticExams div.ExamData.Inactive {
    background-color: #eeeeee;
    color: #aaaaaa;
    cursor: default;
}

#divMarkIndex div.MarkContainer input {
    /* display: inline; */
    width: 65px;
    height: 18px;
    border-style: none;
    outline: none;
    background-color: transparent;
    float: left;
}

#divMarksStatisticCaption {
    box-sizing: border-box;
    width: 100%;
    margin-top: 8px;
    padding-left: 4px;
    font-weight: bold;
    color: blue;
    float: left;
}

#divMarksStatisticLabels {
    width: 319px;
    border-right: 1px solid #cccccc;
}

#divMarksStatisticLabels > div {
    box-sizing: border-box;
    width: 100%;
    padding-left: 4px;
    height: 22px;
    line-height: 22px;
    border-bottom: 1px dotted #cccccc;
}

#divMarkIndex div.TableRow.Highlighted,
#divMarkIndex div.TableRow.Hovered {
    background-color: #cccccc;
}



#divPointsToMark {
    display: none;
    /* left: 960px; */
}

#frmPointsToMark label:not(.RightLabel) {
    width: 125px;
}

#frmPointsToMark span.FlatCheckbox {
    margin-left: 125px;
}

#divPTMVersion,
#divPointsToMarkMethod {
    width: 200px;
}

#txtMaxPoints, #txtPointsForMaxMark {
    width: 40px;
}

div.MarkContainer.Pointed {
    background-color: #eeffee;
}
/* End of Mark index */

/*
 * ..view/grade/exam/edit.phtml 
 */
#divEditExam div.JDSDialogFormContent {
    width: 538px;
    height: 309px;
}

#frmEditExam label {
    width: 87px; /* 6.5em; */
}

#divExamInactive span.FlatCheckbox {
    margin-left: 6.5em;
}

#txtExamName, #tarExamNote {
    width: 442px; /* 450px; */
}

#txtExamDay {
    width: 90px;
}

/* #txtExamIncrement */ #divEEIncrement, #txtExamWeight {
    width: 40px;
}

#divEEGroups div.DropDownStarter {
    width: 250px;
}

span.ExamGroupName {
    display: inline-block;
    width: 180px;
}

span.ExamGroupIncrement {
    display: inline-block;
    width: 30px;
}

span.ExamGroupWeight {
    display: inline-block;
    width: 32px;
    text-align: right;
}

table.History td.Mark {
    text-align: center;
}

/*
 * ..view/grade/absence/overview.phtml 
 */
#divOverview {
    height: 703px; /* 706px; */
    /* background-color: red; */
    overflow: auto;
}

/* #divAOSemester,
#divGAPSemesters div.DropDownStarter,
#divSOASemesters div.DropDownStarter,
#divSOMSemesters div.DropDownStarter,
#divSOPSemesters div.DropDownStarter */
div.DropDownStarter.SemesterFilter,
#divStudentOverviewSemesters,
#divTSSchoolYears {
    width: 100px;
    font-size: 17px;
    font-weight: bold;
    /* background-color: green; */
}

#divOverviewFilter {
    width: 200px;
    /* background-color: red; */
}

/* div.Overview div.TableRow.Teacher div.StudentData { */
div.Overview > div div.TeacherData {
    background-color: #ddffff;
}

div.Overview div.GradeContainer {
    overflow: hidden;
    white-space: nowrap;
}

div.Overview div.WeekData, div.Overview span.Weekday {
    width: 87.5px; /* 70px; */
}

div.Overview span.Weekday.Selected,
div.Overview span.Weekday:hover {
    background-color: #dddddd;
}

div.Overview span.Grade {
    font-size: 10px;
}

/* div.Overview span.StudentNote {
    float: left;
} */

div.Overview span.FlatCheckbox {
    margin-left: 5px;
    margin-top: 3px;
    float: left;
}

/* div.Overview div.TableRow.ListFilterItem div.StudentData span.SentEmailFlag { */
div.Overview > div.ListFilterItem > div:first-child span.SentEmailFlag {
    /* display: inline-block; */
    width: 17px;
    height: 17px;
    background: url(../img/app/mail.png) no-repeat center center;
    /* float: right; */
}

div.Overview > div.ListFilterItem > div:first-child span.Counters {
    /* width: 13px; */ /* 17px; */
    /* height: 13px; */ /* 17px; */
    /* background-color: red; */
    /* border-radius: 6px; */ /* 8px; */
    margin-top: 3px;
    margin-right: 4px;


    display: inline-block;
    width: 9px; /* 12px; */
    height: 12px; /* 16px; */
    /* border: 1px solid #000000; */
    /* margin-right: 4px; */
    /* background-color: #ff0000; */
    /* float: left; */

}

div.Overview > div.ListFilterItem > div:first-child span.Counters.Red {
    background-color: #ff0000;
}

div.Overview > div.ListFilterItem > div:first-child span.Counters.Yellow {
    background-color: #ffff00;
}

table.CounterPreview td.CounterType {
    text-align: center;
    font-weight: bold;
}

table.CounterPreview td.CounterValue {
    text-align: right;
    /* font-weight: bold; */
}

table.CounterPreview td.CounterRemark {
    width: 300px;
    white-space: normal;
    text-align: left;
}

/*
 * ..view/application/email/edit.phtml 
 */
#frmEditEmailTemplate label,
#divEditEmail label {
    width: 60px;
}

#frmEditEmailTemplate input[type=text],
#divEditEmail input[type=email] /* ,
#divEditEmail input[type=file] */ ,
#divEditEmail input[type=text] {
    width: 435px;
}

#divEditEmail input[type=email][readonly] {
    background-color: #dddddd;
}

#filEmailAttachment {
    width: 50px;
    float: right;
}

#btnAddEmailAttachment {
    position: absolute;
    right: 0px;
}

#divEmailAttachments div.Display {
    width: 385px;
    height: 22px;
    line-height: 22px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    /* background-color: yellow; */
}

#divEmailAttachments div.Display div {
    display: inline-block;
    width: 48px;
    height: 22px;
    margin-right: 4px;
    float: left;
    color: #000000;
    background-color: #ffffff;
}

#divEmailAttachments span.EmailAttachment {
    width: 32px;
    float: left;
    text-align: center;
    background: url(../img/textline.png);
    cursor: default;
}

#divEmailAttachments span.DeleteMe {
    width: 16px;
    height: 16px;
    line-height: 12px;
    text-align: center;
    float: right;
    cursor: pointer;
}

#divEmailAttachments span.DeleteMe:hover {
    background-color: #bbbbbb;
}

#frmEditEmailTemplate input[type=text],
#tarBody {
    width: 500px;
}

/*
 * ..view/student/overview/absence.phtml 
 */
div.PageFilterExtension {
    width: 960px;
}

div.PageFilterExtension div.Tab {
    padding-right: 10px;
    padding-left: 10px;
    color: #1e0fbe;
    float: left;
    cursor: pointer;
}

div.PageFilterExtension div.Tab:hover {
    outline: 1px dotted #000000;
}

div.PageFilterExtension div.Tab.Selected {
    font-weight: bold;
}

div.PageFilterExtension.h18 {
    height: 18px;
    line-height: 18px;
}

div.PageFilterExtension.h24 {
    height: 24px;
    line-height: 24px;
}

div.PageFilterExtension.Archive {
    background-color: #d6d1bf;
}

#divSOAStudents div.DropDownStarter,
#divSOMStudents div.DropDownStarter,
#divSOPStudents div.DropDownStarter,
#divSODStudents div.DropDownStarter,
#divStudentOverviewStudents div.DropDownStarter,
#divStudentStudents div.DropDownStarter  {
    width: 370px; /* 350px; */ /* 236px; */ /* 200px; */
    font-size: 17px;
    font-weight: bold;
    margin-right: 8px;
    white-space: nowrap;
    overflow: hidden;
}

span.SOStudentFullName, span.SOStudentHomeGrade, span.SOSubjectToken, span.SOTeacherToken {
    display: inline-block;
    float: left;
}

span.SOStudentFullName {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.SOStudentHomeGrade {
    width: 95px; /* 120px; */ /* 100px; */
}

#divStudentOverviewGrade {
    width: 100px;
    font-size: 17px;
    font-weight: bold;
    margin-right: 8px;
    /* padding-left: 4px;
    background-color: #dddddd; */
}

#divStudentOverviewSubject {
    width: 160px; /* 80px; */
    font-size: 17px;
    font-weight: bold;
    /* padding-left: 4px;
    background-color: #dddddd; */
}

#divStudentOverviewSubjects > div.DropDownStarter {
    height: 24px;
}

span.SOSubjectToken, span.SOTeacherToken {
    width: 75px;
}

/* #divOverview span.Status0, #divAbsenceTotals div.TableCell.Status0 { */
#divOverview span.Status0, div.TableCell[data-status="0"] {
    background-color: #C0FFFF; /* #ffc7ce; */
}

/* #divOverview span.Status1, #divAbsenceTotals div.TableCell.Status1 { */
#divOverview span.Status1, div.TableCell[data-status="1"] {
    background-color: #C0FFC0;
}

/* #divOverview span.Status2, #divAbsenceTotals div.TableCell.Status2 { */
#divOverview span.Status2, div.TableCell[data-status="2"] {
    background-color: pink; /* #C0FFC0; */ /* #ffeb9c */;
}

#divOverview div.AbsenceContainer span.Secondary {
    filter: Alpha(Opacity=30);
    opacity: 0.3;
}

#divAbsenceTotals, #divDelayTotals {
    /* width: 150px; */
    margin-top: 10px;
    margin-right: 10px;
    border: 1px solid #aaaaaa;
    float: left;
}

#divAbsenceTotals, #divAbsenceTotals div.TableRow,
#divDelayTotals, #divDelayTotals div.TableRow {
    min-width: 152px;
}

#divAbsenceTotals div.TableCaption,
#divDelayTotals div.TableCaption {
    font-weight: bold;
    line-height: 21px;
    border-bottom: 1px solid #aaaaaa;
}

#divAbsenceTotals div.TableCaption[data-group="2"] {
    color: #ff0000;
}

#divAbsenceTotals div.TableCell.Header,
#divDelayTotals div.TableCell.Header {
    width: 100px;
    cursor: default;
}

#divAbsenceTotals div.TableCell.Total,
#divDelayTotals div.TableCell.Total {
    min-width: 50px;
    text-align: right;
    margin-right: 2px;
}

#divAbsenceTotals span.Count,
#divDelayTotals span.Delay {
    display: inline-block;
    min-width: 15px;
    text-align: center;
    padding: 0px 1px;
}

#divAbsenceTotals span.Count:hover,
#divDelayTotals span.Delay:hover {
    background-color: #c8d9e6;
}

#divDelayTotals span.Delay:not(:last-child) {
    border-right: 1px solid #aaaaaa;
}

/*
 * ..view/student/overview/mark.phtml 
 */
#divMarkOverview {
    width: 940px;
}

#divMarkOverview div.SubjectName, #divMarkOverview div.Header.Handle {
    width: 400px; /* 340px; */
    white-space: nowrap;
    overflow: hidden;
}

#divMarkOverview div.Header.Handle {
    font-weight: bold;
}

#divMarkOverview div.SubjectName {
    color: #00608c;
}

#divMarkOverview div.MarkContainer {
    width: 30px;
}

#divMarkOverview div.ResultContainer {
    width: 50px;
    float: right;
    /* font-weight: bold; */
}

#divMarkOverview div.ResultContainer:not(.Estimated) {
    font-weight: bold;
}

/*
 * ..view/student/overview/mark.phtml 
 */
#divPresenceOverview div.TableRow.Header, #divPresenceOverview div.TableRow.Header > div {
    height: 20px;
    font-weight: bold;
}

#divPresenceOverview:not(.StudentLogin) div.Header.SubjectData {
    cursor: pointer;
}

#divPresenceOverview div.TableRow div:first-child {
    width: 150px;
}

#divPresenceOverview div.SubjectData {
    width: 40px;
}

span.Presence60, span.Presence80 {
    padding-left: 2px;
    padding-right: 2px;
    min-width: 24px;
    text-align: right;
}

div.SubjectData.Presence60,
span.Presence60,
div.SubjectData.Absence80 {
    background-color: pink;
}

div.SubjectData.Presence80,
span.Presence80,
div.SubjectData.Absence60 {
    background-color: orange;
}

/* #divPresenceOverview */ div.SubjectData.Presence100 {
    background-color: springgreen ;
}

#divAbsencePresence {
    /* width: 940px;
    height: 703px; */
    overflow: auto;
    /* background-color: yellow; */
}

#divAbsencePresence div.TableRow.Header, #divAbsencePresence div.TableRow.Header > div {
    height: 24px; /* 20px; */
    line-height: 24px; /* 20px; */
    font-weight: bold;
}

#divOpposite {
    width: 12px;
    float: left;
    background: url(../img/app/opposite.png) no-repeat center center;
}

/* #divAbsencePresence div.StudentData,
#divAbsencePresence div.Header.Handle {
    width: 320px;
} */


/* #divAbsencePresence div.StudentData.ListFilterText span {
    float: left;
} */

#divAbsencePresence div.SubjectData {
    width: 40px;
}

#divGAPGrades div.DropDownStarter {
    width: 200px;
    font-weight: bold;
     font-size: 17px;
}

/*
 * ..view/school/profession/edit.phtml 
 */
#frmEditProfession label {
    width: 80px;
}

#txtProfessionName {
    width: 434px; /* 300px; */
}

/*
 * ..view/grade/examgroup/edit.phtml 
 */
#divEditExamGroup div.JDSDialogFormContent {
    width: 538px;
    height: 309px;
}

#frmEditExamGroup label {
    width: 105px;
}

#divEEGNotInUse span.FlatCheckbox {
    margin-left: 105px;
}

#txtExamGroupName {
    width: 425px; /* 427px; */ /* 434px; */
}

#txtExamGroupWeight, #txtExamGroupIncrement {
    width: 40px;
}

#divEditExamGroupWeights div.JDSDialogFormContent {
    min-height: 30px;
    max-height: 309px;
    min-width: 246px;
    overflow: auto;
    /* background-color: red; */
}

#frmEditExamGroupWeights label {
    width: 180px;
}

#frmEditExamGroupWeights input {
    width: 40px;
}

/* #divMarkOverview div.EndOfExamGroup { */
#divMarkOverview div.EndOfExamGroup,
#divMarkIndex div.EndOfExamGroup {
    border-right: 1px solid green;
}

#divMarkIndex div.OnlineTest {
    font-style: italic;
}
/*
 * ..view/grade/note/index.phtml 
 */
#divGradeNoteIndexHeader {
    width: 958px;
    height: 84px;
    border: 1px solid #cccccc;
    margin-top: 2px;
    float: left;
}

#divGradeNoteIndexHeader > div {
    height: 84px;
    float: left;
}

#divGradeNoteIndexHeader div.GradeNoteIndexFilter {
    width: 634px;
    border-right: 1px solid #cccccc;
    padding-right: 2px;
}

#divGradeNoteIndexHeader div.Attribute,
#divGradeNoteIndex div.Attribute {
    width: 293px; /* 301px; */
    padding-left: 8px;
    overflow: hidden;
}

#divGradeNoteIndexHeader div.Attribute {
    font-weight: bold;
}

#divGNIFGrades, #divMIFSubjects, #divGNIFSemesters {
    overflow: hidden;
    white-space: nowrap;
}

#divGNIFGrades {
    width: 450px; /* 218px; */
}

#divGNIFSubjects {
    width: 80px;
    margin-left: 40px;
    /* float: right; */
}

#divGNIFSemesters {
    margin-left: 16px;
    margin-top: 4px;
    width: 240px;
}

#divGNIFGrades div.DropDownStarter, #divGNIFSubjects div.DropDownStarter {
    font-size: 32px;
}

#divGNIFSubjects div.DropDownStarter {
    text-align: right;
}

#divGNIFSemesters div.DropDownStarter {
    font-size: 27px;
}

#divGradeNoteIndex {
    width: 958px;
    height: 639px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    overflow: auto;
}

#divGradeNoteIndex > div {
    position: relative;
    width: 941px; /* 958px; */
    min-height: 24px;
    border-bottom: 1px solid #cccccc;
    /* cursor: pointer; */
    float: left;
    /* background-color: yellow; */
}

#divGradeNoteIndex div.RowMenuStarter {
    right: 0px;
}

#divGradeNoteIndex > div.Host {
    cursor: pointer;
}

#divGradeNoteIndex > div.Foreign {
    cursor: default;
}

#divGradeNoteIndex > div.Foreign #divGradeNoteCommand {
    display: none;
}

#divGradeNoteIndex > div.Hover,
#divGradeNoteIndex > div.Selected {
    background-color: #dddddd;
}

#divGradeNoteIndex > div > div {
    /* min-height: 24px; */
    height: 100%;
    float: left;
}

#divGradeNoteIndex div.Content {
    width: 626px; /* 637px; */
    border-right: 1px solid #cccccc;
    padding-left: 8px;
    padding-right: 2px;
}

#divGradeNoteIndex span {
    display: block;
}

#divGradeNoteIndex span.Title,
#divGradeNoteIndex span.Date {
    font-weight: bold;
}

#divGradeNoteIndex span.Comment {
    font-style: italic;
    padding-top: 10px;
}

/*
 * ..view/grade/note/edit.phtml 
 */
#divEditGradeNote div.JDSDialogFormContent,
#divEditNote div.JDSDialogFormContent {
   width: 878px; /* 486px; */
   height: 559px; /* 269px; */
}

#divEditGradeNoteContent,
#divEditNoteContent {
    width: 499px;
    height: 555px;
    /*color: #000000; */
    /* border: 2px solid #aaaaaa; */
    float: left;
    /* background-color: #ffffff; */
    /* overflow: auto; */
}

#divEditGradeNoteAttributes,
#divEditNoteAttributes {
    /* position: relative; */
    width: 364px;
    height: 559px;
    margin-left: 8px;
    float: left;
}

#frmEditGradeNote label:not(.RightLabel),
#frmEditNote label:not(.RightLabel) {
    width: 80px;
}

#frmEditGradeNote div.JDSDialogFormContentRow span.FlatCheckbox,
#frmEditNote span.FlatCheckbox {
    margin-left: 80px;
}

#txtEGNTitle,
#txtENTitle {
    width: 478px; /* 398px; */
}

#tarEGNContent,
#tarENContent {
    width: 480px;
    height: 520px; /* 250px; */
}

#ulEGNLinks,
#ulENLinks {
    width: 360px; /* 482px; */
    margin-top: 3px;
    height: 140px; /* 250px; */
}

#tarEGNComment,
#tarENComment {
    width: 360px;
    height: 140px;
}

#ulEGNLinks span.LinkType,
#ulENLinks span.LinkType {
    display: inline-block;
    width: 15px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center center;
    /* background-color: red; */
    float: left;
}

#ulEGNLinks span.LinkType.T0,
#ulENLinks span.LinkType.T0 {
    background-image: url(../img/app/linktype0.png);
}

#ulEGNLinks span.LinkType.T1,
#ulENLinks span.LinkType.T1 {
    background-image: url(../img/app/linktype1.png);
}

#ulEGNLinks span.LinkName,
#ulENLinks span.LinkName {
    width: 320px; /* 445px; */
    white-space: nowrap;
    overflow: hidden;
    /* background-color: red; */
}

#tagEGNDay, #txtEGNExpireDay, #txtEGNRemindDay,
#txtENDay, #txtENExpireDay, #txtENRemindDay {
    width: 8em;
}

#txtEGNRemindTime {
    width: 17px; /* 70px; */
}

#divENAvailableDays div.DropDownStarter {
    width: 108px;
}

div.LessonDay:not([title=""]) {
    /* background-color: #0a91c8; */
    color: #666666;
    font-style: italic;
}

#divEGNIcons div.DropDownStarter, #divEGNSharings div.DropDownStarter,
#divENSubjects div.DropDownStarter, #divENIcons div.DropDownStarter, #divENSharings div.DropDownStarter {
    width: 275px; /* 350px; */
}

#divEGNIcons img.Symbol, #divEGNOverwrite,
#divENIcons img.Symbol, #divENOverwrite {
    float: left;
}

#divEGNOverwrite,
#divENOverwrite {
    margin-left: 8px;
    margin-Top: 2px;
}

#divEGNOverwrite.Invisible,
#divENOverwrite.Invisible {
    display: none;
}

#divEGNTypes div.DropDownStarter,
#divENTypes div.DropDownStarter {
    width: 8em;
}

/* #divEGNAttributes,
#divENAttributes {
    margin-left: 10px;
    float: left;
} */

/* #frmEditNoteLink label {
    width: 50px;
} */

#filENLFile {
    width: 134px; /* 100px; */ /* 486px; */
}

#btnEGNSave,
#btnENSave {
    margin-right: 440px;
}

#btnEGNAddFile,
#btnENAddFile {
    position: absolute;
}

/* #txtENLUrl {
    width: 430px;
} */

/*
 * ..view/grade/note/collection.phtml
 */
#frmGradeNoteCollections div.JDSDialogFormContent {
    width: 878px; /* 898px; */
    height: 591px; /* 559px; */ /* 606px; */
}
#divGradeNoteCollectionList {
    color: #000000;
    background-color: #ffffff;
}

#divGradeNoteCollectionList div.Header {
    height: 23px;
    font-weight: bold;
    border-bottom: 1px solid #aaaaaa;
    /* background-color: darkblue; */
}

#divGradeNoteCollectionList div.Body {
    height: 560px;
    /* background-color: darkgreen; */
    overflow: auto;
}

#divGradeNoteCollectionList div.ListItem {
    position: relative;
    height: 19px;
    border-bottom: 1px solid #cccccc;
    cursor: pointer;
    /* background-color: red; */
}

#divGradeNoteCollectionList div.ListItem.Hover {
    background-color: #dddddd;
}

#divGradeNoteCollectionList div.ListItem.Selected {
    background-color: #cccccc;
}

#divGradeNoteCollectionMenuStarter {
    right: 18px;
}

#divGradeNoteCollectionList span {
    padding-left: 2px;
    height: 100%;
    line-height: 100%;
    border-right: 1px solid #cccccc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

#divGradeNoteCollectionList div.Header span {
    line-height: 23px;
}

#divGradeNoteCollectionList div.Body span {
    line-height: 19px;
}

#divGradeNoteCollectionList span.SemesterName {
    width: 70px;
}

#divGradeNoteCollectionList span.SubjectToken {
    width: 100px;
}

#divGradeNoteCollectionList span.GradeName {
    width: 160px;;
}

#divGradeNoteCollectionList span.CollectionName {
    width: 200px;;
}

#divGradeNoteCollectionList span.CollectionRemark {
    width: 314px;;
}

/*
 * End of..view/grade/note/collection.phtml
 */

/*
 * ..view/grade/note/editcollection.phtml
 */
#divEditGradeNoteCollection div.JDSDialogFormContent {
    width: 538px;
    height: 309px;
}

#frmEditGradeNoteCollection label {
    width: 85px;
}

#txtEGNCName,
#tarEGNCRemark {
    width: 440px;
}
/*
 * End of ..view/grade/note/editcollection.phtml
 */

/*
 * ..view/student/overview/diary.phtml 
 * ..view/student/overview/note.phtml 
 */
#divStudentOverviewNoteHeader {
    width: 958px;
    border: 1px solid #cccccc;
    margin-top: 2px;
    font-weight: bold;
    font-size: 16px;
}

#divStudentOverviewNoteHeader,
#divStudentOverviewNoteHeader > div {
    height: 24px;
    line-height: 24px;
    float: left;
}

#divStudentOverviewNoteHeader div.Content,
#divStudentOverviewNote div.Content {
    width: 634px; /* 637px; */
    border-right: 1px solid #cccccc;
    padding-right: 2px;
}

#divStudentOverviewNoteHeader div.Attribute,
#divStudentOverviewNote div.Attribute {
    width: 301px; /* 318px; */
}

#divStudentOverviewNote {
    width: 958px;
    height: 675px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    overflow: auto;
    /* background-color: yellow; */
}

#divStudentOverviewNote > div {
    width: 941px; /* 958px; */
    min-height: 24px;
    border-bottom: 1px solid #cccccc;
    float: left;
    /* background-color: yellow; */
}

#divStudentOverviewNote div.Clickable {
    cursor: pointer;
}

#divStudentOverviewNote div.Clickable:hover {
    background-color: #dddddd;
}

#divStudentOverviewNote > div > div {
    height: 100%;
    float: left;
}

#divStudentOverviewNote span {
    display: block;
}

#divStudentOverviewNote span.Title,
#divStudentOverviewNote span.Date {
    font-weight: bold;
}

div.NoteView span.Link {
    color: blue;
    padding-left: 16px;
    background-repeat: no-repeat;
    cursor: pointer;
}

div.NoteView span.Link:hover {
    font-weight: bold;
}

div.NoteView span.Link.T0 {
    background-image: url(../img/app/linktype0.png);
}

div.NoteView span.Link.T1 {
    background-image: url(../img/app/linktype1.png);
}
/*
 * ..view/grade/exam/edit.phtml 
 */
#tagEELessonDay {
    width: 90px;
    margin-right: 5px;
} 

/*
 * ..view/teacher/service/*.phtml 
 */
#divTSTeachers div.DropDownStarter,
#divTSSubjects div.DropDownStarter /* ,
#divExamTaskTeachers div.DropDownStarter,
#divTestTeachers div.DropDownStarter */ {
    width: 280px;
    font-size: 17px;
    font-weight: bold;
    margin-right: 8px;
    white-space: nowrap;
    overflow: hidden;
}

#divTeacherPrev, #divTeacherNext {
    width: 18px;
    height: 24px;
    float: left;
    cursor: pointer;
}

#divTeacherPrev:hover, #divTeacherNext:hover {
    outline: 1px dotted #000000;
}

#divTeacherPrev {
    background: url(../img/asc.png) no-repeat center center;
}


#divTeacherNext {
    background: url(../img/desc.png) no-repeat center center;
}

/*
 * ..view/teacher/service/timetable.phtml
 */
#divTSTimeTable {
    width: 958px;
    /* margin-top: 4px; */
    border: 1px solid #aaaaaa;
    /* background-color: #cccccc; */
    float: left;
}

#divTSTimeHeader > div {
    height: 23px;
    line-height: 23px;
    border-bottom: 1px dotted #aaaaaa;
    text-align: center;
}

#divTSTimeTablePane {
    width: 858px; /* 960px; */
    /* height: 699px; */
    /* margin-top: 4px; */
    overflow: auto;
    /* background-color: #ffffff; */
}

#divTSTimeTable div.TimeTableColumn {
    width: 99px;
    float: left;
    border-right: 1px solid #aaaaaa;
}

#divTSTimeTable div.TimeTableColumn.CurrentDay div.Header {
    font-weight: bold;
}

#divTSTimeTable div.TimeTableColumn div.Header {
    height: 30px;
    padding-top: 2px;
    padding-bottom: 4px;
    text-align: center;
    border-bottom: 1px solid #aaaaaa;
}

#divTSTimeTable div.TimeTableColumn div.Header.D6 {
    color: blue;
}

#divTSTimeTable div.TimeTableColumn div.Header.D7 {
    color: red;
}

/* #divTSTimeTable div.TimeTableColumn span { */
#divTSTimeTableDays div.TimeTableColumn span {
    display: block;
    height: 15px;
    line-height: 15px;
}

#divTSTimeTable div.TimeTableColumn > div.Disabled {
    background-color: #999999;
    filter: Alpha(Opacity=30);
    opacity: 0.3;
}

#divTSTimeTable div.Empty {
    height: 23px;
    border-bottom: 1px dotted #aaaaaa;
}

#divTSTimeTable div.DoubleLesson {
    height: 24px;
}

#divTSTimeTable div.DoubleLesson > div {
    display: inline-block;
    width: 49px;
    height: 24px;
    float: left;
}

#divTSTimeTable div.Lesson {
    height: 24px;
    background-color: #2cb3ea; /* #cccccc; */
    color: #ffffff;
}

#divTSTimeTable div.Substitute {
    height: 24px;
    font-style: italic;
    background-color: #C8E0EA; /* #9ED4EA; */ /* #eeeeee; */
}

#divTSTimeTable div.Substituted {
    height: 24px;
    /* font-style: italic; */
    background-color: #cccccc; /* blue; */
    /* color: #999999; */ /* #ffffff; */
}

#divTSTimeTable div.Substituted span:not(.Substitution) {
    color: #999999;
}

#divTSTimeTable div.Substituted span.Substitution {
    font-style: italic;
    color: #000000;
}

#divTSTimeTableWeekSumarization {
    border-bottom: 1px solid #aaaaaa;
}

#divTSTimeTableWeekSumarization > div {
    width: 699px;
    height: 23px;
    line-height: 23px;
    float: left;
    border-right: 1px solid #aaaaaa;
}

#divTSTimeTableWeekSumarization span.WeekTotal,
#divTSTimeTablePeriodSumarization span.PeriodTotal {
    display: inline-block;
    width: 30px;
    height: 17px;
    line-height: 17px;
    /* font-weight: bold; */
    text-align: center;
}

#divTSTimeTableWeekSumarization span.WeekTotal.Original,
#divTSTimeTablePeriodSumarization span.PeriodTotal.Original  {
    background-color: #2cb3ea;
}

#divTSTimeTableWeekSumarization span.WeekTotal.Substitute,
#divTSTimeTablePeriodSumarization span.PeriodTotal.Substitute {
    background-color: #C8E0EA;
}

#divTSTimeTableWeekSumarization span.WeekTotal.Substituted,
#divTSTimeTablePeriodSumarization span.PeriodTotal.Substituted {
    background-color: #999999;
}

#divTSTimeTablePeriodSumarization {
    display: none;
    font-weight: bold;
    line-height: 42px;
}

/*
 * ..view/teacher/service/coredata.phtml
 */
#divTSCoreData {
    /* margin-top: 8px; */
}

#divTSCoreData > div,
#divTSTeacher > div {
    float: left;
}

#divTSTeacher {
    width: 642px;
    border: 1px solid #aaaaaa;
    /* background-color: lightblue; */
}

#divTSTeacherData {
    width: 432px;
    height: 260px;
    overflow: auto;
    /* float: left; */
    /* background-color: yellow; */
}

#divTSTeacherData > div:not(#divLessonsCountWishRemark) {
    height: 21px;
    line-height: 21px;
}

#divTSTeacherData span,
#divTSTeacherLessons span {
    display: inline-block;
    float: left;
    white-space: nowrap;
    overflow: hidden;
}

#divTSTeacherData span.Label {
    width: 140px;
    text-align: right;
    margin-right: 8px;
}

#divTSTeacherData span.Content {
    width: 265px; /* 270px; */
}

#divTSTeacherData span.Content.Type1 {
    /* background: url(../img/app/mail.png) no-repeat right center; */
    text-decoration: underline;
    color: #1e0fbe;
    cursor: pointer;
}

#divLessonsCountWishRemark {
    height: 92px;
    line-height: 21px;
    padding-left: 148px;
    overflow: auto;
    /* background-color: green; */
}

#divTSTeacherSubjects {
    width: 310px;
    height: 701px; /* 694px; */
    border: 1px solid #aaaaaa;
    overflow: auto;
    /* background-color: green; */
}

#divTSTeacherSubjects div.TSSubjectRow {
    height: 21px;
    border-bottom: 1px dotted #aaaaaa;
}

#divTSTeacherSubjects div.TSSubjectRow.Header {
    font-weight: bold;
}

#divTSTeacherSubjects div.TSSubjectRow.Header > div {
    float: left;
}

#divTSTeacherSubjects div.TSSubjectRow > div {
    height: 21px;
    line-height: 21px;
    /* float: left; */
}

#divTSTeacherSubjects div.TSSubjectName {
    width: 252px; /* 232px; */
    border-right: 1px dotted #aaaaaa;
    white-space: nowrap;
    overflow: hidden;
    /* background-color: green; */
}

#divTSTeacherSubjects div.TSSubjectRow.Header div.TSSubjectName > div:first-child {
    float: left;
}

#divShowAll {
    display: inline-block;
    /* margin-left: 60px; */
    /* margin-right: 4px; */
    float: right;
    /* line-height: 24px; */
}

#divShowAll span {
    float: left;
}

#divShowAll span.FlatCheckbox {
    margin-top: 3px;
}

#divShowAll span.RightLabel {
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
}

#divTSTeacherSubjects div.TSSubjectName span {
    display: inline-block;
    float: left;
}

#divTSTeacherSubjects div.TableCell.TSSubjectName span:first-child {
    width: 66px; /* 40px; */
    margin-right: 3px;
    border-right: 1px dotted #aaaaaa;
}

#divTSTeacherSubjects div.TableCell.TSSubjectName span:last-child {
    width: 182px; /* 192px; */
    overflow: hidden;
}

#divTSTeacherSubjects div.TSSubjectLevel {
    width: 40px; /* 60px; */
    text-align: center;
    /* background-color: lightblue; */
}

#divTSTeacherSubjects div.TSSubjectLevel:not(.Selected):hover {
    outline: 2px solid #cccccc;
}

#divTSTeacherSubjects div.TSSubjectLevel input {
    width: 52px;
    height: 18px;
    border-style: none;
    outline: none;
    background-color: transparent; /* inherit; */
    float: left;
}

#divTSTeacherSubjects div.TSSubjectLevel.Selected {
    background-color: #cccccc;
}

#divTSTeacherLessons {
    width: 638px;
    height: 439px; /* 430px; */
    /* overflow: auto; */
    /* background-color: yellow; */
}

#divTSTeacherLessonsCaption, #divTSTeacherLessonsHeader {
    height: 21px;
    font-weight: bold;
    /* margin-bottom: 8px; */
}

#divTSTeacherLessonsCaption, #divTSTeacherLessonsFooter {
    width: 638px;
    height: 24px;
    line-height: 24px;
    font-size: 17px;
    /* background-color: lightblue; */
}

#divTSTeacherLessonsBody {
    width: 638px;
    height: 370px; /* 373px; */ /* 397px; */
    overflow: auto;
    /* background-color: yellow; */
}

#divTSTeacherLessonsBody > div {
    /* width: inherit; */
    width: 621px;
    float: left;
}

#divTSTeacherLessonsBody > div.PastDay, #divTSTeacherLessonsBody > div.PastWeek {
    /* background-color: #999999; */
    filter: Alpha(Opacity=40);
    opacity: 0.4;
}

#divTSTeacherLessons span.WeekNumber {
    width: 60px;
}

#divTSTeacherLessons span.GradeName {
    width: 170px;
}

#divTSTeacherLessons span.SubjectName {
    width: 50px; /* 60px; */
}

#divTSTeacherLessons span.Weekday {
    width: 40px;
}

#divTSTeacherLessons span.Date {
    width: 65px;
}

#divTSTeacherLessons span.TimeInterval {
    width: 80px;
}

#divTSTeacherLessons span.LessonsCount,
#divTSTeacherLessons span.SubstitutesCount,
#divTSTeacherLessons span.SubstitutedsCount {
     width: 50px;
     text-align: right;
}

#divTSTeacherLessons span.LessonsCount {
    background-color: #2cb3ea;
}

#divTSTeacherLessons span.SubstitutesCount {
    background-color: #C8E0EA;
}

#divTSTeacherLessons span.SubstitutedsCount {
    background-color: #999999;
}

#divTSTeacherLessons span.WeekTotal {
    width: 50px; /* 400px; */ /* 410px; */
    /* margin-bottom: 4px; */
    /* margin-left: 5px; */
    font-weight: bold;
    text-align: right;
}

#divTSTeacherLessons span.WeekTotal:first-child {
    margin-left: 465px; /* 330px; */
}

/*
 * ..view/teacher/service/subjects.phtml 
 */
span.TSSubjectToken,
span.TSSubjectName {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    /* height: 17px; */
}

span.TSSubjectToken {
    width: 55px; /* 40px; */
}

div.DropDownStarter span.TSSubjectName {
    width: 207px;  /* 222px; */
}

div.DropDown span.TSSubjectName {
    width: 190px; /* 205px; */
}

#divTSTeachersTeachSubjectLegend {
    /* width: 550px; */
    height: 24px;
    float: right;
    /* background-color: red; */
}

#divTSTeachersTeachSubjectLegend span {
    display: inline-block;
    float: left;
}

#divTSTeachersTeachSubjectLegend span.Color {
    width: 8px;
    height: 8px;
    margin-top: 7px;
    border: 1px solid #000000;
}

#divTSTeachersTeachSubjectLegend span.Label {
    /* max-width: 70px; */
    margin-left: 4px;
    margin-right: 8px;
    height: 24px;
    line-height: 24px;
}

#divTSTeachersTeachSubject {
    margin-top: 2px;
    width: 958px;
    /* height: 726px; */
    border: 1px solid #aaaaaa;
    /* background-color: yellow; */
}

#divTSTeachersTeachSubject > div {
    float: left;
}

#divTSTTSTeacherList {
    width: 257px; /* 249px; */
    /* height: 500px; */
    border-right: 1px solid #aaaaaa;
    /* background-color: red; */
}

#divTSTTSTeacherList > div {
    width: 258px; /* 250px; */
    float: left;
}

#divTSTTSTeacherList > div.Header {
    /* width: 250px; */
    height: 36px;
    /* line-height: 29px; */
    border-bottom: 1px solid #aaaaaa;
    /* float: left; */
    font-weight: bold;
}

#divTSTTSTeacherList > div.Header div {
    height: 36px;
}

#divTSTTSTeacherList > div:not(.Header) {
    /* width: 250px; */
    height: 23px;
    line-height: 24px;
    border-bottom: 1px dotted #aaaaaa;
    color: #00608c;
    /* float: left; */
    cursor: pointer;
}

/* #divTSTTSTeacherList > div:not(.Header):hover { */
#divTSTTSTeacherList > div:not(.Header) div.TeacherFullName:hover {
    background-color: #dddddd;
}

/* #divTSTTSTeacherList > div > div {
    display: inline-block;
    float: left;
} */

#divTSTTSTeacherList div.TeacherFullName {
    width: 217px; /* 218px; */ /* 210px; */
    border-right: 1px dotted #bbbbbb;
}

#divTSTTSTeacherList div.Selected {
    background-color: #cccccc;
}

#divTSTTSTeacherList div.KnowledgeLevel {
    width: 40px;
    text-align: center;
}

#divTSTTSDaysPane {
    width: 700px; /* 708px; */
    overflow: auto;
    /* background-color: pink; */
}

#divTSTeachersTeachSubject div.DayColumn {
    width: 99px;
    float: left;
    border-right: 1px solid #aaaaaa;
}

#divTSTeachersTeachSubject div.DayColumn div.Header {
    height: 30px;
    padding-top: 2px;
    padding-bottom: 4px;
    text-align: center;
    border-bottom: 1px solid #aaaaaa;
}

#divTSTeachersTeachSubject div.DayColumn div.Header.D6 {
    color: blue;
}

#divTSTeachersTeachSubject div.DayColumn div.Header.D7 {
    color: red;
}
#divTSTeachersTeachSubject div.DayColumn div.Header span {
    display: block;
    height: 15px;
    line-height: 15px;
}

#divTSTeachersTeachSubject div.DayColumn > div.Disabled {
    background-color: #999999;
    filter: Alpha(Opacity=30);
    opacity: 0.3;
}

#divTSTeachersTeachSubject div.TeacherDay {
    width: 99px;
    height: 23px;
    border-bottom: 1px dotted #aaaaaa;
    float: left;
}

#divTSTeachersTeachSubject div.TeacherDay.Empty {
    background: url(../img/app/lessontimes10.png) no-repeat left top;
}

#divTSTeachersTeachSubject div.CurrentDay div.Header {
    font-weight: bold;
}

#divTSTeachersTeachSubject div.TeacherDay > span {
    display: inline-block;
    width: 9px;
    /* margin-right: 2px; */
    height: 7px;
    /* margin-bottom: 2px; */
    float: left;
    /* border-right: 1px solid #aaaaaa; */
    /* background-color: #2cb3ea; */
}

#divTSTeachersTeachSubject div.TeacherDay > span:not(:last-child) {
    border-right: 1px solid #aaaaaa;
}

#divTSTeachersTeachSubject div.TeacherDay > span.Lesson,
#divTSTeachersTeachSubjectLegend span.Lesson {
    background-color: #2cb3ea;
}

#divTSTeachersTeachSubject div.TeacherDay > span.Substitute,
#divTSTeachersTeachSubjectLegend span.Substitute {
    background-color: #C8E0EA;
}

#divTSTeachersTeachSubject div.TeacherDay > span.Substituted,
#divTSTeachersTeachSubjectLegend span.Substituted {
    background-color: #cccccc;
}

#divTSTeachersTeachSubject div.TeacherDay > span.Impossible,
#divTSTeachersTeachSubjectLegend span.Impossible,
#divGraphicTeacherScheduleTimes div.L0 {
    background-color: red;
}

#divTSTeachersTeachSubject div.TeacherDay > span.Discussion,
#divTSTeachersTeachSubjectLegend span.Discussion,
#divGraphicTeacherScheduleTimes div.L1 {
    background-color: orange;
}

#divTSTeachersTeachSubject div.TeacherDay > span.Possible,
#divTSTeachersTeachSubjectLegend span.Possible,
#divGraphicTeacherScheduleTimes div.L2 {
    background-color: yellow;
}

#divTSTeachersTeachSubject div.TeacherDay > span.Prefer,
#divTSTeachersTeachSubjectLegend span.Prefer,
#divGraphicTeacherScheduleTimes div.L3 {
    background-color: lightgreen;
}

#frmEditTeacherLessonsCountDef label,
#frmEditTeacherLessonsCountWish label {
    width: 80px;
}

#frmEditTeacherLessonsCountDef div.JDSDialogFormContent,
#frmEditTeacherLessonsCountWish div.JDSDialogFormContent {
    /* width: 300px; */
   width: 538px; /* 486px; */
   height: 260px; /* 269px; */
}

#txtETLCWMinCount,
#txtETLCWMaxCount,
#txtETLCWOptimumCount {
    width: 80px;
}

#tarETLCWRemark {
    width: 395px; /* 210px; */
    height: 100px;
}

#divETLCSemesters div.DropDownStarter {
    width: 210px;
}

#txtETLCBG100Percent, #txtETLCContractPercent {
    width: 30px;
}

#txtETLCBG100Count, #txtETLCContractCount {
    width: 160px;
}

/*
 * ..view/teacher/service/preference.phtml 
 */
#divTSTeacherSchedule {
    width: 958px;
    /* height: 500px; */
    border-left: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    float: left;
    /* background-color: yellow; */
}

/* #divTSTeacherSchedule > div {
    
} */

#divTSTeacherScheduleHeader {
    width: 960px;
    height: 23px;
    line-height: 23px;
    border-bottom: 1px solid #aaaaaa;
    font-weight: bold;
    /* background-color: red; */
}

#divTSTeacherScheduleHeader > div {
    display: inline-block;
    height: 24px;
    text-align: center;
    border-right: 1px solid #aaaaaa;
    float: left;
}

#divTSTeacherSchedule div.TSTSDay {
    width: 80px;
}

#divTSTeacherSchedule div.TSTSTime {
    width: 90px; /* 100px; */
}

#divTSTeacherSchedule div.TSTSPeriodName {
    width: 112px;
}

#divTSTeacherSchedule div.TSTSPeriod {
    width: 160px; /* 180px; */ /* 200px; */
}

#divTSTeacherSchedule div.TSTSLevel {
    width: 90px; /* 100px; */
}

#divTSTeacherSchedule div.TSTSContent {
    width: 383px; /* 400px; */ /* 473px; */
    /* background-color: yellow; */
}

#divTSTeacherSchedule div.TSTSDelete.Narrow {
    width: 20px;
}

#divTSTeacherSchedule div.TSTSDelete.Wide {
    width: 37px;
}

#divTSTeacherSchedule div.TSTSDelete:hover {
    background-color: #aaaaaa;
}

#divTSTeacherScheduleBody {
    width: 960px;
    height: 678px;
    float: left;
    overflow: auto;
    /* background-color: yellow; */
}

#divTSTeacherScheduleBody > div {
    height: 29px; /* 23px; */
    /* line-height: 24px; */
    border-bottom: 1px dotted #aaaaaa;
    float: left;
    cursor: pointer;
}

#divTSTeacherScheduleBody > div.Past {
    filter: Alpha(Opacity=30);
    opacity: 0.3;
}

/* #divTSTeacherScheduleBody > div.Present {
    font-weight: bold;
} */

#divTSTeacherScheduleBody > div.Future {
    background-color: #aaffff;
    filter: Alpha(Opacity=40);
    opacity: 0.4;
    /* color: #000088; */
}

#divTSTeacherScheduleBody > div:hover {
    background-color: #dddddd;
}

#divTSTeacherScheduleBody > div > div {
    display: inline-block;
    height: 29px;
    /* text-align: center; */
    /* border-right: 1px dotted #aaaaaa; */
    float: left;    
}

#divTSTeacherScheduleBody > div > div:not(.TSTSContent) {
    text-align: center;
}

#divTSTeacherScheduleBody > div > div:not(:last-child) {
    border-right: 1px dotted #aaaaaa;
}

#divTSTeacherScheduleBody > div > div.TSTSContent span {
    display: block;
    padding-left: 4px;
    /* background-color: yellow; */
    white-space: nowrap;
    overflow: hidden;
}

#divTSTeacherScheduleBody > div > div.TSTSContent span:last-child {
    font-style: italic;
}
/*
 * End of ..view/teacher/service/preference.phtml 
 */

/*
 * ..view/teacher/service/preferencegraphic.phtml 
 */
#divGraphicTeacherSchedule {
    width: 958px;
    border: 1px solid #aaaaaa;
    float: left;
}

#divGraphicTeacherScheduleHeader {
    width: 97px;
    border-right: 1px solid #aaaaaa;
    float: left;
}

#divGraphicTeacherScheduleHeader > div {
    text-align: center;
}

#divGraphicTeacherScheduleHeader > div.Header {
    height: 30px;
    padding-top: 2px;
    padding-bottom: 4px;
    border-bottom: 1px solid #aaaaaa;
}

#divGraphicTeacherScheduleHeader > div:not(.Header) {
    height: 23px;
    line-height: 23px;
    border-bottom: 1px dotted #aaaaaa;
}

#divGraphicTeacherSchedulePane {
    width: 860px;
    overflow: auto;
}

#divGraphicTeacherScheduleTimes > div {
    float: left;
}

#divGraphicTeacherScheduleTimes > div.Header {
    border-bottom: 1px solid #aaaaaa;
}

#divGraphicTeacherScheduleTimes > div.Header div {
    height: 30px;
    padding-top: 2px;
    padding-bottom: 4px;
    text-align: center;
    float: left;
}

#divGraphicTeacherScheduleTimes > div.Header span {
    display: block;
    height: 15px;
    line-height: 15px;
}

#divGraphicTeacherScheduleTimes > div:not(.Header) {
    height: 23px;
    border-bottom: 1px dotted #aaaaaa;
}

#divGraphicTeacherScheduleHeader > div.LessonPlanEnd,
#divGraphicTeacherScheduleTimes > div.LessonPlanEnd {
    border-bottom: 1px solid #aaaaaa;
}

#divGraphicTeacherScheduleTimes > div:not(.Header) > div {
    height: 23px;
    /* cursor: pointer; */
}

#divGraphicTeacherScheduleTimes > div > div:not(:last-child) {
    width: 42px;
    /* float: left; */
    border-right: 1px dotted #aaaaaa;
}

#divGraphicTeacherScheduleTimes > div > div:nth-child(4n):not(:last-child) {
    border-right: 1px solid #aaaaaa;
}

#divGraphicTeacherScheduleTimes > div > div:last-child {
    width: 43px;
    float: left;
}

#divGraphicTeacherScheduleTimes > div > div.Selected {
    background-color: #cccccc;
}

#divGraphicTeacherScheduleLegend {
    width: 960px;
    margin-top: 8px;
    float: left;
    /* background-color: yellow; */
}

#divGTSComments {
    width: 607px; /* 615px; */
    margin-right: 8px;
    float: left;
    /* background-color: lightblue; */
}

#divGTSComments div.Numbers,
#divGTSLessonsCountWhishes div.Semesters {
    font-weight: bold;
    /* text-decoration: underline; */
}

#divGTSComments div.Comment,
#divGTSLessonsCountWhishes div.Wish {
    margin-bottom: 8px;
}

#divGTSLessonsCountWhishes {
    width: 345px;
    float: right;
    /* background-color: red; */
}

/*
 * End of ..view/teacher/service/preferencegraphic.phtml 
 */


/*
 * ..view/teacher/service/edit/schedule.phtml 
 */
#frmEditTeacherSchedule label:not(.RightLabel) {
    width: 7.5em;
}

#divETWLevel {
    display: inline-block;
}

#divETWLevel:focus {
    outline: 1px dotted #ffffff;
}

#tarETSContent, #tarETSComment {
    width: 530px;
    height: 293px;
}
/*
 * End of ..view/teacher/service/edit/preference.phtml 
 */


table.History td.NoteLinks {
    width: 12px;
}

table.History td.Sharing {
    width: 19px;
}

table.History td.Sharing.S0 {
    background: url(../img/app/sharing0.png) no-repeat center center;
}

table.History td.Sharing.S1 {
    background: url(../img/app/sharing1.png) no-repeat center center;
}

table.History td.HistoryData {
    min-width: 130px;
}

table.History td.HistoryHolder {
    font-weight: bold;
    cursor: default;
}

table.History span.Link {
    display: block;
    width: 9px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

/* table.History span.Link:hover {
    outline: 1px dotted #ffffff;
} */

table.History span.Link.T0 {
    background-image: url(../img/app/linktype0.png);
}

table.History span.Link.T1 {
    background-image: url(../img/app/linktype1.png);
}

div.PersonPicturePreview {
    width: 208px;
    height: 260px;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-size: 208px 260px; */
}

div.PersonDataPreview {
    margin-top: 4px;
    height: 458px;
}

div.PersonDataPreview b {
    display: block;
    margin-top: 8px;
}

div.PersonDataPreview div {
    margin-left: 8px;
    max-width: 200px;
}

/*
 * ..view/teacher/task/index.phtml
 */
#divTSTestCategory {
    width: 170px;
    margin-right: 10px;
    font-weight: bold;
    font-size: 17px;
    white-space: nowrap;
    overflow: hidden;
}

#divExamTasksHeader {
    width: 958px;
    height: 23px;
    border: 1px solid #cccccc;
    font-weight: bold;
    /* background-color: red; */
}

#divExamTasks {
    width: 958px;
    height: 677px; /* 680px; */
    /* margin-top: 4px; */
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    overflow: auto;
}

#divExamTasks > div {
    width: 941px;
    position: relative;
    border-bottom: 1px dotted #000000;
    float: left;
    cursor: pointer;
}

#divExamTasks > div.Hovered {
    background-color: #dddddd;
}

#divExamTasks > div.SOCInvisible {
    display: none;
}

#divExamTasks > div.Selected {
    background-color: #cccccc;
}

#divExamTasks > div.Status2 {
    background-color: #d6d1bf;
    /* filter: Alpha(Opacity=30);
    opacity: 0.3; */
}

#divExamTasksHeader span.FlatCheckbox.Checked.Full,
#divExamTasks > div.Selected span.FlatCheckbox {
    background-image: url(../img/checkmark.png);
}

#divExamTasksHeader span.FlatCheckbox.Checked.Partial,
#divTAStudentListHeader span.FlatCheckbox.Checked.Partial {
    background-image: url(../img/checkmarkgray.png);
}

#divExamTasksHeader > div,
#divExamTasks > div > div.TaskSection {
    height: 100%;
    float: left;
}

#divExamTasksHeader div.Handle,
#divExamTasks div.Handle.TaskSection {
    width: 15px; /* 16px; */
    padding-top: 2px;
    padding-left: 2px;
    /* background-color: red; */
}

/* #divExamTasks > div.Hierarchy.Deep0 {
    border-top: 2px solid #aaaaaa;
} */

div.TaskDragHelper > div,
div.TaskDragHelper > div > div.TaskSection {
    float: left;
} 

#divExamTasks > div[data-hierarchy-deep="0"] div.Task,
#divExamTasks div.TaskDragHelper > div[data-hierarchy-deep="0"] div.Task {
    background: url(../img/app/hierarchy/blue/deep0.png) repeat-y;
}

#divExamTasks > div[data-hierarchy-deep="1"] div.Task,
#divExamTasks div.TaskDragHelper > div[data-hierarchy-deep="1"] div.Task {
    background: url(../img/app/hierarchy/blue/deep1.png) repeat-y;
}

#divExamTasks > div[data-hierarchy-deep="2"] div.Task,
#divExamTasks div.TaskDragHelper > div[data-hierarchy-deep="2"] div.Task {
    background: url(../img/app/hierarchy/blue/deep2.png) repeat-y;
}

#divExamTasks > div[data-hierarchy-deep="3"] div.Task,
#divExamTasks div.TaskDragHelper > div[data-hierarchy-deep="3"] div.Task {
    background: url(../img/app/hierarchy/blue/deep3.png) repeat-y;
}

#divExamTasksHeader div.Task,
#divExamTasks div.Task {
    width: 611px; /* 629px; */
    border-right: 1px solid #cccccc;
    margin-left: 2px;
    padding-left: 6px; /* 8px; */
    padding-right: 2px;
}

#divExamTasks div.Task {
    min-height: 143px; /* 128px; */ /* 113px; */
}

#divExamTasks div.Task > div {
    margin-bottom: 4px;
}

/* #divExamTasks div.Task div.Enum > div {
    width: 100%;
    float: left;
} */

#divExamTasks div.Task div.Content > div {
    width: 100%;
    float: left;
    /* background-color: yellow; */
}

#divExamTasks div.Text {
    margin-bottom: 5px;
}

#divExamTasks div.Task div.Enum.Foreign {
    color: #999999;
}

#divExamTasks div.Task div.Enum span.RightLabel {
    display: inline-block;
    width: 579px;
    float: left;
}

#divExamTasks div.Task div.Comment {
    font-style: italic;
}

#divExamTasks div.Task div.Content[style*=background-image] {
    min-height: 69px;
    padding-right: 100px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 100px 69px;
}

#divExamTasksHeader div.Attribute,
#divExamTasks div.Attribute {
    width: 293px;
    padding-left: 8px;
    overflow: hidden;
    /* background-color: red; */
}

#divExamTasks div.Attribute {
    font-size: 12px;
}

#divExamTasks div.Attribute span,
/* #divTestPreview */ div.Info span {
    display: inline-block;
    /* white-space: nowrap;
    overflow: hidden; */
}

#divExamTasks div.Attribute span.Label,
/* #divTestPreview */ div.Info span.Label {
    width: 90px; /* 110px; */
}

#divExamTasks div.Attribute span.Data,
/* #divTestPreview */ div.Info span.Data {
    width: 199px;
    /* background-color: red; */
}

#divExamTasks div.Attribute div.TaskTags.Foreign {
    color: #999999;
}

/* #divExamTasks div.Attribute div.TaskOrigin {
    font-size: 10px;
} */

/* #divExamTasks div.Attribute span.Usage {
    font-weight: bold;
} */

div.RowCommand {
    position: absolute;
    right: 0px;
    bottom: 0px;
    /* border-right: 1px solid #cccccc; */
    padding-top: 2px; /* 4px; */
    padding-bottom: 2px; /* 4px; */
    /* color: #ffffff; */
    background-color: #2cb3ea;
}

div.RowCommand.Invisible {
    display: none;
}

div.RowCommand button {
    border-style: none;
    color: #ffffff; /* #1e0fbe; */
    background-color: transparent;
    padding: 0px;
    font-family: inherit;
    /* float: right; */
    cursor: pointer;
}

div.RowCommand button:hover {
    /* outline: 1px dotted #888888; */
    outline: 1px dotted #ffffff;
}

/* #divExamTasks div.RowCommand */
#divExamTasks #divTaskMenuStarter {
    right: 302px;
}

#divExamTasks > div.Foreign div.RowCommand,
#divExamTasks > div.Used div.RowCommand {
    display: none;
}

#divTSShowOnlyChecked {
    float: right;
}

/*
 * End of ..view/teacher/task/index.phtml
 */

/*
 * ..view/teacher/task/edit.phtml 
 */
#divEditExamTaskPreview {
    width: 499px; /* 497px; */
    height: 544px; /* 523px; */ /* 574px; */
    margin-top: 28px;
    color: #000000;
    border: 2px solid #aaaaaa;
    float: left;
    background-color: #ffffff;
    overflow: auto;
}

#divEditExamTaskPreview div.PreviewSection {
    position: relative;
    /* padding-bottom: 21px; */ /* min-height: 39px; */
    width: 480px;
    float: left;
}

div.PreviewSection > div.PreviewSectionPart {
    position: relative;
    width: 480px;
    /* text-align: center; */
    float: left;
}

div.PreviewSectionPart.FormulaHolder,
div.PreviewSectionPart.ImageHolder {
    text-align: center;
}

div.PreviewSection.AnswerType {
    /* border-top: 1px dotted #0000dd; */
    background-color: #f5ffff;
}

div.PreviewSection.AnswerType.Open {
    border-top: 1px dotted #0000dd;
    padding-bottom: 21px;
}

.OpenAnswerTitle {
    position: absolute;
    left: 0px;
    color: #5555aa;
}
.EnumItem .OpenAnswerTitle {
    margin-left: 27px;
}

.AnswerType.Open[data-background="0"] > img,
.AnswerType.Open[data-background="1"] > img,
.AnswerType.Open[data-background="2"] > img {
    display: block;
    width: 479px;
}

.AnswerType.Open[data-background="2"] > img {
    border-left: 1px solid #d6dfe6;
}

.EnumItem .AnswerType.Open {
    min-height: 28px;
    text-align: center;
}

.EnumItem .AnswerType.Open[data-background="1"] > img,
.EnumItem .AnswerType.Open[data-background="2"] > img {
    margin-left: 27px;
    width: 452px;
}

img[src=""] /* ,
img[src="data:image/png;base64,"] */ {
    display: none;
}

div.PreviewSection.Answer {
    border-top: 1px dotted #00dd00;
    border-bottom: 1px dotted #00dd00;
    background-color: #f5fff5; /* #f0fff0; */ /* #deffde; */
}



/* YesNo answer type */
/* div.EnumsHeader span {
    display: inline-block;
    width: 70px; 30px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}

div.EnumsHeader.Wide span:first-child {
    margin-left: 752px;
}

div.EnumsHeader.TaskIndex span:first-child {
    margin-left: 543px;
}

div.EnumsHeader.Narrow span:first-child {
    margin-left: 312px; 392px;
} */

div.EnumColumn {
    display: table-cell;
    min-height: 17px;
    float: left;
}

div.EnumColumn.Number {
    margin-right: 10px;
    width: 20px;
    text-align: right;
}

div.EnumColumn.Answer {
    width: 70px;
    text-align: center;
    white-space: nowrap;
}

div.EnumColumn.Text.Wide {
    width: 720px;
}

div.EnumColumn.Text.TaskIndex {
    width: 431px; /* 511px; */
}

div.EnumColumn.Text.Narrow {
    width: 280px; /* 360px; */
}

div.EnumColumn.Text /* ,
div.EnumColumn.Answer */ {
    border-bottom: 1px dotted #aaaaaa;
}

div.EnumItemFooter input.PointsAB {
    width: 30px;
    text-align: right;
    float: right;
}

div.EnumItemFooter input.PointsB {
    margin-right: 5px;
}

div.EnumItemFooter span {
    display: inline-block;
    height: 21px;
    line-height: 21px;
    padding-left: 5px;
    padding-right: 5px;
    float: right;
}

div.ForksContainer {
    float: right;
}

div.ForksStarter {
    width: 120px;
    margin-right: 2px;
}

#frmTaskSetting div.JDSDialogFormContent {
    width: 538px; 
    height: 309px;
}

#frmTaskSetting label {
    width: 80px;
}

#frmTaskSetting span.FlatCheckbox {
    margin-left: 80px;
}
/* End of YesNo answer type */

#divEditExamTaskAttributes {
    position: relative;
    width: 364px;
    height: 546px;
    margin-left: 8px;
    float: left;
    /* background-color: yellow; */
}

#divEditExamTask div.JDSDialogFormContent {
   width: 878px;
   height: 579px;
   /* background-color: yellow; */
}

#divEditExamTask div.JDSDialogTabs {
    width: 358px;
    float: left;
}

#frmEditExamTask label:not(.RightLabel) {
    width: 90px;
}

#frmEditExamTask span.FlatCheckbox {
    margin-left: 90px;
}

div.TaskSettingsItem {
    width: 480px;
    margin-bottom: 5px;
    float: left;
}

div.TaskSettingsItem.Answerless {
    margin-top: 5px;
}

div.Enum[data-id="Importance"],
div.TaskSettingsItem.Importance {
    margin-top: 10px;
}

[data-id="Importance"].Disabled span.Control {
    border-color: #999999;
}

[data-id="Importance"].Disabled span.RightLabel {
    color: #999999;
}

#tarEETContent,
#tarEETAnswer {
    /* width: 478px;
    border: none;
    float: left;
    outline: none; */
    display: none;
}

#divETContent,
#divETAnswer {
    width: 478px;
    /* height: 17px; */
    float: left;
    /* background-color: yellow; */
}

div[contenteditable="true"][data-placeholder]:empty:before {
     content: attr(data-placeholder);
     color: #888888;
}

/* #tarEETAnswer {
    color: #008000;
    background-color: transparent;
} */

#divETAnswer {
    color: #008000;
}

textarea.SelfResizable {
    min-height: 17px;
}

div.SelfResizable:not([contenteditable="true"]) {
    background-color: #e3e3e3;    
}

#tarEETComment {
    width: 358px;
    height: 114px; /* 96px; */ /* 58px; */
    float: left;
}

#txtEETId,
#txtEETPoints,
#txtEETDuration {
    width: 60px;
}

#divEETBloomTaxonomies div.DropDownStarter,
#divEETSharings div.DropDownStarter,
#divEETStatuses div.DropDownStarter,
#divEETAnswerTypes div.DropDownStarter {
    width: 268px; /* 175px; */ /* 150px; */
}

#divEETFormula {
    width: 386px;
    height: 61px;
}

/*
 * Formula menu
 */
#divFormulaMenus {
    height: 21px;
}

#divFormulaMenus div.FormulaMenuStarter {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
    float: left;
    cursor: pointer;
}

#divFormulaMenus div.FormulaMenuStarter:hover,
#divFormulaMenus div.FormulaMenuContent span:hover {
    outline: 1px dotted #ffffff;
}

#divFormulaMenus div.FormulaMenuContent {
    display: none;
    position: absolute;
    top: 21px;
    z-index: 9999;
    /* width: 80px; */
    padding: 2px;
    background-color: #2cb3ea;
    border: 1px solid #ffffff;
}

#divFormulaMenus div.FormulaMenuContent.Helpers {
    width: 100px;
}

#divFormulaMenus div.FormulaMenuContent.Signs {
    width: 80px;
}

#divFormulaMenus div.FormulaMenuContent span {
    /* width: 20px; */
    height: 20px;
    line-height: 20px;
    /* text-align: center; */
    float: left;
    cursor: pointer;
}

#divFormulaMenus div.FormulaMenuContent.Helpers span {
    width: 100px;
}

#divFormulaMenus div.FormulaMenuContent.Signs span {
    width: 20px;
    text-align: center;
}

#divFormulaMenus div.FormulaMenuContent em {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    float: left;
}

#tarEditFormulaInput {
    width: 493px;
    height: 36px;
    float: left;
}

#divEditFormulaPreview {
    width: 495px;
    height: 100px;
    border: 2px solid #aaaaaa;
    color: #000000;
    background-color: #ffffff;
}

#divEditFormulaPreview math {
    font-size: 13.3333px;
    float: left;
}

#tarPasteFormula {
    position: absolute;
    width: 491px; /* 163px; */
    height: 19px;
    bottom: 48px;
    left: 14px; /* 177px; */
    overflow: hidden;
    border: none;
    /* background-color: red; */
}

#divFormulaMenus div.Examples {
    width: 225px;
    max-height: 243px;
    overflow: auto;
}

#divEditFormulaExamples b {
    width: 100px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    float: left;
}

#divEditFormulaExamples div.FormulaExample {
    height: 40px;
    line-height: 40px;
    /* margin-bottom: 4px; */
    border-bottom: 1px dotted #ffffff;
    padding-left: 10px;
    cursor: pointer;
}
/*
 * End of Formula menu
 */

/*
 * Edit rich text
 */
#divRichTextTools {
    position: absolute;
    width: 499px;
    height: 28px; /* 49px; */
    top: 38px;
    left: 10px;
}

#divRichTextTools > div.Button,
#divRichTextTools > div.DialogMenu > div.MenuStarter {
    /* display: inline-block; */
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin-right: 2px;
    float: left;
}

#divRichTextTools > div.Button {
    cursor: pointer;
}

#divRichTextTools > div.Button:hover,
#divRichTextTools > div.DialogMenu > div.MenuStarter:hover {
    outline: 1px dotted #ffffff;
}

#divRichTextTools > div[data-command="bold"] {
    font-weight: bold;
}

#divRichTextTools > div[data-command="italic"] {
    font-style: italic;
}

div.FontSize18 {
    font-size: 18px;
}

#divRichTextTools > div[data-command="underline"] {
    text-decoration: underline;
}

#divRichTextTools > div[data-command="strikeThrough"] {
    text-decoration: line-through;
}

#divForeColor > div.MenuStarter {
    color: #0000ff;
}

#divBackColor > div.MenuStarter > span {
    background-color: #0000ff;
}

#divForeColor div.Menu,
#divBackColor div.Menu {
    width: 80px;
}

#divInsert[disabled] {
    color: #dddddd;
    pointer-events: none;
}
/*
 * End of Edit rich text
 */


#divEditExamTaskPreview div.FormulaHolder:not([readonly]) {
    cursor: pointer;
}

#frmEditExamTask [readonly] {
    background-color: #e3e3e3;
}

span.Remove {
    position: absolute;
    width: 27px;
    height: 22px;
    line-height: 22px;
    right: 0px;
    top: 0px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    background-color: #2cb3ea;
    cursor: pointer;
}

#divETOpenAnswer {
    min-height: 28px;
    text-align: center;
}

div.OpenAnswer.Background2,
div.EnumItem.Open[data-background="2"],
span.AnswerArea.Background2 {
    border-left: 1px solid #d6dfe6;
    border-top: 1px solid #d6dfe6;
}

span.AnswerArea.Background3,
span.AnswerArea.Background4 {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

#divEHCanvasContainer {
    width: 480px;
    height: 240px;
    /* text-align: center; */
    /* background-color: #eeeeee; */
}

#canEditHandwriting {
    /* If canvas is less then canvas container.
     * Default canvas size is 480 x 240, but for enums 340 x 150
     */
    position: relative;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
    /* End of If canvas is less then canvas container */
    background-color: #ffffff; /* #eeeeff; */
}

#divEETEnums:not(.YesNo) {
    padding-bottom: 21px;
}

#divEETEnums > div.EnumItem {
    position: relative;
    width: 480px;
    border-top: 1px solid #000000;
    float: left;
}

.EnumItem:last-of-type {
    border-bottom: 1px solid #000000;
}

#divEETEnums > div.EnumItem div.PreviewSection > .EnumItemPart {
    float: left;
}

#divEETEnums.YesNo > div {
    height: 26px;
    padding-top: 10px;
}

/* #divEETEnums:not([readonly]) > div.Host {
    cursor: pointer;
} */

#divEETEnums > div.Foreign {
    color: #999999;
    cursor: default;
}

/* #divEETEnums > div.Host:not(.Selected):hover {
    background-color: #dddddd;
    outline: 1px solid #000000;
} */

#divEETEnums > div.EnumItem > div.EnumItemFooter {
    float: left;
}

div.EnumItemHandle,
div.EnumItemFooter {
    width: 100%;
}

.EnumItemPart {
    position: relative;
    margin-left: 27px;
    width: 452px;
}

div.EnumItemPart.ImageHolder {
    text-align: center;
}

span.Control {
    margin-left: 10px;
    margin-top: 1px;
    margin-right: 5px;
    float: left;
}

span.Control.Type10,
span.Control.Type1 {
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-radius: 8px;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center center;
}

span.Control.Type2 {
    border: 1px solid #555555;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center center;
}

span.Control.Type3,
span.Control.Type4 {
    width: 17px;
    height: 17px;
    /* background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/lst_square.png); */
}

span.Control.Type10.Checked,
span.Control.Type1.Checked {
    background-image: url(../img/multiple.png);
}

span.Control.Type2.Checked {
    background-image: url(../img/checkmark.png);
}

span.Control.Online+span.RightLabel {
    cursor: pointer;
}

#divEETEnums div.EnumItemText {
    display: inline;
    width: 418px;
    background-color: transparent;
    float: left;
    overflow: hidden;
}

div.PreviewSection.Answer {
    background-color: #f5fff5;
}

div.EnumItemAnswer.Text {
    display: block;
    background-color: transparent;
    color: #008000;
    float: left;
    /* cursor: pointer; */
    overflow: hidden;
}

#divEETEnums div.EnumItemText.Foreign {
    background-color: #eeeeee;
}

#divEETEnums div.EnumItem.Picture,
#divEETEnums div.EnumItem.Handwriting {
    text-align: center;
}

#divEETEnums div.EnumItem.Open {
    min-height: 28px;
    position: relative;
    text-align: center;
}

div.EnumItem.Open[data-background="0"] img,
div.EnumItem.Open[data-background="1"] img,
div.EnumItem.Open[data-background="2"] img {
    display: block;
    /* margin-left: 27px; */
    width: 448px;
}

#divEETEnums div.EnumItemRemark {
    margin-left: 27px;
    width: 452px;
    margin-bottom: 5px;
    color: #ff0000;
    background-color: transparent;
    float: left;
    overflow: hidden;
}

span.EnumItemPoints {
    margin-right: 4px;
    font-weight: bold;
    float: right;
}

span.EnumItemPoints:before {
    content: "[";
}

span.EnumItemPoints:after {
    content: "]";
}

input[type=text].EnumItemPoints {
    width: 30px;
    font-weight: bold;
    text-align: right;
    float: right;
}

#divEETEnums span.DeleteMe {
    width: 16px;
    height: 18px;
    text-align: center;
    float: right;
    cursor: pointer;
}

#divEETEnums span.DeleteMe:hover {
    color: #ffffff;
    background-color: #2cb3ea;
}

#divEETEnums[readonly] span.DeleteMe {
    display: none;
}

#filEETPictureFile {
    width: 138px;
}

#divMIPictureAdd #filEETPictureFile {
    width: 100px;
}

div.DropDown #filEETPictureFile {
    width: 270px;
}

span.UploadPicture {
    position: absolute;
} 

/* #divTableAnswerTypeCommand, */
#divEETCommand,
#divETOpenAnswerCommand,
#divOpenAnswerTypeCommand,
#divEnumAnswerTypeCommand {
    position: absolute;
    /* left: 412px; */
    right: 0px;
    bottom: 0px;
}

#divOpenAnswerTypeCommand,
#divEnumAnswerTypeCommand {
    height: 21px;
    line-height: 21px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    background-color: #2cb3ea;
}

#divOpenAnswerTypeCommand {
    width: 80px;
}

#divEnumAnswerTypeCommand {
    width: 36px;
}

#divOpenAnswerTypeCommand:hover,
#divEnumAnswerTypeCommand:hover {
    outline: 1px dotted #aaaaaa;
}

#divEETMenuStarter,
#divETOAMenuStarter,
#divOATCMenuStarter,
#divEATCMenuStarter {
    width: 80px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    color: #ffffff;
    float: left;
    background-color: #2cb3ea;
}


#txtEETTag {
    width: 358px; /* 470px; */ /* 480px; */
    float: left;
}

#divEETTags {
    width: 360px; /* 472px; */
    height: 180px;
    border-left: 2px solid #aaaaaa;
    border-right: 2px solid #aaaaaa;
    border-bottom: 2px solid #aaaaaa;
    background-color: #ffffff;
    color: #000000;
    float: left;
}

#divEETTags > div {
    display: inline-block;
    margin: 2px;
    padding-left: 4px;
    /* padding-right: 4px; */
    border: 1px solid #cccccc;
    float: left;
    /* cursor: pointer; */
}

#divEETTags > div.Host {
    cursor: pointer;
}

#divEETTags > div.Host:hover {
    /* border-color: #000000; */
    background-color: #dddddd;
}

#divEETTags > div.Foreign {
    color: #999999;
    cursor: default;
}

#divEETTags > div > span {
    /* display: inline-block; */
    height: 18px;
    line-height: 18px;
    float: left;
}

/* #divEETTags > div.Host > span {
    display: inline-block;
} */

#divEETTags > div > span.DeleteMe {
    width: 16px;
    /* height: 18px; */
    text-align: center;
    /* float: right; */
}

#divEETTags > div > span.DeleteMe:hover {
    background-color: #bbbbbb;
}

#divEETExistingTags {
    width: /* 175px; */ 355px;
    max-height: 205px; /* 227px; */
    top: 394px; /* 346px; */ /* 324px; */
    right: 2px;
}

#btnEETSettings[data-settings="[]"],
#divEETExistingTags > div.Invisible {
    display: none;
}

/* Fill in blank */
#divFillInBlankSetings {
    position: relative;
    color: #008000;
}

#divFillInBlankSetings[readonly] {
    pointer-events: none;
}

div.Blank {
    border-bottom: 1px solid #cccccc;
    float: left;
}

#divFillInBlankSetings > div.Blank {
    width: 475px;
}

div.BlankItem {
    padding-top: 2px;
    padding-bottom: 2px;
}

#divFillInBlankSetings div.BlankItem {
    cursor: pointer;
}

#divFillInBlankSetings div.BlankItem:hover {
    background-color: #d3eed3;
}

div.BlankItem > span {
    display: inline-block;
    height: 22px;
    line-height: 22px;
}

div.BlankItem > span.Position {
    width: 15px;
    margin-right: 5px;
    text-align: right;
}

#divFillInBlankSetings div.BlankItem > span.Content {
    width: 375px;
}

div.OriginalAnswer div.BlankItem > span.Content {
    width: 440px;
}

div.BlankItem > input.Points {
    width: 30px;
    font-weight: bold;
    text-align: right;
}

div.BlankType {
    height: 17px;
}

#divFillInBlankSetings div.BlankType {
    margin-left: 150px;
}

div.OriginalAnswer div.BlankType {
    margin-left: 230px;
}

div.BlankType > * {
    float: left;
}

div.BlankType[data-items-count="1"] {
    display: none;
}

div.BlankType > span.InputRadio {
    width: 80px;
}

div.BlankItem:first-child {
    font-weight: bold;
}

div.BlankItem > span.DeleteMe,
div.BlankItem > span.AddBlankItem {
    width: 22px;
    text-align: center;
    cursor: pointer;
}

div.BlankItem > span.DeleteMe:hover,
div.BlankItem > span.AddBlankItem:hover {
    background-color: #bbbbbb;
}

input[type=text].Blank,
select.Blank {
    border-left: none;
    border-top: none;
    border-right: none;
    color: darkblue;
    font-weight: bold;
}

select.Blank {
    border-bottom: 2px solid #aaaaaa;
    width: 171px;
}

span.Blank {
    display: inline-block;
    min-width: 100px;
    border-bottom: 1px solid #000000;
    color: darkblue;
    font-weight: bold;
}

#divETContent span.Blank:before,
#divTestContainer.Review span.Blank:before {
    content: attr(data-position);
    font-weight: bold;
    margin-right: 5px;
}

div.TaskPreview span.Blank:before  {
    content: attr(data-position)".";
    font-weight: bold;
    margin-right: 5px;
    color: #000000;
}

div.BlankAnswers,
div.MatchAnswers {
    display: none;
}
/* End of Fill in blank */

/* Matching */
#divMatchSetings > div.MatchSection {
    width: 100%;
    float: left;
}

div.Matching {
    margin-bottom: 10px;
    float: left;
}

div.MatchHeader {
    border-top: 1px solid #0000dd;
    border-bottom: 1px solid #0000dd;
    font-weight: bold;
}

div.MatchHeader > span {
    display: inline-block;
    height: 23px;
    line-height: 23px;
}

div.MatchHeader > span.Button {
    width: 36px;
    text-align: center;
    color: #ffffff;
    background-color: #2cb3ea;
    float: right;
    cursor: pointer;
}

div.MatchOffer, div.MatchItem {
    position: relative;
    width: 100%;
    min-height: 22px; /* 19px; */
    margin-top: 4px;
    float: left;
}

div.MatchPart {
    position: relative;
    width: 450px;
    margin-left: 30px;
    float: left;
    background-color: yellow;
}

div.MatchPart.ImageHolder {
    text-align: center;
}

#divMatchSetings div.MatchOffer:not(:last-child),
#divMatchSetings div.MatchItemWrapper:not(:last-child) {
    border-bottom: 1px dotted #0000dd;
}

div.MatchBody {
    float: left;
}

div.MatchOffer > div {
    display: inline-block;
    float: left;
}

div.MatchItem > * {
    display: inline-block;
    margin-left: 4px;
    float: left;
}

div.MatchOffer > div.Handle {
    width: 30px;
    text-align: center;
}

div.MatchItem > input.Handle {
    width: 24px;
    text-align: center;
}

div.MatchItem > div.Handle {
    width: 26px;
    height: 17px;
    border-bottom: 2px solid #aaaaaa;
}

div.MatchItem > div.Handle span,
div.MatchItem > div.SubPoints span {
    display: inline-block;
    width: 50%;
    height: 17px;
    text-align: center;
    float: left;
}

div.MatchItem > div.Handle span.RealAnswer {
    color: green;
}

div.MatchItem > div.Handle span.StudentAnswer,
div.MatchItem > div.SubPoints span.StudentPoints {
    color: blue;
}

div.MatchItems > div.MatchItem > input.Handle {
    color: #0000ff;
}

div.MatchItems > div.MatchItem > div.SubPoints {
    width: 62px;
}

div.MatchItemWrapper {
    position: relative;
    width: 100%;
    float: left;
}

div[data-highlight].Highlighted,
div[data-highlight]:hover {
    background-color: #dddddd;
}

div.MatchItemWrapper > div.Points {
    padding-bottom: 1px;
    float: right;
}

div.MatchItemWrapper > div.Points > * {
    display: inline-block;
    float: left;
}

div.MatchItemWrapper > div.Points > span.Label {
    line-height: 22px;
    margin-right: 2px;
}

div.MatchItemWrapper > div.Points > input {
    width: 30px;
    font-weight: bold;
    text-align: right;
}

div.MatchItemWrapper > div.Points > input.Match {
    margin-right: 4px;
}

#divRemoveMatch {
    cursor: pointer;
}

#divMatchSetings div.MatchBody {
    width: 100%;
}

div.TaskView.C1 > div.MatchBody {
    width: 610px;
}

div.TaskView.C2 > div.MatchBody {
    width: 305px;
}

div.TestView > div.MatchBody {
    width: 457px;
}

div.WatchView > div.MatchBody {
    width: 500px;
}

div.TaskView.C1 > div.MatchOffers,
div.ReviewView.C1 > div.MatchOffers,
div.OnlineView.C1 > div.MatchOffers,
div.WatchView > div.MatchOffers,
div.TestView > div.MatchOffers {
    margin-bottom: 10px;
}

div.ReviewView.C1 > div.MatchBody,
div.OnlineView.C1 > div.MatchBody {
    width: 900px;
}

div.ReviewView.C2 > div.MatchBody,
div.OnlineView.C2 > div.MatchBody {
    width: 450px;
}

#divMatchSetings div.MatchOffer > div.Content {
    width: 450px;
}

#divMatchSetings div.MatchItem > div.Content {
    width: 440px;
}

div.TaskView.C1 div.MatchOffer > div.Content,
div.TaskView.C1 > div.MatchItems > div.MatchItem > div.Content {
    width: 540px;
}

div.TaskView.C2 div.MatchOffer > div.Content,
div.TaskView.C2 > div.MatchItems > div.MatchItem > div.Content {
    width: 270px;
}

div.TestView div.MatchOffer > div.Content,
div.TestView > div.MatchItems > div.MatchItem > div.Content {
    width: 422px;
}

div.WatchView div.MatchOffer > div.Content {
    width: 465px;
}

div.WatchView > div.MatchItems > div.MatchItem > div.Content {
    width: 396px;
}

div.ReviewView.C1 div.MatchOffer > div.Content,
div.OnlineView.C1 div.MatchOffer > div.Content,
div.OnlineView.C1 > div.MatchItems > div.MatchItem > div.Content {
    width: 822px;
}

div.ReviewView.C2 div.MatchOffer > div.Content,
div.OnlineView.C2 div.MatchOffer > div.Content,
div.OnlineView.C2 > div.MatchItems > div.MatchItem > div.Content {
    width: 410px;
}

div.ReviewView.C1 > div.MatchItems > div.MatchItem > div.Content {
    width: 796px;
}

div.ReviewView.C2 > div.MatchItems > div.MatchItem > div.Content {
    width: 346px;
}

div.OnlineView > div.MatchOffers > div.MatchOffer {
    cursor: pointer;
}

div.OnlineView > div.MatchItems > div.MatchItem {
    cursor: default;
}
/* End of Matching */






/* #divATTable > div.Table {
    border: 1px solid #000000;
}

#divATTable > div.Table > div.TableRow {
    width: 100%;
    height: 19px;
    border-bottom: 1px solid #000000;
    float: left;
}

#divATTable > div.Table > div.TableRow > div.TableCell {
    width: 157px;
    height: 19px;
    border-right: 1px solid #000000;
    float: left;
} */


#divATTable {
    position: relative;
    padding-bottom: 5px; /* 21px; */
    overflow: auto;
}

div.TableContainer {
    width: 100%;
    margin-bottom: 10px;
    float: left;
    /* background-color: yellow; */
}

div.TableContainer table {
    margin: auto;
}

#divATTable > table {
    /* width: 700px; */
    /* border-collapse: separate; */
    /* table-layout: auto; */
    /* border: 1px solid #000000; */
    
}

#divATTable > table tr {
    /* width: 100%; */
    /* height: 19px; */
    /* border-bottom: 1px dotted #000000; */
    /* float: left; */
}

#divATTable > table tr td {
    /* width: 157px; */
    /* height: 19px; */
    /* border-bottom: 1px solid #000000; */
    /* border-right: 1px dotted #000000; */
    /* float: left; */
}



#divTCResize {
    display:none;
}

#divSpanDown,
#divSpanRight,
#divTCResizeY,
#divTCResizeXY,
#divTCResizeX {
    position: absolute;
    /* background-color: red; */
}

#divTCResizeY {
    height: 5px;
    left: 9px;
    right: 6px;
    bottom: -2px;
    cursor: row-resize; /* s-resize; */
}

#divTCResizeXY {
    width: 5px;
    height: 5px;
    right: 0px;
    bottom: 0px;
    cursor: se-resize;
    background-image: url(../img/dd.png);
}

#divTCResizeX {
    width: 5px;
    top: 9px;
    right: -2px;
    bottom: 6px;
    cursor: col-resize; /* e-resize; */
}

#divSpanRight {
    width: 8px;
    height: 8px;
    /* line-height: 7px; */
    top: 0px;
    right: -5px;
    /* text-align: center; */
    cursor: pointer;
    background-image: url(../img/multiple.png);
    border: 1px solid #000000;
}

#divSpanDown {
    width: 8px;
    height: 8px;
    /* line-height: 7px; */
    left: 0px;
    bottom: -4px;
    /* text-align: center; */
    cursor: pointer;
    background-image: url(../img/multiple.png);
    border: 1px solid #000000;
}

#divATTable > table tr td:last-child #divSpanRight,
#divATTable > table tr:last-child #divSpanDown {
    display: none;
}

/* #divSpanRight:hover {
    width: 11px;
    height: 11px;
} */

#divETUsageWarnings {
    display: none;
}
/*
 * End of ..view/teacher/task/edit.phtml 
 */

#divRoomState div.JDSDialogFormContent {
    width: 538px; 
    height: 309px;
}

#divRoomState div.JDSDialogFormContentRow {
    padding-left: 20px;
}

#divRoomState span.Prompt {
    display: block;
    margin-bottom: 20px; /* 8px; */
}

#divStudentAction div.MenuItem {
    width: 100px;
}

/*
 * ..view/teacher/test/index.phtml
 */
#divTSTests div.DropDownStarter {
    font-size: 17px;
    font-weight: bold;
    width: 490px; /* 670px; */ /* 936px; */
    white-space: nowrap;
    overflow: hidden;
}

span.TestName {
    display: inline-block;
    width: 440px; /* 620px; */ /* 630px; */
}

textarea.OriginalAnswer {
    color: green;
}


span.TestTeacherToken {
    display: inline-block;
    width: 50px;
}

span.TeacherGroup {
    background: url(../img/app/sharing1.png) no-repeat left center;
}

#divTestList {
    width: 479px; /* 480px; */
    height: 702px; /* 703px; */
    border-left: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    float: left;
    overflow: auto;
    /* background-color: red; */
}

#divTestList > div {
    position: relative;
    width: 100%;
    min-height: 48px;
    border-bottom: 1px dotted #000000;
    float: left;
    cursor: pointer;
}

#divTestList > div:hover {
    background-color: #dddddd;
}

#divTestList > div.Selected {
    background-color: #cccccc;
}

#divTestList > div.Selected > div.TestAuthor:after {
    content: "✉";
    margin-left: 10px;
}

#divTestList > div.Active {
    font-weight: bold;
}

#divTestList div.RowMenuStarter {
    right: 20px;
}

/* #divTestList > div.Foreign div.RowCommand button.EditMe,
#divTestList > div.Foreign div.RowCommand button.DeleteMe,
#divTestList > div.Used div.RowCommand button.EditMe,
#divTestList > div.Used div.RowCommand button.DeleteMe, */
#divTestPreview.Foreign div.RowCommand {
    display: none;
}

#divTestList label {
    display: inline-block;
    width: 60px;
    float: left;
}

#divTestList div.TestName {
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#divTestPreview {
    width: 478px;
    height: 702px;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    float: left; 
    overflow: auto;
    /* background-color: yellow; */
}

#divTestPreview > div { /* test sections */
    width: 100%;
    float: left;
    /* background-color: yellow; */
}

#divTestPreview > div > div { /* test items (test section headers and test tasks) */
    position: relative;
    width: 457px;
    margin-left: 4px;
    float: left;
}

/* #divTestPreview.Host:not(.Used) > div > div {
    cursor: pointer;
} */

#divTestPreview > div > div.TestSectionHeader {
    min-height: 34px;
    /* border-bottom: 1px solid #000000; */
    margin-bottom: 8px;
    /* background-color: #EBFFFF; */
}

div.TestSectionHeader  div.TestSectionTitle {
    font-weight: bold;
    margin-bottom: 4px;
}

div.TestSectionHeader  div.TestSectionDescription {
    min-height: 40px;
}

#divTestPreview > div > div.TestTask {
    margin-bottom: 16px;
    border-bottom: 1px dotted #000000;
}

/* #divTestPreview > div > div.TestTask:hover */
#divTestPreview div.TestTask.Hover {
    background-color: #dddddd;
}

div.SortView {
    /* white-space: nowrap; */
    overflow: hidden;
    cursor: grab; /* move; */
}

div.SortView div.RowCommand,
div.SortView div.RowMenuStarter {
    display: none;
}

div.TestSectionHeader.SortView {
    height: 60px;
}

div.TestTask.SortView {
    height: 50px; /* 17px; */ /* 50px; */
    background-color: #c9ffff; /* lightblue; */
}

div.TestTask.SortView[data-hierarchy-id]:not([data-hierarchy-deep="0"]) {
    display: none;
    /* background-color: #ebffff; */
}

div.TestTask.SortView textarea {
    background-color: transparent;
}

#divTestPreview div.TaskSection.Content {
    margin-bottom: 10px;
}

/* #divTestPreview */ div.Image {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

div.OpenAnswer.Background3,
div.OpenAnswer.Background4 {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

#divTestPreview div.Enums > div.Enum span.RightLabel {
    width: 425px;;
    float: left;
}

#divTestPreview div.Points {
    width: 38px;
    height: 18px;
    border: 1px solid #aaaaaa;
    font-weight: bold;
    text-align: right;
    float: right;
    /* margin-top: 10px; */
}

#divTestList div.InfoStarter,
#divTestPreview div.InfoStarter,
#divTestContainer div.InfoStarter  {
    width: 20px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    float: right;
    font-style: italic;
    font-weight: bold;
    border-radius: 10px;
    cursor: default;
}

#divTestPreview div.Info,
#divTestContainer div.Info {
    display: none;
}

#divTestList div.Used div.InfoStarter,
#divTestPreview > div > div.Used div.InfoStarter,
#divTestContainer > div > div.Used div.InfoStarter {
    /* color: red; */
    background-color: pink;
}

#divTestList div.Unused div.InfoStarter,
#divTestPreview > div > div.Unused div.InfoStarter,
#divTestContainer > div > div.Unused div.InfoStarter {
    /* color: red; */
    background-color: lightgreen;
}

#divTestList div.Foreign div.InfoStarter,
#divTestPreview > div > div.Foreign div.InfoStarter,
#divTestContainer > div > div.Foreign div.InfoStarter {
    filter: Alpha(Opacity=30);
    opacity: 0.3;
}

/* #divTestPreview div.RowCommand */
/* #divTestPreview div.RowMenuStarter */
#divTestSectionMenuStarter,
#divTaskMenuStarter {
    right: 60px; /* 40px; */
}

#divSortMenuStarter {
    width: 30px;
    right: 142px;
}

/* #divTestPreview div.RowCommand span {
    color: #ffffff;
} */

#divTestPreview.Used div.RowCommand /* ,
div[data-hierarchy-deep="3"] button.Subquestion,
div[data-hierarchy-deep]:not([data-hierarchy-deep="0"]) button.DuplicateMe,
div.TestTask.Used button.Subquestion */ {
    display: none;
}

div.RowMenuStarter {
    position: absolute;
    /* right: 0px; */
    bottom: 0px;
    width: 80px; /* 50px; */
    height: 21px;
    line-height: 21px;
    color: #ffffff;
    background-color: #2cb3ea;
    text-align: center;
    /* float: right; */
}

#divTestList.Status2 {
    background-color: #d6d1bf;
    /* opacity: 0.5; */
}

/*
 * End of ..view/teacher/test/index.phtml
 */

/*
 * ..view/teacher/test/edit.phtml
 */
#divEditTest div.JDSDialogFormContent {
   width: 486px;
   height: 269px;
}

#frmEditTest label {
    width: 80px;
}

#frmEditTest span.FlatCheckbox {
    margin-left: 80px;
}

#txtTestName {
    width: 388px; /* 400px; */
}

#divTestStatus {
    width: 120px;
}

#divETEbooks {
    /* width: 100%; */
    height: 265px;
    border: 2px solid #aaaaaa;
    color: #000000;
    background-color: #ffffff;
}

#divETEbooksHeader,
#divETEbooksBody {
    width: 100%;
    float: left;
}

#divETEbooksHeader {
    height: 21px;
    line-height: 21px;
    font-weight: bold;
    border-bottom: 1px solid #000000;
}

#divETEbooksBody {
    height: 243px;
}

#divETEbooksBody > div.Ebook {
    position: relative;
    height: 19px;
    line-height: 19px;
    border-bottom: 1px dotted #000000;
    float: left;
    cursor: pointer;
}

#divETEbooksBody > div.Ebook > span.ListColumn {
    white-space: nowrap;
    overflow: hidden;
}

#divETEbooks span.ETEbookName {
    width: 400px;
}

#divETEbooks span.ETEbookUrl {
    width: 82px;
    
}

#divTUEbooksTitle {
    height: 21px;
    line-height: 21px;
    border-bottom: 1px solid #ffffff;
}

/* #divTUEbooks {
    background-color: yellow;
    height: 70px;'
} */

#divTUEbooks > div.ETUEbook {
    width: 100%;
    height: 21px;
    float: left;
}

#divTUEbooks > div.ETUEbook.Checked > span.FlatCheckbox {
    background-image: url(../img/checkmark.png);
}

#divTUEbooks > div.ETUEbook > span {
    float: left;
}

#divTUEbooks > div.ETUEbook > span.ETUEbookName {
    display: inline-block;
    width: 316px;
    height: 21px;
    line-height: 21px;
    margin-left: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#frmEETEditEbook div.JDSDialogFormContent {
    width: 486px;
    height: 100px;
}

#frmEETEditEbook label {
    width: 80px;
}

#txtETEbookName,
#txtETEbookUrl {
    width: 360px;
}
/*
 * End of ..view/teacher/test/edit.phtml
 */

/*
 * ..view/teacher/test/editsection.phtml
 */
#divEditTestSection div.JDSDialogFormContent {
   width: 878px; /* 486px; */
   height: 559px; /* 269px; */
}

#divEditTestSectionPreview,
#ifPdfPreview {
    width: 499px;
    height: 555px;
    color: #000000;
    border: 2px solid #aaaaaa;
    float: left;
    background-color: #ffffff;
    overflow: auto;
}

#divTestSectionAttributes {
    position: relative;
    width: 354px; /* 364px; */
    height: 559px;
    margin-left: 18px; /* 8px; */
    float: left;
}

#txtTestSectionTitle,
#tarTestSectionDescription {
    width: 478px;
    border: none;
    float: left;
}

#divETSectionPicture {
    position: relative;
    width: 480px;
    text-align: center;
    float: left;
}

#divETSectionPicture button {
      position: absolute;
      right: 0px;
      top: 0px;
      background-color: #2cb3ea;
}

#btnETSectionPictureAdd {
    position: absolute;
}

#filETSectionPictureFile {
    width: 133px; /* 158px; */
}

#divETSPdfSection {
    margin-top: 20px;
    /* margin-left: 20px; */
    margin-bottom: 10px;
}

#divETSPdfTemplateLabel {
    margin-bottom: 4px;
}

#divTestSectionTemplates div.DropDownStarter {
    width: 345px;
}

#divTestSectionPdfTemplateForm {
    width: 100%;
    height: 348px;
    /* background-color: yellow; */
}

#divTestSectionAttributes label {
    width: 120px;
}

#btnETSImportExisting {
    margin-right: 10px;
}

#btnEditTestSectionSave {
    margin-right: 150px; /* 310px; */
}
/*
 * End of ..view/teacher/test/editsection.phtml
 */

/*
 * ..view/teacher/test/edituse.phtml 
 */
#divTestActivation div.JDSDialogFormContent {
    width: 878px; /* 538px; */
    height: 591px; /* 559px; */ /* 309px; */
}

#frmEditCourseuseFeedback label:not(.RightLabel),
#frmTestActivation label:not(.RightLabel) {
    width: 93px;
}

#frmTestActivation label.RightLabel {
    min-width: 75px; /* 70px; */
}

#divTUShuffleEnums span.RightLabel {
    display: inline-block;
    min-width: 75px;
}

#divTUTaskByTask1 {
    height: 50px;
}

#divTUTaskByTaskTitle, #divTUShuffleTitle {
    height: 21px;
    line-height: 21px;
    margin-bottom: 5px;
    /* border-bottom: 1px solid #ffffff;
    width: 320px; */
}

#divTUTaskByTaskOptions {
    padding-left: 19px;
}

/* div.TestUseSettings */
#divTUMandatoryAnswers,
#divTAOnlineSettings,
#divTAPdfSettings,
#divTUEmailFroms,
#divETUTheme,
#divTUTaskByTask {
    margin-left: 93px;
}

#divETUBrowser {
    width: 290px;
}

#divETUTheme {
    width: 82px;
}

span.FeedbackTheme {
    padding-left: 20px;
    padding-right: 20px;
}

#txtTestUsePinCode,
#txtTestUseToken,
#txtTestUseDescription,
#divTUEmailFroms,
#txtTUFeedbackTitle,
#txtTUEmailSubject,
#tarTUEmailBody {
    width: 328px;
}

#tarTUEmailBody {
    height: 156px;
}

#txtTUEmailFrom {
    width: 300px;
}
#btnShowEmailTemplates {
    margin: 0px;
    padding: 0px;
}

#divETUGrade,
#divETUSubject {
    width: 331px;
}

#txtTestUseDay, #txtTestUseEnd {
    width: 90px;
}

#txtTestUseTimeStart, #txtTestUseTimeEnd {
    width: 40px;
}

#txtTestUseToken[readonly],
#txtTestUseDescription[readonly],
#txtTestUseTimeStart[readonly],
#txtTestUseTimeEnd[readonly],
#txtTUFeedbackTitle[readonly],
#txtTUEmailFrom[readonly],
#txtTUEmailSubject[readonly],
#tarTUEmailBody[readonly] {
    pointer-events: none;
    color: #6d6d6d;
    background-color: #e3e3e3;
}

#txtTUCheatPenaltyDuration {
    width: 30px;
}

#divTUCheatPenaltyDuration {
    padding-left: 19px;
}

#divTUCheatPenaltyDuration[disabled] span {
    color: lightblue;
}

#divTAStudents {
    width: 431px;
    height: 580px;
    margin-right: 10px;
    border: 2px solid #aaaaaa;
    float: left;
}

#divTAStudents[disabled] {
    opacity: 0.9;
}

#divTAData {
    width: 430px;
    height: 584px;
    float: left;
    /* background-color: red; */
}

#divTestInfo {
    background-color: lightgreen;
    position: absolute;
    right: 10px;
    bottom: 50px;
}

#divTAStudents > div {
    width: 100%;
    float: left;
    color: #000000;
    background-color: #ffffff;
}

#divTAStudentFilter {
    height: 28px;
}

#divTAStudentListFooter {
    border-top: 1px solid #aaaaaa;
    height: 21px;
    line-height: 21px;
    font-weight: bold;
}

#divTestWatchHeader::after {
    content: attr(data-students-count);
    padding-left: 19px;
    font-weight: bold;
}

#divTAStudentListFooter > span {
    margin-left: 4px;
    float: left;
}

#divTAStudentListHeader {
    height: 21px;
    border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    font-weight: bold;
}

#divTAStudentList {
    height: 507px; /* 529px; */
    overflow: auto;
}

#divTAStudentList > div {
    position: relative;
    width: 100%;
    height: 21px;
    float: left;
    border-bottom: 1px dotted #aaaaaa;
    cursor: pointer;
}

#divTAStudentList > div:hover {
    background-color: #dddddd;
}

#divTAStudentList > div.Checked:not(.Inactive) {
    background-color: #cccccc;
}

/* #divTAStudentList > div.Inactive {
    color: #777777;
} */

#divTAStudentList > div.Inactive {
    /* opacity: 0.5; */
    color: #6d6d6d;
    background-color: #e3e3e3;
}


#divTAStudentListHeader span.FlatCheckbox.Checked,
#divTAStudentList > div.Checked span.FlatCheckbox {
    background-image: url(../img/checkmark.png);
}

#divTAStudentList > div.SOCInvisible {
    display: none;
}

#divTAStudentListHeader span,
#divTAStudentList > div span {
    /* height: 17px; */
    line-height: 21px;
    margin-left: 4px;
    float: left;
}

#divTAStudentListHeader span.RightLabel {
    margin-right: 16px;
}

#divTAStudentList span.TAStudentFullName {
    width: 323px;
}

#divTAStudentList span.TAHomeGrade {
    width: 60px;    
    overflow: hidden;
    white-space: nowrap;
}

#frmEmailTemplates > div.JDSDialogFormContent {
    width: 878px;
    height: 556px;
}

#divEmailTemplatesBody {
    width: 100%;
    height: 100%;
    color: #000000;
    background-color: #ffffff;
    overflow: auto;
}

#divEmailTemplatesBody > div.EmailTemplate {
    position: relative;
    padding: 5px;
    border-bottom: 1px dotted #000000;
    /* height: 55px;
    overflow: hidden;
    text-overflow: ellipsis; */
    cursor: pointer;
}

#divEmailTemplatesBody > div.EmailTemplate.Hover {
    background-color: #eeeeee;
}

#divCourseUseDocumentMenuStarter,
#divEmailTemplateMenuStarter {
    right: 18px;
}

#divEmailTemplatesBody > div.EmailTemplate.Selected {
    background-color: #dddddd;
}

#divEmailTemplatesBody > div.EmailTemplate > div.From {
     text-decoration: underline;
}

#divEmailTemplatesBody > div.EmailTemplate > div.Subject {
    height: 25px;
    line-height: 25px;
    font-weight: bold;
}
/* Test info */
div.TestInfo {
    padding-left: 5px;
    padding-right: 5px;
}

div.TestInfo.Invisible {
    display: none;
}

div.TestInfo > div,
div.TestInfoSectionsBody > div {
    display: inline-block;
    float: left;
}

div.JDSDialogTabContent.TestInfo {
    height: 240px;
}

div.JDSDialogTabContent div.TestInfoSectionsPane {
    max-width: 372px;
    height: 240px;
    overflow: auto;
}

div.JDSDialogTabContent div.TestInfoSectionsBody {
    height: 220px;
}

div.JDSDialogTabContent div.TestInfoHeader,
div.JDSDialogTabContent div.TestInfoSection,
div.JDSDialogTabContent div.TestInfoTotal {
    width: 77px; /* it should also change intColumnWidth in TestController > edituseAction */
}

div.Tooltip div.TestInfo div.TestInfoHeader,
div.Tooltip div.TestInfo div.TestInfoSection,
div.Tooltip div.TestInfoTotal {
    width: 60px; /* it should also change intColumnWidth in teacher/test/index*/
}

div.TestInfo div.Header {
    height: 19px;
    border-bottom: 1px solid #ffffff;
}

div.TestInfo div.Data {
    height: 19px;
    line-height: 19px;
}

div.TestInfoTotal {
    font-weight: bold;
}
/* End of test info */

#divStudentTests div.DropDownStarter {
    width: 560px; /* 433px; */ /* 483px; */ /* 535px; */ /* 580px; */
    margin-left: 21px;
    font-size: 17px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    /* background-color: yellow; */
}

#divTestAnswerPoints,
#divTestTaskPoints {
    width: 51px;
    height: 24px;
    line-height: 24px;
    /* border-left: 1px solid #cccccc; */
    border-right: 1px solid #cccccc;
    padding-right: 2px;
    font-size: 17px;
    font-weight: bold;
    text-align: right;
    float: left;
}

#divTestAnswerPoints.Markable {
    background: url(../img/hastitle.png) no-repeat right top;
}

/* #divTestAnswerPoints.Active {
    visibility: hidden;
} */

#divStudentTestStatus {
    width: 958px;
    height: 24px;
    margin-top: 4px;
    border: 1px solid #cccccc;
    /* background-color: red; */
}

#divTestRemainingTime {
    width: 100px;
    /* margin-left: 140px; 23.07.2020 */
    height: 20px;
    font-size: 17px;
    text-align: center;
    float: left;
    overflow: hidden;
    cursor: default;
    /* background-color: red; */
}

#divAnswerProgress {
    /* width: 750px; */
    height: 24px;
    margin-left: 4px;
    border-right: 1px solid #cccccc;
    float: left;
    overflow: hidden;
}

#divAnswerProgress.StudentView.Active {
    width: 876px; /* 750px; */
}

#divAnswerProgress.StudentView.Review {
    width: 822px; /* 750px; */
}

#divAnswerProgress.TeacherView {
    width: 871px;
}

#divAnswerProgress span {
    width: 30px;
    border: 1px solid #cccccc;
    margin-top: 3px; /* 4px; */
    margin-right: 2px;
    float: left;
    cursor: pointer;
}

#divAnswerProgress span.Answered {
    background-color: lightgreen;
}

#divAnswerProgress span.Current {
    outline: 1px solid #000000;
}

#divAnswerProgress span.TestSectionNumber {
    font-weight: bold;
    background-color: lightblue; /* #ebffff; */
}

#divStudentChatStarter {
    width: 20px;
    height: 24px;;
    margin-right: 1px; /* 2px; */
    background: url(../img/app/balloon/balloon.png) no-repeat center center;
    float: right;
    cursor: pointer;
}

#divStudentChatStarter.Unread {
    background: url(../img/app/balloon/balloon.gif) no-repeat center center;
    /* background-color: red; */
}

#divNoActiveTest {
    margin-top: 100px;
    text-align: center;
    color: #9d9d9d;
}

#divNoActiveTest span {
    font-size: 96px;
}

#divNoActiveTest p {
    font-size: 16px;
}

#divTestPinCode {
    margin-top: 250px;
    text-align: center;
}

#pTestPinCode {
    /* margin-top: 20px; */
    color: red;
    /* font-size: 18px; */
}

#divTestOnStandby {
    margin-top: 100px;
    text-align: center;
    color: #000000;
}

#divTestOnStandby > div {
    font-size: 96px;
}

#divTestContainer {
    width: 958px;
    height: 673px; /* 698px; */ /* 703px; */
    /* margin-top: 4px; */
    /* border-top: 1px solid #cccccc; */
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    overflow: auto;
    /* background-color: yellow; */
}

#divTestContainer > div { /* test sections */
    width: 941px; /* 100%; */
    float: left;
    /* background-color: yellow; */
}

#divTestContainer > div > div { /* test items (test section headers and test tasks) */
    position: relative;
    width: 100%;
    margin-top: 4px;
    margin-bottom: 12px;
    float: left;
    /* cursor: pointer; */
}
/* #divTestContainer.Host:not(.Used) > div > div {
    cursor: pointer;
} */

#divTestContainer div.TestSectionHeader {
    width: 931px;
    padding-left: 10px;
    /* cursor: default; */
    min-height: 34px;
    /* border-bottom: 1px solid #000000; */
    margin-bottom: 8px;
    /* background-color: lightblue; */ /* #EBFFFF; */
}

div.TestSectionHeader {
    background-color: lightblue; /* #EBFFFF; */
}

/* #divTestContainer > div.TestTask {
    cursor: pointer;;
} */

#divTestContainer div.TaskPart {
    float: left;
}

/* #divTestContainer div.RowCommand */
#divTestContainer div.RowMenuStarter {
    right: 80px; /* 60px; */ /* 110px; */
}

#divTestContainer.Foreign div.RowCommand {
    display: none;
}

#divTestContainer div.TaskNumber {
    width: 40px;
    font-weight: bold;
    /* background-color: red; */
}

#divTestContainer div.TaskContent {
    width: 900px;
    /* background-color: yellow; */
}

#divTestContainer div.TaskContent > div.Content {
    margin-bottom: 4px;
}

#divTestContainer div.TaskContent div.Enums > div.Enum {
    width: 100%;
    margin-bottom: 4px;
    float: left;
}

div.EnumPart {
    width: 100%;
    float: left;
}

div.EnumPart.Image {
    text-align: center;
    overflow: hidden;
}

div.Enum {
    float: left;
    margin-bottom: 5px;
}

div.EnumPart.Open span.AnswerArea {
    display: block;
    /* width: 427px; */
    margin-left: 27px;
}

div.EnumPart.OriginalEnumAnswer {
    padding-left: 32px;
    color: #006400;
    /* border-bottom: 1px dotted #006400; */
    box-sizing: border-box;
}

div.EnumPart span.EnumAnswer {
    display: block;
    /* width: 427px; */
    margin-left: 32px;
    color: #0000ff;
}
div.EnumPart.ControlScope {
    margin-bottom: 10px;
}

div.EnumPart.ControlScope span:first-child {
    margin-left: 30px;
}

/* #divTestContainer div.TaskContent div.Enums */ b.Points {
    /* margin-left: 4px; */
    margin-right: 4px;
    float: right;
}

#divTestContainer div.TaskContent div.Enums div.Positive {
    color: green;
}

#divTestContainer div.TaskContent div.Enums div span.RightLabel {
    width: 868px;
    float: left;
}

#divTestContainer img.TaskEnumFormula {
    /* padding-top: 5px; */
    padding-left: 20px;
}

#divTestContainer textarea.Answer {
    border: 1px dotted #aaaaaa;
    width: 890px;
    color: #0000ff;
}

#divTestContainer textarea.EnumAnswer {
    margin-left: 27px;
    border: 1px dotted #aaaaaa;
    width: 863px;
    color: #0000ff;
}

#divTestContainer canvas,
#divTestContainer img.Answer {
    outline: 1px dotted #aaaaaa;
}

img.Answer.Background3,
img.Answer.Background4 {
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

#divTestContainer canvas.Background3,
#divTestContainer canvas.Background4 {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

#divJDSHandwritingTools.TestCommand {
    float: left;
}

#divJDSHandwritingTools.Invisible {
    display: none;
}

#divTestContainer div.TaskContent div.OriginalAnswer {
    color: green;
}

#divTestContainer div.TaskContent div.TextAreaReplacement {
    width: 889px;
    padding-left: 2px;
    padding-right: 2px;
    border: 1px solid #cccccc;
}

#divTestContainer div.Points,
#divTestContainer div.SectionPoints,
#divTestContainer div.TaskContent div.TaskPoints,
#divTestContainer div.TaskContent div.AnswerPoints {
    width: 50px; /* 100px; */
    height: 19px;
    margin-right: 5px;
    text-align: right;
    float: right;
    border: 1px solid #aaaaaa;
    font-weight: bold;
    /* background-color: red; */
}

#divTestAnswerPoints,
#divTestContainer div.AnswerRemark,
#divTestContainer div.AnswerPoints,
#divTestContainer div.SectionPoints.Answer,
#divTestContainer div.TestRemark {
    color: #0000ff; /* darkblue; */
}

#divTestContainer div.AnswerRemark {
    width: 780px;
    float: left;
    /* border-top: 1px solid #ff0000; */ /* darkblue; */
    /* background-color: yellow; */
}

#divTestContainer div.TestRemark {
    /* width: 780px; */
    float: left;
    border-top: 1px solid darkblue; /* #ff0000; */
    font-weight: bold;
    /* background-color: yellow; */
}




/* Security mode */
#btnNextTask[data-task-by-task="2"],
div.TaskByTaskPast,
div.TaskByTaskFuture {
    display: none;
}

/* End of Security mode */

table.LostMarks td.ExamName {
    width: 200px;
    text-align: left;
}

table.LostMarks td.LostMark {
    text-align: center;
}

table.LostMarks td.Action {
    padding-left: 4px;
    padding-right: 4px;
}

table.LostMarks td.Action span {
    font-weight: bold;
    /* padding-left: 4px; */
    /* padding-right: 4px; */
    color: darkblue;
    /* background-color: lightblue; */
    cursor: pointer;
}

table.LostMarks td.Action span:hover {
    outline: 2px solid #ffffff;
}

table.LostMarks tr.Command td.Action {
    text-align: center;
}


/*
 * ..view/teacher/test/watch.phtml 
 */
#divTSMTeachers div.DropDownStarter {
    width: 60px;
    font-size: 16px; /* 17px; */
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
}

span.TSMTeacher {
    display: inline-block;
    /* float: left; */
}

span.TSMTeacher.Token {
    width: 60px;
}

#divTSMTeachers div.DropDownStarter span.TSMTeacher.FullName {
    display: none;
}

#divTestUses div.DropDownStarter {
    width: 718px; /* 898px; */ /* 958px; */
    height: 24px;
    font-size: 16px; /* 17px; */
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
}

span.TestUse {
    /* display: inline-block; */
    white-space: nowrap;
    overflow: hidden;
    /* float: left; */
    /* padding-right: 8px; */
    text-overflow: ellipsis;
}

span.TestUse.Date {
    width: 205px; /* 100px; */
    /* background-color: yellow; */
}

div.Watchable > span.TestUse.Name {
    background: url(../img/checkmarkwhite.png) no-repeat 25px center;
}

/* div[data-review="1"] > span.TestUse.Name {
    background: url(../img/app/eye.png) no-repeat 10px center;
} */

div[data-review="1"] > span.TestUse.Name:before {
     content: "R- ";
     margin-left: -15px;
     color: #00ff00;
}

span.TestUse.Name {
    width: 402px;
    padding-left: 43px;
}

/* student/test/index/active */
div.DropDownStarter span.TestUse.Title {
    width: 350px;
}

div.DropDown span.TestUse.Title {
    width: 340px;
}

span.TestUse.DateTime {
    width: 210px;
    text-align: right;
}

#divTaskRemainingTime {
    display: inline-block;
    height: 21px;
    line-height: 21px;
    /* margin-right: 10px; 23.07.2020 */
    margin-left: -40px;
    font-size: 17px;
    float: left; /* right; 23.07.2020 */
    /* background-color: lightgreen; */
}

#btnNextTask {
    margin-right: 10px;
    float: right;
}

div.TaskFooter {
    width: 250px;
    height: 22px;
    float: right;
    /* background-color: red; */
}
/* End of student/test/index/active */

/* student/test/index/review */
div.StudentAnswer,
div.StudentEnumAnswer {
    /* border: 1px solid #aaaaaa; */
    color: #0000ff;
}

div.StudentEnumAnswer {
    margin-left: 32px;
}

div.EnumAnswer {
    margin-left: 30px;
}
/* End of student/test/index/review */

div.DropDownStarter span.TestUse.Desc {
    max-width: 248px;
    /* background-color: red; */
}

/* div.DropDownStarter span.TestUse.Desc:hover {
    text-overflow: clip;
    white-space: normal;
    word-break: break-all;
} */

div.DropDown span.TestUse.Desc {
    /* width: 45px; */
    max-width: 220px;
}

/* div.DropDownItem.Past {
    filter: Alpha(Opacity=50);
    opacity: 0.5;
}

div.DropDownItem:not(.Past) {
    font-weight: bold;
} */

div.DropDownItem.Current:not(.DropDownItemSelected) {
    color: lightgreen;
}

div.DropDownItem.Future:not(.DropDownItemSelected) {
    color: green;
}

div.DropDownStarter.Current {
    background-color: lightgreen;
}

div.DropDownStarter.Future {
    background-color: green;
    color: lightgreen;
}

#divTestWatch {
    width: 958px;
    /* height: 300px; */
    margin-top: 4px;
    /* border: 1px solid #aaaaaa; */ /* GR style */
    padding: 1px; /* GR style */
    border-radius: 3px; /* GR style */
    float: left;
    background-color: #f4f4f4; /* GR style */
}

/* #divTestWatch.StandbyTest {
    filter: Alpha(Opacity=50);
    opacity: 0.5;
} */

#divTestWatchHeader {
    width: 308px; /* 258px; */ /* 149px; */
    /* border-right: 1px solid #aaaaaa; */ /* GR style */
    margin-right: 1px;
    /* border-radius: 3px; */ /* GR style */
    float: left;
}

#divTestWatchHeader > div,
#divTestWatchHeader > div > div {
    float: left;
}

#divTestWatchHeader > div > div {
    height: 100%;
}

#divTestWatchHeader > div.TableRow.Header {
    width: 100%;
    height: 33px;
    /* border-bottom: 1px solid #aaaaaa; */ /* GR style */
    margin-bottom: 1px; /* GR style */
    cursor: default;
    /* background-color: yellow; */
}

#divTestWatchHeader > div:not(.Header) {
    height: 23px;
    line-height: 23px;
    /* border-bottom: 1px dotted #aaaaaa; */ /* GR style */
    /* border-bottom: 1px solid #f4f4f4; */ /* GR style */
}

/* GR style */
#divTestWatchHeader > div.TableRow {
    border-radius: 3px;
    margin-bottom: 1px;
    background-color: #ffffff;
}

/* GR style */
#divTestWatchHeader > div.TableRow:not(.Header):hover {
    outline: 1px solid #ec4743;
    background-color: #fcebe9;
}

#divTestWatchHeader > div.Cheat {
    background-color: #ffc7ce;
}

#divTestWatchHeader > div.Absent {
    filter: Alpha(Opacity=50);
    opacity: 0.5;
}

#divTestWatchHeader div.StudentData {
    width: 308px;
    background: url(../img/app/gr_menu_starter.png) no-repeat right center; /* GR style */
    /* background-color: red; */
}

#divTestWatchHeader > div.Header > div.CountDown {
    width: 308px;
    line-height: 31px;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
}

#divTestWatchHeader div.StudentData.Selected {
    background-color: #cccccc;
}

#divTestWatchHeader span.StudentNote {
    width: 18px;
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
}

#divTestWatchHeader span.StudentFullName {
    color: /* #6ab6fc; */ #00608c; /* GR style */
    float: left;
    height: 100%;
    max-width: 250px;
    overflow: hidden;
}

#divTestWatchHeader span.GradeName,
#divTestWatchHeader span.BMStatus {
    margin-left: 8px;
    font-size: 10px;
    font-weight: bold;
    float: left;
}

#divTestWatchHeader span.GradeName {
    max-width: 70px;
    white-space: nowrap;
    overflow: hidden;
}

#divTestWatchHeader span.BMStatus {
    color: purple;
}

#divTestWatchHeader span.Suspended {
    display: inline-block;
    width: 17px; /* 9px; */ /* 12px; */ /* GR style */
    height: 23px; /* 12px; */ /* 16px; */ /* GR style */
    /* margin-left: 8px; */ /* GR style */
    margin-right: 14px; /* GR style */
    /* background: url(../img/app/stop2.png) no-repeat center center; */
    /* background-color: #ff0000; */
    /* float: left; */
    float: right; /* GR style */
}

#divTestWatchHeader span.Suspended.ByTeacher {
    /* background-color: #ff0000; */ /* GR style */
    background: url(../img/app/gr_suspended.png) no-repeat center center; /* GR style */
    background-size: contain; /* GR style */
}

#divTestWatchHeader span.Suspended.ByStudent {
    /* background-color: #0000ff; */
    background: url(../img/app/gr_confirmed.png) no-repeat center center; /* GR style */
    background-size: contain;
    /* background: url(../img/checkmark.png) no-repeat center center; */
}

#divTestWatchHeader span.StudentTestChatStarter {
    width: 15px; /* 11px; */
    margin-right: 4px; 
    background: url(../img/app/balloon/gr_balloon.png) no-repeat center center; /* GR style */
    float: right;
}

#divTestWatchHeader span.StudentTestChatStarter.Unread {
    /* outline: 2px solid red; */
    /* background-color: red; */
    background: url(../img/app/balloon/balloon.gif) no-repeat center center;
}

div.StudentTestChat {
    display: none;
}

div.TestChatPreview {
    /* display: none; */
    width: 530px; /* 455px; */ /* 465px; */
    height: 266px;
    margin-left: 2px;
    padding: 2px;
    border: 1px solid #ffffff;
    overflow: auto;
    /* background-color: yellow; */
}

div.TestChatPreview span {
    display: block;
    width: 475px; /* 500px; */
    margin-bottom: 8px;
}

div.TestChatPreview span.Unread {
    font-weight: bold;
}

div.TestChatPreview span.FromTeacher {
    /* width: 500px; */
    /* font-weight: bold; */
    float: left;
    /* background-color: darkblue; */
}

div.TestChatPreview span.FromStudent,
div.TestChatPreview span.FromApp {
    /* width: 490px;
    margin-left: 32px; */
    float: right;
}

div.TestChatPreview span.FromApp {
    width: 300px;
    background-color: #ff0000;
}

#tarTestChatMessage {
    width: 532px;
}

#divTestWatchHeader div.IPAddresses {
    width: 0px;
    overflow: hidden;
    /* background-color: green; */
}

#divTestWatchTotal {
    width: 49px; /* 99px; */
    float: left;
    /* border-left: 1px solid #aaaaaa; */ /* GR style */
    margin-left: 1px; /* GR style */
    /* border-radius: 3px; */ /* GR style */
    font-weight: bold;
    text-align: right /* center */; /* GR style */
    /* background-color: #f4f4f4; */ /* GR style */
}

#divTestWatchTotal.Anonymous:before {
    content: attr(data-anonymous);
    font-size: 28px;
    position: absolute;
    left: 550px;
    top: 155px;
}

/* GR style */
#divTestWatchTotal > div.Header > div {
    padding-right: 10px;
}

/* GR style */
div.StudentTestPoints {
    padding-right: 10px;
}

/* #divTestWatchTotal */ div.StudentTestRemark {
    width: 500px;
    color: #ff0000;
}

#divTestWatchTotal > div:not(.Header),
#divTestWatchTasks div.TaskColumn > div:not(.Header) {
    height: 23px;
    line-height: 23px;
    /* border-bottom: 1px dotted #aaaaaa; */
    /* border-bottom: 1px solid #ffffff; */ /* GR style */
    margin-bottom: 1px; /* GR style */
}

#divTestWatchTasks div.TaskColumn > div {
    padding-left: 10px; /* GR style */
    text-align: left; /* center; */ /* GR style */
    /* border-radius: 3px; */ /* GR style */
}

/* GR style */
#divTestWatchTasks > div.TaskColumn:first-child > div {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 5px;
}

/* GR style */
#divTestWatchTasks > div.TaskColumn:last-child > div {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 5px;
}

#divTestWatchTotal > div.Header,
#divTestWatchTasks div.TaskColumn > div.Header {
    height: 33px;
    /* border-bottom: 1px solid #aaaaaa; */ /* GR style */
    margin-bottom: 1px; /* GR style */
    /* font-weight: bold; */
    cursor: default;
    color: #a6a6a6; /* GR style */
}

#divTestWatchTasks div.TaskColumn > div.Header > div:first-child {
    font-weight: bold;
    /* background-color: #f4f4f4; */ /* GR style */
}

#divTestWatchTasks div.TaskColumn > div.Header:hover,
#divTestWatchTasks div.TaskColumn.Selected > div.Header {
    background-color: #cccccc;
}

div.AnswerPreview div.Enums,
#divTestWatchTotal div.StudentTestRemark,
#divTestWatchTasks div.TaskColumn div.TaskPreview,
#divTestWatchTasks div.TaskColumn div.AnswerPreview {
    display: none;
}

div.TaskTooltip {
    display: none;
    position: absolute;
    width: 500px;
    border: 1px solid #000000;
    background-color: #ffffff !important;
}


/* div.TaskTooltip div.Cheat { */
div.TaskTooltip div.IPAddress {
    width: 500px;
    border-top: 1px solid #000000;
    float: left;
    overflow: hidden;
    /* background-color: #ffc7ce; */
}

div.TaskTooltip div.IPAddress.Cheat {
    background-color: #ffc7ce;
}

div.TaskPreview {
    /* max-width: 300px; */
    /* margin-top: 8px; */
    width: 500px; /* 350px; */
    float: left;
    /* min-height: 50px; */
    /* background-color: #dddddd; */
}

div.TaskPreview > div.Task {
    background-color: #dddddd;
}

div.TaskPreview > div.OriginalAnswer {
    border-bottom: 1px solid #000000;
    background-color: #eeeeee;
    color: green;
}

div.AnswerPreview {
    width: 500px;
    border-top: 1px solid #ffffff;
    float: left;
}

div.TaskPreview > div,
div.AnswerPreview > div {
    width: 500px;
    padding-bottom: 4px;
    float: left;
}

div.AnswerPreview > div.Answer {
    color: #0000ff;
}

div.AnswerPreview div.StudentTaskRemark {
    background-color: #eeeeee;
    color: #ff0000;
    /* white-space: pre-wrap; */
}

div.TaskPreview div.Picture {
    height: 50px;
    /* margin-bottom: 4px; */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

div.TaskPreview div.Enum {
    width: 100%;
    margin-bottom: 4px;
    float: left;
}

div.TaskPreview div.Enum span.RightLabel {
    width: 460px;
    float: left;
}

/* GR style */
#divTestWatchTasks div.TaskColumn > div.Empty {
    background-color: #ffffff;
}

#divTestWatchTasks div.TaskColumn > div.Answered {
    background-color: #d0f0fa;
    background-repeat: no-repeat;
    background-position: left top;
}

#divTestWatchTasks div.TaskColumn > div.Assessed {
    background-color: #d9efc1; /* lightgreen; */ /* GR style */
}

#divTestWatchTasks div.TaskColumn > div.Assessed.Dirty {
    background-image: url(../img/app/symbols/s07.gif);
}

#divTestWatchTotal > div.StudentTotalContainer,
#divTestWatchTasks div.TaskColumn > div.StudentAnswerContainer {
    /* color: #ff0000; */
    cursor: pointer;
}

/* GR style */
div.StudentTotalContainer {
    border-radius: 3px;
    background-color: #ffffff;
}

#divTestWatchTotal > div.StudentTotalContainer:hover,
#divTestWatchTotal > div.StudentTotalContainer.Selected,
#divTestWatchTasks div.TaskColumn > div.StudentAnswerContainer:hover,
#divTestWatchTasks div.TaskColumn > div.StudentAnswerContainer.Selected {
    outline: 2px solid green;
}

div.StudentAnswerContainer.Disabled {
    background-color: #dddddd;
    pointer-events: none;
}

img.EnumAnswer.Background3 {
    background-size: contain;
}

#divTestWatchPane {
    /* position: relative; */
    width: 599px; /* 649px; */ /* 699px; */ /* 808px; */ /* 858px; */
    overflow: auto;
    float: left;
    /* background-color: #ffffff; */
}

#divTestWatchTasks div.TaskColumn {
    width: 49px; /* 99px; */
    float: left;
    /* border-right: 1px solid #aaaaaa; */ /* GR style */
    margin-right: 1px; /* GR style */
}

/*
 * Test review
 */
#divTestReview {
    float: right;
}

#divTestReview span.FlatCheckbox {
    margin-top: 4px;
    margin-right: 4px;
    float: left;
}

#divTestReview span.FlatCheckbox.Checked {
    background: url(../img/checkmark.png) no-repeat center center;
}

#frmAssessStudent div.JDSDialogFormContent {
    width: 878px; 
    height: 579px;
}

#divASTaskAndAnswerPreview {
    position: relative;
    width: 502px; /* 499px; */
    height: 574px;
    color: #000000;
    border: 2px solid #aaaaaa;
    float: left;
    background-color: #ffffff;
    overflow: auto;
}

#divASAssessData {
    position: relative;
    width: 361px;
    height: 576px;
    margin-left: 8px;
    float: left;
    /* background-color: yellow; */
}

#divAssessStudentDlgCash {
    display: none;
}

#frmAssessStudent label {
    width: 95px;
}

#txtStudentPoints {
    width: 80px;
}

#txtStudentPoints[data-defined-task-points] {
    background-color: #ffc0cb;
}

/* #tarStudentRemark {
    width: 485px; 355px; 400px; 357px;
    color: #ff0000;
    border: none;
    outline: none;
    float: left;
} */

#tarStudentRemark {
    width: 357px;
    margin-bottom: 160px; /* 180px; */
}

/* #spanHandwritingRemarkPlaceholder {
    position: absolute;
    color: #ff0000;
} */

#divASRemoteControl {
    position: relative;
    width: 120px;
    height: 120px;
    margin-left: 120px;
    /* margin-top: 120px; */
}

#divASSaveOnChange,
div.InlineHelp {
    text-align: center;
}

#divASRemoteControl > button {
    position: absolute;
    width: 40px;
    height: 40px;
    font-size: 24px;
}

#btnASPrevStudent,
#btnASNextStudent {
    left: 41px;
}

#btnASPrevTask,
#btnASNextTask {
    top: 41px;
}

#btnASNextStudent {
    top: 81px;
}

#btnASNextTask {
    left: 81px;
}

#divRowMarker {
    position: absolute;
    left: 0px;
    right: 0px;
    border: 1px solid #000000;
    pointer-events: none;
}
/*
 * End of ..view/teacher/test/watch.phtml 
 */

/*
 * ..view/teacher/test/editusetoexam.phtml 
 */
#frmEditTestUseToExam > div.JDSDialogFormContent {
    width: 538px;
    height: 476px; /* 409px; */
}

#frmEditTestUseToExam label {
    width: 125px;
}

#divETUTEGrade,
#divETUTESubject,
#divETUTEGroup,
#divETUTEPointsToMarkMethod {
    width: 405px;
}

#txtETUTEDay {
    width: 90px;
}

#txtETUTEName,
#tarETUTENote {
    width: 405px;
}

#divETUTEIncrement,
#txtETUTEWeight,
#txtETUTEMaxPoints,
#txtETUTEPointsForMaxMark {
    width: 40px;
}

#frmEditTestUseToExam div.DropDownStarter.ReadOnly,
#frmEditTestUseToExam input[readonly] {
    background-color: #dddddd;
}
/*
 * End of ..view/teacher/test/editusetoexam.phtml 
 */


/*
 * ..view/application/ticket/index.phtml 
 */
#divTickets {
    width: 958px;
    height: 726px;
    border-left: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    /* background-color: yellow; */
}

#divTickets > div {
    width: 100%;
    float: left;
}

#divTickets > div:first-child {
    height: 23px;
    line-height: 23px;
    border-bottom: 1px solid #aaaaaa;
    font-weight: bold;
}

#divTicketsHeaderRow > div.Sortable {
    background-repeat: no-repeat;
    background-position: right center;
}

#divTicketsHeaderRow > div.Sortable.Asc {
    background-image: url(../img/asc.png);
}

#divTicketsHeaderRow > div.Sortable.Desc {
    background-image: url(../img/desc.png);
}

#divTicketsHeaderRow > div,
#divTicketsBody > div > div.RowColumn {
    margin-left: 4px;
    float: left;
}

#divTicketsHeaderRow > div:not(:last-child),
#divTicketsBody > div > div:not(:last-child) {
    border-right: 1px solid #aaaaaa;
}

#divTicketsHeaderRow > div.Number,
#divTicketsBody > div > div.Number {
    width: 56px; /* 52px; */
}

#divTicketsHeaderRow > div.Navigation,
#divTicketsBody > div > div.Navigation {
    width: 90px;
}

#divTicketsHeaderRow > div.Tab,
#divTicketsBody > div > div.Tab {
    width: 90px;
}

#divTicketsHeaderRow > div.Content,
#divTicketsBody > div > div.Content {
    width: 271px; /* 295px; */ /* 483px; */ /* 500px; */ /* 660px; */ /* 702px; */
}

#divTicketsHeaderRow > div.Attachments,
#divTicketsBody > div > div.Attachments {
    width: 152px;
}

#divTicketsHeaderRow > div.Priority,
#divTicketsHeaderRow > div.Status,
#divTicketsBody > div > div.Priority,
#divTicketsBody > div > div.Status {
    width: 66px; /* 54px; */
}

#divTicketsHeaderRow > div.User,
#divTicketsBody > div > div.User {
    width: 110px; /* 100px; */
}

#divTicketsBody > div > div.Navigation,
#divTicketsBody > div > div.Tab,
#divTicketsBody > div > div.Content,
#divTicketsBody > div > div.User {
    white-space: nowrap;
    overflow: hidden;
}

#divTicketsBody {
    height: 702px;
    overflow: auto;
    /* background-color: yellow; */
}

#divTicketsBody > div {
    position: relative;
    width: 100%;
    height: 19px;
    line-height: 19px;
    border-bottom: 1px dotted #aaaaaa;
    float: left;
    cursor: pointer;
}

#divTicketsBody > div > div.RowColumn {
    height: 19px;
}

#divTicketsBody > div.Unread {
    font-weight: bold;
}

#divTicketsBody > div.Closed {
    filter: Alpha(Opacity=30);
    opacity: 0.3;
}

#divTicketsBody > div.Selected,
#divTicketsBody > div.Hovered {
    background-color: #dddddd;
}

#divTicketsBody > div > div.Attachments span {
    width: 32px;
    float: left;
    text-align: center;
    /* background: url(../img/textline.png); */
    border-right: 1px solid #aaaaaa;
    /* cursor: default; */
}

#divTicketsBody > div > div.Attachments span:hover {
    /* outline: 1px solid #000000; */
    background-color: #bbbbbb;
}

#divTicketsRowCommand {
    /* height: 19px; */
    /* right: 118px; */
    left: 683px;
    width: 142px;
}

#divTicketsRowCommand > div {
    height: 17px;
    float: left;
}

#divTicketPriorities div.DropDownStarter,
#divTicketStatuses div.DropDownStarter {
    width: 67px; /* 55px; */
    padding-left: 4px;
    /* background-color: yellow; */
}

/*
 * End of..view/application/ticket/index.phtml 
 */

/*
 * ..view/application/ticket/edit.phtml
 */
#divEditTicket div.JDSDialogFormContent {
    width: 538px;
    height: 303px;
}

#tarTicketContent {
    width: 532px;
    height: 290px;
}

#frmEditTicket label {
    width: 80px;
}

#frmEditTicket span.FlatCheckbox {
    margin-left: 80px;
}

#divETPriorities div.DropDownStarter,
#divETStatuses div.DropDownStarter {
    width: 80px;
}

#divETAttachments {
    width: 534px;
    height: 290px;
    margin-top: 1px;
    border: 2px solid #aaaaaa;
    background-color: #ffffff;
    color: #000000;
    float: left;
}

#divETAttachments > div {
    display: inline-block;
    /* width: 100%; */
    margin: 2px;
    padding-left: 4px;
    border: 1px solid #cccccc;
    float: left;
    cursor: pointer;
}

#divETAttachments > div:hover {
    background-color: #dddddd;
}

#divETAttachments > div > span {
    /* height: 18px;
    line-height: 18px; */
    float: left;
}

#divETAttachments > div > span.FileName {
    /* max-width: 488px; */
    background: url(../img/textline.png);
}

#divETAttachments > div > span.DeleteMe {
    width: 16px;
    text-align: center;
}

#divETAttachments > div > span.DeleteMe:hover {
    background-color: #bbbbbb;
}

/*
 * End of ..view/application/ticket/edit.phtml
 */

/*
 * ..view/application/help/index.phtml 
 */
#divHelps {
    width: 958px;
    height: 726px;
    border-left: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    /* background-color: yellow; */
}

#divHelps > div {
    width: 100%;
    float: left;
}

#divHelps > div:first-child {
    height: 23px;
    line-height: 23px;
    border-bottom: 1px solid #aaaaaa;
    font-weight: bold;
}

#divHelpsHeaderRow > div.Sortable {
    cursor: pointer;
}

#divHelpsHeaderRow > div,
#divHelpsBody > div > div.RowColumn {
    margin-left: 4px;
    float: left;
}

#divHelpsHeaderRow > div.Asc {
    background: url(../img/asc.png) no-repeat right center;    
}

#divHelpsHeaderRow > div.Desc {
    background: url(../img/desc.png) no-repeat right center;    
}

#divHelpsHeaderRow > div:not(:last-child),
#divHelpsBody > div > div:not(:last-child) {
    border-right: 1px solid #aaaaaa;
}

#divHelpsHeaderRow > div.Context,
#divHelpsBody > div > div.Context {
    width: 569px; /* 180px; */
}

/* #divHelpsHeaderRow > div.Tab,
#divHelpsBody > div > div.Tab {
    width: 90px;
} */

#divHelpsHeaderRow > div.Note,
#divHelpsBody > div > div.Note {
    width: 180px; /* 569px; */ /* 271px; */
}

/* #divHelpsHeaderRow > div.Attachments,
#divHelpsBody > div > div.Attachments {
    width: 152px;
} */

#divHelpsBody > div > div.Context,
#divHelpsBody > div > div.Note {
    white-space: nowrap;
    overflow: hidden;
}

#divHelpsBody {
    height: 702px;
    overflow: auto;
    /* background-color: yellow; */
}

#divHelpsBody > div {
    position: relative;
    width: 100%;
    height: 19px;
    line-height: 19px;
    border-bottom: 1px dotted #aaaaaa;
    float: left;
    cursor: pointer;
}

#divHelpsBody > div.Selected,
#divHelpsBody > div:hover {
    background-color: #dddddd;
}

#divHelpsBody > div > div.Attachments span {
    width: 32px;
    float: left;
    text-align: center;
    /* background: url(../img/textline.png); */
    border-right: 1px solid #aaaaaa;
    /* cursor: default; */
}

#divHelpsBody > div > div.Attachments span:hover {
    /* outline: 1px solid #000000; */
    background-color: #bbbbbb;
}
/*
 * End of..view/application/help/index.phtml 
 */

/*
 * ..view/application/help/edit.phtml
 */
#divEditHelp div.JDSDialogFormContent {
    width: 538px;
    height: 303px;
}

#divEditHelp div.JDSDialogCommand {
    position: relative;
}

#frmEditHelp label {
    width: 80px;
}

/* #frmEditHelp span.FlatCheckbox {
    margin-left: 80px;
} */

#txtHelpNote {
    width: 452px; /* 447px; */
}

#divEHContexts {
    width: 454px; /* 450px; */ /* 461px; */
    height: 266px; /* 270px; */
    margin-left: 80px;
    border: 2px solid #aaaaaa;
    color: #000000;
    background-color: #ffffff;
}

#divEHContexts > div.Header {
    height: 23px;
    font-weight: bold;
    border-bottom: 1px solid #aaaaaa;
}

#divEHContexts > div.Header span:first-child {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-top: 4px;
    margin-left: 8px;   
}

#divEHContexts > div.Body {
    height: 242px;
    overflow: auto;
    /* background-color: yellow; */
}

#divEHContexts > div.Body > div {
    height: 23px;
    padding-left: 4px;
    border-bottom: 1px dotted #aaaaaa;
}

#divEHContexts > div.Body > div.Invisible {
    display: none;
}

#divEHContexts > div.Body > div.AllAll,
#divEHContexts > div.Body > div.All,
#divEHContexts > div.Body > div.LastTab {
    border-bottom: 1px solid #000000;
}

#divEHContexts span.Navigation,
#divEHContexts span.Tab,
#divEHContexts span.Action {
    display: inline-block;
    width: 126px; /* 190px; */
    /* background-color: yellow; */
}

input[type=text].HelpTitle {
    width: 532px;
}

/* #tarHelpContent { */
textarea.HelpContent {
    width: 532px;
    height: 240px; /* 265px; */ /* 290px; */
    margin-top: 22px;
}

#divEHNavigations div.DropDownStarter,
#divEHTabs div.DropDownStarter {
    width: 150px;
    height: 17px;
    margin-left: 10px;
    font-weight: normal;
    float: left;
}

#divEHAttachments {
    width: 534px;
    height: 290px;
    margin-top: 1px;
    border: 2px solid #aaaaaa;
    background-color: #ffffff;
    color: #000000;
    float: left;
}

#divEHAttachments > div {
    display: inline-block;
    /* width: 100%; */
    margin: 2px;
    padding-left: 4px;
    border: 1px solid #cccccc;
    float: left;
    cursor: pointer;
}

#divEHAttachments > div:hover {
    background-color: #dddddd;
}

#divEHAttachments > div > span {
    /* height: 18px;
    line-height: 18px; */
    float: left;
}

#divEHAttachments > div > span.FileName {
    /* max-width: 488px; */
    background: url(../img/textline.png);
}

#divEHAttachments > div > span.DeleteMe {
    width: 16px;
    text-align: center;
}

#divEHAttachments > div > span.DeleteMe:hover {
    background-color: #bbbbbb;
}

/* #btnEHAttachmentAdd {
    position: absolute;
    left: 3px;
    top: 0px;
} */

#divEditTextTools {
    position: absolute;
    width: 536px; /* 330px; */
    height: 30px;
    /* bottom: 6px; */
    /* right: 115px; */ /* 130px; */ /* 180px; */
    top: 22px;
    left: 10px;
    /* padding-left: 2px;
    padding-top: 2px; */
    /* background-color: #2cb3ea; */
    /* border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff; */
}

#divEditTextTools > div {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin-right: 2px;
    /* float: left; */
    text-align: center;
    cursor: pointer;
}

#divEditTextTools > div:hover {
    outline: 1px dotted #ffffff;
}

#divEditTextTools > div:not(:last-child) {
    float: left;
}

#divEditTextTools > div:last-child {
    float: right;
}

#divEditTextTools.Disabled > div:not(:last-child) {
    /* filter: Alpha(Opacity=50);
    opacity: 0.5;
    cursor: default; */
    visibility: hidden;
}

#divEditTextTools.Disabled > div:last-child {
    outline: 1px solid #ffffff;
    
}

#divEditTextTools div.Bold {
    font-weight: bold;
}

#divEditTextTools div.Italic {
    font-style: italic;
}

#divEditTextTools div.RedColor {
    color: red;
}

#divEditTextTools div.GreenColor {
    color: green;
}

#divEditTextTools div.BlueColor {
    color: blue;
}

#divEditTextTools div.Highlight span {
    font-size: 10px;
    color: #000000;
    background-color: yellow; /* #ffffcc; */
}

#divEditTextTools div.Image,
#divEditTextTools div.FileLink {
    position: relative;
}

#divEditTextTools div.Image span,
#divEditTextTools div.FileLink span {
    position: absolute;
    left: 3px;
    top: 0px;
}

#divEditTextTools input[type=file] {
    width: 28px;
}

div.AllowedUrl,
#divPageHelps {
    position: absolute;
    width: 318px;
    height: 726px;
    background-color: #ffffff;
    border: 1px solid  #2cb3ea;
}

div.AllowedUrlCaption,
#divPageHelpCaption {
    padding: 4px;
    font-weight: bold;
    background-color: #2cb3ea;
    color: #ffffff;
    cursor: move;
}

div.AllowedUrlCaption span.JDSButtonRight,
#divPageHelpCaption span.CloseMe {
    width: 19px;
    height: 17px;
    text-align: center;
    cursor: pointer;
}

div.AllowedUrlCaption span.JDSButtonRight:hover,
#divPageHelpCaption span.CloseMe:hover {
    outline: 1px dotted #ffffff;
}

div.AllowedUrl > iframe {
    border: none;
    width: 100%;
    float: left;
}

#divPageHelpBody {
    height: 701px;
    overflow: auto;
    /* background-color: yellow; */
}

#divPageHelpBody img {
    display: block;
    margin: 0 auto;
    /* width: 302px;
    object-fit: cover; */
}

#divPageHelpBody a.BlockLink {
    display: block;
}

#divPageHelpBody div.Container {
    margin-bottom: 8px;
}

#divPageHelpBody div.Title {
    padding-left: 4px;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    /* background-color: #ffffcc; */
}

#divPageHelpBody div.Content {
    margin-left: 8px;
    margin-right: 8px;
}

#divPageHelpBody div.Information,
#divPageHelpBody div.Warning {
    margin: 4px;
    padding: 4px;
    border: 1px solid #aaaaaa;
    /* text-align: justify; */
    /* font-family: courier; */
}

#divPageHelpBody div.Information {
    background-color: #ffffcc;
}

#divPageHelpBody div.Warning {
    background-color: #F4DFDF;
}
/*
 * End of ..view/application/help/edit.phtml
 */

/*
 * ..view/application/smalltable/edit.phtml
 */
#frmEditSmallTable div.JDSDialogFormContent {
   width: 486px;
   height: 269px;
}

/* #frmEditSmallTable label {
    width: 110px;
} */

#txtSmallTableContent {
    width: 475px;
}
/*
 * End of ..view/application/smalltable/edit.phtml
 */

/*
 * ..view/student/flashcard/index.phtml
 */
#divFlashcardDecks {
    margin-left: 35px
}

#divFlashcardDecks div.DropDownStarter,
div.DropDown.FlashcardDecks {
    width: 545px;
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* background-color: yellow; */
}

#divFlashcards {
    width: 958px;
    height: 703px;
    border-left: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    /* background-color: yellow; */
}

#divFlashcards > div {
    width: 960px;
    float: left;
}

#divFlashcardsHeader {
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    border-bottom: 1px solid #aaaaaa;
    /* background-color: lightblue; */
}

#divFlashcardsBody > div {
    width: 960px;
    height: 19px;
    line-height: 19px;
    border-bottom: 1px dotted #000000;
    float: left;
    cursor: pointer;
}

#divFlashcardsBody > div:hover {
    background-color: #dddddd;
}

#divFlashcardsHeader > div,
#divFlashcardsBody > div > div {
    display: inline-block;
    float: left;
}

#divFlashcardsHeader > div,
#divFlashcardsBody > div > div:not(:last-child) {
    border-right: 1px solid #aaaaaa;
}

#divFlashcards div.Flashcard {
    padding-left: 2px
}

#divFlashcards div.Front {
    width: 558px;
}

#divFlashcards div.Tags {
    width: 374px; /* 318px; */
}

#divFlashcards div.DeleteMe {
    width: 17px;
    text-align: center;
}

#divFlashcards div.DeleteMe:hover {
    background-color: #bbbbbb;
}

/*
 * END OF..view/student/flashcard/index.phtml
 */

/*
 * ..view/student/flashcard/edit.phtml
 */
#divEditFlashcard div.JDSDialogFormContent {
   width: 486px;
   height: 269px;
}

#frmEditFlashcard label:not(.RightLabel) {
    width: 90px;
}

/* #frmEditFlashcard span.FlatCheckbox {
    margin-left: 100px;
} */

#divEFCDecks div.DropDownStarter,
#divEFCTypes div.DropDownStarter,
div.DropDown.EFCDecks {
    width: 390px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#tarEFCFront, #tarEFCFrontNote, #tarEFCBack, #tarEFCBackNote {
    width: 480px;
}

#tarEFCFront, #tarEFCBack {
    height: 147px; /* 175px; */
}

#tarEFCFrontNote, #tarEFCBackNote {
    height: 58px;
}

#divEFCLinks,
#divEFCTags {
    width: 482px;
    height: 261px;
    margin-top: 1px;
    border: 2px solid #aaaaaa;
    background-color: #ffffff;
    color: #000000;
    /* float: left; */
}

#btnEFCLinkAdd {
    position: absolute;
    /* right: 0px; */
}

#filEFCLikFile {
  width: 137px;
}

#divEFCLinks > div,
#divEFCTags > div {
    display: inline-block;
    margin: 2px;
    padding-left: 4px;
    border: 1px solid #cccccc;
    float: left;
    cursor: pointer;
}

#divEFCLinks > div:hover {
    background-color: #dddddd;
}

#divEFCLinks > div > span {
    float: left;
}

#divEFCLinks > div > span.FileName {
    background: url(../img/textline.png);
}

#divEFCLinks > div > span.DeleteMe {
    width: 16px;
    text-align: center;
}

#divEFCLinks > div > span.DeleteMe:hover {
    background-color: #bbbbbb;
}

div.TagContainer > div {
    display: inline-block;
    margin: 2px;
    padding-left: 4px;
    border: 1px solid #cccccc;
    float: left;
}

div.TagContainer > div.Host {
    cursor: pointer;
}

div.TagContainer > div.Host:hover {
    background-color: #dddddd;
}

div.TagContainer > div.Foreign {
    color: #999999;
    cursor: default;
}

div.TagContainer > div > span {
    height: 18px;
    line-height: 18px;
    float: left;
}

div.TagContainer > div > span.DeleteMe {
    width: 16px;
    text-align: center;
}

div.TagContainer > div > span.DeleteMe:hover {
    background-color: #bbbbbb;
}


/*
 * END OF ..view/student/flashcard/edit.phtml
 */

/*
 * ..view/student/flashcarddeck/edit.phtml
 */
#divEditFlashcardDeck div.JDSDialogFormContent {
   width: 486px;
   height: 300px;
}

#frmEditFlashcardDeck label:not(.RightLabel) {
    width: 90px;
}

#txtFlashcardDeckName {
    width: 390px;
}

#divEFCDParentDecks div.DropDownStarter,
div.DropDown.EFCDParentDecks {
    width: 390px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* #divEFCDParents div.DropDownStarter {
    width: 390px;
} */
/*
 * END OF ..view/student/flashcarddeck/edit.phtml
 */

/*
 * ..view/application/workspace/index.phtml 
 */
#divWorkspaces {
    width: 958px;
    height: 726px;
    border-left: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    /* background-color: yellow; */
}

#divWorkspaces > div {
    width: 100%;
    float: left;
}

#divWorkspaces > div:first-child {
    height: 23px;
    line-height: 23px;
    border-bottom: 1px solid #aaaaaa;
    font-weight: bold;
}

#divWorkspacesHeaderRow > div,
#divWorkspacesBody > div > div.RowColumn {
    padding-left: 4px;
    float: left;
}

#divWorkspacesBody > div > div.RowColumn {
    height: 19px;
}

#divWorkspacesBody div.RowColumn.Checked {
    background: url(../img/checkmark.png) no-repeat center center;
}

#divWorkspacesHeaderRow > div:not(:last-child),
#divWorkspacesBody > div > div:not(:last-child) {
    border-right: 1px solid #aaaaaa;
}

#divWorkspacesHeaderRow > div.Number,
#divWorkspacesBody > div > div.Number {
    width: 46px;
    padding-right: 4px;
    text-align: right;
}

#divWorkspacesHeaderRow > div.Name,
#divWorkspacesBody > div > div.Name {
    width: 340px; /* 270px; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#divWorkspacesHeaderRow > div.Token,
#divWorkspacesBody > div > div.Token {
    width: 85px; /* 60px; */
}

#divWorkspacesHeaderRow > div.Package,
#divWorkspacesBody > div > div.Package {
    width: 85px; /* 60px; */
    white-space: nowrap;
    overflow: hidden;
}

#divWorkspacesHeaderRow > div.Locale,
#divWorkspacesBody > div > div.Locale {
    width: 85px; /* 60px; */
}

#divWorkspacesHeaderRow > div.Certificate,
#divWorkspacesHeaderRow > div.YellowCard,
#divWorkspacesHeaderRow > div.StudentCounters,
#divWorkspacesBody > div > div.Certificate,
#divWorkspacesBody > div > div.YellowCard,
#divWorkspacesBody > div > div.StudentCounters {
    width: 85px; /* 120px; */
}

#divWorkspacesBody {
    height: 702px;
    overflow: auto;
    /* background-color: yellow; */
}

#divWorkspacesBody > div {
    position: relative;
    width: 100%;
    height: 19px;
    line-height: 19px;
    border-bottom: 1px dotted #aaaaaa;
    float: left;
    cursor: pointer;
}

#divWorkspacesBody > div.Selected,
#divWorkspacesBody > div:hover {
    background-color: #dddddd;
}

#divWorkspacesRowCommand {
    left: 490px;
    width: 180px;
}

#divWorkspacesRowCommand > div {
    height: 17px;
    float: left;
}

#divWorkspacePackages div.DropDownStarter,
#divWorkspaceLocales div.DropDownStarter {
    width: 86px;
    padding-left: 4px;
    white-space: nowrap;
    overflow: hidden;
}

/*
 * END OF..view/application/workspace/index.phtml 
 */

/*
 * ..view/application/workspace/edit.phtml 
 */

#frmEditWorkspace label {
    width: 5em;
}

#txtWorkspaceName {
    width: 20em;
}

/* END OF ..view/application/workspace/edit.phtml  */

div.GradeView,
#divPeriodView {
    border: 1px solid #cccccc;
    margin-top: 2px;
    float: left;
    width: 958px;
}

div.GradeView > div,
#divPeriodView > div {
    float: left;
}

div.GradeViewStudents,
#divPeriodViewStudents {
    width: 319px;
    border-right: 1px solid #cccccc;
}

div.GradeViewStudents > div,
#divPeriodViewStudents > div {
    width: 100%;
    border-bottom: 1px dotted #cccccc;
    float: left;
}

#divPeriodViewStudents > div.Header {
    height: 100px;
}

div.GradeViewStudents div.StudentData,
#divPeriodViewStudents div.StudentData {
    width: 100%;
    height: 21px;
    line-height: 21px;
    /* cursor: pointer; */
}

div.GradeViewStudents div.StudentData.Selected,
#divPeriodViewStudents div.StudentData.Selected {
    background-color: #cccccc;
}

/* div.GradeViewStudents div.StudentData:hover,
#divPeriodViewStudents div.StudentData:hover {
    background-color: #dddddd;
} */

div.GradeViewStudents div.StudentData > span,
#divPeriodViewStudents div.StudentData > span {
    height: 21px;
    line-height: 21px;
    /* float: left; */
}

div.GradeViewStudents div.StudentData > span:not(.FloatRight),
#divPeriodViewStudents div.StudentData > span:not(.FloatRight) {
    float: left;
}

div.GradeViewStudents div.StudentData > span.FloatRight,
#divPeriodViewStudents div.StudentData > span.FloatRight {
    float: right;
}

div.GradeViewStudents div.StudentData span.StudentNote,
#divPeriodViewStudents div.StudentData span.StudentNote {
     width: 18px;
     background-repeat: no-repeat;
     background-position: center center;
}

div.GradeViewStudents span.StudentFullName:not(.Inactive),
#divPeriodViewStudents span.StudentFullName:not(.Inactive) {
    color: #00608c;
}

div.GradeViewStudents span.GradeName,
div.GradeViewStudents span.BMStatus,
#divPeriodViewStudents span.GradeName,
#divPeriodViewStudents span.BMStatus {
    margin-left: 8px;
    font-size: 10px;
    font-weight: bold;
}

div.GradeViewStudents span.BMStatus,
#divPeriodViewStudents span.BMStatus {
    color: purple;
}

div.GradeViewStudents > div.Footer,
#divPeriodViewStudents > div.Footer {
    height: 29px;
    line-height: 29px;
}

div.GradeViewStudents > div.Footer > div.Handle {
    width: 319px;
}

#divPeriodViewDaysPane {
    width: 638px; /* 640px; */
    overflow: auto;
}

div.GradeViewBody > div.Header {
    border-bottom: 1px dotted #cccccc;
}

#divPeriodViewDays > div.Header {
    height: 100px;
    border-bottom: 1px dotted #cccccc;
}

#divPeriodViewDays > div.Header div.LessonData {
    white-space: nowrap;
    overflow: hidden;
}


div.GradeViewBody > div.Body,
#divPeriodViewDays > div.Body {
    height: 21px;
    line-height: 21px;
    border-bottom: 1px dotted #cccccc;
}

div.GradeViewBody > div.Body > div,
#divPeriodViewDays > div.Body > div {
    height: 21px;
    line-height: 21px;
}

#divPeriodViewDays > div.Body > div:not(.Header):not(.Footer):not(.Disabled):not(.Locked):not(.Selected):hover {
    outline: 2px solid #cccccc;
}

div.GradeViewBody > div.Body > div.Selected,
#divPeriodViewDays > div.Body > div.Selected {
    background-color: #cccccc;
}

div.GradeViewBody > div > div,
#divPeriodViewDays > div > div  {
    text-align: center;
}

div.GradeViewBody  > div > div /* :not(:last-child) */ ,
#divPeriodViewDays > div > div /* :not(:last-child) */ {
    border-right: 1px dotted #cccccc;
}

div.GradeViewBody > div.Footer,
div.GradeViewBody > div.Footer > div,
div.GradeViewBody > div.Footer > div span,
#divPeriodViewDays > div.Footer,
#divPeriodViewDays > div.Footer > div,
#divPeriodViewDays > div.Footer > div span {
    height: 29px;
    line-height: 29px;
}

div.GradeViewBody > div.Footer > div span:not(.Invisible),
#divPeriodViewDays > div.Footer > div span:not(.Invisible) {
    display: inline-block;
}





/*
 * ..view/course/course/index.phtml 
 */
#divCourses {
    width: 958px;
    height: 726px;
    border-left: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
}

#divCourses > div {
    width: 100%;
    float: left;
}

#divCourses > div:first-child {
    height: 23px;
    line-height: 23px;
    border-bottom: 1px solid #aaaaaa;
    font-weight: bold;
    overflow: hidden;
}

#divCoursesHeaderRow > div,
#divCoursesBody > div > div.RowColumn {
    height: 100%;
    margin-left: 4px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
}

#divCoursesHeaderRow > div:not(:last-child),
#divCoursesBody > div > div:not(:last-child) {
    border-right: 1px solid #aaaaaa;
}

#divCoursesBody > div.NotInUse {
     color: #bbbbbb;
}

#divCourses div[data-name="intCurriculumStatusId"] span {
    padding-top: 1px;
    padding-right: 4px;
    width: 17px;
    height: 17px;
    float: left;
}

#divCoursesBodyPane {
    max-height: 702px; /* 678px; */
    overflow: auto;
}

#divCoursesHeaderRow {
    width: 1297px; /* this is temporary */
}

#divCoursesBody {
    width: 1200px; /* this is temporary */
    max-height: 702px;
    /* overflow: auto; */
    /* background-color: yellow; */
}

#divCoursesBody > div {
    position: relative;
    width: 100%;
    height: 19px;
    line-height: 19px;
    border-bottom: 1px dotted #aaaaaa;
    float: left;
    overflow: hidden;
    cursor: pointer;
}

#divCoursesBody > div > div {
    float: left;
}

#divCoursesBody > div.Selected,
#divCoursesBody > div.Hovered {
    background-color: #dddddd;
}

#divCourseUseFeedbackCommand,
#divCourseCommand {
    left: 860px;
    width: 80px;
    position: absolute;
}

#divCourseUseFeedbackCommand > div,
#divCourseCommand > div {
    float: left;
}

#divCourseUseFeedbackCommand div.MenuStarter,
#divCourseCommand div.MenuStarter {
    width: 80px;
    text-align: center;
    color: #ffffff;
    float: left;
    background-color: #2cb3ea;
}

/*
 * End of..view/course/course/index.phtml 
 */

/*
 * ..view/course/course/edit.phtml
 */
#divEditCourse div.JDSDialogFormContent {
    width: 648px;
    height: 554px;
}

#divEditCourse label {
    width: 155px; /* 100px; */
}

#frmEditCourse span.FlatCheckbox {
    margin-left: 155px;
}

#txtECTitle {
    width: 480px;
}

#txtECFeedbackStartOffset,
#txtECFeedbackDuration,
#txtECFeedbackReminder,
#txtECStartUsesCount,
#txtECPeriodsCount,
#txtECToken,
#txtECActiveSince {
    width: 250px;
}

#divECBranches div.DropDownStarter {
    width: 250px;
}

#divECFeedbackTemplate,
#divECCLevels div.DropDownStarter,
#divECAssigments div.DropDownStarter,
#divECSuppliers div.DropDownStarter,
#divECCTeachers div.DropDownStarter {
    width: 250px;
}

span.CourseLevel,
span.CurriculumStatus {
    display: inline-block;
    height: 16px;
}

span.CourseLevel.Color,
span.CurriculumStatus.Color {
    width: 18px;
}

span.CurriculumStatus.Name {
    width: 420px;
}

#divECDocuments {
    width: 638px;
    height: 550px;
    border: 2px solid #aaaaaa;
    padding-left: 4px;
    overflow: auto;
    color: #000000;
    float: left;
    background-color: #ffffff;
}

#divECDocuments > div {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding-top: 5px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #000000;
    float: left;
    cursor: pointer;
}

#divECDocuments div.Type {
    height: 19px;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 16px;
    color: darkblue;
}

#divECDocuments div.Title {
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 10px;
}

#divECDocuments div.Comment {
    padding-bottom: 10px;
}

#divECDocuments div.Links {
    word-wrap: break-word;
}

#divECDocuments a.Link {
    width: 602px;
}
/*
 * End of ..view/course/course/edit.phtml
 */

/*
 * ..view/course/document/edit.phtml 
 */
/* #divEditCourseDocument {
    width: 558px;
    height: 384px;
} */

#frmEditCourseDocument div.JDSDialogFormContent {
    width: 648px;
    padding-top: 3px;
}

#divECDocumentType {
    width: 642px;
}

#txtECDocumentTitle {
    width: 642px;
}

#tarECDocumentComment {
    display: none;
}

#divECDocumentComment {
    height: 250px;
    margin-top: 31px;
    border: 2px solid #aaaaaa;
    color: #000000;
    background-color: #ffffff;
    overflow: auto;
}

#divECDocumentLinks {
    height: 200px;
    border: 2px solid #aaaaaa;
    color: #000000;
    background-color: #ffffff;
}

#divECDocumentLinksHeader {
    height: 21px;
    line-height: 21px;
    border-bottom: 1px solid #aaaaaa;
}

#divECDocumentLinksBody {
    height: 178px;
    overflow: auto;
}

#divECDocumentLinksBody > div.Link {
    position: relative;
    height: 19px;
    line-height: 19px;
    border-bottom: 1px dotted #aaaaaa;
    cursor: pointer;
}

#divECDocumentLinksBody > div.Link > span.LinkName {
    display: inline-block;
    width: 607px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

#filECSFile {
    width: 134px;
}

#btnECSAddFile {
    position: absolute;
}
/*
 * End of ..view/course/document/edit.phtml 
 */

/*
 * ..view/course/courseuse/index.phtml 
 */
#divCourseUses {
    width: 958px;
    height: 726px; /* 702px; */
    border-left: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
}

#divCourseUses > div {
    width: 100%;
    float: left;
}

#divCourseUses > div:first-child {
    height: 23px;
    line-height: 23px;
    border-bottom: 1px solid #aaaaaa;
    font-weight: bold;
    overflow: hidden;
}

#divCourseUsesHeaderRow > div,
#divCourseUsesBody > div > div.RowColumn {
    height: 100%; /* 19px; */
    margin-left: 4px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
}

#divCourseUsesBody > div {
    overflow: hidden;
}

#divCourseUsesHeaderRow > div:not(:last-child),
#divCourseUsesBody > div > div:not(:last-child) {
    border-right: 1px solid #aaaaaa;
}

/* #divCourseUses div */ .DragOverCol {
    border-left: 2px solid #000000;
}

#divCourseUses div.AlsoMove {
    display: none;
}

#divCourseUses div[data-name="intComunicationPriorityId"] span.Color,
#divCourseUses div[data-name="intStatusId"] span.Color,
#divCourseUses div[data-name="intCurriculumStatusId"] span {
    padding-top: 1px;
    padding-right: 4px;
    width: 17px;
    height: 17px;
    float: left;
}

#divCourseUses div[data-name="intMinParticipants"],
#divCourseUses div[data-name="intMaxParticipants"],
#divCourseUses div[data-name="intLessonsCount"] /* ,
#divCourseUses div[data-name="dblPrice"] */ {
     /* width: 80px; */
     text-align: right;
}

#divCourseUsesBodyPane {
    max-height: 702px; /* 678px; */
    overflow: auto;
}

#divCourseUsesBody > div {
    position: relative;
    width: 100%;
    height: 19px;
    line-height: 19px;
    border-bottom: 1px dotted #aaaaaa;
    float: left;
    cursor: pointer;
}

#divCourseUsesBody > div table {
    display: none;
    margin-left: 5px;
    margin-right: 5px;
}

#divCourseUsesBody > div.Selected,
#divCourseUsesBody > div.Hovered {
    background-color: #dddddd;
}

#divCourseUsesBody > div.AFPSInvisible,
#divCourseUsesBody > div.AFDIInvisible {
    display: none;
}

#frmCUAFDateInterval div.JDSDialogFormContent {
    width: 178px;
    height: 96px; /* 66px; */
}

#frmCUAFDateInterval label {
    width: 80px;
}

#divDateIntervalColumns div.DropDownStarter,
#frmCUAFDateInterval input[type=text] {
    width: 90px;
}

#divCourseUseCommand {
    left: 860px;
    width: 100px;
    position: absolute;
}

#divCourseUseCommand > div {
    float: left;
}

#divCourseUseCommand div.InfoStarter {
    width: 19px; /* 120px; */
    text-align: center;
    height: 19px;
    line-height: 19px;
    background-color: #ffffbb;
    font-style: italic;
    font-weight: bold;
    border-radius: 10px;
    float: left;
    cursor: default;
}

#divCourseUseCommand div.MenuStarter {
    width: 80px;
    text-align: center;
    color: #ffffff;
    float: left;
    background-color: #2cb3ea;
}

div.Tooltip table.CourseUseInfo {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
}

table.CourseUseInfoSchedule {
    border: 1px solid #ffffff;
}

table.CourseUseInfoSchedule tr {
    border-bottom: 1px dotted #ffffff;
}

table.CourseUseInfoSchedule th,
table.CourseUseInfoSchedule td {
    border-right: 1px dotted #ffffff;
}

table.CourseUseInfoSchedule td.Weekday {
    width: 20px;
}

table.CourseUseInfoSchedule td.Selected {
    background-color: #ffffff;
}
/*
 * End of..view/course/courseuse/index.phtml 
 */

/*
 * ..view/course/courseuse/edit.phtml
 */
#divEditCourseUse div.JDSDialogFormContent {
    width: 738px;
    height: 644px; /* 559px; */ /* 454px; */
}

/* #divECUCoursePlanning */ div.JDSDialogTabContent {
    position: relative;
}

#divECUDependencies[disabled],
#divProcessSteps[disabled],
#divMarketingSteps[disabled] {
    pointer-events: none;
    color: #6d6d6d;
    background-color: #e3e3e3;
}

.DisabledSelect {
    /* unselectable: on; */
    -webkit-user-select: none;
    user-select: none;
    /* MozUserSelect: none; */
}

#divNotInUse[disabled] {
    pointer-events: none;
    color: #e3e3e3;
}

#divNotInUse[disabled] > span.FlatCheckbox {
    background-color: #e3e3e3;
}

#divECUCoursePlanning label {
    width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#divECUCourseMarketing label {
    width: 95px;
}

#divECUCalculation label {
    width: 220px;
}

#divECUPGroup0 {
    position: relative;
}

#divECUPGroup0 > div {
    display: inline-block;
}

#divECULeft {
    width: 360px; /* 300px; */
    height: 545px; /* 420px; */ /* 390px; */ /* 360px; */
    /* background-color: yellow; */
}
#divECURight {
    width: 373px;
    height: 545px; /* 420px; */ /* 390px; */ /* 360px; */
    float: right;
    /* background-color: lightblue; */
}

#divECURight div.JDSDialogFormContentRow {
    float: left;
}

#divECULessonPlans div.DropDownStarter {
    width: 365px;
}

#divECUDependencies {
    width: 732px;
    height: 640px;
    border: 2px solid #aaaaaa;
    color: #000000;
    background-color: #ffffff;
    float: left;
}

#divECUDependencies > div {
    width: 100%;
    float: left;
}

#divECUDependencyFilter {
    height: 28px;
}

#divECUDependenciesHeader {
    height: 23px;
    border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    font-weight: bold;
}

#divECUDCourseUses {
    width: 732px;
    height: 589px;
    overflow: auto;
}

#divECUDCourseUses > div {
    position: relative;
    width: 100%;
    height: 21px;
    float: left;
    border-bottom: 1px dotted #aaaaaa;
    cursor: pointer;
}

#divECUDCourseUses > div.Hovered {
    background-color: #dddddd;
}

#divECUDependenciesHeader span,
#divECUDCourseUses > div span {
    line-height: 21px;
    margin-left: 4px;
    overflow: hidden;
    white-space: nowrap;
    float: left;
}

#divECUDependenciesHeader span.RightLabel {
    margin-right: 16px;
}

#divECUDCourseUses > div.Checked {
    background-color: #cccccc;
}

#divECUDependenciesHeader span.FlatCheckbox.Checked,
#divECUDCourseUses > div.Checked span.FlatCheckbox {
    background-image: url(../img/checkmark.png);
}

#divECUDCourseUses > div.SOCInvisible {
    display: none;
}

#divECUDCourseUses span.ECUDNumber {
    width: 90px;    
}

#divECUDCourseUses span.ECUDToken {
    width: 90px;    
}

#divECUDCourseUses span.ECUDTitle {
    width: 389px;    
}

#divECUDCourseUses span.ECUDRelation {
    width: 110px;
}

#divDependenciesRowCommand {
    left: 600px;
    width: 115px;
}

#divDependencyRelations {
    height: 17px;
    float: left;
}

#divDependencyRelations div.DropDownStarter {
    width: 110px;
    padding-left: 4px;
    /* background-color: yellow; */
}

#divECCourses div.DropDownStarter {
    width: 620px;
}

span.Course,
span.CourseStatus,
span.CourseTeacher,
span.Priority {
    display: inline-block;
    height: 16px;
    float: left;
}

span.CourseStatus.Color,
span.Priority.Color {
    width: 18px;
    margin-right: 2px;
}

span.Course.Title
/* span.Priority.Name */ {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.Course.Title {
    width: 480px; /* 540px; */ /* 585px; */
}

span.CourseTeacher.FullName {
    width: 160px;
}

span.Priority.Name {
    width: 600px; /* 400px; */
}

#divECComunicatinPriorities div.DropDownStarter {
    width: 635px; /* 435px; */
}

#divECULeft div.DropDownStarter {
    width: 240px;
}

#divECULeft input[type=text] {
    width: 240px; /* 90px; */
}

#txtECRemark {
    width: 365px; /* 620px; */ /* 420px; */
    height: 153px; /* 110px; */
}

div.CourseUseList {
    position: relative;
    width: 240px;
    height: 141px;
    margin-left: 110px;
    border: 2px solid #aaaaaa;
    color: #000000;
    background-color: #ffffff;
    overflow: auto;
}

div.PageColumn[disabled],
div.CourseUseList[disabled],
div.CourseUseListItem.Disabled {
    pointer-events: none;
    color: #6d6d6d;
    background-color: #e3e3e3;
}

div.CourseUseList > div.CourseUseListItem {
    position: relative;
    width: 223px;
    height: 19px;
    border-bottom: 1px dotted #000000;
    float: left;
    cursor: pointer;
}

div.CourseUseList > div.CourseUseListItem > span {
    display: inline-block;
    height: 19px;
    line-height: 19px;
    margin-left: 4px;
    float: left;
}

span.CULICPeriodStart,
span.CULICPeriodEnd {
    width: 90px;
}

span.CULICEventName {
    width: 135px; /* 142px; */
}

span.CULICRoleToken {
    width: 50px;
}

.RemoveListItem,
#divDeleteCourseDocument,
#divRemoveCourseEvent,
#divRemoveTeamMember {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 19px;
    width: 19px;
    text-align: center;
    background-color: #2cb3ea;
    color: #ffffff;
}

.RemoveListItem:hover {
    font-weight: bold;
}

.AddListItem {
    position: absolute;
    right: 1px;
    bottom: 1px;
    height: 19px;
    width: 19px;
    text-align: center;
    background-color: #2cb3ea;
    color: #ffffff;
    cursor: pointer;
    
}

.AddListItem:hover {
    font-weight: bold;
}

#divECUEvaluations,
#divProcessSteps,
#divMarketingSteps {
    background-color: #ffffff;
    color: #000000;
    border: 2px solid #aaaaaa;
}

#divProcessSteps {
    height: 640px; /* 440px; */
}

#divMarketingSteps {
    height: 610px; /* 410px; */
}

#divProcessStepsHeader,
#divMarketingStepsHeader {
    font-weight: bold;
    width: 730px;
    height: 25px;
    padding-left: 4px;
    border-bottom: 1px solid #000000;
    float: left;
}

#divProcessStepsBody,
#divMarketingStepsBody {
    float: left;
    overflow: auto;
    /* background-color: yellow; */
}

#divProcessStepsBody {
    height: 614px; /* 410px; */
}

#divMarketingStepsBody {
    height: 584px; /* 380px; */
}

#divProcessStepsBody > div,
#divMarketingStepsBody > div {
    position: relative;
    width: 710px; /* 510px; */ /* 378px; */
    min-height: 23px;
    padding-left: 4px;
    border-bottom: 1px dotted #aaaaaa;
    float: left;
    cursor: pointer;
}

#divProcessStepsBody > div div.Section1,
#divMarketingStepsBody > div div.Section1 {
    height: 23px;
}

#divProcessStepsBody > div div.Section2,
#divMarketingStepsBody > div div.Section2 {
    padding-left: 21px;
    font-style: italic;
}

#divProcessStepsBody > div.Hovered,
#divMarketingStepsBody > div.Hovered {
    background-color: #dddddd;
}

#divProcessSteps span,
#divMarketingSteps span {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
}

#divProcessStepsHeader span:not(.FlatCheckbox),
#divMarketingStepsHeader span:not(.FlatCheckbox) {
    height: 25px;
    line-height: 25px;
}

#divProcessStepsHeader span.Placeholder,
#divMarketingStepsHeader span.Placeholder {
    width: 20px;
}

#divProcessStepsBody span.RowColumn:not(.FlatCheckbox),
#divMarketingStepsBody span.RowColumn:not(.FlatCheckbox) {
    height: 23px;
    line-height: 23px;
}

#divProcessSteps span.FlatCheckbox,
#divMarketingSteps span.FlatCheckbox {
    margin-right: 4px;
}

#divProcessSteps span.Name,
#divMarketingSteps span.Name {
    width: 365px;
}

#divProcessSteps span.DoneAt,
#divMarketingSteps span.DoneAt {
    width: 90px;
}

#divProcessSteps span.DoneBy,
#divMarketingSteps span.DoneBy {
    width: 210px;
}

#divProcessStepMenuStarter {
    width: 80px;
    height: 20px;
    /* left: 310px; */
    right: 0px;
}

span.DropDownItemChild.Employee.FullName {
    width: 160px;
}

#txtProcessStepDoneAt {
    width: 87px;
}

#divProcessStepDoneBys div.DropDownStarter {
    width: 240px;
}

#divEPSModules {
    width: 451px;
    height: 100px;
    margin-left: 80px;
    border: 2px solid #aaaaaa;
    color: #000000;
    background-color: #ffffff;
    overflow: auto;
}

#divEPSModules > div {
    height: 19px;
    line-height: 19px;
    border-bottom: 1px dotted #000000;
    float: left;
    cursor: pointer;
}

#divEPSModules > div:hover {
    background-color: #dddddd;
}

/* #divEPSModules > div.Done > span {
    text-decoration: line-through;
} */

#divEPSModules > div.Done {
    opacity: 0.5;
    filter: alpha(opacity=50);
    color: green;
}

#divEPSModules > div > span {
    display: inline-block;
    margin-left: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

#spanCheckAllModules,
#divEPSModules > div > span.Checkbox {
    border: 1px solid #aaaaaa;
    width: 13px;
    height: 13px;
    margin-top: 2px;
    background-repeat: no-repeat;
    background-position: center center;
}

#spanCheckAllModules.Checked,
#divEPSModules > div > span.Checkbox.Checked {
    background-image: url(../img/checkmark.png);
}

#divEPSModules > div > span.CourseNumber {
    width: 80px;
}

#divEPSModules > div > span.CourseToken {
    width: 80px;
}

#divEPSModules > div > span.CourseTitle {
    width: 250px;
}

#spanCheckAllModules {
    display: inline-block;
    margin-left: 84px;
    margin-right: 2px;
    background-color: #ffffff;
    cursor: pointer;
}

#divECUCalculation div.Header {
    /* width: 100%; */
    font-weight: bold;
    /* float: left; */
    height: 23px;
    /* position: relative; */
    /* background-color: yellow; */
}

#divECUCalculation /* div.Header */ span {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}

#divECUCalculation span.Earnings {
    width: 86px;
    /* margin-left: 2px; */
}

#divECUCalculation input.Earnings {
    width: 80px;
}

#divECUCalculation input.Remark {
    width: 330px; /* 210px; */
    
}

#divCalculationCommands {
    position: absolute;
    left: 220px;
    top: 10px;
}

#divPlanningCommands {
    position: absolute;
    left: 110px;
    top: 10px;
}

#divShowAllCourseDocuments {
    padding-top: 2px;
}

#divShowAllCourseDocuments span {
    float: left;
}

#divShowAllCourseDocuments span.FlatCheckbox {
    margin-top: 2px;
}

#divShowAllCourseDocuments span.FlatCheckbox {
    margin-top: 2px;
}

#divShowAllCourseDocuments span.FlatCheckbox.Checked {
    background-image: url(../img/checkmark.png);
}

#divECUCGroup0Input {
    display: inline-block;
    width: 400px;
    /* height: 262px; */
    /* background-color: yellow; */
}

#divECUCGroup0Result {
    display: inline-block;
    width: 330px; /* 335px; */
    height: 556px; /* 253px; */ /* 263px; */
    float: right;
    /* background-color: lightblue; */
}

#divECUCGroup0Result span.Label {
    width: 40px;
}

#divECUCGroup0Result span.Data {
    margin-left: 10px;
    text-align: right;
}

#divECUCGroup0Result span.Amount {
    width: 80px;
}

/* #divECUCGroup0Result span.Percent {
    width: 30px;
} */

#divECUCGroup0Result span.Persson {
    width: 130px;
    margin-left: 10px;
}

#canECUCChart {
    /* margin-top: 10px; */
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
}

#tarECUBudgetRemark,
#tarECUCostingRemark {
    width: 320px;
    height: 95px;
}

#divECUConstantsSets div.DropDownStarter {
    width: 80px; /* 169px; */
}

/* Course use calculation 2 */
#divECUCalculation2 label {
    width: 220px;
}

#divECUC2Left {
    display: inline-block;
    width: 400px;
    /* background-color: yellow; */
}

#divECUCalculation2 span {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}

#divECUC2Right {
    display: inline-block;
    width: 330px;
    height: 556px;
    float: right;
}

#divECUCalculation2 div.Header {
    font-weight: bold;
    height: 23px;
}

#divECUConstantsSets2 div.DropDownStarter {
    width: 80px;
}

#divECUCalculation2 span.Earnings {
    width: 86px;
}

#divECUCalculation2 input.Earnings {
    width: 80px;
}

#divECUC2BudgetRemark {
    margin-top: 88px;
}

#tarECUC2BudgetRemark {
    width: 320px;
    height: 95px; /* 77px; when is at top*/
}

#canECUCChart2 {
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
}

#divCalculation2Commands {
    position: absolute;
    left: 220px;
    top: 10px;
}

#divECUC2Left span.Label {
    width: 40px;
}

#divECUC2Left span.Data {
    margin-left: 10px;
    text-align: right;
}

#divECUC2Left span.Amount {
    width: 80px;
}

/* #divECUCGroup0Result span.Percent {
    width: 30px;
} */

#divECUC2Left span.Persson {
    width: 130px;
    margin-left: 10px;
}

/* End of Course use calculation 2 */

/* #divCourseUseDocuments {
    width: 732px;
    height: 642px;
    border: 2px solid #aaaaaa;
    color: #000000;
    background-color: #ffffff;
}

#divCourseUseDocuments > div {
    width: 100%;
    float: left;
}

#divCourseUseDocumentsHeader {
    height: 23px;
    border-bottom: 1px solid #aaaaaa;
    font-weight: bold;
}

#divCourseUseDocumentsHeader span {
    line-height: 21px;
    margin-left: 4px;
    overflow: hidden;
    white-space: nowrap;
    float: left;
} */

#divCourseUseDocumentsBody {
    width: 732px;
    height: 642px; /* 618px; */
    border: 2px solid #aaaaaa;
    color: #000000;
    background-color: #ffffff;
    overflow: auto;
    /* background-color: yellow; */
}

#divCourseUseDocumentsBody > div {
    position: relative;
    width: 100%;
    border-bottom: 1px dotted #000000;
    padding-bottom: 5px;
    float: left;
    cursor: pointer;
}

#divCourseUseDocumentsBody > div.Checked {
    background-color: #eeeeee;
}

#divCourseUseDocumentsBody > div.SOCInvisible {
    display: none;
}

#divCourseUseDocumentsBody > div.Hover {
    background-color: #eeeeee;
}

/* #divCourseUseDocumentsHeader span.Checked, */
#divCourseUseDocumentsBody > div.Checked > div.Handle > span.FlatCheckbox {
    background-image: url(../img/checkmark.png);
}

#divCourseUseDocumentsBody > div > div {
    display: table-cell;
}

#divCourseUseDocumentsBody > div > div.Handle {
    width: 23px;
    text-align: center;
}

#divCourseUseDocumentsBody > div > div.Content {
    width: 694px;
    /* background-color: lightblue; */
}

#divCourseUseDocumentsBody > div > div.Content > div.Type {
    height: 23px;
    line-height: 23px;
    font-weight: bold;
    font-size: 16px;
    color: darkblue;
}

#divCourseUseDocumentsBody > div > div.Content > div.Title {
    height: 23px;
    line-height: 23px;
    font-weight: bold;
    font-size: 16px;
}

#divCourseUseDocumentsBody > div > div.Content > div.Comment {
    padding-top: 5px;
    padding-bottom: 10px;
}

#divCourseUseDocumentsBody > div > div.Content > div.Usage {
    width: 100%;
    padding-top: 5px;
    /* font-weight: bold; */
    float: left;
}

div.Links > div.Link {
    width: 100%;
    box-sizing: border-box;
    float: left;
}

div.Links > div.Link[data-action="Delete"] {
    display: none;
}

div.Link > a.Link:hover {
    font-weight: bold;
}

div.Link > span.LinkType {
    display: inline-block;
    width: 19px;
    height: 19px;
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
}

div.Link > a.Link {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

div.Link > span.LinkType.T0 {
    background-image: url(../img/app/linktype0.png);
}

div.Link > span.LinkType.T1 {
    background-image: url(../img/app/linktype1.png);
}


#divCourseUseDocumentsBody a.Link {
    width: 673px;
}

#divCourseEvaluations {
    width: 732px;
    height: 622px;
    margin-top: 25px;
    border: 2px solid #aaaaaa;
    color: #000000;
    background-color: #ffffff;
    overflow: auto;
    /* float: left; */
}

div.CourseUseEvaluationReport {
    width: 100%;
    float: left;
    /* background-color: yellow; */
}

div.CUERTitle {
    position: relative;
    width: 100%;
    height: 30px;
    box-sizing: border-box;
    padding-left: 4px;
    font-weight: bold;
    float: left;
    background-color: #eeeeee;
}

div.CUERTitle > span {
    line-height: 30px;
}

#divCUEReportMenuStarter {
    right: 0px;
}

div.CUEREvaluations {
    width: 100%;
    /* height: 598px; */ /* 626px; */
    padding-left: 10px;
    padding-right: 10px;
    /* border: 2px solid #aaaaaa; */
    box-sizing: border-box;
    /* margin-top: 20px; */
    /* overflow: auto; */
    /* color: #000000;
    background-color: #ffffff; */
    float: left;
}

div.CUEREvaluations > div.Evaluation {
    margin-bottom: 10px;
}

div.CUEREvaluations > div.Evaluation,
div.CUEREvaluations > div.Evaluation > div.EvaluationEnums,
div.CUEREvaluations > div.Evaluation > div.EvaluationEnums > div.EvaluationEnum {
    width: 100%;
    float: left;
}

div.CUEREvaluations > div.Evaluation > div.Name {
    height: 19px;
    line-height: 19px;
    font-weight: bold;
}

div.EvaluationEnum > div.Content {
    width: 686px;
    min-height: 17px;
    padding: 5px;
    border: 1px solid #dddddd;
    margin-bottom: 10px;
}

div.EvaluationEnum > span,
div.EvaluationEnum > input {
    float: left;
}

div.EvaluationEnum > span.FlatCheckbox {
    margin-right: 4px;
}

div.EvaluationEnum > span.RowColumn {
    display: inline-block;
    height: 23px; 
    line-height: 23px;
}

div.EvaluationEnum > input {
    border-width: 1px;
    margin-top: 1px;
    margin-bottom: 2px;
}

div.EvaluationEnum.Checked > span.FlatCheckbox {
    background-image: url("../img/checkmark.png");
}

div.EvaluationEnum > input.CourseUsesCount {
    width: 40px;
}

div.EvaluationEnum > span.PlanningName {
    width: 670px; /* 677px; */
}

div.EvaluationEnum > input.PlanningName {
    width: 665px; /* 672px; */
}

div.EvaluationEnum > span.InstrumentName {
    width: 347px;
}

div.EvaluationEnum > input.InstrumentName {
    width: 342px;
    margin-right: 1px;
}

div.EvaluationEnum > input.InstrumentContent {
    width: 342px; /* 344px; */
}

div.EvaluationEnum > span.StatisticName {
    width: 618px;
}

div.EvaluationEnum > input.StatisticValue {
    width: 71px; /* 73px; */
    text-align: right;
}

div.AddEvaluationEnum {
    font-weight: bold;
    cursor: pointer;
    float: right;
}

div.AddEvaluationEnum:hover {
    outline: 1px solid #aaaaaa;
}

/* Course use feedbacks */
#divCourseUseFeedbacks {
    width: 874px;
    height: 630px;
    background-color: #ffffff;
    color: #000000;
    border: 2px solid #aaaaaa;
}

#divCourseUseFeedbacksHeader {
    font-weight: bold;
    width: 857px;
    height: 25px;
    line-height: 25px;
    border-bottom: 1px solid #000000;
    float: left;
}

#divCourseUseFeedbacksBody {
    width: 857px;
    height: 604px;
    float: left;
    overflow: auto;
}

#divCourseUseFeedbacks span.RowColumn {
    display: inline-block;
    height: 100%;
    padding-left: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
}

#divCourseUseFeedbacks span.CUFStatus {
    width: 17px;
}

#divCourseUseFeedbacks span.Color {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-top: 2px;
}

#divCourseUseFeedbacks span.CUFTitle {
    width: 329px;
}

#divCourseUseFeedbacks span.CUFStart,
#divCourseUseFeedbacks span.CUFEnd {
    width: 90px;
}

#divCourseUseFeedbacks span.CUFTeacher {
    width: 180px;
}

#divCourseUseFeedbacks span.CUFSubject {
    width: 127px;
    /* background-color: green; */
}

#divCourseUseFeedbacksBody > div.CourseUseFeedback {
    position: relative;
    height: 19px;
    line-height: 19px;
    border-bottom: 1px dotted #000000;
    cursor: pointer;
}

#divCourseUseFeedbacksBody > div.CourseUseFeedback:hover {
    background-color: #dddddd;
}
/* End of Course use feedbacks */

#frmEditCourseuseFeedback > .JDSDialogFormContent {
    width: 878px;
    height: 591px;
}

#divTAData .FullWidth {
    width: 328px; /* 330px; */ /* 331px; */
}

#divECUFTeacher {
    width: 290px;
    margin-right: 5px;
}

#divECUFCourseUse {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*
 * End of ..view/course/courseuse/edit.phtml
 */

/*
 * ..view/course/courseuse/editevent.phtml
 */
#frmCUEditEvent div.JDSDialogFormContent {
    width: 363px;
    height: 100px;
}

#frmCUEditEvent label {
    width: 80px;
}

#divCUEEEvent,
#txtECUEventDay {
    width: 270px; /* 150px; */
}
/*
 * End of..view/course/courseuse/editevent.phtml
 */

/*
 * ..view/course/courseuse/editteammember.phtml
 */
#frmCUEditTeamMember div.JDSDialogFormContent {
    width: 363px;
    height: 100px;
}

#frmCUEditTeamMember label {
    width: 80px;
}

#divCUETMRole,
#divECUTTeacher {
    width: 270px;
}
/*
 * End of..view/course/courseuse/editteammember.phtml
 */




/*
 * ..view/course/config/index.phtml
 */
#divCourseConfig {
    position: relative;
    height: 726px;
    width: 960px;
    overflow: hidden;
    clear: both;
}

#divCourseConfig span.ListColumn {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#divCourseConfig span.CourseRoleToken {
    width: 40px;
}

#divCourseConfig span.CourseRole {
    width: 245px;
}

#divCourseConfig span.BranchToken {
    width: 30px;
}

#divCourseConfig span.StatusColor {
    width: 18px;
    margin-right: 2px;
}

#divCourseConfig span.StatusName {
    width: 262px;
}

#divCourseConfig span.Mandatory {
    width: 18px;
}
/*
 * End of ..view/course/config/index.phtml
 */

/*
 * ..view/course/branch/edit.phtml,
 * ..view/course/processtep/edit.phtml
 */
#divEditCourseDocumentType  div.JDSDialogFormContent,
#divEditCourseEvaluation div.JDSDialogFormContent,
#divEditCourseEvent div.JDSDialogFormContent,
#divEditCourseRole div.JDSDialogFormContent,
#divEditCourseBranch div.JDSDialogFormContent,
#frmEditProcessStep div.JDSDialogFormContent,
#frmEditCourseAssigment div.JDSDialogFormContent,
#frmEditCourseSupplier div.JDSDialogFormContent {
    width: 538px;
    min-height: 303px;
}

#divEditCourseDocumentType label,
#divEditCourseEvaluation label,
#divEditCourseEvent label,
#divEditCourseRole label,
#divEditCourseBranch label,
#frmEditProcessStep label,
#frmEditCourseAssigment label,
#frmEditCourseSupplier label {
    width: 80px;
}

#divEditCourseDocumentType span.FlatCheckbox,
#divEditCourseEvaluation span.FlatCheckbox,
#divEditCourseEvent span.FlatCheckbox,
#divEditCourseRole span.FlatCheckbox,
#frmEditCourseBranch span.FlatCheckbox,
#frmEditProcessStep span.FlatCheckbox,
#frmEditCourseAssigment span.FlatCheckbox,
#frmEditCourseSupplier span.FlatCheckbox {
    margin-left: 80px;
}

#txtECDocumentTypeName,
#txtECEvaluationName,
#txtECEventName,
#txtECRoleName,
#txtECBranchSchoolId,
#txtECBranchName,
#txtProcessStepName,
#txtECAssigmentName,
#txtECSupplierName {
    width: 445px;
}

#txtProcessStepRemark {
    width: 445px;
    height: 165px;
}

#txtECRoleToken,
#txtECBranchToken {
    width: 80px;
}
/*
 * End of ..view/course/branch/edit.phtml,
 * End of ..view/course/processtep/edit.phtml
 */

/*
 * ..view/course/status/edit.phtml
 */
#divEditCourseStatus div.JDSDialogFormContent {
    width: 538px;
    height: 303px;
}

#divEditCourseStatus label {
    width: 80px;
}

#frmEditCourseStatus span.FlatCheckbox {
    margin-left: 80px;
}

#txtECStatusName,
#tarECStatusRemarks {
    width: 445px;
}

#txtECStatusColor {
    width: 80px;
}
/*
 * End of ..view/course/status/edit.phtml
 */

/*
 * ..view/course/constantsset/edit.phtml
 */
#frmEditCourseUseConstantsSet div.JDSDialogFormContent {
    width: 404px; /* 380px; */
    /* height: 484px; */ /* 452px; */
}

#frmEditCourseUseConstantsSet div.JDSDialogFormContent.ConstantsSet1 {
    height: 484px;
}

#frmEditCourseUseConstantsSet div.JDSDialogFormContent.ConstantsSet2 {
    height: 543px;
}

#frmEditCourseUseConstantsSet label {
    width: 242px; /* 218px; */
}

#frmEditCourseUseConstantsSet input[type=text] {
    width: 150px;
}

#frmEditCourseUseConstantsSet span.FlatCheckbox {
    margin-left: 10px; /* 218px; */
}
/*
 * End of ..view/course/constantsset/edit.phtml
 */

 
 
 
#frmHideShowColumns div.JDSDialogFormContent {
    width: 400px;
    /* background-color: #ffffff; */
}

#divHCSColumns {
    /* width: 380px; */
    /* height: 430px; */
    background-color: #ffffff;
    color: #000000;
}

#divHCSColumnsHeader {
    font-weight: bold;
    padding-left: 4px;
    border-bottom: 1px solid #000000;
}

#divHCSColumnsBody {
    height: 457px;
    overflow: auto;
}

#divHCSColumnsBody > div {
    width: 378px;
    height: 23px;
    padding-left: 4px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #aaaaaa;
    float: left;
}

#divHCSColumns span.FlatCheckbox {
    margin-right: 4px;
}

/*
 * ..view/schedule/schedule/index.phtml
 */
#divSchedulesContainer {
    height: 702px; /* 726px; */
    width: 960px;
    overflow: auto;
    /* background-color: yellow; */
}

div.GradeSchedule {
    width: 941px; /* 464px; */ /* 475px; */
    /* height: 200px; */
    margin-bottom: 10px;
    border: 1px solid #aaaaaa;
    float: left;
}

/* div.GradeSchedule:nth-child(odd) {
    margin-right: 10px;
} */

div.GradeScheduleHeader {
    width: 100%;
    height: 21px;
    line-height: 21px;
    font-weight: bold;
    border-bottom: 1px solid #aaaaaa;
}

div.GradeScheduleHeader > div,
div.GradeScheduleRow > div {
    float: left;
}

div.GradeScheduleHeader > div:not(:last-child),
div.GradeScheduleRow > div:not(:last-child) {
    border-right: 1px dotted #aaaaaa;
}

div.LessonTime {
    width: 80px; /* 100px; */
    padding-left: 3px;
}

div.GradeScheduleHeader div.LessonTime {
    color: #2cb3ea;
}

div.GradeScheduleRow div.LessonTime {
    line-height: 101px; /* 51px; */
    font-weight: bold;
}

div.Weekday {
    width: 170px; /* 135px; */ /* 71px; */
    /* text-align: center; */
}

div.GradeScheduleHeader div.Weekday {
    text-align: center;
}

div.Weekday > div.GradeGroup {
    width: 100%;
    height: 17px;
    /* font-size: 10px; */
    /* color: #aaaaaa; */
    float: left;
}

div.GradeGroup.Current
/* div.GradeGroup[data-subject-id="5"] */ {
    color: #ffffff;
    background-color: red;
}

div.Weekday span {
    display: inline-block;
    width: 56px; /* 45px; */
    height: 17px;
    line-height: 17px;
    text-align: center;
    float: left;
}

div.GradeScheduleRow {
    width: 100%;
    border-bottom: 1px dotted #aaaaaa;
}

div.GradeScheduleRow,
div.GradeScheduleRow > div {
    height: 101px; /* 51px; */
}
/*
 * End of ..view/schedule/schedule/index.phtml
 */

/*
 * ..view/schedule/lesson/index.phtml
 */
#divScheduleLessons {
    width: 958px;
    height: 702px; /* 726px; */
    border-left: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
}

#divScheduleLessonPlan {
    width: 672px;
    font-weight: bold;
    font-size: 17px;
}

#divScheduleLessons > div {
    width: 100%;
    float: left;
}

#divScheduleLessonsHeader {
    height: 23px;
    line-height: 23px;
    border-bottom: 1px solid #aaaaaa;
    font-weight: bold;
}

#divScheduleLessonsBody {
    height: 678px; /* 702px; */
    overflow: auto;
    /* background-color: lightgreen; */
}

#divScheduleLessonsBody > div {
    position: relative;
    width: 100%;
    min-height: 19px;
    /* line-height: 19px; */
    border-bottom: 1px dotted #aaaaaa;
    float: left;
    cursor: pointer;
}

#divScheduleLessonsBody > div.Hovered /* ,
#divScheduleLessonsBody > div.Hovered > div */ {
    background-color: #dddddd;
}

#divScheduleLessonsBody > div.Finalized {
    color: darkblue;
}

#divScheduleLessonsHeader > div,
#divScheduleLessonsBody > div > div:not(#divScheduleLessonsCommand) {
    display: table-cell;
    padding-left: 4px;
}

#divScheduleLessonsHeader > div:not(:last-child),
#divScheduleLessonsBody > div > div:not(:last-child) {
    border-right: 1px solid #aaaaaa;
}

div.ScheduleGrades {
    width: 100px;
}

div.ScheduleSubjects {
    width: 308px;
}

div.ScheduleTeachers {
    width: 248px; /* 308px; */
}

div.ScheduleRooms {
    width: 56px;
}

div.ScheduleLessonsCount {
    width: 100px;
}

div.ScheduleConsecutive {
    width: 100px;
}

#divScheduleLessonsCommand {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

#divScheduleLessonsCommand div.MenuStarter {
    width: 80px;
    height: 19px;
    text-align: center;
    color: #ffffff;
    float: left;
    background-color: #2cb3ea;
}
/*
 * End of..view/schedule/lesson/index.phtml
 */

/*
 * ..view/schedule/lesson/edit.phtml 
 */
#frmEditScheduleLesson div.JDSDialogFormContent {
    width: 878px; 
   height: 579px;
}

#frmEditScheduleLesson label {
    width: 100px;
}

#divESLData {
    width: 508px;
    height: 579px;
    float: left;
}

#divESLData div.JDSDialogFormContentRow {
    float: left;
}

#divESLGrade, #divESLSubject, #divESLTeacher, #divESLRoom {
    width: 494px; /* 458px; */
}


#ulESLGrades {
   width: 496px;
   height: 75px;
}
#txtESLGradesAlias {
    width: 394px;
}


/* #ulESLGrades, */ #ulESLSubjects, #ulESLTeachers, #ulESLRooms {
   width: 496px;
   height: 105px;
}

#ulESLGrades li, #ulESLSubjects li, #ulESLTeachers li, #ulESLRooms li {
    position: relative;
    cursor: pointer;
}

#ulESLGrades li.Hovered, #ulESLSubjects li.Hovered, #ulESLTeachers li.Hovered, #ulESLRooms li.Hovered,
#ulESLGrades li.Selected, #ulESLSubjects li.Selected, #ulESLTeachers li.Selected, #ulESLRooms li.Selected {
    background-color: #dddddd;
}

span.ESLSubjectToken, span.ESLTeacherToken, span.ESLRoomNumber {
    width: 70px;
    white-space: nowrap;
    overflow: hidden;
}

span.ESLSubjectName {
    width: 309px;
}
span.ESLPeriodName {
    width: 70px;
}

span.ESLTeacherFullName {
    width: 233px; /* 250px; */ /* 310px; */
}

span.ESLTeamName {
    width: 70px
}

span.ESLRoomNote {
    width: 309px; /* 326px; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.Safe,
div.Safe {
    background-color: #ebffeb;
}

span.Unsafe,
div.Unsafe {
    background-color: #ffebeb;
}

#divESLSubjectCommand,
#divESLTeacherCommand,
#divESLRoomCommand {
    position: absolute;
    height: 17px;
    /* right: 20px; */
    background-color: #2cb3ea;
    white-space: nowrap;
    overflow: hidden;
}

#divESLSubjectCommand {
    width: 73px;
    left: 385px;
}

#divESLTeacherCommand {
    width: 146px;
    left: 310px;
}

#divESLRoomCommand {
    width: 73px;
    left: 385px;
}

#divDDSubjectPeriod,
#divDDLessonSubject,
#divDDLessonTeam,
#divDDLessonTeacher {
    width: 73px;
    height: 17px;
    float: left;
}

#spanESLConsecutive {
    margin-left: 20px;
    margin-right: 10px;
}

#txtESLLessonsCount,
#txtESLConsecutive {
    width: 139px; /* 80px; */
}

#divESLConflicts {
    height: 565px;
    border: 1px solid #ffffff;
    float: left;
}

#divESLConflicts div.TableRow:not(:last-child) {
    border-bottom: 1px dotted #ffffff;
}

#divESLConflicts div.TableRow div.TableCell:not(:last-child) {
    border-right: 1px dotted #ffffff;
}

#divESLConflicts div.TimeInterval {
    width: 84px;
}

#divESLConflicts div.DayName {
    position: relative;
    width: 39px;
}

/* #divESLConflicts div.DayName.Finalized {
    outline: 2px solid darkblue;
    filter: Alpha(Opacity=2);
    opacity: 0.2;
} */

#divESLConflicts div.DayName.Finalized  div.Conflict {
    background-color: darkblue;
}

#divESLConflicts div.FinalizedOverlay {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border: 2px solid #ffffff;
    background-image: url(../img/app/confirmed.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#divESLConflicts div.TableRow.Header {
    height: 25px; /* 19px; */
    line-height: 25px;
}

#divESLConflicts div.TableRow:not(.Header),
#divESLConflicts div.TableRow:not(.Header) > div {
    height: 44px; /* 38px; */
}

#divESLConflicts div.TableCell.Header {
    text-align: center;
}

#divESLConflicts div.Conflict {
    width: 100%;
    height: 4px;
    /* background-color: lightgreen; */
}

#divESLConflicts div.Conflict.Occupied {
    background-color: darkblue;
}

#divESLConflicts div.TableCell.Selected {
    filter: Alpha(Opacity=5);
    opacity: 0.5;
}

/*
 * End of ..view/schedule/lesson/edit.phtml 
 */

/*
 * ..view/schedule/timetable/edit.phtml 
 */
#frmEditTimetable > div.JDSDialogFormContent {
    width: 538px;
    height: 336px; /* 300px; */
}

#frmEditTimetable label {
    width: 100px;
}

#frmEditTimetable div.JDSDialogFormContentRow {
    width: 100%;
    margin-top: 10px;
    float: left;
}

#divETTLevels span {
    display: inline-block;
    height: 20px;
    float: left;
}

#divETTLevels span.Color {
    width: 20px;
    cursor: pointer;
}

#divETTLevels span.Color:hover {
    outline: 1px solid #ffffff;
}

#divETTLevels span.RightLabel {
    width: 70px;
    margin-left: 5px;
}

#btnETTClearLevels {
    position: absolute;
    /* margin-left: 27px; */
    left: 100px;
}

div.Conflict[data-level="0"],
div.Leveled[data-level="0"],
#divETTLevels span[data-level="0"] {
    background-color: red;
}

div.Conflict[data-level="1"],
div.Leveled[data-level="1"],
#divETTLevels span[data-level="1"] {
    background-color: orange;
}

div.Conflict[data-level="2"],
div.Leveled[data-level="2"],
#divETTLevels span[data-level="2"] {
    background-color: yellow;
}

div.Conflict[data-level="3"],
div.Leveled[data-level="3"],
#divETTLevels span[data-level="3"] {
    background-color: lightgreen;
}

div.Conflict[data-level="9"] /* ,
div.Leveled[data-level="9"],
#divETTLevels span[data-level="9"] */ {
    background-color: darkblue;
}

.Unhighlight {
    filter: Alpha(Opacity=0);
    opacity: 0.0;
}
/*
 * End of ..view/schedule/timetable/edit.phtml 
 */

/*
 * ..view/schedule/schedule/activationedit.phtml 
 */
#frmActivateScheduleLessons div.JDSDialogFormContent {
    width: 538px;
    height: 336px;
}

#frmActivateScheduleLessons label {
    width: 80px;
}

#divSLAPeriod {
    width: 443px;
}
/*
 * End of ..view/schedule/schedule/activationedit.phtml 
 */

/*
 * ..view/schedule/lessonplan/edit.phtml 
 */
#frmEditScheduleLessonPlan div.JDSDialogFormContent {
    width: 538px;
    height: 309px;
}

#frmEditScheduleLessonPlan label {
    width: 90px;
}

#tarESLPDescription {
    width: 432px;
}

#txtESLPSchoolYear, #divESLPTimePlan {
    width: 200px;
}
/*
 * End of ..view/schedule/lessonplan/edit.phtml 
 */

#divSSOContainer {
    width: 638px;
    margin-left: 250px;
}

#divSSOContainer > h1,
#divSSOContainer > p {
    margin-bottom: 20px;
}

#divSSOContainer label {
    display: inline-block;
    width: 150px; /* 100px; */
}

#tblSentReviewsReport {
    margin-left: 16px;
    margin-right: 16px;
}

#tblSentReviewsReport td {
    padding-right: 16px;
}

#tblSentReviewsReport tr {
    border-bottom: 1px dotted #ffffff;
}

/* General report */
#frmPrepareTaskStatistic > div.JDSDialogFormContent {
    
}

#frmPrepareTaskStatistic label {
    width: 100px;
}

#txtPTSPeriodStart, #txtPTSPeriodEnd, #txtPTSCourseNumber {
    width: 90px;
}
/* End of General report */

#divCourseFeedbackOverview {
    width: 958px;
    height: 726px;
    border-left: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
}

#divCourseFeedbackOverview > div {
    width: 100%;
    float: left;
}

#divCourseFeedbackOverview > div:first-child {
    height: 23px;
    line-height: 23px;
    border-bottom: 1px solid #aaaaaa;
    font-weight: bold;
    overflow: hidden;
}

div.CFOFeedback {
    position: relative;
    height: 19px;
    line-height: 19px;
    border-bottom: 1px dotted #000000;
    cursor: pointer;
}

div.CFOFeedback.Hovered {
    background-color: #dddddd;
}

#divCourseFeedbackOverviewHeader > span,
div.CFOFeedback > span {
    display: inline-block;
    height: 100%;
    float: left;
    white-space: nowrap;
    overflow: hidden;
}

#divCourseFeedbackOverviewBody {
    height: 702px;
    overflow: auto;
}

span.CFOFeedbackStatus {
    width: 21px;
    overflow: hidden;
}

span.CFOFeedbackStatus > span.Color {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 2px;
    margin-top: 2px;
}

span.Color.Standby {
    background-color: orange;
}

span.Color.Active {
    background-color: lightgreen;
}

span.Color.Reminded {
    background-color: darkgreen;
}

span.Color.Expired {
    background-color: #cccccc; /* gray; */
}

span.CFOFeedbackTitle {
    width: 379px;
}

span.CFOFeedbackDay {
    width: 90px;
}

span.CFOTeacher {
    width: 150px;
    /* background-color: yellow; */
}

span.CFOSubject {
    width: 210px;
    /* background-color: lightblue; */
}

#divStudentListCommand {
    position: absolute;
    right: 17px;
    bottom: 1px;
}

#divStudentListCommand > div.MenuStarter {
    width: 80px;
    height: 19px;
    text-align: center;
    color: #ffffff;
    float: left;
    background-color: #2cb3ea;
}

#divEARRoles {
    width: 374px;
    height: 206px;
    color: #000000;
    border: 2px solid #aaaaaa;
    background-color: #ffffff;
}

#divEARRoles > div.UserRole {
    width: 100%;
    height: 22px;
    border-bottom: 1px dotted #000000;
    margin-left: 2px;
    float: left;
    cursor: pointer;
}

#divEARRoles > div.UserRole > span {
    float: left;
}

#divEARRoles > div.UserRole > span.UserRoleName {
    display: inline-block;
    height: 22px;
    line-height: 24px;
    margin-left: 4px;
}

div.UserRole.Checked > span.FlatCheckbox {
    background-image: url(../img/checkmark.png);
}

table.LogStatistic {
    margin: 15px;
}

table.LogStatistic td:first-child {
    width: 80px;
}





@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.ticker-wrap {
  position: fixed;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  height: 4rem;
  background-color: rgba(0, 0, 0, 0.9);
  padding-left: 100%;
  box-sizing: content-box;

  .ticker {

    display: inline-block;
    height: 4rem;
    line-height: 4rem;
    white-space: nowrap;
    padding-right: 100%;
    box-sizing: content-box;

    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
   -webkit-animation-name: ticker;
           animation-name: ticker;
    -webkit-animation-duration: 30s;
            animation-duration: 30s;

    .ticker__item {

      display: inline-block;

      padding: 0 2rem;
      font-size: 2rem;
      color: #fff;

      a {
          color: #29b4e7;
          text-decoration: underline;
      }
    }

  }

}