/*
* usefull link http://tablestyler.com/#
*/
@font-face {
        font-family: 'Edwardian Script ITC';
        src: url('/template/css/fonts/ITCEDSCR.TTF');
    }
            
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img {
    border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:normal;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border:0;
}

*{
    margin:0px;
    padding:0px;
}

html, body {
    height:100%;
    width:100%;
    min-height:100%;
    font-family:arial;
    font-size: 11px;
    background-color:#E5E7E9;
    background-image:none;
    color: black;
}

input, textarea, select {
    font-family:arial;
    font-size: 11px;
}
tr.tr_search input[type="text"] {
    width: 100%; 
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
}
/* block headings*/
.h1, .h2, .h3, h1, h2, h3, h4 {
    margin-top: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;
}
h2{margin-bottom:15px; font-size:14px;}
h3{font-size: 16px;}
h4{font-size: 12px; margin: 0 0;}

.hover{text-decoration: underline; cursor:pointer}
.hover:hover{text-decoration: none}

.panel-default {
    border-color: #ddd;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel .row {
    margin-right: -15px;
    margin-left: -15px;
}
.panel .col{
    padding-right: 15px;
    padding-left: 15px;
}
.form-group {
    margin-bottom: 15px;
}
.form-control {
    display: block;
    width: 95%;
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

div.vacancies.item{
    margin-bottom:5px;
}
/* Users table */
.users_tabula .td{
    font-size:11px;
    padding:5px;
    padding-left:10px;
    padding-right:10px;
    cursor:pointer;
}
.users_tabula .tdtd{
    font-size:11px;
    padding:5px;
    padding-left:10px;
    padding-right:10px;
}
.users_tabula .td100{
    font-size:11px;
    padding:1px;
}
.users_tabula th.td{
    text-align: center;
}
/* values in users table*/
.received{color: red}
.returned{color: green}
.Yes{color: green; text-align: center;}
.No{color:lightcoral}
/* user_statuses */
span.sent{color: red;}
span.received{color: green;}
span.no{color: darkslategray;}
/* Interviews */
.interviewer1{
    color: green;
}
.interviewer2{
    color: brown;
}
/* notifications */
span.NEW{color: red;}
span.DONE{color:#5CB85C;} /*  green; */

/**/
.sticky-header {
    position: fixed;
    overflow: hidden;
    z-index: 1;
}
.sticky-header table {
    background-color: #E5E5E5;
}
.sticky-table-for-shifting {
    position: absolute;
    left: 0;
    top: 0;
}
table.table-with-sticky-rows {
    border: 1px solid #CCC;
    border-collapse: collapse;
    position: relative;
    margin: auto;
    width: 100%;
}

table.table-with-sticky-rows td {
    padding: 6px 12px;
    border: 1px solid #CCC;
}
table.table-with-sticky-rows tr.tr0 th {
    /*background-color: darkslategray;*/
    background-color: #8F8F8F;
    color: whitesmoke;
}

table.table-with-sticky-rows>thead,
table.table-with-sticky-rows>[class*="header-"] {
    font-weight: bold;
    background-color: #F5F5F5;
/*    background-color: #e6ffe5;*/
}
table.elective th.header-1{
    font-weight: bold;
    background-color: #F5F5F5;
}
table.elective th.header-2{
    font-weight: bold;
    background-color: #F5F5F5;
    text-align: center;
}

th.grey{
   background-color: lightgray;
   color: black;
}
th.gainsboro{
   background-color: gainsboro;
   color: black;
}
/* https://css-tricks.com/position-sticky-and-table-headers/ */
th {
  background: white;
  position: sticky;
  top: 0; /* Don't forget this, required for the stickiness */
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}

table.table-hours {
    border: 1px solid #CCC;
    border-collapse: collapse;
    margin: auto;
    width: 100%;
}

table.table-hours td {
    padding: 6px 12px;
    border: 1px solid #CCC;
}

table.table-hours>thead,
table.table-hours>tfoot,
table.table-hours>[class*="header-"] {
    font-weight: bold;
    background-color: #F5F5F5;
    color: black;
}
.table-container {
    width: 98%;
    height: 660px;
    overflow: auto;
}
.table-included {
    width: 100%;
    height: auto;
    overflow: auto;
}
.hidden {
    display: none !important;
}

.users_tabula .pointer{
    cursor:pointer;
}
.users_tabula .reserved{
    color: red;
}
.users_tabula .compleated{
    color: green;
}
.users_tabula .tr0{
    font-weight:bold;
    color:white;
    background-color:#8F8F8F;
    text-align: center;
}
.users_tabula tfoot {
    font-weight:bold;
    color:white;
    background-color:#8F8F8F;
}
.users_tabula .tr1{
    background-color:#FFFFFF;
}
.users_tabula .tr2{
    background-color:#E5E5E5;
}
.users_tabula .tr3{
    background-color:lightgreen;
}
.users_tabula .tr1:hover td, .users_tabula .tr2:hover td{
    background-color:#CCFFFF;
}
.users_tabula .pub_1{
    color: green;
}

/* Users table controls */
.users_tabula .td_order{
    background-image:url(/template/images/table/desc.gif);
    background-position:center left;
    background-repeat:no-repeat;
}
.users_tabula .td_order_asc{
    background-image:url(/template/images/table/asc_s.gif);
    background-position:center left;
    background-repeat:no-repeat;
}
.users_tabula .td_order_desc{
    background-image:url(/template/images/table/desc_s.gif);
    background-position:center left;
    background-repeat:no-repeat;
}

.users_tabula .td_edit{
    width:14px;
    background-image:url(/template/images/table/edit.png);
    background-position:center;
    background-repeat:no-repeat;
}
.users_tabula .can_edit{
    background-image:url(/template/images/table/edit.png);
    background-position: top right;
    background-repeat:no-repeat;
}
.users_tabula .underline{
    text-decoration: underline;
}
.users_tabula .td_add{
    width:39px;
    background-image:url(/template/images/table/add.gif);
    background-position:center;
    background-repeat:no-repeat;
}
.users_tabula .td_delete{
    width:14px;
    background-image:url(/template/images/table/delete.png);
    background-position:center;
    background-repeat:no-repeat;
}
.delete_button{
    width:14px;
    height:14px;
    background-image:url(/template/images/table/delete.png);
    background-position:center;
    background-repeat:no-repeat;
    display:block;
    cursor:pointer;
}
.users_tabula .td_search{
    background-image:url(/template/images/table/search.png);
    background-position:center;
    background-repeat:no-repeat;
}
.users_tabula .td_search_clear{
    background-image:url(/template/images/table/clear.png);
    background-position:center;
    background-repeat:no-repeat;
}
.users_tabula .td_print{
    width:14px;
    background-image:url(/template/images/table/icon-print.png);
    background-position:center;
    background-repeat:no-repeat;
}
.users_tabula .all_day{
    background: #99FF99;
}
.users_tabula .part_time{
    background: #FFFF99;
}
.users_tabula .not_available{
    background: #F26733;
}
.users_tabula .not_working{
    background: #C9CDD1;
}
.users_tabula .td_edit:hover,
.users_tabula .td_delete:hover,
.users_tabula .td_search:hover,
.users_tabula .td_search_clear:hover
{
    background-color:#FFD4D4;
}

.users_tabula .tr_search td{
    padding:0px;
}
.users_tabula td.w60{
    width: 60px;
}
/* Duty rota begin */
/*select staff*/
tr.border_bottom td {
  border-bottom:1pt solid black;
}
/*  full report */
.full_report td {
    padding: 2px;
    height: 15px;
}
.hours {
    text-align: center;
}
/* day view */
span.leader_yes{
    font-weight: bold;
}
span.leader_no{
    font-weight: normal;
}
span.leader_deputy{
    font-weight: normal;
    text-decoration: underline;
}

#pub {
    border-radius: 5px; vertical-align: top; margin-left: 5px; font-weight: bold; border: 2px solid black; cursor: pointer; color: black;
    padding-right: 2px;
    padding-left: 2px;
}
.hours td {
    padding: 1px;
}
tr.border_bottom td {
  border-bottom:1pt solid black;
}
.extra_table td {
    padding: 2px;
}
/* duty rota end */
/* DISCOUNTS tabule into edit box*/
.discounts_tabula thead tr th{
    font-size:11px;
    padding:5px;
    padding-left:10px;
    padding-right:10px;
    background-color: silver;
}
.discounts_tabula tbody tr td{
    font-size:11px;
    padding:5px;
    padding-left:10px;
    padding-right:10px;
}
.discounts_tabula tfoot tr td{
    font-size:11px;
    padding:5px;
    padding-left:10px;
    padding-right:10px;
}
/*input.hover:hover{
    text-decoration:underline;
}*/
/*Timetable*/
.checked{text-decoration:underline;}
td.back0{background:#99FF99;}
td.back1{background:#99FF66;}
td.back2{background:#CCFF66;}
td.back3{background:#FFFF99;}
td.back4{background:#F0E68C;}
tr.back5, td.back5{background:#FFF8DC;}
td.back6{background:#FFDAB9;}
td.back7{background:#FFA07A;}
td.back8{background:#FFDDAA;}
tr.border{border-top:2px solid;}

.IB.b_back_one{background:rgb(255,155,106);}
.IB.b_back_two{background:rgb(255,143,89);}
.IB.b_back_three{background:rgb(255,139,89);}
.IB.b_back_four{background:rgb(255,128,64);}
.IB.b_back_five{background:rgb(255,128,64);}
.IB.b_back_CS{background:rgb(255,128,64);}
.GCSE.b_back_one{background:rgb(242,254,137);}
.GCSE.b_back_two{background:rgb(254,244,129);}
.GCSE.b_back_three{background:rgb(254,242,101);}
.GCSE.b_back_four{background:rgb(239,242,98);}
.GCSE.b_back_five{background:rgb(239,242,98);}
.GCSE.b_back_CS{background:rgb(239,242,98);}
.aJunior.b_back_one{background:rgb(150,254,137);}
.aJunior.b_back_two{background:rgb(150,254,137);}
.aJunior.b_back_three{background:rgb(150,254,137);}
.aJunior.b_back_four{background:rgb(150,254,137);}
.aJunior.b_back_five{background:rgb(150,254,137);}
.aJunior.b_back_CS{background:rgb(150,254,137);}

.adventurers{color:darkgreen;}
.explorers{color:darkblue;}
.campers{color:darkmagenta;}
.engagers{color:darkred;}

/*students groups*/
.group{color: black;}
.group .tutor{color: darkred;}
.group .GCSE{color: darkblue;}
.group .junior{color: darkgreen;}

.add_note{ font-size:11px; border:none; background:url(/template/images/table/add_yellow_longer.gif) no-repeat; width:60px; cursor:pointer; float:right; padding-bottom:2px; margin:6px 30px 0 0;}
.add_note:hover, .add_report:hover{color:#fff;}
.note{height:17px; padding-left:5px;}
.users_tabula.teacher_tabula td{cursor:default;}
.report{float:left; height:60px; width:600px; margin-left:10px;}
.add_report{
    background:url(/template/images/table/add_yellow.gif) no-repeat;
    float:right; font-size:11px; border:none; width:45px; margin-right:17px; }
.report_button{ width:39px;
                background:none;
                background-image:url(/template/images/table/add.gif);
                background-position:center;
                background-repeat:no-repeat;
                border:none;
                height:16px;
}
.users_tabula.for_id tr td:first-child {width:20px;}
.users_tabula.for_id.rooms tr td:first-child {width:50px; test-align:center}
.for_id .addwidth{width:50px;}
.students_tabula .report_button_add{border:none; background:url("/template/images/table/but_green.png") no-repeat; width:45px; height:16px; float:left; margin-left:5px; }
.students_tabula .report_button_view{border:none; background:url("/template/images/table/but_yellow.gif") no-repeat; width:45px; height:16px; margin-left:5px;}
.students_tabula .report_button_send{border:none; background:url("/template/images/table/but_pink2.png") no-repeat; width:45px; height:16px;  margin-left:5px;}
.students_tabula .report_button_add:hover, .students_tabula .report_button_view:hover, .students_tabula .report_button_send:hover{cursor:pointer; color:#fff;}
.button_link {float:right; border:none; background:none; cursor:pointer;color:#004499}
.button_link:hover{text-decoration:underline; }
.student_edit_parent_table td{padding:5px;}
.agent_msg{float:right; width:500px; padding-bottom:10px;}
.agent_msg textarea{width:350px; height:50px;}
.clr{clear:both}
.clear{
    clear:both;
    font-size:0px;
    line-height:0px;
    height:0px;
    overflow:hidden;
}

.bed_table{width:100%; height:25px;}
.bed_table td:first-child{border:none; width:auto !important}
.bed_table td{border-left:1px solid; padding: 5px;}
.bed_table tr{border:1px solid gray;}

.rooms .seperator{border-bottom:3px solid;}
.rooms .for_red_hover{float:left}
.rooms .text_row{display:block; float:left;}
.rooms .onhover_red{background-image:url("/template/images/table/delete.png"); position:absolute; right:-3px; display:block; background-repeat: no-repeat; background-position: center; width:12px; height:12px; float:left; margin-top:2px; margin-left:1px;}
.rooms .edit{display:block; height:12px; width:12px; background: url("/template/images/table/edit.png") no-repeat center center; float:left; margin-top:1px;}

.rooms .color_green{background:#BFE0A6 !important}
.rooms .color_pink{background:#E9B9E5 !important}
.rooms .staff{background:#F2F272}


.buildings_menu{margin:10px 0;}
.buildings_menu .menu_item{float:left;font-weight:bold; margin-right:8px; color:#fff; cursor:pointer}
.buildings_menu .menu_item div{padding:3px 2px; border:2px solid #90A0B5; text-align:center}
.buildings_menu .menu_item .border{height:1px; background:#E5E7E9; width:100%; padding:0; border:none}
.buildings_menu .menu_item .main{background:none; color:#000; border:none; cursor:default}
.buildings_menu .menu_item .just_view{background:none; color:#000; border:none; cursor:default}

.buildings_menu .menu_item .active {background:#90A0B5}
.buildings_menu .menu_item.active .selected{border:2px solid #000; }
.buildings_menu .menu_item .hover_:hover{border-color: #000}

/* accommodation days*/
input[type="checkbox"].accommodation_day {
    display: none;
}
input[type="checkbox"].accommodation_day:disabled + label::before{
  border: 1px solid #035f8f;
  background: lightblue;
    text-align: center;
    font-size: 14px;
    display: inline-block;
    width: 14px;
}
input[type="checkbox"].accommodation_day:disabled + label:hover::before{
  background: gray;
  border: 1px solid #d4d4d5;
}
input[type="checkbox"].accommodation_day:checked + label:before {
    content: '✓';
}


.checklist_table td{border:1px solid}
.displayOnHover{display:none}
.teacher_record:hover .displayOnHover{display:inline}

.school_checkbox input{position:relative; top:3px; left:5px;}
.medical .parent_records .wrap{overflow: hidden; display:block; height:40px; }
.medical .records.wrap > div {margin-top:8px;}
.medical .records.wrap > div:first-child {margin-top:0px;}
.medical .wrap  .answer{margin:2px 0 10px;}

.teacher_tabula  .wrap{overflow: hidden; display:block; height:40px; }
.teacher_tabula .records.wrap > div {margin-top:8px;}
.teacher_tabula .records.wrap > div:first-child {margin-top:0px;}
.teacher_tabula .wrap  .answer{margin:2px 0 10px;}


.slide_btn{width:100%; height:15px; margin:0 auto; background: no-repeat center center; cursor:default; float:left}
.slide_btn.down{ background-image: url('/template/images/table/up.gif') !important;}
.slide_btn.active{background-image: url('/template/images/table/down.gif'); cursor:pointer;}

.medical .item_head{font-weight:bold}

.users_tabula .wrap.records .item{margin-bottom:5px;}
.medical.users_tabula td{padding:3px 5px; vertical-align: top}
.medical.users_tabula td{padding:3px 5px; vertical-align: top}

.medical.users_tabula .emergency_mobile{width:9%}
.medical.users_tabula .nationality{width:6%}
.medical.users_tabula .birthdate{width:6%}
.medical.users_tabula .name{width:8%}
.medical.users_tabula .lastname{width:8%}

.medical.users_tabula .tr_search td{padding:0px}

.record_rights input{position:relative; left:2px; top:2px;}
.edit_button{display:block; height:12px; width:12px; background: url("/template/images/table/edit.png") no-repeat center center;}

/*boarding days table*/
table.editable{
    border: 1px solid gainsboro;
    width: 100%;
    border-collapse: collapse;
}
table.editable th{
    text-align: center;
    font-weight: bold;
}
table.editable td{
    padding: 4px;
}

/*Filter menu*/

.filter_menu{
    float:left;
    padding: 10px;
/*    width:740px;*/
}

/*.rooms .filter_menu{
    width:1195px;;
}*/

.filter_menu.periods{
    float:right;
    /*width:430px;*/
}

.filter_menu.users{
    float:left;
/*    width:920px;*/
}
.filter_menu.students{
    float:left;
    width:860px;
}

.filter_menu .title{font-weight:bold; font-style:italic; color:grey; width:70px; }
.filter_menu .item{float:left; width:90px; text-align: center; border:2px solid #E5E7E9; padding:2px; font-weight:bold; cursor:pointer;}
.filter_menu .menu_row{margin-bottom:3px;}
.filter_menu .school .item{ background-color:#BCCFDA; min-height:40px;}
.filter_menu .users .item{ background-color:#F2C25A}
.filter_menu.students .info_filter .item{ background-color:#F2C25A}
.filter_menu  .item.selected{ border-color:#000}
.filter_menu .years .item{background-color:#8FCE97}
.filter_menu .weeks .item{background-color: #F2C25A}
.filter_menu .ages  .item{background-color: #90A0B5}
.filter_menu .programmes  .item.seniors{color: white; background-color: #0094DA}
.filter_menu .programmes  .item.juniors{color: white; background-color: #F8C000}
.filter_menu .programmes  .item.adults{color: white; background-color: #9D2524; height: 24px;}
.filter_menu .week_types  .item{min-height: 36px;}
.filter_menu .week_types  .item.general{color: black; background-color: #F0F1F3}
.filter_menu .week_types  .item.specialist{color: black; background-color: #F0F1F3}
.filter_menu .periods .item{width:75px; background-color: #B2BF7D;}
.filter_menu .agegroup .item.seniors{ background-color:#F0B700}
.filter_menu .agegroup .item.seniors_am{ background-color:#F3C533}
.filter_menu .agegroup .item.juniors{ background-color:#BBD61A}
.filter_menu .agegroup .item.british{ background-color:#86B7EA}
.filter_menu .agegroup .item.medical{ background-color:#2DA3D6}
.filter_menu .agegroup .item.oxbridge{ background-color:#F08A01}
.filter_menu .agegroup .item.sports{ background-color:#0098A6}
.filter_menu .agegroup .item.ielts{ background-color:#CC00CC}
.filter_menu .agegroup .item.career_pathways{ background-color:#E599F7}
/*resposive menu*/
#nav.filter_menu {
  list-style:none;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  background:#BCCFDA;
  margin:5px 12px;
  padding:0px;
  font-weight: bolder;
}
#nav.filter_menu li a {
  display:block;
  padding:10px 22px;
  color:#000;
  text-decoration:none;
  text-align: center;
}
#nav.filter_menu li:hover {
  background-color: darkgray;
}
#nav.filter_menu li {
  border: solid 1px #FFF;
}
#nav.filter_menu li.selected {
  border: solid 2px #000;
  background-color: #B7C8D2;
}
@media all and (max-width: 1000px) {
   #nav.filter_menu {
      flex-wrap: wrap;
      flex-basis: 100%;
   }
   
   #nav.filter_menu li {
      flex: 1 1;
   }
}

@media all and (max-width: 480px) {
   #nav.filter_menu li {
      flex-basis: 100%;
   }
}


.status_Yes {width:94px; height: 22px; line-height: 22px; background-color: lightgreen; padding-left: 8px;}
.status_No {width:94px; height: 22px; line-height: 22px; background-color: pink; padding-left: 8px;}

.filter_menu .positions .item.position{color: white;background-color:#0094DA;min-height:30px;padding-top:10px;}

/*.msg_menu {}*/
.msg_menu .itemx {font-size:11px; font-weight:bold; width:100px; text-align:center; padding:2px; cursor:pointer;}
.msg_menu .item {width:90px; float: left; text-align:center; padding:2px; cursor:pointer;}
.msg_content .page_navigator {
    background-color: #E0EEF7;
    border: 1px solid grey;
    border-radius: 4px;
    color: black;
    margin: 10px 0;
    padding: 8px;
}
table.msg_list th{ background-color:#E0EEF7;}
table.msg_list td.message_content{ background-color:#FFFFFF;}

.msg_file{color: black;}
.msg .label{font-weight: bold;}
.msg .input-group{margin: 10px 0;}

.user_submenu {height: 24px;float: left;}
.user_submenu .button {width:94px; height:22px; font-size:11px; line-height:22px; padding-left:8px; float:left; cursor: pointer; border: solid 1px grey;}
.user_submenu .button.starter {background-color: lightgreen;}
.user_submenu .button.status {background-color: lightgreen;}
.user_submenu .button.keys {background-color: lightgreen;}

.help_page ol li{margin-bottom:5px; font-size:15px;}
.help_page ol{margin-left:20px;}
.help_page a{color:#45698F}
.help_page a:hover {text-decoration:none}

.timetable .attendance img{width:21px; height:17px;}

.attendance_view table td:first-child{text-align:right; padding:5px 20px 5px 5px;}
.attendance_view .row_0 td{ background:#E5E7E9}
.attendance_view .center{text-align:center}



.add_record_btn{cursor:pointer; height:15px; width:100%; background:url('/template/images/table/add_plus.gif') no-repeat center center; float:right}


.incident_item{margin-bottom:20px;}
.incident_form table td{padding:5px 0;}
.incident_form table td:first-child{text-align:right; padding-right:10px; font-weight:bold; vertical-align: middle}
.incident_form .input {width:300px;}
.incident_item .header{background:#808080; font-weight:bold; height:20px; line-height: 20px; padding:0 0 0 25px; color:#fff; margin-bottom:10px;}
.incident_item .photo{width:94px; height:74px; float:left; border:2px solid #90A0B5;}
.incident_item .content{float:left; margin-left:10px;}
.incident_item .delete{width:20px; float:right; height:20px; margin-left:5px;}
.incident_item .delete.active{background:url('/template/images/table/delete.png') center center no-repeat; cursor:pointer;}


.foto_corner{-moz-border-radius: 5px;
             border-radius: 5px;}

.edit_report td{padding:5px;}
.edit_report .bold{font-weight:bold}


.reports  .wrap{overflow: hidden; display:block; height:40px; }
.reports td{min-height: 40px}

.subject_hover{ font-weight:bold}
.subject_hover:hover{color:#808080}

/* Calendar */

#calendar .fc-event{font-size:11px;}
.event-explane .box{width:8px; height:8px; float:left;margin: 2px 4px 0 0; padding: 0; min-height: 8px;}
.fc-header-title h2{font-size: 15px; font-weight:bold}
#calendar_legend .add_btn{cursor:pointer; display:block; width:150px; text-align:center; margin:0 auto; padding: 0px;}
.admin_colors{border-color: #3366CC; background:#5E82C9; color:#fff;}
.admin_title{font-size:24px; font-weight: bold;}
/* bookings */
#booking .invoice-totals{float: right;margin-right:20px;}
.total_row{float:right; width:200px; text-align:right; padding:5px;}
#booking .invoice-totals .label{float:left; width:280px; text-align:right; padding:5px;}
#booking .invoice-totals .input{float:left; padding:5px;}
.total_sum{font-weight: bold;}
.onlyread{background: #F7ECD0;}

/*universal*/
h1.admin_title{font-size:24px; font-weight: bold; margin: 10px 0;}
h2.admin_title{font-size:15px; font-weight: bold;}
h2.admin_subtitle{font-size:15px; font-weight: bold; padding: 0 0 0 5px;}
h2.admin_include_title{font-size:18px; font-weight: bold; padding: 10px 10px 0;margin: 0;}
.edit_label{float:left; width:130px; text-align:right; line-height: 28px;}
.edit_table_label{font-weight:bold; padding-left:5px; padding-top:5px;}
.edit_table_input{padding:5px 5px;}

.input_block{margin: 20px;}
.form_field{width:100%; text-align:right; padding: 5px;}
label.form_label{display: inline-block;float:left; width:63%; text-align:right;}
div.form_field:hover{background-color:#F7ECD0;border:solid 1px #F2C25A;}
/*import group bookings*/
.form_div_block{
    padding: 5px;
    border-bottom: 1px gray dotted;
}
.input_div_block{
    text-align:left; float: right;
}

/*Booking edit*/
.fixed_width3{
  width:200px;
  padding:0 24px 0 3px;
}
.student-data{
    padding-left: 30px;
}
.student-data .week {
    float: left;
    font-size: 12px;
    padding: 10px 5px 10px 10px;
}
.row {
    clear: both;
/*    margin-left: -15px;
    margin-right: -15px;*/
}
.week_choices .row {
    border-top: 1px solid gray;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
}
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-11 {
    width: 91.66666667%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-7 {
    width: 58.33333333%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-1 {
    width: 8.33333333%;
  }
  /* students list data table, buttons not used
  
    .btn-class-completed{
     display: inline-block;
     border:1px solid #638F69;
     color: #fff;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     font-family: Verdana;
     width: auto;
     height: auto;
     font-size: 11px;
     padding: 3px 3px;
     background-color: #68AD23;
    }
    .btn-class-completed:hover, .btn-class-completed:active{
     border:1px solid #638F69;
     color: #fff;
     background-color: #73A679;
    }
    .btn-class-atention{
     display: inline-block;
     border:1px solid #B3121D;
     color: #fff;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     font-family: Verdana;
     width: auto;
     height: auto;
     font-size: 11px;
     padding: 3px 3px;
     background-color: #FF8088;
    }
    .btn-class-atention:hover, .btn-class-atention:active{
     border:1px solid #B3121D;
     color: #fff;
     background-color: #E6737A;
    }
    */
#result {
	height:20px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	padding:5px;
	margin-bottom:10px;
	background-color:#FFFF99;
}
#finduser{
	padding:3px;
	border:1px #CCC solid;
	/*font-size:17px;*/
}
.suggestionsBox {
	position: absolute;
	left: 0px;
	top:40px;
	margin: 26px 0px 0px 0px;
	width: 200px;
	padding:0px;
	background-color: #000;
	border-top: 3px solid #000;
	color: #fff;
}
.suggestionList {
	margin: 0px;
	padding: 0px;
}
.suggestionList ul li {
	list-style:none;
	margin: 0px;
	padding: 6px;
	border-bottom:1px dotted #666;
	cursor: pointer;
}
.suggestionList ul li:hover {
	background-color: #FC3;
	color:#000;
}
.suggestionList ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	padding:0;
	margin:0;
}

.load{
background-image:url(/template/images/loader.gif);
background-position:right;
background-repeat:no-repeat;
}

.suggest {
	position:relative;
}
/*short message search student*/
#search-result {
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	padding:5px;
	margin-bottom:10px;
	background-color:#FFFF99;
}
.cmd_button {
    width:100%; line-height:35px;font-size:30px;margin-top:30px;
}

/*** Colors *****/
.red{color: red;}
.green{color: green;}
.blue{color: blue;}
.black{color: black;}
.dark{color: #333;}
.yellow{color: #F0B700;}
.dark-yellow{color: #8B8000;}
.bgyellow{background-color: #F0B700;}

.top4{margin-top: 4px;}

/*Comapnies data table*/
td.details-control {
    color: darkblue;
    cursor: pointer;
    background: url('/template/images/table/desc.gif') no-repeat left center !important;
}
tr.shown td.details-control {
    background: url('/template/images/arrow.png') no-repeat left center !important;
}
tr.details-row{
    background:#DDDDFF !important;
}
tr.details-header{
    color: whitesmoke;
    background:#6671D3 !important;
}
.files .show{
    color: green;
}
/* DivTable.com */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}
.kfbox {
        color: brown;
}
.cms-ctrl-block{
    float: left;
    min-width: 200px;
    background: #FFF;
    margin-bottom: 15px;
}
.cms-ctrl-block.grey{
    background-color:#E5E7E9;
}
.cms-ctrl-block .btn-first{
    margin: 0 10px 0 80px;
}

fieldset.cms-ctrl-block{
    border: solid 1px; 
    padding: 0 5px 10px 5px;
    margin: 0 10px 0 10px;
}
span.note{
    font-weight:normal;
}
.cms-note-box{
    overflow:auto;
    min-height:30px;
    max-height: 100px;
    min-width: 270px;
    width:100%; 
    border: solid gray 1px;
    padding: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
}
.cms #doc_table td {
    border: 0px; 
}
.text-danger{
    color: red;
}
/*Staff area*/
.area_subheader{color: #004E8E;font-size: 12px;padding: 10px;text-align: center;font-weight: bold;font-size: 14px; background-color: #F7EDCD;}

.starter-table {width:100%; border-color:gray; border-collapse: separate; border-spacing: 0.5em;}
.starter-table td.title{font-weight:bold; font-size: 14px; text-align: center;}
.starter-table .input_wrap{width: 100%; color: #02518A; font-size: 12px;}
.starter-table .input_wrap .label{float: left;}
.starter-table .input_wrap .inputval{float: left; margin-left: 20px; color: #000;}
/*.starter-table .input_wrap .inputval{float: left; margin-left: 20px; color: #F0B700;}*/

span.leader_yes{
    font-weight: bold;
}
span.leader_no{
    font-weight: normal;
}
span.leader_deputy{
    font-weight: normal;
    text-decoration: underline;
}
span.me{color: green;}

/*Allstars coompetition*/
.competition-table-row2 table {
    text-align: center;
}
/*.competition-table-row3 {
    margin: 0 0 15px 0;
}*/
.competition-table-row2 table td {
    /*border: 1px solid #939496;*/
    border: 1px solid #F14F22;
    border-collapse: collapse;
    padding: 3px;
    font-size: 11px;
}
.competition-table-row2 thead tr:first-child {
    color: #FFFFFF;
    font-weight: bold;
    background: #F68B1E;
    /*background: #005c9f;*/
}
.competition-table-row2 thead tr:first-child td {
    /*border: 1px solid #206495;*/
    border: 1px solid #F14F22;
}
.competition-table-row2 table tr.n-hr {
    border-top: 2px solid #000000 !important;
}
.competition-table-row2 tbody tr:last-child {
    border-bottom: 2px solid #F14F22;
}
.competition-table-row2 tbody tr:first-child {
    border-top: 2px solid #F14F22;
}
.competition-table-row2 span {
    text-align: right;
    width: 100%;
    margin: 10px 0 0 0;
    float: right;
}

.clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}
.colorpickershow{
    width:22px; height:22px; margin:0 5px; border-radius: 2px;
}
/*accomodation students list*/
table.students th,table.staff th{
    text-align: center;
    font-weight: bold;
}
table.students td,table.staff td{
    text-align: left;
    padding-left: 5px;
}
table.staff tbody tr{
    border: gainsboro 1px solid;
}

.printOnly{display: none;}

/*teachers_subjects*/
.radio_fieldset{float:left;clear:none;}
.radio_fieldset label{
    float:left;clear:none;
    display: block;
    padding: 2px 1em 0 0;
    font-weight: bolder;
}
.radio_fieldset input.radio{
    float: left;clear: none;
    margin: 2px 0 0 2px;
}
.nav ul {
  list-style: none;
  background-color: #444;
  text-align: center;
  padding: 0;
  margin: 0;
}
.nav li {
  font-family: 'Oswald', sans-serif;
  font-size: 1.2em;
  line-height: 30px;
  height: 30px;
  border-bottom: 1px solid #888;
}
 
.nav a {
  text-decoration: none;
  color: #fff;
  display: block;
  transition: .3s background-color;
}
 
.nav a:hover {
  background-color: #D1B570;   /*#005f5f;*/
  color: #444;
}
/*My custom classes*/
.nav a.active{
    color: black;
    font-weight: bold;
}
.nav a.report-link{
    display: inline-block;
    padding: 0 10px;
    color: #444;
}
/*********************/

.nav li.active {
  background-color: #fff;
  color: #444;
  cursor: default;
}
.nav li.active a{ color: #444;} 
@media screen and (min-width: 600px) {
  .nav li {
    width: 130px;
    border-bottom: none;
    height: 30px;
    line-height: 30px;
    font-size: 1em;
    overflow: hidden;
  }
    .nav li {
    display: inline-block;
    margin-right: -4px;
  }
}
/*end subjects*/
/*Staff questionaire*/
.feedback{
    width: 100px;
    border-bottom: 1px solid #888;
    height: 30px;
    line-height: 30px;
    font-size: 1em;
    overflow: hidden;
    display: inline-block;
    margin-right: -4px;
    padding-left: 8px;
    cursor: pointer;
}
.feedback.selected {color:red;background-color:lightgray;cursor:default;}

/*Staff questionaire end*/

/* from summer.css*/
.starter-table {width:100%; border-color:gray; border-collapse: separate; border-spacing: 0.5em;}
.starter-table td.title{font-weight:bold; font-size: 14px; text-align: center;}
.starter-table .input_wrap{width: 100%; color: #02518A; font-size: 12px;}
.starter-table .input_wrap .label{float: left;}
.starter-table .input_wrap .inputval{float: left; margin-left: 20px; color: #000;}
/*.starter-table .input_wrap .inputval{float: left; margin-left: 20px; color: #F0B700;}*/

.fa-alph {
font-family: Arial, sans-serif; /* your font family here! */
font-weight: bold;
/*color: #02518A;*/
font-style: normal;   
}
.f-circle {
font-family: Arial; /* your font family here! */
font-weight: bold;
display: block;
border: 1px solid #02518A;
border-radius: 999px;
padding: 3px 8px;
width: 8px;
margin: 0 10px 0 0;
}
.input_wrap .f-circle{
    border-color: #02518A;
}
.input_wrap{
    color: #02518A;
}
div.input_wrap ul{
    list-style-type: disc;
    color: #02518A;
}
div.input_wrap ul li{
	margin: 0 20px;
}
.input_edit .f-circle{
    border-color: #000;
}
.input_edit .label{
    font-weight: bold;
}
.circle_height{
    line-height: 26px;
}
.points_wrap .f-circle{
    border-color: #FFDE00;
}
.points_wrap{
    text-align: center;
    color: #000;
}
#company_notes .notes-container{
    display: flex; /* or inline-flex */
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: stretch;
}
#company_notes .note-container{
    display: flex; /* or inline-flex */
    flex-flow: row;
    justify-content: flex-end;
    align-items: baseline;
    padding: 5px;
}
#company_notes .note_date{
    font-weight: bold;
    order: -1;
    flex: 1 0; /* none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ];*/
}
#company_notes .note_author{
    font-weight: normal;
    order: 1;
    flex: 1 2;
}
#company_notes .note_channel{
    font-weight: normal;
    order: 2;
    flex: 1 0;
}
#company_notes .note_contact_person{
    font-weight: normal;
    order: 3;
    flex: 1 2;
}
#company_notes .note_status{
    font-weight: bold;
    order: 4;
    flex: 1 2;
}
.note_status.action_done{
    color: black;
}
.note_status.next_action, .note_date.next_action{
    color: red;
}

#company_notes .note_cmd{
    cursor: pointer;
    order: 5;
    flex: 1 2;
    text-align: right;
}
.note_cmd .edit{
    display: inline-block;
    color: black;
    padding: 5px;
}
.note_cmd .delete{
    display: inline-block;
    color: red;
    padding: 5px;
}

#company_notes .note_note{
    font-weight: normal;
    order: 10;
    flex: 4 4;
}
.note_note.border_bottom{
    border-bottom: 1px solid gray;
}
/* Payment notes */
.note_cmd{
    color: red;
    text-align: right;
}
.referrals-container{
    display: flex; /* or inline-flex */
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: stretch;
}
.referral-container{
    display: flex; /* or inline-flex */
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: baseline;
    padding: 5px;
}
.referral_link{
    font-weight: normal;
    order: 1;
    flex: 3 2;
}
.referral_cmd{
    order: 4;
    flex: 0 0;
    text-align: right;
    padding: 0 4px;
}
.referral_note{
    font-weight: normal;
    order: 10;
    flex: 4 4;
}
/* enquiry*/
td.new, span.new{ color:red;}
td.initial, span.initial{ color:darkorchid;}
td.follow-up, span.follow-up{ color:darkorange;}
td.proceeding, span.proceeding{ color:brown;}
td.booked, span.booked{ color:green;}
td.closed, span.closed{ color:black;}

.bglightgrey{background:#E5E7E9;}
.bglightyellow{background:#FFF8DC;}

/* Custom Button */
.circle_12 {
  border-radius: 50%;
  width: 12px;
  height: 12px;
  padding: 1px;
  background: #fff;
  border: 1px solid #000;
  color: #000;
  text-align: center;
  font: 12px Arial, sans-serif;
}

.green{
    color: green;
}
.green-border{
    border-color: green;
}
.left-block{
    float: left;
}
/* activities calendar title in students list */
.dark_brown{
    color: #834e56;
}

.button_action{
    width:97px;
    height:38px;
    float:right;
    margin-right:10px;
}
/*Sending history*/
.history{
    background-color: #E5E7E9;
    margin-bottom: 20px;
}
#email_history{
    border: 1px solid;
    padding: 4px;
}
#email_history th{
    font-weight: bold;
    text-align: center;
}
#email_history td {
    border: 0px;
    padding: 2px 5px;
}
/*reports*/
form#report_filter label.label{
    display: inline-block;
    width:25%; text-align:right; padding:5px;
    font-weight: bold;
}
form#report_filter select{
    display: inline-block;
    width: 70%;
}
form#report_filter button.button{
    padding: 0 10px;
    margin-right: 10px;
    float: right;
}
textArea.cpd_input{
    width: 94%;min-height: 93px;
}
/* signing contract */
.sig-image{
    max-width: 150px;
    font-style: italic;
}
/* signature-pad */
.signature-pad-wrapper {
    width: 85%;
    /*border: 1px solid #4b00ff;*/
    /*border: 1px solid #5CB85C;*/
    border: 1px solid lightgreen;
    border-right: 0;
    float: left;
}
canvas#signature-pad {
    background: #fff;
    width: 100%;
    height: 100%;
    cursor: crosshair;
}
.clear-btn{
    float: right;
    height: 172px;
}
button#sig-clearBtn {
    height: 100%;
    /*background: #4b00ff;*/
    background: #5CB85C;
    /*background: #F6811E;*/
    border: 1px solid transparent;
    color: #000;
    font-weight: 600;
    cursor: pointer;
}
button#sig-clearBtn span {
    transform: rotate(90deg);
    display: block;
}


/* Sign in with Microsoft */
section {
  margin-top: 40px;
}
section:last-of-type {
  margin-bottom: 40px;
}
.bsk-container {
  margin-top: 15px;
}
.bsk-btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.42857;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.x-icon {
  height: 1em;
  width: 1em;
  top: .125em;
  position: relative;
  padding-right: 8px;
}
.x-alt {
  color: #777;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: lightblue;
    color: black;
}
#search-student {
    width:100%;outline:0;line-height:50px;font-size:30px;
}