/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    background-color: White;
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

a:link, a#help
{
    color: #034af3;
    text-decoration: underline;
}
a:visited, a#help:visited
{
    color: #505abc;
}

a#help:hover
{
    cursor:pointer;
}
a:hover, a#help:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active, a#help:active
{
    color: #12eb87;
}

p, ul
{
    /*margin-bottom: 20px;*/
    line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, .h2
{
    font-size: 1.5em;
    color: Black;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2 
{
    padding: 0 0 10px 0;
    margin-bottom: 0;
}
.h2, .h3, .h4,.h5
{
     padding: 0 10px 0 0;
     font-weight: bold;
}

.rh2
{
     margin: 15px 0 15px 0;
}

.rh3, form.Request h2
{
     margin: 10px 0 10px 0;
}


h3, .h3
{
    font-size: 1.2em;
}
h4, .h4
{
    font-size: 1.1em;
}
h5, h6, .h5, .h6
{
    font-size: 1em;
}

.no_bottom_margin
{
    margin-bottom:0px;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 1200px;/*width: 90%;*/
    margin-left: auto;
    margin-right: auto;
}

#header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    height: 72px;
    padding: 0 0 0 30px;
    margin-bottom: 20px;
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: Black;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px !important;
}

#main
{
    padding: 0px 30px 15px 30px;
    background-color: #fff;
    margin-bottom: 30px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */   
    /*
    flex: 1 0 auto;
    padding: var(--space) var(--space) 0;
    width: 100%;
    margin-bottom: -50px;   
    min-height: calc(100vh - 200px);
    */
}

#footer
{
    color: #999;
    /*padding: 10px 0;*/
    text-align: left;
    line-height: normal;
    margin: 0 0 0 0;    
    display: block;

    
    left: 0;
    width:1155px;
    /*display:table-row;
    
    background-color: rgb(200,200,200);    
    
    background-position:bottom;
    background-size: 500px 60px;
    
    flex: none;
    overflow:hidden;
    */
}

.center
{
    text-align: center;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
}

ul#menu li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"] 
{
    width:auto; /*width: 200px;*/
    border: 1px solid #CCC;
}
#UserName
{
    width: 200px;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="submit"], input#back
{
    margin-top: 25px;
}

/* TABLE
----------------------------------------------------------*/

.table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

.noborder
{
    border-spacing: 0px;
    border-width:0px;
    border-style: none;    
}

.noborder td
{
    padding-bottom:2px;
    padding-top:2px;
    padding-left:0px;
    border-width: 0px;
}

.table td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

.table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}

.PrintView h1.left, .PrintView h2.left, .PrintView h3.left
{
    text-align: left;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

#menucontainer
{
    margin-top:40px;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
    vertical-align:bottom;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:Black;
    bottom: 0px;
    right: 0px;
    position: absolute;
}

#logindisplay a:link
{
    color: Black;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: Black;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: Red;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error, input.input-validation-error, div.input-validation-error, div.input-validation-error input.jqx-input-content
{
    border: 1px solid #ff0000;
    background-color: #f2dfdf;
}

form input[type="radio"].input-validation-error + span, form input[type="checkbox"].input-validation-error + span,
form input[type="radio"].input-validation-error + label, form input[type="checkbox"].input-validation-error ~ label
{    
    background-color: #f2dfdf;/*fe0000*/
    color: #ff0000;
}

form .FormRow > input[type="checkbox"]
{
    margin-left: 25px;
    margin-right: 5px;
}

/*
form input[type="radio"]:checked + span 
{
    background-color: #ffeeee;
    color: #ff0000;
}
*/

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.logon_validation_summary, #reginfo
{
    width: 600px;
    margin-left:auto;
    margin-right: auto;
    font-weight: bold;
    color: #ff0000;
    text-align:center;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label,
.display-field,
.editor-field
{
    margin: 0.5em 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

.ComForm .editor-field
{
    margin: 0;
}

div.ComForm div.csstable_forms div.br-row
{
    padding-bottom: 0;
}

.ComForm #captcha
{
    margin-top: 15px;
}

.accepted, .acceptedText
{
    color: Green;
}

.rejected, .rejectedText
{
    color: Red;
}


.green
{
    color: Green;
}

.red
{
    color: Red;
}



/* My styles 
--------------------------------------------------------------*/
.csstable>div
{
    float: left; /* height : 15px;*/
    padding: 0px;
    margin: 0px;
}

.csstable div.br
{
    clear: both;
    float:none;
    border: 0px;
}

.csstable div.EH3
{
    height: 25px;
}

.csstable_forms>div
{
    padding-right:15px;    
}

.csstable_forms div.br
{
    clear: both;
    float:none;
    margin-top:5px;
}

.csstable_forms .form-option-checkbox
{
    padding-top: 0px;
    padding-bottom:0px;
    padding-left:0px;
    margin-top: 0px;
    margin-left: 0px; 
    margin-bottom: 0px;
}

.tabs
{
    width:1085px;
    padding-left:15px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:25px;
    margin-top: 25px;
}
/*
.csstable_forms label.label-top
{
    border-bottom:2px;
    border-bottom-color:Black;
    border-bottom-style:solid;
}
*/
.csstable_forms input.rounded,  #userfilter div.criteria input.rounded
{
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    border-top-left-radius:3px;
    border-top-right-radius:3px;  
    height:23px;
    width: 200px;
    padding: 0;   
    vertical-align:middle;   
}

#userfilter div.csstable > div
{
    padding-right: 15px;
}

.csstable_forms div.br-row
{
    padding-bottom: 10px;
    clear: both;
    float:none;

}

.csstable_forms>div>div
{
    position:relative;
    padding-bottom:2px;
}

.csstable_forms div.align-right-top
{
    position:absolute;
    right:0;
    top:0
}


#collapse h2
{
    padding: 0;
}

#collapse h2.open a { 
    background-position: 0px -33px;
}

#collapse h2 a { 
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("Images/sprite.png");
    background-position: 0px 5px;
    background-repeat: no-repeat;
    padding: 0px;
    padding-left: 15px;
    display: block;
    color: Black;
    text-decoration: none;
}

.input-name
{
    font-weight: bold
}

#collapseinner
{
    margin-left:20px;
}

#quicksearch-window 
{
    position:absolute;
}

#quicksearch-window input
{
    margin-top:5px;
}

#quicksearch-window div.close
{
    /*position: absolute;*/
    right:0px;
    float:right;
    /*top: 0px;*/
    /*margin:5px 5px 0px 0px;*/
    width:15px;
    height:15px;
    background-image: url("Images/close-X.gif");   
}

#quicksearch-window div.close:hover
{
    background-image: url("Images/close-X-mouseover.gif");   
}


#seznam-quicksearch
{
    width:25px;
    height:25px;
    background-image: url("Images/magnify-glass.gif");
}
#seznam-quicksearch:hover
{
    background-image: url("Images/magnify-glass-mouseover.gif");
}

#seznam-back
{
    width:25px;
    height:25px;
    background-image: url("Images/filter2.gif");
    
}

#seznam-back:hover
{
       background-image: url("Images/filter2-mouseover.gif");
}

#seznam-panel
{
    height:25px;
    margin-bottom:10px;    
}
#seznam-panel div
{
    margin:5px;
}

#quicksearch-window
{
    display:none;
    padding:5px;
    position:absolute;
    border: 1px solid black;
    z-index:1000;
    background:white
}

#seznam-jqxWidget
{
    font-size: 13px;
    font-family: Verdana;
    float: left;
    margin-top:0px/*25px;*/;
    position: relative;
    width:1140px;
}

.or_group
{
    background-color: rgb(248,227,116);
}

.space-no-wrap
{
    white-space:nowrap;
}
#header #title div
{
    line-height:97px;
    height:65px; 
    width: 576px;
/*    background-image: url('Images/title.png'), url('Images/money.png'); */
    background-image: url('Images/money.png');
    background-repeat:no-repeat;
    padding-left:85px;
    padding-top:32px;
/*    background-position: 85px 32px, 0px 0px */
}

#header #title div div
{
    height:65px;
    width:476px;
    z-index:10;
    background-image: url('Images/title.png'); 
    background-repeat:no-repeat;
    background-position: left top
    
}

.form-space
{
   margin:0 0 0 40px; 
   padding:0;
}

#form
{
    margin-top:25px;
}

.radio_default
{
    display:none;
}


#collapse h2 a
{
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
}


#jqxgrid .jqx-grid-content 
{
    font-size: 11px;
}

#jqxgrid .jqx-grid-content .school_cells
{
    font-size: 10px;
    /*color:Red;*/
}


.filtr > div
{
    width: 1087px;
    padding-left:15px;
    margin: 0px auto 26px auto;
}

#filter div.interval
{
    /*border:  1px solid rgb(166,166,166);*/
    /*border-radius: 10px;*/
    background: rgb(255,255,203);
}

#filter > div
{
    margin-right:15px;
    padding-right:0px;
}

#filter ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    rgb(200,200,200);
    font-style:italic;
}
#filter :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    rgb(200,200,200);
   opacity:  1;
   font-style:italic;
}

#filter ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    rgb(200,200,200);
   opacity:  1;
   font-style:italic;
}
#filter :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    rgb(200,200,200);
   font-style:italic;
}
#filter ::-ms-input-placeholder { /* Microsoft Edge */
   color:    rgb(200,200,200);
   font-style:italic;
}

#filter ::placeholder { /* Most modern browsers support this now. */
   color:    rgb(200,200,200);
}

.form-padding
{
    padding-right:15px;
}

/*
#export
{
    color:Red;
}
*/

.jqx-combo-clear
{
    height : 14px;
    width : 14px;
    background-image:  url("Images/myeraser.png");
    right: 0px;
    top: 0px;
    margin-top:auto;
    margin-bottom: auto;
    position: absolute;
    display:none;
}

#savebanner
{
    /*
    font-size: 1.5em;
    font-family: Arial, Helvetica, sans-serif;
    */
    color:Red;
    margin-left:10px;
}

.rejected,  div.rejected.jqx-grid-cell {
    color: Red; /*rgb(150,150,150);    */
    /*background-color: rgb(245,245,245);*/
    /*
    background-image:  url("Images/bodyshape.png");
    background-repeat:no-repeat;
    background-position:center;
    opacity: 0.5;
    */
}

.accepted, div.accepted.jqx-grid-cell {
    color: Green; 
}

div.jqx-grid-cell-hover
{
    background-color: rgb(245,251,181) !important;
}

/*
.accepted:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .yellow:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: Green; 
}


.accepted:not(.jqx-grid-cell-selected), .jqx-widget .yellow:not(.jqx-grid-cell-selected) {
    color: Green; 
}
*/
.marked, div.marked.jqx-grid-cell {
    color: Gray; 
}

/*
.marked:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .yellow:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: Gray; 
}

.marked:not(.jqx-grid-cell-selected), .jqx-widget .yellow:not(.jqx-grid-cell-selected) {
    color: Gray; 
}
*/
.verified, div.verified.jqx-grid-cell {
    color: Blue; 
}

/*
.verified:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .yellow:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: Blue; 
}

.verified:not(.jqx-grid-cell-selected), .jqx-widget .yellow:not(.jqx-grid-cell-selected) {
    color: Blue; 
}
*/
.delayed, div.delayed.jqx-grid-cell {
    color: rgb(255,11,255); 
    font-style:italic;
}

.vdelayed, div.vdelayed.jqx-grid-cell {
    color: Purple; 
    font-style:italic;
}

.younger, div.younger.jqx-grid-cell {
    color: Red; 
    font-weight:bold;
}


/*
.delayed:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .yellow:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: Purple; 
    font-style:italic;
}

.delayed:not(.jqx-grid-cell-selected), .jqx-widget .yellow:not(.jqx-grid-cell-selected) {
    color: Purple; 
    font-style:italic;
}
*/


div.DelayAttendance div.FormRowItem
{
    line-height:normal;
    text-align: justify;
}


div.DelayAttendance span.FormText
{    
    font-style:italic;
    font-weight:bold;
    color:Black;    
}


/*
.rejected:not(.jqx-grid-cell-selected), .jqx-widget .yellow:not(.jqx-grid-cell-selected) {
    color: Red; 
}

.rejected:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .yellow:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: Red;
    background-color: rgb(245,245,245);
}
*/


#logindisplay a#news.not_read 
{
    font-weight:bold;
    color: Green;
}

#changes_alert
{
    color: Red;
    margin-bottom:10px;    
}

#grid_refresh
{
    width:30px;
    height:30px;
    position:absolute;
    top:-30px;
    right:0px;
    background-image: url("Images/refresh.png");
}

#grid_refresh.changes_alert
{
    background-image: url("Images/refresh-red.png");
}

/*
input.bublina {
    position: relative;
}

input.bublina span {
    display: none;
}

input.bublina:hover span {
    display: block;
    position: absolute;
    top: 1em;
    left: 2em;
    padding: 0.2em 0.5em;
    border: 1px solid black;
    background-color: #9cf;
    text-decoration: none;
    color: black
}
*/

#template_tree
{    
    margin-bottom:20px;
    border: 1px solid #c7c7c7;
    height: 470px;
    padding: 20px;
}

#tree-detail input:not([type]), #tree-detail input[type="text"]
{
    width: 400px;
}

#template_tree .template_leftpanel
{
    float: left;
    margin-right:20px
}

#template_tree .template_rightpanel
{
    float: left;
}

#template_tree .template_leftpanel .template_leftpanel_bar
{
    margin-top:5px;
    font-size:smaller;
}

#template_tree .template_leftpanel_bar span:hover
{
    color: Red;
}

#ExpandAll
{
    margin-right:15px;
}

#tree-detail
{
    margin-bottom:20px;
}

#tree-detail .column-title
{
    width:110px;
}

#tree-detail textarea
{
    Width:600px; 
    height:100px
}

#template_tree #save 
{
    margin-top:10px;
}

.FormSection
{
     margin: 10px 0 5px 0;
}


.FormText, .FormLabel 
{
     padding: 0 5px 0 0;
}

.FormRow
{
     margin: 0 0 5px 0;
     min-height:5px;
     text-align:justify;
}

form div.ComForm input[type="text"], form div.ComForm input[type="password"]
{
     /*margin: 0 5px 0 0;*/
     width: 246px;
     min-height: 25px;
     border-radius: 3px;

}

form div.ReqParents
{
    margin-bottom:20px;
}

form div.ComForm h3, form div.ComForm h4, form div.ComForm h5
{
    text-align:left
}

form.Request
{
    width: 560px;
    margin-left:auto;
    margin-right:auto;
}


form div.ComForm #recaptcha_div
{    
    float:left;
    position: relative;
    left: -2px;
}

form #AgreementPersonalData
{
    margin-bottom: 5px;
}

form div.ComForm fieldset 
{
    background-color: #EFF5FB;
}

form .InputField
{
     margin: 0 5px 0 0;
     width: 250px;
     min-height: 25px;
     border-radius: 3px;
}

form .ShortField
{
     margin: 0 5px 0 0;
     width: 80px;
}

form h1, form h2, form h3, form h4, .PrintView h1, .PrintView h2, .PrintView h3, .PrintView h4
{
    text-align:center;
}

.PrintView
{
    width: 1024px;
    margin: 25px auto 25px auto;    
}

.PrintView .footer
{
    margin-top:25px;
    font-size: smaller;
}

.PrintView .footerOneColumn
{
    margin-top:25px;
    font-size: smaller;
}

.PrintView .footer > div
{    
    float: left;    
}

.PrintView .footer > div:last-child
{
    float: right;
}

.PrintView
{
    font-size: 12pt;
}

.ResultList
{
    font-size: 16pt;
}

.PrintRow
{
    padding-top: 10px;
}


div.PrintRow > div:first-child
{
    width:250px;
}

.PrintView p
{
    text-align:justify;
}

.PrintView .Italic
{
    font-style:italic;
}

.TextBold
{
    font-weight:bolder;
}

.nopads
{
     padding: 0 0 0 0;
}

.FormLabel, .right
{
    text-align: right;
}

.FormLabel
{
    display: inline-block;
    width: 250px;
    vertical-align:baseline;
}

.LabelCol2
{
    display: inline-block;
    width: 150px;
}

.Choices_Default
{
    display: none;
}

.TextArea, #RejectionReason
{
    width: 662px;
    height: 77px;
    border-radius: 3px;
}

#popupRate .TextArea
{
    width: 662px;
    height: 150px;
    border-radius: 3px;
}

.ChoicesExtItem
{
    margin: 5px 0 0 0;
    float: none;
    position:relative;
    vertical-align:baseline;
    height: 29px;
}

.ChoicesExtItem label
{
    padding: 0 10px 0 2px;    
}

.ChoicesExtItem .FormLabel
{
    display: inline-block;
    width: auto;
    vertical-align:baseline;
}

.ChoicesExtItem div.Sub .DivedLabel
{
    vertical-align:bottom;
    line-height:29px
}

.ChoicesExtItem div.Sub div
{
    float: left;    
}

.ChoicesExtItem div.Sub div:last-child
{
    float: none;    
}







/*
.ChoicesExtItem div:first-child
{
    height: 29px;
    width: auto;
}
*/

.ChoicesExtItem > div:first-child input
{
    height:29px;
    margin-top:0;
    vertical-align:middle;
}

.ChoicesExtItem > div:first-child span
{
    vertical-align:middle;
    margin-left:10px;
}



/*
.ChoicesExtItem div
{
    position:relative;
}

.ChoicesExtItem div:last-child
{
    left: 100px;
    top: -21px;
}
*/
.attendance-choice > div:last-child
{
    margin-left:205px;/*150*px/
}

.job-choice > div:last-child
{
    margin-left:200px;
}

table.FormTable
{
    margin-top:25px;
    border:1px solid black;
    border-collapse: collapse;
    /*width: 100%;*/
}

table.FormTable td, table.FormTable th
{
    border:1px solid black;
}

table.FormTable td
{
    width:auto;
    text-align:center;
}

table.FormTable td div.FormAddress .FormLabel
{
    width:150px;
}


.ChoicesExtItem > div:first-child
{
    float:left;
    margin-left:0px;
}

.Groupdata
{
    display:none;
}

.toolbox
{
    margin-top:15px;
}

.toolbox input
{
    margin-top:5px;
}

#resultpanel input
{
    margin-top:0px;   
}

#resultpanel input[type=text]
{
    width:150px; 
}

#resultpanel
{
    margin-top: 10px;
    
}

#resultpanel > div
{    
    height: 61px;
    vertical-align:text-bottom;
    margin-bottom:10px;
    display: table-cell;
}


#resultpanel input[type=button]
{
    height: 29px;
    vertical-align:text-bottom;
    top: 30px;
    position: relative;
    /*
    margin-top: auto;
    margin-bottom: auto;
    */
}


.Grouptoolbox input
{
    height: 25px;
    width: 25px;
    
    position: relative;
    left: 930px;
    top: 25px;
    
    padding: 0;
    /*border: 0;*/
}

.ChoicesExt
{
    margin-left: 25px;
}

/*
.ChoicesExtItem div:last-child
{
    float:none;
}
*/
/*
.FormAddress span.FormLabel
{
    width:auto;
    vertical-align:baseline;
}

*/
.FormAddress input.jqx-input[type="text"]
{
    margin: 5px 5px 0 0;
    width: 250px;
}

div.ComForm .FormAddress input.jqx-input[type="text"]
{
    margin: 0px;
    width: 250px;
}

div.FormAddress input[type="button"]
{
    font-size: smaller;
    position: relative;
    left: 930px;
    top: -60px;
    margin-bottom:5px;
}

div.FormRow input[type="button"].TakeLegalRepresentative
{
    font-size: smaller;
    position: relative;
    left: 0px;
    top: -6px;    
}

div.FormRow div.VerifyChild, div.FormRow div.VerifyIDDS
{    
    position:relative;
    top: -2px;
    left: 0px;
    width:25px;
    height:25px;
    display:inline-block;
    vertical-align:bottom;
}

div.ComForm div.VerifyChild
{    
    position:relative;
    top: -2px;
    left: 10px;
    width:25px;
    height:25px;
    display:inline-block;    
    vertical-align:bottom;    
}

div.ComForm div.VerifyIDDS
{    
    position:relative;
    top: -2px;    
    width:25px;
    height:25px;
    left: -575px;   
    display:inline-block;
    vertical-align:bottom;
    text-align:left;
}

div.ComForm #VerifyIDDS.failure
{
    background: url("Images/Erroricon.png");
    background-size: 25px 25px;    
    background-repeat: no-repeat;
    left: -550px;   
}

div.ComForm #VerifyIDDS.not_matching
{
    background: url("Images/exclamation_mark.png");
    background-size: 25px 25px;    
    background-repeat: no-repeat;
    left: -550px;    
}

div.ComForm #VerifyIDDS.almost_success
{
    background: url("Images/Check_orange.png");
    background-size: 25px 25px;    
    background-repeat: no-repeat; 
    left: -550px;    
}

div.ComForm #VerifyIDDS.success
{
    background: url("Images/Light_green_check.png");
    background-size: 25px 25px;    
    background-repeat: no-repeat;
    left: -550px;
}

/* must be last */
div.ComForm #VerifyIDDS.working
{
    background: url("Images/loader.gif");
    background-size: 25px 25px;    
    background-repeat: no-repeat;
    left: -550px;
}


div.FormRow div.failure, div.ComForm div.failure
{
    background: url("Images/Erroricon.png");
    background-size: 25px 25px;    
    background-repeat: no-repeat;   
}

div.FormRow div.not_matching, div.ComForm div.not_matching
{
    background: url("Images/exclamation_mark.png");
    background-size: 25px 25px;    
    background-repeat: no-repeat;    
}

div.FormRow div.almost_success, div.ComForm div.almost_success
{
    background: url("Images/Check_orange.png");
    background-size: 25px 25px;    
    background-repeat: no-repeat;    
}

div.FormRow div.success, div.ComForm div.success
{
    background: url("Images/Light_green_check.png");
    background-size: 25px 25px;    
    background-repeat: no-repeat;    
}

/* must be last */
div.FormRow div.working, div.ComForm div.working
{
    background: url("Images/loader.gif");
    background-size: 25px 25px;    
    background-repeat: no-repeat;    
}



.FormRow div
{
    float:left;
}

.FormRow div:last-child
{
    float:none;
}


div.FormAddress 
{
    margin-top: 10px;
}

table.SchoolOrderSelection tbody tr:first-child
{
    vertical-align: top;
}

table.SchoolOrderSelection td
{
    padding: 5px;
    border:1px solid grey;    
}

table.SchoolOrderSelection td:first-child
{
    border-left-style:none;
}

table.SchoolOrderSelection td:last-child
{
    border-right-style:none;
}

table.SchoolOrderSelection tr:last-child td
{
    border-bottom-style:none;
}


table.SchoolOrderSelection th
{
    padding: 5px;
    border:1px solid black;
}

table.SchoolOrderSelection
{
    border:1px solid black;
    border-collapse: collapse;
    table-layout:fixed;
}

table.SchoolOrderSelection input[type=text]
{
    border-style: hidden;
    background-color: white;
}

.FormRowItem
{
    line-height: 27px;
}

.FormRowItem span
{
    min-height: 27px;
    vertical-align:bottom;
}

div.NewRequest input[type=button]
{    
    margin:0;
    height: 29px;
    top: -1px;
    position: relative;
}

div.NewRequest label
{
    line-height: 27px;
    vertical-align:baseline;
}

div.NewRequest #school, div.NewRequest #printview
{
    margin:0 5px 0 5px; 
    float:right
}

div.buttons
{
    margin-right: 10px;
}

div.buttons:last-child
{
    margin-right: 0;
}

#jqxgrid 
{
    margin-top: 20px;
}

.note
{
    text-align:justify;
    font-size: small;
    margin: 5px 0 15px 0;
}


.FormRow + div.note
{
    margin: 30px 0 15px 0;
    font-size: 14px;    
    color: Red;
}

.FormRow + div.note sup
{
    font-size: .85em;
}

.ReqDocuments
{
    margin: 20px 0 10px 0;
}

#documents
{
    margin: 10px 0 10px 0;
    width: 900px;
    overflow:visible;
}

.PrintView #documents
{
    margin: 10px 0 10px 0;
    width: 1024px;       
}

.PrintView #documents tr.thead
{
    font-weight:bold;
}


.PrintView div.Sign
{
    width: 200px;
}

#documents input[type=text]
{
    width:50px;
}

#documents input[type=text].cj
{
    width:120px;
}

#documents.File td
{
   height:30px;
}

.PrintAddress h3
{
    text-align:left;
}

hr.dotted
{
	border: 0;
    border-top: dotted 2px;    
}

div.dotted
{
    border-bottom: dotted 2px;
    height:auto;
    /*vertical-align:baseline;*/
    /*height: 2px;*/   
}


ol.dotted li
{
	height: 25px;
    border-bottom: dotted 2px;
    margin-top:15px;
    margin-bottom:10px;
}

.sign
{
    width:550px;
}

div.onlyprint
{
    display:none;
}

.tab
{
    padding-left:15px;
}

ol.bracket {
  counter-reset: list;
  margin-left:0px;
}
ol.bracket > li {
  list-style: none;
  margin-bottom:10px;  
}

ol.bracket > li:before {
  content: counter(list, lower-alpha) ") ";
  counter-increment: list;
}

#logindisplay span
{
    /*height: 25px;*/
    vertical-align:super;
}

#logindisplay a img
{
     height: 25px;
     width: 25px;    
}

#logindisplay a.logout
{
     background: url(images/logout.jpg) no-repeat top left;
     display: inline-block;
     height: 25px;
     width: 25px;
     background-size: 25px 25px;
     /*text-indent: -9999px; */
}

#logindisplay a.help
{
     background: url(images/help.png) no-repeat top left;
     display: inline-block;
     height: 25px;
     width: 25px;
     background-size: 25px 25px;
     /*text-indent: -9999px; */
}

#logindisplay a.home
{
     background: url(images/home.png) no-repeat top left;
     display: inline-block;
     height: 25px;
     width: 25px;
     background-size: 25px 25px;
     /*text-indent: -9999px; */
}

#logindisplay a.changepassword
{
    background: url(images/changepassword-blue.png) no-repeat top left;
    display: inline-block;
    height: 25px;
    width: 25px;    
    background-size: 25px 25px;    
    /*text-indent: -9999px;*/ /* hides the link text */
}

.FormRow .validation-error-message
{
    color:Red;
    overflow:visible;
    width: 210px;
    float: right;
}

#tabs
{
    margin-top: 25px;
}

#tabs ul
{
    margin-left:20px;
}

div.ResultList
{
   display: table;
   border-collapse:collapse;
   margin:10px;
}

div.ResultList div.row
{
    display: table-row;
}

div.ResultList div.cell
{
    padding: 2px 5px 2px 5px;
    border: 1px solid black;
    display: table-cell;
}

div.rejection
{
    margin-top: 20px;    
}

div.rejection label
{
    font-weight:bolder;
}

div.version
{
    float: right;
}

.help p
{
    text-align:justify;
}

sup
{
    font-size: .9em;
    text-align:justify;
}

div.validation-summary-errors li input.refresh
{
    
    background-color: Red;
    border-bottom-color:Red;
    border-left-color: Red;
    border-right-color: Red;
    border-top-color: Red;
    margin-left: 15px;
    font-weight:bold;
    color: white;
}

tr.exception-header
{
    font-weight:bolder;
    
}

tr.exception
{
    display:none;
}

tr.exception-visible
{
    display:table-row;
    background-color: Yellow;
}

tr.collapse td:first-child
{
    font-weight: 900;
    color:Black;
}

tr.collapse td.open
{
    background-color:Yellow;
}


#OrderTable table.SchoolOrderSelection
{
    display: none;
    /*transform: scale(0.7) translate(-21%);*/
}

div.VerifyChild div.superuser-error-child-movement
{
    top: -25px;
    position:relative;
    font-weight: bolder;
}

.ComForm span.superuser-error-child-movement
{
    margin-left: 15px;    
    font-weight: bolder;
}


table.statistic
{
    border-collapse: collapse; 
    border: 1px solid black;
}

table.statistic td, table.statistic th
{
    padding:10px;
    text-align:left;
    border: 1px solid black;
}
/*
.jqx-grid-cell.jqx-grid-cell-hover:not(.jqx-grid-cell-alt) {
    opacity:0.6 !important;
}

.jqx-grid-cell-alt.jqx-grid-cell-hover {
    opacity:0.6 !important;
}
*/

.tooltip {
  position: absolute;
  display: inline-block;
  /*border-bottom: 1px dotted black;*/
  text-align: center;  
  color: black;
}

div.tooltip > div
{
    margin-top:3px;
    margin-left:2px;
}

.circle
{
    background-image: url("Images/info2.png");
    background-size: 20px 20px;
    width: 20px;
    height: 20px; 
    /*
    border-radius: 50%;
    background: rgb(255,247,89);
    */
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: grey;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

div.OSCheckBoxes input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);  
}

ol.BracketNum, ol.BracketAlpha  {
    counter-reset: list;
    /*margin: 0;*/
}

ol.BracketNum > li, ol.BracketAlpha > li {
    list-style: none;
    position: relative;
    line-height: 1.6em;
}

ol.BracketAlpha > li:before {
    counter-increment: list;
    content: counter(list, lower-alpha) ") ";
    position: absolute;
    left: -1.4em;
}

ol.BracketNum > li:before {
    counter-increment: list;
    content: counter(list, decimal) ") ";
    position: absolute;
    left: -1.4em;
}
/* style for layout with footer for printing */
table.printsign thead { display: none; }
table.printsign tfoot { display: none; }

/* 11.3.2021 */
.warning
{
   color: rgb(255,128,0);
   /*color: rgb(253,106,36);*/
}

#tooyoung
{
    margin-left:0px;
    /* font-weight: bold;*/
}
/*18.5.2021*/
div.PrintView span.InputField
{
    min-width:200px;
    overflow:hidden;
    display: inline-block;
    vertical-align:bottom;
}

div.PrintView span.LabelCol2
{
    width:200px;
}

div.PrintView span.street, div.PrintView span.addressnum, div.PrintView span.city
{
    /*margin-bottom: 15px;*/
    margin-top: 15px;
}

div.PrintView span.street + span, div.PrintView span.city + span
{
    /*margin-bottom: 15px;*/
    margin-top: 15px;
}

div.PrintView div.FormRow
{
    margin-top:10px;
}

div.PrintView div.rh4
{
    margin-top: 15px;
}

div.PrintView div.FormRow p
{
    margin-left: 250px;
}


div.PrintView div.ChoicesExtItem span
{
   vertical-align:middle; 
}

div.PrintView div.ChoicesExtItem div.Sub
{
   height:29px;
   vertical-align:baseline;
}

/*new sign line*/
p.sign-footer
{
    margin-top:10px; 
}

p.sign-footer span
{
    width:450px; 
    text-align:center; 
    display:inline-table;
}

p.sign-footer span > span
{
    border-top: 1px dotted black;
}
/* GDPR collapsible contet on registration page */

#gdpr .collapsible 
{
  background-color: rgb(190,231,241);
  /* background-color: rgb(153,217,234);*/
  color: Black;
  font-weight:bolder;
  cursor: pointer;
  padding: 18px 18px 18px 0px;
  /*width: 100%;*/
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

#gdpr .collapsible:hover {
  background-color: rgb(121,206,227);  
  /*color: Blue;*/
}

#gdpr .collapsible:before {
  content: '\002B';
  color: black;
  font-weight: bolder;
  float: left;
  margin-right: 5px;
}

#gdpr .active:before {
  content: "\2212";
}

#gdpr .content {
  padding: 0px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  text-align:justify;
  background-color: rgb(215,240,247);
}

.PrintView ul.dashed {
  list-style-type: none;
}

.PrintView ul.dashed > li {
  text-indent: -15px;
}
.PrintView ul.dashed > li:before {
  content: "-";
  text-indent: -15px;
}