body {
font-family: sans-serif;
min-height:0;

}

table
{
	vertical-align: top;
	border:none;
}
.even {
	background-color: #d0d0d0;
}

.odd {
	background-color: #f0f0f0;
}

.highlight {
	background-color: #3D3D3D;
	color: #ffffff;
	font-weight: bold;
}

.header {
	background:#0041A3;
	color: #ffffff; 
	background-image: url(/ihtml/application/student/SORT/header-bg.png);
	background-repeat: no-repeat;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #000000;
	padding-left: 30px;
	padding-top: 8px;
	height: auto;
	font-size:1em; 
	font-weight: bold;
}
/* This is the jQuery head row when sorting ascending */
.headerSortUp {
	background-image: url(/ihtml/application/student/SORT/header-asc.png);
	background-repeat: no-repeat;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #000000;
	padding-left: 30px;
	padding-top: 8px;
	height: auto;
	font-size:1em; 
	font-weight: bold;
}
/* This is the jQuery head row when sorting decending */
.headerSortDown {
	background-image: url(/ihtml/application/student/SORT/header-desc.png);
	background-repeat: no-repeat;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #000000;
	padding-left: 30px;
	padding-top: 8px;
	height: auto;
	font-size:1em; 
	font-weight: bold;
}
/* This is the jQuery row definition before custom striping is applied */
pre {
	font-size:1em;
	width: 100%;
}
/* This is the jQuery head cell before custom striping is applied */
th {
	text-align: left;
	padding: 5px;
	background-color: #ffffff;
	/******************************/
	/******************************/
	/*                            */
	/* set display: none; for v10 */
	/*                            */
	/******************************/
	/******************************/
	display: none;
	color:white;
}

th.report {
	/* added for v10 to preserve v9 display attributes of dynamic reports */
	display: table-cell;
background-color: #222222;
border:none;
font-size:11px;
font-weight: 900;
}

tbody.report {
	/* added for v10 to enable possible future css edits of reports independent of other pages */
	font-size:.9em; 
}

thead.report {
	/* added for v10 to enable possible future css edits of reports independent of other pages */
}

tfoot.report {
	/* added for v10 to enable possible future css edits of reports independent of other pages */
}

/* Home Page / Conrol Panel Dynamic Report Elements */

.dr_title {
font-weight:bold;
background-color:black;
color:white;
display:block;
height:25px;
padding-top: 5px;
padding-left: 5px;

}

.dr_filter {
font-size: 12px;
}
.dr_search_icon {
content: url('/ihtml/application/images/dynamic_report_search.jpg');
height:17px;
}

.dr_td {
   border: none;
}

.dr_return {
height:15px;
    position: absolute;
    top: 15px;
    left: 440px;
    background-color: white;
}
.dr_excel {
display:none;
/*height:15px;
    position: absolute;
    top: 15px;
    left: 440px;
    background-color: white;*/
}
.dr_print {
display:none;
/*height:15px;
    position: absolute;
    top: 15px;
    left: 440px;
    background-color: white;*/
}



.styling-cutom-striping {
/*font-size:30px;*/
}

.rc_green, .rc_orange, .rc_red, .rc_blue {
	text-align:center;
}

.rc_green:after {
/*content: "_green_";*/
content: url('/ihtml/application/images/green_dot.png');
height:20px;
}


.rc_orange:after {
/*content: "_orange_";*/
content: url('/ihtml/application/images/orange_dot.png');
}


.rc_red:after {
/*content: "_red_";*/
content: url('/ihtml/application/images/red_dot.png');

}

.rc_blue:after {
/*content: "_blue_";*/
content: url('/ihtml/application/images/blue_dot.png');
}

.get-org-chart .get-oc-tb  input {
width:80px;
}
.get-grid-view {
visibility: hidden;
}

/* Calendar / Conrol Panel Dynamic Report Elements */
.cal_title {
font-weight:bold;
background-color:black;
color:white;
display:block;
min-height:25px;
padding-top: 5px;
padding-left: 5px;
/*text-decoration:none;*/
}
.cal_fs1 {
font-size:4px;
}
.cal_fs2 {
font-size:11px;
font-weight: bold;
}
.head {
font-size:12px;
font-weight: bold;
}
.toolicon {
float:left;
content: url('/ihtml/application/images/blue_dot.png') 
}
.cal_tt {
display:none;
}
select {
font-size:12px;
}

.cpanelInfo {
min-height: 22px;
background: rgba(0,0,0,1);
padding-bottom: 8px;
text-decoration:underline;
}

input[name="altrefresh"] {
    z-index: 1;
    position: absolute;
    left: 10px;
    margin-top: 10px;
}
input[name="altp"] {
    z-index: 1;
    position: absolute;
    left: 10px;
    margin-top: 10px;
}

input[value="Next"] {
    z-index: 1;
    position: absolute;
    left: 10px;
    margin-top: 10px;
}

select[multiple] {
    min-width: 300px;
    min-height: 100px;
}

label:has(> #allow_filter_order_change) {
display:none;
}

.toolTips {
font-size:12px;
}

// START FORM STYLE 

[title="AutoRefresh Item"]{
display:none;
}
[src="images/icon_sync.png"]{
display:none;
}
/* Form without group form 22 */


td.form22, td.form21 {
	padding: 2px;
}

    td.form22:nth-child(3n+1), td.form21:nth-child(3n+1) {
    }

    td.form22:nth-child(3n+2), td.form21:nth-child(3n+2) {
        vertical-align: top;
    }


    td.form22:nth-child(3n+0), td.form21:nth-child(3n+0) {
    }

    td.form22 input, td.form21 input {
        padding: 2px;
        border-radius: 4px;
    }

    td.form22 textarea, td.form21 textarea {
        padding: 2px;
        border-radius: 4px;
    }

    td.form22 select, td.form21 select {
        padding: 2px;
        border-radius: 4px;
    }

        td.form22 select[multiple], td.form21 select[multiple] {
        }


    td.form22 caption, td.form21 caption {
        text-align: left;
        font-weight: bold;
        background-color: #767171;
        color: #ffffff;
        border-radius: 4px;
        padding: 2px;
    }

tr:nth-child(even) td.form22, tr:nth-child(even) td.form21 {
    background: #f0f0f0;
}

// END FORM STYLE 



/* EXAMPLE FORM GROUP */      
table.fm_group  {
	padding: 2px;
	width:100%;
}

.fm_group table {
	padding: 2px;
	width:100%;
}

.fm_group td {

}

.fm_group td:nth-child(3n+1) {

}

.fm_group td.form22:nth-child(3n+1) {

}

.fm_group td:nth-child(3n+2) {
	vertical-align:top;
}


.fm_group td:nth-child(3n+0) {

}

.fm_group input {
	padding: 5px;
	border-radius: 4px;
}

.fm_group textarea {
	padding: 5px;
	border-radius: 4px;
}

.fm_group select {
	padding: 2px;
	height: 25px;
	border-radius: 4px;
}

.fm_group tr:nth-child(even) {
	background: #F0F0F0;
}

.fm_group tr:nth-child(even) td{
	background: none;
}


.form_title {

}

.form_title caption {
text-align: left;
font-weight:bold;
background-color:black;
color:white;
min-height:25px;
padding-top: 5px;
padding-left: 5px;
text-decoration:none;
width: calc(96vw);
max-width:700px;
}

.form_subtitle caption {
text-align: left;
font-weight:bold;
background-color:#333333;
color:white;
min-height:25px;
padding-top: 5px;
padding-left: 5px;
text-decoration:none;
width: calc(80vw);
max-width:600px;
}

.form, .form input[type="text"], .form input[type="submit"], .form input[type="password"], .form input[type="email"], .form td, .form select, .form select option {
    font-size: 1.5rem;
}

    .form input[type="text"], .form input[type="submit"], .form input[type="password"], .form input[type="email"], .form select, .form select option {
        border-width: 1px;
        border-style: solid;
        border-color: var(--black);
        border-radius: 5px;
    }

@media print, screen and (min-width: 1041px) {
    .form, .form input[type="text"], .form input[type="submit"], .form input[type="password"], .form input[type="email"], .form td, .form select, .form select option {
        font-size: 1.3rem;
    }
}



