HTML, BODY {
    font-family: "PT Sans", sans-serif;
    font-size: 10.5pt;
    margin: 0;
    padding: 0;
    background-color: white;
    color: black;
    height: 100%;
    width: 100%;
//    behavior: url("/scripts/csshover3.htc");
}

input, select, button { font-family: "PT Sans", sans-serif; }

* { -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; }

#headertable        { width: 100%; border-bottom: 1px solid #851C00; font-size: 1.0em; }
#myneslogo          { width: 160px; background-color: #FFDD47; padding-top: 8px; padding-left: 8px; text-align: center; }
#mynesrole          { padding: 0 0 0 7px; background-color: #851C00; border-left: 1px solid #851C00; vertical-align: middle; }
#mynesrole table    { color: #FFFFBE; border-collapse: separate; margin: 0; height: 24px; }
#mynesrole_select   { line-height: 14px; cursor: default; background-color: #ffffe0; color: #000; vertical-align: middle;
              padding: 0 0 0 5px; border: 1px solid #851c00; position: relative; }
#myneslang          { padding: 2px 0; background-color: #851C00; vertical-align: top; }
#myneslang a        { color: #FFFFFF; background-color: #330000; padding: 2px 10px; }

.login input        { background-color: #ffffe0; border-width: 0; }
#mynesmenu          { vertical-align: middle; padding: 0 7px; height: 22px; color: #fff;
              background-color: #575757; border: 0px; border-bottom: 1px solid black; }
#menutable          {
    border-spacing: 0px;
    border-collapse: collapse;
}
#menutable td       {
    padding: 1px 8px 2px 8px;
    cursor: default;
    font-variant: small-caps;
    position: relative;
    line-height: 12px;
    white-space: nowrap;
    border-right: 1px solid #dadada;
    color: #fff;
    font-size: 12pt;
}
#menutable td a     { color: #fff; font-size: 1.0em;}
#menutable td:hover     { color: black; font-size: 1.0em;}

div.menupane        { padding: 3pt 2pt; border: 1px solid #5b5b67; border-width: 1px 2px 2px 1px;
              background-color: #DDD; display: none; position: absolute; z-index: 5000; }
div.menupane table  { border-collapse: separate; }
div.menupane table td   { padding: 0 3px 1px 3px; cursor: default; border-style: solid none; border-width: 1px;
              border-color: #DDD; vertical-align: middle; }
#plainedit          { float: right; color: white; background-color: black; padding: 3px;
              text-align: center; font-weight: bold; }
#warnings           { color: #888; background-color: black; padding: 1pt 4pt; border-bottom: 1px solid white;
              border-right: 1px solid white; position: absolute; top: 0; left: 0; }
#warnings b         { color: white; }

#myneslang2         { padding: 2px 0px; background-color: #575757; vertical-align: top; width: 100%; text-align: right;
              border: 0px; border-bottom: 1px solid black; }
#myneslang2 a       { padding: 2px 7px; }
#myneslang2links {
    margin-right: 0.7em
}
#myneslang2links a  { color: #FFFFFF; padding: 2px}
.menu_btn {
    background-color: #a31646;
}
.design a {
    padding: 0;
}
.flag {
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: inline-block;
    width: 20px;
    height: 20px;
}
.accessibility_button {font-weight:bold;}
.accessibility_button a {color:#fff}
.accessibility_button.active {border: 1px solid #fff;}
.accessibility_button.active a {pointer-events: none}
.accessibility_button.inactive {border: none}
.accessibility_button.inactive a {pointer-events: auto}
.tabs_menu .login td    { font-size: 10.5pt; color: #000; padding-left: 8pt; }
.tabs_menu .login input { background-color: #fff; border: 1px solid #504e53; border-radius: 4px; margin-bottom: 2pt; }
table.page_head { width: 100%; }
table.page_head td { padding: 0px 0px; border: none; font-size: 10pt; }
table.page_head div.first_row { margin: 1px 0 5px 0;  display: flex; justify-content: space-between; color: #000}
table.page_head div.first_row span.logged_in { font-size: 90%;}
table.page_head td.mynes_logo { background-image: url(/images/tabs/myNES_logo.png); background-position: top right; background-repeat: no-repeat; }
table.page_head a { border: none; text-decoration: none; }
table.page_head a:hover { border: none; text-decoration: none; }
table.tabs_menu { width: 100%; }
table.tabs_menu td { white-space: nowrap; font-size: 12pt; }
table.tabs_menu a { color: #fff; border: none; text-decoration: none; }
table.tabs_menu .IC a { color: #000; border: none; text-decoration: none; }
table.tabs_menu a:hover { color: #000; border: none; text-decoration: none; }
table.tabs_menu .AC a:hover { color: #fff;}
table.tabs_menu .NA { width: 100%; padding: 0px 0px;}
table.tabs_menu .AC,
table.tabs_menu .IC,
table.tabs_menu .HC { background-repeat: repeat-x; padding: 3px -2px; }
table.tabs_menu .AL,
table.tabs_menu .AR,
table.tabs_menu .IL,
table.tabs_menu .IR,
table.tabs_menu .I2R,
table.tabs_menu .HL,
table.tabs_menu .HR,
table.tabs_menu .H2R { background-repeat: no-repeat; padding: 0px 0px; }
table.tabs_menu div.AL,
table.tabs_menu div.AR,
table.tabs_menu div.IL,
table.tabs_menu div.IR,
table.tabs_menu div.HL,
table.tabs_menu div.HR,
table.tabs_menu div.EM { height: 23px; width: 12px; }
table.tabs_menu div.EM2 { height: 46px; width: 22px; }
/*table.tabs_menu .AC, table.tabs_menu .AL, table.tabs_menu .AR, table.tabs_menu .IC, table.tabs_menu .IL, table.tabs_menu .IR,  table.tabs_menu .I2R, table.tabs_menu .HC, table.tabs_menu .HL, table.tabs_menu .HR, table.tabs_menu .H2R { background-color: #DADADA}*/

table.tabs_menu .AC { background-image: url("/images/tabs/TAC_new.png"); }
table.tabs_menu .AL { background-image: url("/images/tabs/TAL_new.png"); }
table.tabs_menu .AR { background-image: url("/images/tabs/TAR_new.png"); }
table.tabs_menu .IC { background-image: url("/images/tabs/TIC_new.png"); }
table.tabs_menu .IL { background-image: url("/images/tabs/TIL_new.png"); }
table.tabs_menu .IR { background-image: url("/images/tabs/TIR_new.png"); }
table.tabs_menu .I2R { background-image: url("/images/tabs/T2IR_new.png"); }
table.tabs_menu .HC { background-image: url("/images/tabs/THC_new.png"); }
table.tabs_menu .HL { background-image: url("/images/tabs/THL_new.png"); }
table.tabs_menu .HR { background-image: url("/images/tabs/THR_new.png"); }
table.tabs_menu .H2R { background-image: url("/images/tabs/T2HR_new.png"); }

table.shifted { position:relative; top:-23px; margin-bottom:-23px; }
table.page_head { background-color: #fff; background-position: top right; }
table.page_head tr.second_row { background-color: #dadada }

#body               { min-height: 100%; }
* HTML #body        { height: 100%; }
#footertable        { width: 100%; height: 20px; margin-top: -20px; border-top: 1px solid #999999;
              background-color: #dadada; font-size: 1.0em; }

div.space     { padding: 0 12pt 18pt 12pt; width: 100%; margin:0; }
h1          { margin: 12pt 0 6pt 0; font-size: 1.8em; }
h2          { margin: 8pt 0 6pt 0; font-size: 1.4em; }
h2.superb   { padding: 2pt 0 4pt 12pt; font-size: 1.3em; background-color: #054372; color: #fff; }
h3          { margin: 6pt 0; font-size: 1.1em; }
h4          { margin: 20pt 0 0 0; font-size: 1.0em; }
td          { font-size: 1em; vertical-align: top; }
th          { font-size: 1em; vertical-align: bottom; }
ul          { margin: 0 0 6pt 25pt; padding-left: 0; }
ul li       {
    list-style: none;
    line-height: 1.05;
}
ul li:not(.select2-results__option, .select2-selection__choice)::before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    position: relative;
    border-radius: 50%;
    top:10px;
    left: -15px;
    background-color: #a31646;
}
img         { border-style: none; }
p           { margin: 0 0 3pt 12pt; }
a           { text-decoration: none; color: #504e53; }
a.a_red     { text-decoration: none; color: #a31646; }
a:hover     { text-decoration: underline; }
form        { margin: 0; }
table       { font-size: 1em; border-collapse: collapse; }
table a     { color: #001060; }
thead       { display: table-header-group; }
input, select, textarea { font-size: 1em; }
td pre      { margin: 0; }
.a_red      { color: #a31646}

table.actions       { margin-bottom: 10pt; margin-left: 10pt; }
table.actions td    { padding: 2pt; }
.actions a          { color: #000; }

.loader         { margin:0; margin-left: 15pt; border:0; position: relative; top: 5px; }
.icon           { width: 16px; height: 16px; margin-right: 3pt; position: relative; top: 3px; }
.error          { color: red; width: 100%; }
.clickable      { cursor: pointer; cursor: hand;}
.smallcaps      { font-variant: small-caps; }
.webdings       { font-family: "Webdings" !important; }
.wingdings1     { font-family: "Wingdings" !important; }
.wingdings2     { font-family: "Wingdings 2" !important; }
.wingdings3     { font-family: "Wingdings 3" !important; }
.dimmed         { color: #999; }
.dimmed a       { color: #9ac; }
.dimmed img     { filter: alpha(opacity=50); opacity: 0.5; }
.graduate       { background-color: #ffdddd; }
.trainee        { background-color: #ddffdd; }
.budget_null    { background-color: #6FF1CE; }
.debtor td      { color: red; }
.error_budget   { display:inline-block; padding:3px 6px; margin-top:3px; }
.no_visible, .foreign_directory     { display:none; }
.nowrap         { white-space: nowrap; }
.warning        { display:inline-block; margin: 10px 0 10px 25px; padding:3px; background-color:#f28080; }
.deadline       { color:red; }
.submitted      { color:green; }
.stud_message   { padding:5px; background-color:#f28080; font-size:1.3em; margin-bottom: 3px;}
.no_margin {
    margin: 0 !important;
}
.my-2 {
    margin-top: 2rem;
}
.pointer {cursor:pointer}
.grid {
    display: grid;
}
.grid-col-3 {   
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}
.gr-col-3 {
    grid-column: span 3;
}

.grade_none, .grade_Excellent, .grade_Outstanding, .grade_passed, .grade_Very_good, .grade_Good, .grade_Satisfactory, .grade_Fair, .grade_Fail, .grade_0, .grade { font-family: "PT Sans Caption", sans-serif; font-weight: bold; }
.grade_1, .grade_Excellent_with_reservations, .grade_Outstanding, .grade_Excellent, .grade_Very_good, .grade_passed { color: #ff0000; }
.grade_Good, .grade_Good_with_rezervations { color: #ff8800; }
.grade_Satisfactory, .grade_Fair, .grade_Minimum_pass { color: #008800; }
.grade_Fail, .grade_Failed, .grade_failed { background-color: red; padding: 0 4pt; }

.grade_5, .grade_4, .grade_3, .grade_2, .grade_1, .grade_0 { font-family: "PT Sans Caption", sans-serif; font-weight: bold; }
.grade_1, .grade_5  { color: #ff0000; }
.grade_4        { color: #ff8800; }
.grade_3        { color: #008800; }
.grade_none, .grade_2   { background-color: red; padding: 0 4pt; }
.grade_x        { color: #bbbbbb; }
.grade_regular {font-weight: bold;}

/*  used in evaluation forms: underlined rows */
table.table3        { margin-left: 36pt; margin-bottom: 6pt; }
table.table3 td     { border-bottom: 1px solid #ccc; padding: 2pt 15pt 0 0; vertical-align: bottom; }
input.underlined    { border-style: none; border-bottom: 1px solid; border-bottom-color: black; }
p.opinion           { margin: 0 0 4pt 18pt; text-indent: -18pt; }

/* used as lists for decanat, has yellowish headers */
.table4         { margin: 0 0 4pt 30pt; }
.table4 td      { border: 1px solid #ddd; padding: 1px 4px; cursor: default; }
.table4 th      {
    border: 1px solid #999;
    padding: 1px 4px;
    cursor: default;
    background-color: #d2e7fc;
    font-weight: bold;
    color: #000
}
.table4 th.profile      { border: 1px solid #003; padding: 1pt;   color: #f5f5ff; background-color: #114488; font-weight: bold; text-align: left; }
.table4 .subheader      { border-style: none; padding-top: 6pt; background-color: white; }
.table4 tr.hover, .table_leader tr.hover        { background-color: #eeeeee !important; }
.table4 tr.active, .table_leader tr.active       { background-color: #afcfe9 !important; }

/* used mainly as forms */
.table5         { width: 100%; margin-bottom:6pt;}
.table5 td      { border: 1px solid #ddd; padding: 0 3pt; text-align:left; padding:1px 10px 1px 3px;}
.table5 th      { border: 1px solid #abc; padding: 0 3pt; color: #112255; background-color: #f5f5ff;
              font-weight: normal; vertical-align: top; text-align: left; padding:1px 10px 1px 3px; }
.table5 th.subheader    { border: 1px solid #003; padding: 1pt;   color: #f5f5ff; background-color: #054372; font-weight: bold; }
.table5 .table5 th.subheader { background-color: #8ad; text-align:left; padding:2px; }
.table5 input, .table5 textarea     { border-style: none; background-color: #dadada; }
.table5 .long, .table5 .long_has_error      { width: 100%; overflow: hidden; }
.table5 .has_error, .table5 .long_has_error { color: red; font-weight: bold; }
table.table5 table.table4 th { padding:1px 3px; }

/* airy table, with no grid lines */
table.table7        { border-collapse: collapse; }
table.table7 td     { padding: 2pt 10pt 2pt 6pt; border-style: none; }
table.table7 th     { padding: 2pt 10pt 1pt 6pt; background-color: white; border-style: none;
              border-bottom: 1px solid #5275bd; font-weight: bold; }

/* same, but header row is more emphasized, having gray background */
.table8 th      { padding: 2pt 12pt 2pt 4pt; text-align: left; color: #000; background-color: #d2e7fc;
              border: 1px solid #054372; border-left-style: none; border-right-style: none; }
.table8 td      { padding: 2pt 12pt 3pt 4pt; }
.table8 tr.ruled td { border-top: 1px dashed #aaa; }
.table8 td.ruled    { border-top: 1px dashed #aaa; }
.table8 tr.hover    { background-color: #eeeeee !important; }
.table8 tr.active   { background-color: #afcfe9 !important; }

/* this table assumes TH's are in the first column, and TD's are in the second */
.table9         { border-collapse: separate; }
.table9 td      { padding: 1pt 6pt; }
.table9 th      { text-align: left; background-color: #EEF; border: 2px outset; border-width: 1px 2px;
              padding: 1pt 4pt; vertical-align: top; font-weight: normal; }

/* spreadsheet-like table */
table.table10       { border: 1px solid #ddd; }
table.table10 th    { padding: 1px 16pt 1px 4px; text-align: left; color: #000; background-color: #d2e7fc;
              border: 1px solid #777; cursor: default; }
table.table10 td        { padding: 1px 4px; border: 1px solid #ddd; }
table.table10 td.uid    { color: #aaa; }
table.table10 td.th     { padding-right: 6pt; color: #000; background-color: #eee; border: 1px solid #ddd; }
table.table10 tr.ruledtop td { border-top-color: #373; }
table.table10 tr.ruledbot td { border-bottom-color: #373; }
table.table10 thead tr .header { background-image: url(/images/bg.gif); background-repeat: no-repeat;
                 background-position: center right; cursor: pointer; cursor: hand; }
table.table10 thead tr .headerSortUp { background-image: url(/images/desc.gif); background-color: #d08460; color: #000; }
table.table10 thead tr .headerSortDown { background-image: url(/images/asc.gif); background-color: #d08460; color: #000; }

/* used as totals view for MiF admission */
table.table11           { margin: 0 0 0 0; }
table.table11 td        { border: 1px solid #ddd; padding: 1px 4px; cursor: default; text-align: center;}
table.table11 th        { border: 1px solid #777; padding: 1px 4px; cursor: default; background-color: #f5f5ff; font-weight: bold; }
table.table11 .subheader    { border-style: none; padding-top: 6pt; background-color: white; }

/* another spreadsheet-like table */
table.table12 th    { padding: 2pt 12pt 2pt 4pt; text-align: left; color: #000; background-color: #d2e7fc;
              border: 1px solid #777; cursor: default; border-left-style: none; border-right-style: none; }
table.table12 td        { padding: 2pt 12pt 3pt 4pt; }
table.table12 td.uid    { color: #aaa; }
table.table12 td.th     { padding-right: 6pt; color: #000; background-color: #eee; }
table.table12 tr.ruledtop td { border-top: 1px dashed #aaa; }
table.table12 tr.ruledbot td { border-bottom: 1px dashed #aaa; }
table.table12 thead tr .header { background-image: url(/images/bg.gif); background-repeat: no-repeat;
                 background-position: center right; cursor: pointer; cursor: hand; }
table.table12 thead tr .headerSortUp { background-image: url(/images/desc.gif); background-color: #ddd; color: #888; }
table.table12 thead tr .headerSortDown { background-image: url(/images/asc.gif); background-color: #ddd; color: #888; }

/* table.tablesorter */
table.tablesorter tr.ruledtop td { border-top: 1px dashed #aaa; }
table.tablesorter tr.ruledbot td { border-bottom: 1px dashed #aaa; }

/* faculty course header */
table.crs_header { background-color: #054372; width: 100%; font-weight: bold; color: #fff; }
table.crs_header th     { padding: 2pt; border-right: 1px solid #dadada; cursor: pointer; cursor: hand; }
table.crs_header th:hover { background-color: #999; color: #000}
table.crs_header th.active { background-color: #dadada; color: #000 }
table.crs_header td     { background-color: #054372; color: #fff; padding-right: 6pt; text-align: right; cursor: default; }

.table-row {display:table-row}
.table-cell {display:table-cell}

/*news*/
div.news        { margin: 6pt 0 4pt 12pt; }
.newsdate  { font-weight: bold; padding: 1pt 4pt; background-color:#DADADA; color: #a31646; font-size:1em;}
div.news div.newsbody   { margin: 0 12pt; border-left: 2px solid #bbb; padding-left: 4pt; text-align: justify; }
div.news span.newsauthor{ font-size: 0.8em; color: #aab; }

/* Student's course */
div.leftmenu        { margin: 3pt 0; background-color: #bfbfbf; border: 1px solid black; cursor: pointer;
              padding: 4pt 6pt; font-weight: bold; font-size: 0.9em; }
div.leftmenudisabled    { margin: 3pt 0; background-color: #999; border: 1px solid black; cursor: default;
              padding: 4pt 6pt; font-weight: bold; font-size: 0.9em; }
div.leftmenuactive      { margin: 3pt 0; background-color: #d2e7fc; border: 1px solid black; cursor: pointer;
              cursor: hand; padding: 4pt 6pt; font-weight: bold; font-size: 0.9em;}
ul.course_list      { margin-left: 18pt; margin-bottom: 24pt; list-style-image: url('/images/none.gif'); }
ul.course_list li   { font-size: 0.8em; margin: 3pt 0; }
h3.student_course   { padding: 2pt 12pt 2pt 4pt; text-align: left; color: #888; background-color: #eee;
              border: 1px solid #5275bd; border-left-style: none; border-right-style: none;
              width: 300pt; }

@media print {
    #headertable, #plainedit { display: none; }
    .not_printable  { display: none; }
    table.table4    { margin-left: 0; page-break-inside: avoid; }
    tr          { page-break-inside: avoid;}
    #footertable        { display: none; }
    #page_head, #page_head2, #page_head3 { display: none; }
}

/* forum */
div.quote { font: 0.85em; margin: 5px; background-color: EEE; }

td.dead { text-align: left; }
span.dead { display: block; border: 1px solid black; padding: 2px; margin: 1px; }

.sn_icon { border: 0px; margin-right: 0px; width: 18px; height: 18px; }

.helptext { color:#261; font-size:80%; margin-top:3pt; margin-bottom:6pt; background-color:#ddd; padding:3pt; }

.form_div {padding: 5px 0 0 20px; margin-bottom: 10px; border: 1px solid #ddd;}
.div_header  { border: 1px solid #003; padding: 1pt;   color: #f5f5ff; background-color: #114488; font-weight: bold; }

.cancel_file {
    cursor: pointer
}
.text-red { color: #a31646 }
.text-green { color:green }
.bold {font-weight:bold}

.relative {
    position: relative;
}
.div_collapse {
    position: absolute;;
    top: 0;
    right: 0;
}

.div_collapse span {
    padding-left: 1em;
    cursor: pointer;
    color:#fce9ef;
    font-weight: normal;
}


/*common*/
/*plan.pl*/
#datatbl td { border-color: #ccc; }
#datatbl td.module  { color:black; background-color:white; border-bottom-color:#89a; }
#datatbl tr.chosen, tr.taken  { background-color:#ecf2f9; color:#000; }
#datatbl tr.skipped { background-color:#fff; color:#999; }
.course.skipped { color:#ccc; }
.course.withdrawn {color: #ffddaa;}
div.footnote { margin-left:10pt; text-indent:-8pt; font-size:.8em; display:none; }
span.etal { font-style:italic; color:#347; text-decoration:underline; cursor:pointer; cursor:hand; }
div.infodiv { padding:4pt 24pt; background-color:#ace; border:1px solid #268; margin-top:12pt;
        width:expression(datatbl.clientWidth<500?500:datatbl.clientWidth); }
div.infodiv h3 { margin-top:0; }
div.infodiv p  { margin-left:36pt; }
.hover1 { background-color:#367; color:#fff !important; }
.hover2 { background-color:#ffa; }
.req_hover { background-color:#ffa !important; }
.req_inside {font-weight: bold;}
.hidden {display:none}
.field {text-align: center;}

/*crs_eval_exam*/
.btn_graph {cursor:pointer}

/*crs_events*/
.other_event {display:none}
.div_margin {margin:0 0 10pt 10pt}

/*crs_files*/
DIV.infobox { width:50%; float:right; background-color:#e6e6ee; margin-bottom:8pt; padding:3pt 6pt;
          border:1px solid #999; color:#777; }
DIV.infobox H3 { margin:0; }
table.table8 td.fileindir { padding-left: 24pt; }
table.table8 tr.locked td { background-color: #dde; }
table.table8 tr.dirrow td { background-color: #efe; color:#004; font-weight:bold; padding-top:0; padding-bottom:2pt;
                border-top:1px solid #4e653a}
table.table8 tr.year td { background-color:#c5d9f9; font-weight:bold; cursor:pointer; border-bottom:1px solid #4e653a}
table.table8 tr.end_dirrow td { border-top:1px dashed #888}
.copy_course { margin: 5px 0}
.tr_error { border: 1px solid red}

/*crs_homeworks, crs_grades*/
.sm { color: #493; font-size: 80%; }
.warn { color: red; font-weight:bold; }
.variable { color:#00263d; font-family:'PT Mono',monospace; }
.logical  { color:#ff8242; }
.function { color:#000; font-weight:bold; }
.number   { color:#700; font-weight:bold; }
#hwstbl TD.tdgrd { padding-left:16pt }
DIV.actionbox P { margin:0; }
DIV.actionbox { margin-bottom: 12pt; }
.helptext { color:#261; font-size:80%; }
.cancel {cursor:pointer}
#table70366 { cursor:default; margin-left:24pt; }
TD.nohomework,TD.nograde { text-align:center; color:#bbb; }

/*office_hours*/
input, textarea { border:1px solid #aaa; }
table#tbl67 th, .left { vertical-align:top; text-align: left; }
table#tbl67 td { padding:6pt; }
table#tbl67 table.simple td { padding:1pt 3pt; }
table#tbl67 td.dimmed td, table#tbl67 td.dimmed input, table#tbl67 td.dimmed select { color:#ccc; }
h3.modest { width:280pt; border-bottom:1px solid #57b; font-variant:small-caps; margin-bottom:2pt; margin-top:18pt; }
.data, { display:flex; }
.flex {
    display:flex;
    flex-wrap:wrap
}
.div_day, .data { margin: 0.5rem 0; padding: 0.5rem; }
.div_hour,#btn_copy { margin: 0.5rem 0; }
.div_day:hover { cursor:pointer; }
.controlimg { margin-left:5px; vertical-align:middle }
.controlimg:hover { cursor:pointer; }
.error_week, .success, .success_copy { margin-left: 1rem; }
.error_time, .margin, #btn_save_info { margin:1rem; }
.success { color:green; }
#error_copy {margin:0.6rem 0; border:1px solid red; padding:0.6rem}
.field_set_hours {flex:2 1 0}
.field_hours {flex:1.2 1 0}
.field_days {flex:0.8 1 0}

/*faculty_event_finance_sources, faculty_event_types, faculty_publication_journals, wp_series*/
div#main {
    width:438px;
    overflow-y:auto; margin-top:0;
    scrollbar-face-color: #fea;
    scrollbar-highlight-color: #ffdd47;	scrollbar-3dlight-color: #fff3cf;
    scrollbar-shadow-color: #851c00;	scrollbar-darkshadow-color: #000;
    scrollbar-track-color: #851c00; 	scrollbar-arrow-color: #000;
}
#listtbl td:nth-child(1) { text-align:right; }
#listtbl td:nth-child(4) { font-family:'PT Mono',monospace;text-align:center; }

/*view_expertise, view_faculty_event_finance_source, view_faculty_event_type, view_faculty_publication_journal, view_industry, view_wp_series, view_company, view_location*/
img.img1 { width:13px; height:13px; margin:0 4px; cursor:hand; }
img.img2 { width:16px; height:16px; }
img.img3 { width:16px; height:16px; float:right; }
span.i { color:#aaa; font-family:'PT Sans',sans-serif; }
.abstract p { margin:3pt 6pt; text-indent:20pt; text-align:justify; font-family:"PT Serif",serif; font-size:1.1em; }
.btn_delete_course {cursor: pointer}
.link {color: #001060; cursor:pointer;}
.link:hover {text-decoration:underline}
.intitle input { border-style: none; background-color: #114488; margin-left: 40px; }
.intitle label { font-weight: normal; }
#form1 { display: inline; }

/*edit_person_expertise*/
.div_exp {margin-left:2em}

/*gpa_details*/
TD.grd { padding-left: 20pt; }
VAR { font-style: italic; font-family: 'PT Serif',serif; }

/*list_people*/
.margin-cell {padding:3px; border:1px solid #ddd; text-align:center}
.th {font-weight:bold}

/*research/view*/
.declined {background-color: #ffe6e6}
.not-accepted {background-color: #fffee6}
.approved {background-color: #e7fdf2}
.message {margin:5px 0;}
.message label {font-weight:bold; vertical-align:top}
.table-cell {padding-right:10px; display:table-cell;}
.left-cell {width:250px}
[id^='div_reviewer_'] {display:inline-block; margin:10px;}
.info-rev {margin:2px;}
.div-btn {width:350px; margin:15px auto}
.rev-name {width:180px}
.rev-grade {width:40px}
.rev-work {width:300px}
.flex_container { display: flex; margin-top: 15px; width: 1000px; }
.flex_item1 { flex-basis: 45%; }
.flex_item2 { flex-basis: 55%; }

/*edit_custom_event*/
IMG.img_eqp { margin:3pt 4pt; cursor:hand; }
IMG.img_clr { margin:5pt 10pt; cursor:hand; position:relative; top:-5px; }

/*syllabus/ae_book*/
.delete { margin-left:10px };

/*library/browse, library/search*/
table.tbl2 { margin:10pt 0; }
table.tbl2 td { padding:1pt 4pt; background-color:#e3e3f3; border:1px solid white; border-width:2px 3px; }
table.tabtable { margin: 6pt 0; }
table.tabtable th { border: 1px solid #5275bd; background-color: #bbc; padding: 1pt 6pt; text-align: center; }
table.tabtable th.active { border-bottom-style: none; background-color: #e5e5f5; }
table.tabtable th.passive { border-style: none none solid none; cursor: hand }
table.tabtable th.empty { border-top-style: none; border-right-style: none; border-left-style: none; background: none; }
table.tabtable td { border: 1px solid #5275bd; background-color: #dde; padding: 8pt 8pt; }
table.tables td { border: none; padding: 1pt 3pt; }

/*alumni_card*/
#table_student {margin-top:15px}

/*research/search*/
fieldset { border: 1px solid #5275bd; background-color: #e5e5f5; width:493px;}
legend {font-weight:bold}
#form_report {margin-top:10px}

/*edit_syllabus*/
.helptext EM { color:#002800; font-style:normal; }
.hlp { cursor:pointer; margin:1pt 0; width:16px; height:16px; }
.caption {    border: 1px solid #003; padding: 1pt; color: #f5f5ff; background-color: #114488; font-weight: bold;}
.div_subheader { border: 1px solid #003; padding: 1pt; color: #f5f5ff; font-weight: bold; background-color: #8ad;}
.div_activity { margin: 5px 0 0 20px}
.activity { margin-left: 20px}
.sub_caption {border-right: 1px solid #ddd; border-left: 1px solid #ddd; padding-left:3px}
.competences,.error_content {margin-bottom:5px}

/*report_lecturers_journal,crs_journal*/
div.div1 { text-align:center; font-weight:bold; font-family:"PT Serif",serif; }
div.div2 { font-size:1.6em; font-family:"PT Sans",sans-serif; }
div.div3 { font-weight:normal; font-size:3.0em; margin-top:4cm; }
div.img { width:100%; text-align:left; }
table.tbl_x { width:100%; margin-top:.4cm; }
table.tbl_x td { height:1.45cm; border:1px solid black; vertical-align:top; padding:.1cm .2cm;
     font-size:1.2em; font-family:'PT Serif',serif; }
table.tbl_x td:nth-child(1) { text-align:right; }
table.tbl_x th { height:.8cm; border:1px solid black; background-color:#ccc; }
table.tbl_y { width:100%; margin-top:.4cm; }
table.tbl_y td { border:1px solid black; $tdstyle }
table.tbl_y td:nth-child(1) { text-align:right; }
table.tbl_y td:nth-child(2) { text-align:left; }
table.tbl_y th { border:1px solid black; padding:0 .2cm; background-color:#ccc; }

.space-sep20 {
    clear: both;
    display: block;
    height: 20px;
}

.btn-blue {
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 5px;
    background-image: linear-gradient(to right, #C2F4FC 0%, #DBF8FF 100%);
    border: 1px solid #97E3F0;
    cursor: pointer;
}