body, html {
	/*font-family: 'Open Sans', sans-serif;*/
   font-family: sans-serif;
   text-align: left;
   text-decoration: none;
   font-weight: 300;
   font-size: 14px;
   height: 100vh;

   margin: 0;
   padding: 0;
}

body {
   overflow-y: scroll;
   -ms-overflow-style: scrollbar;
}

img, img:hover, img:active, img:focus { border: none; }

/*h1,h2,h3,h4,p,span,input,select,textarea { font-family: 'Open Sans', sans-serif; }*/
h1,h2,h3,h4,p,span,input,select,textarea { font-family: sans-serif; }

input, select, textarea {
   font-size: 14px;
}

textarea {
   overflow: auto;
   -webkit-overflow-scrolling: touch
}

p.clear {
   float: left;
   width: 100%;
   clear: both;
}


.submit {
   border-top: 1px solid #AAAAAA;
   padding: 10px 0;
   margin: 10px 0;
   clear: both;
   float: left;
   width: 100%;
}

h1 {
   color: #414848;
   font-size: 28px;
   font-weight: 300;
   line-height: 34px;
   margin: 0 0 15px 0;
   text-shadow: 1px 1px 0 #FFFFFF;
   clear: both;
   position: relative;
}

h1 .title_text {
   float: left;
}

h1 span {
   font-size: 14px;
   color: black;
}

h2 span {
   font-size: 13px;
   color: #414848;
}

h1 #ski_logo {
   position: absolute;
   right: 0;
   top: 2px;
}

span#ski_logo {
   /*width: 150px;*/
   text-align:right;
}

span#ski_logo img {
   height: 30px;
}

h2 {
   color: #414848;
   font-size: 14px;
   border-bottom: 1px solid #AAAAAA;
   font-weight: bold;
   line-height: 34px;
   margin: 0 0 15px 0;
   padding: 5px 0;
   text-shadow: 1px 1px 0 #FFFFFF;
   clear: both;
}

.ui-tabs-anchor h2 {
   border: none;
   padding: 0;
   margin: 0;
}

h3 {
   clear: both;
   font-size: 13px;
}

a {
   color: #0085CF;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

label {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

hr.break-hr {
   height: 0px;
   border-top: 1px solid #bbbbbb;
   margin: 10px 0;
   width: 100%;
   float: left;
   display: block;
}

.styled_button {
   width: auto;
   cursor: pointer;
   background: #37AAEA;
   background: linear-gradient(#37AAEA, #37AAEA) repeat scroll 0 0 rgba(0, 0, 0, 0);
   border: 1px solid #1992D9;
   border-radius: 4px;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
   color: white;
   padding: 6px 28px;
}
.grey_button {
   background: rgba(0, 0, 0, 0) linear-gradient(#efefef, #bfbfbf) repeat scroll 0 0;
   border: 1px solid #bfbfbf;
   border-radius: 4px;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
   color: #515151;
   cursor: pointer;
   padding: 6px 28px;
   width: auto;
}

input[disabled].styled_button, button[disabled].styled_button {
   background: #AAAAAA;
   border: 1px solid white;
}

.styled_button.right, span.right {
   float: right;
}

.styled_agenda_button.disabled {
   background: none;
   background-color: lightgrey;
   cursor: default;
   border-color: white;
}

.styled_agenda_button.disabled:hover {
   background: none;
   background-color: lightgrey;
   cursor: default;
   border-color: white;
}

/*
.styled_agenda_button:hover {
   background: linear-gradient(#2F90D5, #0351B7) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
*/

.styled_agenda_button {
   width: auto;
   cursor: pointer;
   background: #37AAEA;
   background: linear-gradient(#37AAEA, #37AAEA) repeat scroll 0 0 rgba(0, 0, 0, 0);
   border: 1px solid #1992D9;
   border-radius: 4px;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
   color: white;
   padding: 5px 15px;
}

.styled_agenda_button.right {
   float: right;
}


.styled_agenda_button:hover {
   /*background: linear-gradient(#2F90D5, #0351B7) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
   text-decoration: none;
}

.styled_agenda_button.selected {
   background: url("../images/nav_bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
   border: 1px solid #575757;
}

.styled_track_button {
   width: auto;
   cursor: pointer;
   border: 1px solid #1992D9;
   border-radius: 4px;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
   color: white;
   /*
   padding: 5px 15px;
   padding: 5px 13px;
   padding: 5px 12px
   */
   padding: 5px 12px;
}

.styled_track_button.selected {
   border: 1px solid #575757;
}

.obligated_fields {
   font-style: italic;
   margin: 5px 0;
   float: none;
   width: 100%;
   clear: both;
   height: 25px;
   line-height: 25px;
}

label.required {
   font-weight: bold;
}

#wrapper {
   /*width: 980px;*/
   margin: 25px auto;
   background-color: #ffffff;
   border: 1px solid #666666;
   border-radius: 8px;
   position: relative;
}

/*
@media screen and (max-width:1045px) {
   #wrapper {
      width: 98%;
   }
}
*/

#container {
   /*clear: both;*/
   float: left;
   width: 100%;
}

#wrapper #container .content {
   min-height: 600px;
   position: relative;
}

#header {
   clear: both;
   width: 100%;
   margin: 15px auto;
   background-color: #ffffff;
   border: 1px solid #666666;
   border-radius: 4px;
   height: 36px;

   background: url('../images/nav_bg.png');
   background-repeat: repeat-x;
}

#header.fixed {
   margin: 0 auto;
   position: fixed;
   top: 0;
   z-index: 980;
}

#footer {
   border-top: 1px solid #AAAAAA;
   text-align: center;
   font-size: 13px;
   padding: 25px 15px 0;
}

#footer img {
   height: 25px;
}

#footer .tsa {
   float: left;
}

#footer .companylogo {
   float: right;
}

#footer .footer-logo {
   display: inline-block;
   width: 174px;
   text-align: right;
}

#logo {
   float: left;
}

#logo img {
   margin-top: 5px;
}

#navigation {
   display: block;
   float: left;
   width: 100%;
   height: 36px;
   color: white;
}

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

#navigation .submenu {
   display: none;
   position: absolute;
   top: 36px;
   left: 0;
   background-color: pink;
   cursor: pointer;
   width: 196px;
   border: none;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
   z-index: 1000;
}

#navigation .submenu li {
   height: 36px;
   line-height: 36px;
   width: 196px;
   text-align: left;
}

#navigation ul li {
   float: left;
   text-align: center;
   display: table-cell;
   position: relative;
   /*height: 38px;*/
}

#navigation ul li.last {
   float: right;

}

#navigation ul li.seperator {
   width: 3px;
   height: 36px;
   background: url('../images/nav_bg_seperator.png');
   background-repeat: no-repeat;
}

#navigation img {
   height: 36px;
}

#navigation img.header {
   height: 30px;
}

#navigation ul li.button a {
   color: white;
   display: block;
   padding: 5px 8px;

   
   line-height: 26px;

   background: url('../images/nav_bg.png');
   background-repeat: repeat-x;
}

#navigation ul li.button.single a {
   padding: 0px 8px;
   height: 36px;
}

#navigation ul li.button.single ul li a {
   padding: 5px 8px;
   height: 36px;
}

#navigation ul li.button a.logo {
   padding: 3px 8px;
   height: 36px;
}

#navigation ul li.button a.logo:hover {
   background: url('../images/nav_bg.png');
   background-repeat: repeat-x;
}

#navigation ul li.button.img a {
   padding: 0;
   /*margin-right: 82px;*/
}

#navigation ul li.button.img ul li a {
   padding: 5px 10px;
   margin-right: 0;
}

#navigation ul li.button.selected a.mainbutton {
   background: url('../images/nav_bg_selected.png');
   background-repeat: repeat-x;
}

#navigation ul li.button a:hover {
   text-decoration: none;

   background: url('../images/nav_bg_hover.png');
}

#container h1 {
   font-weight: bold;
}

#container .content {
   padding: 25px 15px;
}

span.form_row, .full_row {
   clear: both;
   display: block;
   float: left;
   margin: 3px 0;
   width: 100%;
}

#profile .form_row.clear .jqdatepicker input[type="text"] {
   float: left;
   width: 80px;
}

#profile .form_row.clear .jqdatepicker img, #profile .form_row.clear .jqdatepicker .till_text {
   float: left;
}

#profile .form_row.clear .jqdatepicker .till_text {
   margin: 7px 5px 0 5px;
   display: inline-block;
}

.form_row.clone {
   display: none;
}

#profile .form_row .mce-container label, #profile .full_row .mce-container label {
   width: auto;
   line-height: 16px;
}

.form_row label {
   display: inline-block;
   float: left;
   line-height: 36px;
}

.form_row label.single_row {
   line-height: 18px;
}

#profile .form_row .full_row {
   width: 100%;
   clear: both;
}

#profile hr {
   clear: both;
}

.form_row label img {
   border: 0px solid white;
   border-radius: 3px;
   float: left;
   margin-right: 5px;
}

.form_row.mail_footer > .mce-tinymce {
   float: left;
}

#login {
   width: 350px;
   background-color: #f7fbff;
   margin: 5% auto;
   border: 1px solid #414848;
   padding: 10px 20px 0 20px;
   border-radius: 4px;
}

#login_logo {
   width: 100%;
   text-align: center;
   float: left;
}

#login h1 {
   margin-bottom: 8px;
}

#login_logo hr {
   border-top: 1px solid #AAAAAA;
}

#login_logo.top hr {
   margin-top: 10px;
}

#login_logo.bottom {
   margin-bottom: 10px;
}

#login .account_data_lost {
   display: inline-block;
   float: right;
   text-align: right;
}

#login .account_data_lost a {
   display: block;
}

#terms div {
   height: 200px;
   border: 1px solid #CECECE;
   overflow-y: scroll;
   margin-top: 15px;
   padding: 5px;

    background-color: #EEEEEE;
    border: 1px inset #969696;
}

#terms #accept {
   margin: 13px 5px 0 0;
}

.error_text {
   margin: 5px 0 0 0;
   color: #FF0000;
}

.error {
   color: red;
}

.form_row input {
   /*font-family: 'Open Sans', sans-serif;*/
   font-family: sans-serif;
   float: left;
}

.form_row input[type="text"], .form_row input[type="password"], .form_row select, .jqdatepicker input {
   padding: 7px 0 7px 5px;
   background-repeat: no-repeat;
   border: 1px solid #cdd2db;
   border-radius: 3px;
   box-shadow: 0 1px 2px #BBBBBB inset;
   width: 99%;
}

#fixed_date_dt, #date_dt {
   font-weight: normal;
}

.form_row select {
   padding: 6px 0 6px 1px;
   float: left;
}

#date_list select {
   padding: 7px 0 7px 5px;
   background-repeat: no-repeat;
   border: 1px solid #cdd2db;
   border-radius: 3px;
   float: right;
}

#agenda_header #date_list .header_date, #agenda_fixed_header #date_list .header_date {
   width: 130px;
   margin-left: 0px;
}

#date_list .header_date {
   float: right;
   width: 215px;
}

#current_date_day {
   float: right;
   margin-right: 5px;
   font-weight: normal;
}

.form_row input[type="text"]:focus, .form_row input[type="password"]:focus {
   outline: none;
   border-color: #9ecaed;
   box-shadow: 0 0 10px #9ecaed;
   color: #414848;
}

.form_row input[type="text"].ui-spinner-input:focus {
   box-shadow: none;
}

#login .form_row {
   float: left;
}

.change_password_row {
   clear: both;
}

.change_password_row p {
   margin-top: 0px;
}

#profile .form_row .jqdatepicker input[type="text"] {
   width: 180px;
}

#picture_div {
   position: relative; left: 0; top: 0;
}

#profile_picture_img {
   height: 250px;
   width: 250px;
   border: 1px solid #414848;
   border-radius: 4px;
   overflow: hidden;
   float: right;
   margin-bottom: 5px;
   z-index: 50;

   position: relative; top: 0; left: 0;
}

#picture_div #loader_div {
   border: 1px solid #414848;
   border-radius: 4px;
   background: rgba(0, 0, 0, 0.6);
   width: 250px;
   height: 250px;
   position: absolute; top: 0; left: 0;
   z-index: 75;
   display: none;
}

#profile_picture_img_preloader, #new_profile_picture_img_preloader {
   z-index: 100;
   position: absolute; top: 115px; left: 115px;
   display: none;
}

#profile #account_data {
   float: left;
}

#profile .ui-widget-header {
   border-radius: 0px;
}

#profile #user_data {
   clear: both;
   display: block;
}

#profile label {
   width: 240px;
}

#profile .button_set label {
   height: 34px;
   /*width: 93px;*/
   width: auto;
}

#profile .button_set span {
   height: 24px;
   line-height: 24px;
}

#profile .form_row {
   width: 601px;
   /*clear: none;*/
}

#profile .form_row span {
   float: left;
}

#profile .form_row label span {
   float: none;
}

#profile .form_row input[type="checkbox"] {
   margin-top: 12px;
   margin-left: 0px;
}

#profile .form_row input[type="text"], #profile .form_row input[type="password"] {
   width: 350px;
}

#profile .form_row input[type="text"].input_with_img, #profile .form_row input[type="password"].input_with_img {
   width: 293px;
   margin-right: 5px;
}

#profile .form_row select.input_with_img {
   width: 302px;
   float: left;
   margin-right: 5px;
}

#profile .form_row textarea {
   width: 350px;
   height: 100px;
   background-repeat: no-repeat;
   border: 1px solid #CDD2DB;
   border-radius: 3px;
   box-shadow: 0 1px 2px #BBBBBB inset;
   padding: 7px 0 7px 5px;

}

#profile .form_row textarea:focus {
   outline: none;
   border-color: #9ecaed;
   box-shadow: 0 0 10px #9ecaed;
   color: #414848;
}

#profile .form_row select {
   width: 357px;
}

#profile .form_row label.half {
   width: 89px;
}

#profile .form_row label.half#number_addition {
   margin-left: 10px;
}

#profile .form_row input[type="text"].half {
   width: 156px;
}

#profile .form_row input[type="text"].quarter {
   width: 88px;
}

#profile .form_row input[type="text"].ui-spinner-input {
   width: 60px;
}

#profile .form_row select.half, #profile .form_row span.half {
   width: 187px;
}

#profile .form_row select.quarter {
   width: 98px;
}

#password_lost, #social_login {
   clear: both;
   float: left;
   width: 100%;
   margin-top: 5%;
   border-top: 1px solid #cecece;
   padding-top: 5px;
}

#password_lost h2, #social_login h2 {
   font-weight: 200;
   font-size: 17px;
   line-height: 18px;
   margin-bottom: 5px;
}

#password_lost p, #social_login p {
   margin: 0;
}

#social_login img {
   margin-bottom: 5px;
   text-align: center;
   border: 0;
}

#social_login span.twitter {
   float: right;
}

#social_login span.facebook {
   float: left;
}

#create_account {
   float: left;
   clear: both;
   width: 100%;
   border-top: 1px solid #cecece;
}

#create_account p {
   margin: 10px 0 0 0;
   font-size: 12px;
}

#rights, #rights_header {
   display: block;
   width: 100%;
   clear: both;
}

#rights {
   height: 300px;
   overflow-y: auto;
   float: left;
   padding-top: 5px;
}

#rights .module, #rights_header .module {
   width: 180px;
}

#rights_header {
   font-weight: bold;
   padding: 5px 0;
   float: left;
   display: block;
   border-bottom: 1px solid #AAAAAA;
}

#rights ul, #rights_header ul {
   list-style-type: none;
   float: left;
   margin: 0;
   padding: 0;
}

#rights li, #rights_header li, #rights .module, #rights_header .module {
   float: left;
}

#rights li, #rights_header li {
   width: 210px;
}

#rights .module, #rights_header .module {
   width: 370px;
   line-height: 25px;
}

#rights .right_row input[type="checkbox"] {
   margin: 6px 5px 0 0;
   float: left;
}

#rights .right_row img {
   height: 25px;
}

#rights .right_row.description {
   display: none;
}

#rights .right_row {
   float: left;
   clear: both;
   width: 100%;
   cursor: default;
   padding: 3px 0;
   border-bottom: 1px solid #CCCCCC;
}

#rights .right_row:last-child {
   border-bottom: none;
}

#rights .right_row:hover {
   background-color: #A1ECFF;
}

#agenda_header {
   width: 100%;
   clear: both;
   margin: 15px 0 15px 0;
   border-bottom: 1px solid #AAAAAA;
}

#tracks_list, #date_list {
   padding: 0 0 15px 0;
}

#tracks_list {
   width: 100%;
   max-width: 980px;
   display: inline-block;
}

#date_list {
   /*width: 278px;*/
   width: 258px;
   display: inline-block;
}

#date_list .jqdatepicker {
   float: right;
}

#date_list .form_row label {
   width: 150px;
}

#agenda_header #date_list #date_dt, #agenda_fixed_header #date_list #fixed_date_dt {
   width: 90px;
}

.jqdatepicker input {
   width: 180px;
   /*margin-left: 5px;*/
}

.jqdatepicker img {
   /*margin: 9px 0 0 5px;*/
   margin: 5px 0 0 5px;
   cursor: pointer;

   /*float: right;*/
}

#agenda_fixed_header {
   position: fixed;
   width: 100%;
   background-color: #FFFFFF;
   border-bottom: 1px solid #666666;
   box-shadow: 0 4px 2px -2px gray;
   top: 36px;
   margin: 0;
   margin-left: -15px;
   z-index: 50;
   display: none;
   padding: 0 15px;
}

#agenda {
   width: 100%;
   clear: both;
   float: left;
   text-align: left;
}

#agenda.planning {
   border-collapse: separate;
   border-spacing: 0 5px;
}

#agenda h1 {
   text-shadow: none;
}

#agenda tbody {
   padding: 5px;
}

#agenda td, #agenda th {
   cursor: pointer;
   text-align: left;
}

#agenda th.time {
   width: 320px;
   border: 1px solid #666666;
   border-radius: 10px 0 0 10px;
   vertical-align: top;
   padding: 8px;
}

#agenda th table thead th {
   padding: 5px 0;
}

#agenda th.time a:hover {
   text-decoration: none;
}

#agenda th.time h1 {
   margin: 0;
}

#agenda th.time hr {
   margin: 0 0 5px 0;
}

#agenda td.people {
   vertical-align: top;
   padding: 0 0 0 5px;
}

#agenda td.filler {
   border: none;
}

#agenda table {
   width: 100%;
   border-collapse: collapse;
}

#agenda .time table thead th {
   vertical-align: bottom;
}

#agenda .time table tbody td {
   text-align: left;
   font-weight: normal;
   vertical-align: top;
   padding: 5px 0;
}

#agenda .time table thead th.time_th {
   width: 90px;
}

#agenda.personal .image {
   width: 90px;
}

#agenda.personal .people {
   padding: 5px;
}

#agenda.personal .people {
   border: 1px solid #666666;
}

#agenda.personal .people:hover {
   background-color: #9ECAED;
}

#agenda .people table td {
   min-height: 50px;
   border: 1px solid #666666;
   padding: 5px 0;
   vertical-align: top;
}

#agenda .people table td .people_row {
   float: left;
   /*width: 175px;*/
   width: 270px;
}

@media (max-width: 1195px) {
   #agenda .people table td .people_row {
      width: 175px;
   }
}

#agenda .block_icon {
   display: block;
   clear: both;
}

#agenda .people table td a {
   display: block;
   padding: 0 0 0 5px;
   vertical-align: middle;
   height: 100%;
   cursor: pointer;
   line-height: 20px;
}

#agenda .people table td a.people_name {
   font-weight: bold;
   display: block;
}

#agenda .people table td span.people_cut {
   display: inline-block;
   float: left;
   margin: 2px 0 0 5px;
}

#agenda .people table td a.people_paste {
   float: right;
   display: inline-block;
   height: 100%;

}

#agenda .paste {
   margin-left: 3px;
}

#agenda .people table td a.people_paste img {
   border: none;
}

#agenda .people table td a.people_course {
   display: block;
   clear: both;
}

.people_course {
   display: block;
   clear: both;
   height: 100%;
   line-height: 20px;
   padding: 0 0 0 5px;
}

.connection_people {
   float: left;
   padding-bottom: 10px;
   border-bottom: 1px solid #aaaaaa;
   clear: both;
   margin: 10px 0;
}

.connection_people .image {
   width: 90px;
   float: left;
}

.connection_people .info {
   width: 250px;
   float: left;
}

.connection_people .options {
   float: left;
   width: 30px;
}

#agenda .people span.people_name, .connection_people .name {
   font-weight: bold;
   display: block;
   line-height: 20px;
   vertical-align: middle;
   color: #0085cf;
   text-decoration: none;
}

#agenda .people table td.empty a {
   line-height: 50px;
   display: inline-block;
}

#agenda .people table td:hover a {
   text-decoration: none;
}

#agenda .people table {
   border-collapse: collapse;
}

img.tooltip, .tooltip {
   cursor: pointer;
   opacity: 100;
   z-index: 100;
}

#agenda .people .icons {
   float: right;
   width: 110px;
}

#agenda .people .icons .icon {
   float: right;
   color: #FFFFFF;
   font-weight: bold;
   width: 30px;
   height: 30px;
   margin: 2px;
   line-height: 30px;
   text-align: center;
   border: 0px solid white;
   border-radius: 3px;
   cursor: default;
}

#agenda .people .icons .icon.trainings-passed {
   border: 2px solid black;
   color: black;
   font-size: 12px;
   line-height: 14px;
   display: inline-block;
   height: 27px;
}

#agenda .people .icons .icon.age {
   background: #57A5FF;
   cursor: pointer;
}

#agenda .people .icons .icon.age.adult {
   background: #C2DEFF;
   cursor: pointer;
   padding: 1px;
}

#agenda .people .icons .icon.level {
   background: #B37AAF;
   cursor: pointer;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   width: 31px;
   padding: 1px;
}

#agenda .people .icons .icon .profile {
   cursor: pointer;

   background: url('../images/vcard_icon.png');
   background-position: center;
   background-repeat: no-repeat;
}

#agenda .people .icons .icon .tickets {
   cursor: pointer;

   background: url('../images/ticket.png');
   background-position: center;
   background-repeat: no-repeat;
}

#agenda .people .icons .icon .payments {
   background: url('../images/icon_euro_disabled.png');
   background-position: center;
   background-repeat: no-repeat;
}

#agenda .people .icons .icon .additions {
   background: url('../images/add_cart_select.png');
   background-position: center;
   background-repeat: no-repeat;
}

#agenda .people .icons .icon .open_payments {
   cursor: pointer;

   background: url('../images/icon_euro.png');
   background-position: center;
   background-repeat: no-repeat;
}

#agenda .add_customer {
   float: right;
}

#agenda hr {
   border: solid 1px;
}

#agenda .agenda_description {
   font-style: italic;
   font-weight: normal;
}

#agenda_container h1 {
   font-size: 20px;
}

#offer.fixed {
   position: fixed;
   top: 70px;
   z-index: 980;
}

.cart-container.fixed {
   position: fixed;
   top: 50px;
   z-index: 10980;
}

#offer {
   float: left;
   width: 220px;
}

#offer #filter {
   width: 220px;
   border: 1px solid #969696;
   border-radius: 4px;
   margin-bottom: 10px;
}

#offer #filter .header {
   height: 36px;
   background: url('../images/nav_bg.png') repeat-x;
   display: block;
   line-height: 36px;
   padding: 0px 5px;
   color: #FFFFFF;
   font-weight: bold;
}

#offer #filter .container {
   padding: 5px;
}

#offer #filter .container input[type="radio"] {
   margin-left: 0px;
}

#offer #filter table input[type="checkbox"] {
   margin: 4px 3px 0 0;
}

#offer #filter .filter_group {
   border-bottom: 1px solid #969696;
   margin: 0 0 5px 0;
}

#offer #filter .filter_group:last-child {
   border-bottom: none;
}

#offer #filter .filter_row {
   width: 100%;
   display: inline-block;
   /*line-height: 30px;*/
   clear: both;
}

#offer #filter .filter_row label {
   font-weight: normal;
}

#offer #filter table input[type="checkbox"] {
   margin: 4px 3px 0 0;
}

#offer #filter .filter_row.days span {
   width: 50px;
   float: left;
   display: block;
}

#offer #filter .filter_row.date-from label {
   float: left;
   line-height: 31px;
}

#offer #filter .filter_row.date-from .jqdatepicker {
   float: right;
}

#offer #filter .filter_row.date-from .jqdatepicker input {
   width: 80px;
}

#offer #filter .filter_row.days input[type="checkbox"], #offer #filter .filter_row .time_filter {
   margin-right: 6px;
}

.last_minute_notification {
   color: #37AAEA;
}

#result {
   margin-left: 230px;
}

#result #loader {
   width: 200px;
   display: block;
   text-align: center;
   margin: 150px auto;
   line-height: 36px;
}

#result #loader img, #result #loader span {
   float: left;
}

#result #loader img {
   margin: 6px;
}

#result table {
   border-collapse: collapse;
   width: 100%;
}

#result thead {
   border-bottom: 1px solid #000000;
   line-height: 34px;
   text-align: left;
}

#result thead th {
   text-align: left;
   font-weight: bold;
}

#result #cursusaanbieding th.teacher { width: 70px; }
#result #cursusaanbieding th.day { width: 170px; }
#result #cursusaanbieding th.price { width: 90px; }
#result #cursusaanbieding th.book { width: 100px; }
#result #cursusaanbieding th.agenda { width: 25px; }

#result #losse_trainingen th.teacher, #result #last_minutes th.teacher { width: 70px; }
#result #losse_trainingen th.day, #result #last_minutes th.day { width: 310px; }
#result #losse_trainingen th.price, #result #last_minutes th.price { width: 90px; }
#result #losse_trainingen th.book, #result #last_minutes th.book { width: 80px; }

#result #losse_trainingen tbody tr td, #result #last_minutes tbody tr td {
   padding: 4px 0;
}

#result tbody tr {
   border-top: 1px solid #AAAAAA;
}

#result tbody tr:last-child {
   border-bottom: none;
}

#result ol {
   list-style-type: numbers;
}

#account_data .info_icon {
   margin: 3px 0 0 18px;
}

.info_icon {
   margin: 3px 0 0 3px;
}

.course_info_icon {
   margin: 7px 0 0 5px;
}

#time_schedule.dialog {
   max-height: 320px;
   width: 400px;
   overflow-y: auto;
}

.simplistic_table {
   border: none;
   border-collapse: collapse;
   margin: 5px 0;
   text-align: left;
}

.simplistic_table thead th, .simplistic_table tbody td, .simplistic_table tfoot td {
   padding: 5px 30px 5px 0;
   text-align: left;
   vertical-align: top;
}

.simplistic_table thead th {
   border-bottom: 1px solid #666666;
}

.simplistic_table tbody td {
   border-bottom: 1px solid #cecece;
}

.simplistic_table tbody tr:last-child td {
   border-bottom: none;
}

.simplistic_table thead tr:hover, .simplistic_table tbody tr:hover, .simplistic_table tfoot tr:hover {
   cursor: default;
}

.simplistic_table tbody tr:hover {
   background-color: #A1ECFF;
}

.simplistic_table tfoot td {
   border-top: 2px solid #666666;
   font-weight: bold;
}

.header_date {
   margin-left: 38px;
   width: 250px;
   float: none;
   display: inline-block;
}

.insert {
   font-size: 18px;
}

input[type="file"]#picture {
   /* Note: display:none on the input won't trigger the click event in WebKit.
      Setting visibility to hidden and width 0 works.*/
   visibility: hidden;
   width: 0;
   height: 0;
}

.input_search {
   width: 350px;
   background-repeat: no-repeat;
   border: 1px solid #CDD2DB;
   border-radius: 3px;
   box-shadow: 0 1px 2px #BBBBBB inset;
   padding: 7px 0 7px 5px;

   /*font-family: 'Open Sans',sans-serif;*/
   font-family: sans-serif;
   margin-right: 5px;
   margin-bottom: 10px;
}

.search_select {
   width: 357px;
}

#company_footer {
   font-size: 13px;
   margin-top:  10px;
   padding-top: 10px;
   text-align: center;
   border-top: 1px solid #CECECE;
   clear: both;
}

/* loading img weergeven bij het laden van de data */
.ui-autocomplete-loading {
   background: url('../images/loading.gif');
   background-position: right;
}

.autocomplete_subtitle {
   font-style:  italic;
   font-size: 10px;
   color: #B0B0B0;
}

#stars {
   width: 125px;
   height: 25px;
   float: right;
}

.star {
   float: left;
   width: 25px;
   height: 25px;
   cursor: pointer;
   background: url('../images/star_empty.png') no-repeat;
}

.star.hovered, .star.saving {
   cursor: pointer;
   background: url('../images/star_full.png') no-repeat;
}

.customer_modules {
   float: left;
   margin-right: 50px;
}

#date_container {
   max-height: 300px;
   overflow-y: auto;
   float: left;
   clear: both;
   overflow-x: hidden;
}

.print_page img {
   width: 25px;
   cursor: pointer;
}

.print_terms {
   background: none;
}

.print_terms div {
   background-color: white;
   height: 100%;
   width: 100%;
   position: fixed;
   top: 0;
   left: 0;
   margin: 0;
   padding: 15px;
   font-size: 14px;
   line-height: 18px;
}

.print_terms h1 {
   display: block;
}

/* in het geval van 'teveel' resultaten, toon een scrollbar */
.ui-autocomplete.ui-menu {
   max-height: 300px;
   overflow-y: auto;
}

.free_places_container {
   height: 55px;
}

.free_places_tab {
   position: relative;
   width: 45px;
   height: 45px;
   float: left;
   margin: 5px 3px;
}

.free_places_count {
   position: absolute;
   right: -5px;
   top: -5px;
   width: 15px;
   height: 16px;

   font-size: 12px;
   text-align: center;
   font-weight: bold;
   color: #FFFFFF;

   background-color: red;
   border: 0px solid #FFFFFF;
   border-radius: 9px;
}

#teacher_filter_container {
   display: block;
   height: 300px;
   overflow-y: auto;
   clear: both;
   margin-top: 10px;
   border: 1px solid #969696;
   text-align: center;
   position: relative;
}

#teacher_selectable {
   list-style-type: none;
   float: left;
   width: 100%;
   margin: 0;
   padding: 0;
}

#teacher_selectable li {
   float: left;
   border: 4px solid #ffffff;
}

#teacher_selectable li.ui-selected {
   border: 4px solid #117ED2;
}

#teacher_selectable li .teacher_container {
   float: left;
   width: 90px;
   margin: 2px;
   border: 1px solid #BBBBBB;
   cursor: pointer;
}

#teacher_selectable li .teacher_container .teacher_image {
   float: left;
}

#teacher_selectable li .teacher_container .teacher_image img {
   width: 90px;
   border-bottom: 1px solid #BBBBBB;
}

#teacher_selectable li .teacher_container .teacher_name {
   clear: both;
   display: inline-block;
   width: 90px;
   overflow-x: hidden;
   word-wrap: normal;
   text-align: center;
   padding: 3px 0;
}

#teacher_container .image {
   display: block;
   margin: 5px 5px 0 5px;
   width: 82px;
   text-align: center;
   /*text-align: center;*/
}

#teacher_container .name {
   display: block;
   margin: 0 5px 5px 5px;
   /*text-align: center;*/
}

#teacher_container .image img {
   border: 1px solid #969696;
}

#offer_simple {
   font-size: 11px;
   width: 100%;
}

#offer_simple table {
   width: 100%;
   border-collapse: collapse;
}

#offer_simple table tbody tr.head_row {
   border-bottom: 1px solid #AAAAAA;
}

#offer_simple table tbody tr td {
   padding: 2px 0;
}

#offer_simple table tbody tr td.label {
   width: 40px;
}

#offer_simple table tbody tr td.data {
   width: 200px;
}

#dialog_content {
   width: 400px;
   max-height: 450px;
}

.agenda_simple {
   width: 100%;
   border: 1px solid #666666;
   border-radius: 4px;
}

.agenda_simple th {
   border-bottom: 1px solid #666666;
   border-collapse: collapse;
   background: url("../images/nav_bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
   color: #ffffff;
}

.agenda_simple th, .agenda_simple td {
   padding: 4px;
   height: 28px;
}

.agenda_simple tr:nth-child(even) {
   background-color: #eeeeee;
}




@media screen and (max-width:420px) {

   #login {
      width: 90%;
      padding: 4% 4% 0 4%;
   }

   #login h1 {
      margin-top: 0px;
      text-align: center;
   }

   #login .content {
      width: 100%;
   }

   #login .error_text {
      font-size: 12px;
   }

   .form_row {
      width: 100%;
      margin: 3% 0;
   }

   .form_row input[type="text"], .form_row input[type="password"] {
      width: 98%;
      padding: 3% 1%;
   }

   #login .styled_button {
      width: 100%;
      margin-bottom: 5px;
   }

   #password_lost {
      margin-top: 5%;
   }

   #password_lost h2 {
      margin-top: 3%;
      font-size: 1em;
      text-align: center;
   }

   #password_lost p {
      font-size: 12px;
      text-align: center;
   }

   #social_login span.twitter {
      float:  none;
   }

   #social_login span.facebook {
      float: none;
   }

   #social_login {
      text-align : center;
   }
}

.form_row .selections {
   display: inline-block;
   float: left;
   width: 220px;
}

#profile .form_row select.selections {
   width: 220px;
   margin-bottom: 10px;
}

#import {
   display: inline-block;
   width: 50%;
   float: left;
}

#generate {
   display: inline-block;
   width: 50%;
   float: left;
}

.generate_row label {
   display: inline-block;
   width: 220px;
}

.generate_row .input_search {
   width: 120px;
}

.import_row .input_search {
   width: 120px;
}

.clear {
   clear: both;
}

.generate_row, .import_row {
   width: 700px;
}

.select_mode_td {
   width: 350px;
}

.offer-container {
   border: 1px solid #AAAAAA;
   border-radius: 4px;
   width: 100%;
   min-height: 540px;
}

.offer-tabs {
   list-style-type: none;
   display: table;
   clear: both;
   padding: 5px 0 0 0;
   margin: 0;
   font-weight: bold;
   border-bottom: 1px solid #aaaaaa;
   width: 100%;
}

.offer-tabs .tab {
   border-left: 1px solid #aaaaaa;
   border-top: 1px solid #aaaaaa;
   border-right: 1px solid #aaaaaa;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
   float: left;
   position: relative;
   top: 0;
   margin-right: 6px;
   padding: 0;
   list-style: outside none none;
   white-space: nowrap;
   background: none repeat scroll 0 0 #e6e6e6;
}

.offer-tabs .tab.active {
   margin-bottom: -1px;
   background: none;
   border-bottom: 1px solid white;
}

.offer-tabs .tab.active:hover {
   background: none;
}

.offer-tabs .tab:hover {
   background: none repeat scroll 0 0 #DADADA;
}

.offer-tabs .tab.cart {
   float: right;
   border: none;
   background: none;
}

.offer-tabs .tab a {
   float: left;
   padding: 0 1em;
   font-size: 14px;
   line-height: 40px;
   color: #414848;
   text-shadow: 1px 1px 0px #ffffff;
}

.offer-tabs .tab a:hover {
   text-decoration: none;
}

.offer-tabs .tab.cart a {
   padding: 0;
}

.offer-content {
   clear: both;
   min-height: 100%;
   display: block;
   padding: 0px 10px 5px 10px;
}

.offer-users {
   width: 100%;
}

.offer-user {
   width: 291px;
   margin: 0 5px 5px 0;
   border: 1px solid #AAAAAA;
   height: 96px;
   float: left;
   border-radius: 4px;
   padding: 6px;
   color: #000000;
}

.offer-user:hover {
   border: 6px solid #87cefa;
   padding: 1px;
   text-decoration: none;
}

.offer-user.active {
   border: 6px solid #1992d9;
   padding: 1px;
   text-decoration: none;
}

.offer-user .data img.profile-img {
   float: left;
   border: 1px solid #AAAAAA;
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
}

.offer-user .data, .offer-user .data span {
   clear: both;
}

.offer-user .data > img {
   margin: 0 6px 0 0 ;
}

.offer-user .data > div {
   margin-left: 88px;
}

.offer-user .levels {
   clear: both;
   width: 100%;
   float: left;
   border-top: 1px solid #AAAAAA;
   margin: 6px 0 0 0;
}

.offer-content tr {
   height: 38px;
}

#offer #filter .container tr {
   height: auto;
}

.offer-content td.teacher_img img {
   height: 55px;
   border: 1px solid #aaaaaa;
}

a.videos-container-link {
   border-bottom: 1px dashed #969696;
   display: inline-block;
   height: 25px;
   margin: 0 0 15px 0;
   text-align: center;
   text-decoration: none;
   width: 100%;
}

div.videos-container {
   display: none;
   margin: 0 0 10px 0;
   width: 100%;
   float: left;
   border: 1px inset #969696;
   background-color: #eeeeee;
   clear: both;
}

div.videos-container > div {
   padding: 10px;
}

div.videos-container div div {
   padding: 0;
}

div.videos-container div.video.left {
   float: left;
}

div.videos-container div.video.right {
   float: right;
}

.conditions_container {
   display: block;
   max-height: 140px;
   border: 1px solid #AAAAAA;
   border-radius: 3px;
   padding: 10px;
   overflow-y: auto;
   cursor: default;
}

.cart-items {
   /*padding-right: 20px;*/
}

.cart-items-list {
   height: auto;
   max-height: 210px;
   display: block;
   overflow-y: auto;
   overflow-x: hidden;
}

.cart-items-list h2 {
   margin: 0;
   padding: 0;
}

#cart {
   position: absolute;
   right: 25px;
   top: 131px;
   background-color: #FFFFFF;
   border: solid 1px #aaaaaa;
   border-top: none;
   width: 240px;
   float: right;
   margin-top: 0;
   padding: 10px 0 10px 10px;
}

.cart-items-list.alternative-cart {
   height: auto;
   max-height: 1000px;
}

.offer-container .tab#step-1 {
   margin-left: 5px;
}

#step-6 {
   cursor: pointer;
   background-color: #FFFFFF;
}

#step-6, #step-6 a {
   max-height: 40px;
}

#step-6 div, #step-6 img {
   display: inline-block;
   vertical-align: middle;
}

.cart-items-list {
   font-weight: normal;
}

.reserve_now {
   float: right;
   vertical-align: middle;
}

.truncate {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

#time_schedule td, #time_schedule th,
.time_schedule td, .time_schedule th {
   padding: 3px 5px 3px 5px;
}

a.type_link {
   margin: 5px 0;
   display: inline-block;
   text-decoration: none;
   color: #414848;
   font-weight: bold;
   font-size: 14px;
   line-height: 22px;
}

.type_link img {
   height: 16px;
   float: left;
   margin-top: 3px;
}

.offer_type_title {
   line-height: 14px;
   margin: 0;
   width: 205px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

h3.group_title {
   color: #414848;
   margin-bottom: 5px;
   font-size: 14px;
}

div.group_buttons input {
   /*margin-left: 15px;*/
}

.offer-content div.group {
   padding: 0 0 0 25px;
}

table.expand_table {
   width: 100%;
   background-color: #ffffff;
   border: 1px solid #969696;
   border-radius: 3px;
}

.customer_special_settings {
   display: block;
   clear: both;
   float: left;
   margin: 10px 0;
   padding: 5px;
   border-top: 1px solid #AAAAAA;
   border-bottom: 1px solid #AAAAAA;
}

.customer_special_settings p {
   font-style: italic;
   margin: 3px 0;
}

.tracks_box .duallistbox select {
   height: 71px;
}

.box {
   border-top: 1px solid #cecece;
   clear: both;
}

.required_fields {
   border-bottom: 1px solid black;
   clear: both;
   font-size: 11px;
   margin: 0 0 10px;
}

.birthday {
   background: rgba(0, 0, 0, 0) url("../images/cake.png") no-repeat scroll center center;
   display: inline-block;
   height: 25px;
   width: 25px;
}

.form_row.additions .addition_span {
   width: 360px;
}

.form_row.additions hr {
   height: 10px;
   border: 0;
   border-bottom: solid 1px #000000;
}

.form_row.additions .current_addition {
   max-width: 400px;
}

.form_row.additions .current_addition span.name {
   display: inline-block;
   margin: 9px 20px 0 10px;
   width: 130px;
}

.form_row.additions .current_addition span.price {
   display: inline-block;
   margin: 9px 0 0 20px;
}

.form_row.additions .current_addition span.optional {
   display: inline-block;
   margin: 9px 0 0 10px;
}

#additions div {
   max-height: 100px;
   overflow: auto;
   margin-top: 5px;
}

#additions table {
   width: 342px !important;
   border-spacing: 0;
   border-collapse: collapse;
}

#additions table tbody tr.removeable td {
   border-bottom: 1px solid #CECECE;
}

#additions table tbody tr.removeable:last-child td {
   border: none;
}

#additions .checkbox {
   margin-top: 4px !important;
}

#additions .max_width_td {
   max-width: 204px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

#profile .form_row .additions_table {
   width: 360px;
}

#profile .form_row .additions_table.simplistic_table {
   margin: 0px;
}

#profile .form_row .additions_table input[type="checkbox"] {
   float: left;
   margin: 2px 0 0 0;
}

#profile .form_row .additions_table td {
   padding: 4px 0;
}

#profile .form_row .additions_table td.addition_checkbox_td {
   width: 25px;
}

#profile .form_row .additions_table td.addition_price_td {
   width: 75px;
}

.payment_not_selected {
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-style: normal;
   color: #000000;
   line-height: 20px;
   padding-top: 5px;
   padding-bottom: 5px;
}

.payment_selected {
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-style: normal;
   font-weight: bold;
   color: #000000;
   line-height: 20px;
   padding-top: 5px;
   padding-bottom: 5px;
}

.external_screen_images table {
   display: table-caption;
   margin-top: 10px;
   width: 100%;
   border-collapse: collapse;
   border: solid 1px #CCC;
}

.external_screen_images table thead tr {
   background: rgba(0, 0, 0, 0) url("../images/nav_bg.png") repeat-x scroll 0 0;
}

.external_screen_images thead td {
   padding: 5px;
   color: #FFFFFF;
   width: 100%;
}

.external_screen_images tbody td {
   padding: 5px;
}

.external_screen_images tbody td input[type="text"] {
   background-repeat: no-repeat;
   border: 1px solid #cdd2db;
   border-radius: 3px;
   box-shadow: 0 1px 2px #bbbbbb inset;
   padding: 7px 0 7px 5px;
   width: 100%;
}

.external_screen_images .table_button {
   background: rgba(0, 0, 0, 0) linear-gradient(#37aaea, #37aaea) repeat scroll 0 0;
   border: 1px solid #1992d9;
   border-radius: 4px;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
   color: white;
   cursor: pointer;
   padding: 2px 5px;
   width: auto;
}

input.missing {
   border: 1px solid #ff0000;
}

.ui-widget-content a.add_linked_user_link {
   color: #0085CF;
   text-decoration: none;
}

.ui-dialog .ui-dialog-titlebar-close {
   padding: 0 !important;
   margin: 0 !important;
   font-size: 0px !important;
   float: none !important;
   left: 90% !important;
   top: 5px !important;
   position: relative;
}
.ui-dialog .ui-dialog-titlebar-close span {
   margin: 0 !important;
   top: 0 !important;
   left: 0 !important;
}
.ui-widget-overlay {
   top: 0 !important;
   bottom: 0 !important;
   left: 0 !important;
   right: 0 !important;
   position: fixed !important;
}
.simplistic_table.planning_table {
   table-layout: fixed;
   width: 100%;
}

.planning_table tbody {
   display: block;
   height: 200px;
   overflow-y: scroll;
   width: 100%;
}

.planning_table tbody td,
.planning_table thead th{
   padding: 5px 5px 5px 0;
   margin: 0;
}

.planning_table td,
.planning_table th {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   display:inline-block;
}

.planning_table td:first-child,
.planning_table th:first-child {
   width: 72px;
}

.planning_table td:nth-child(2),
.planning_table th:nth-child(2) {
   width: 100px;
}

.planning_table td:nth-child(3),
.planning_table th:nth-child(3) {
   width: 488px;
}

.offer_image {
   max-height: 200px;
   max-width: 500px;
}

.offer_image_page {
   max-width: 100%;
}

.offer-border-top {
   border-top: 1px solid #aaaaaa;
   padding-top: 5px;
}

.info_tooltip {
   display: inline-block;
   vertical-align: middle;
   padding-bottom: 6px;
}

.general_offer label {
   font-weight:normal;
}

#profile.customer_info {
   max-width: 800px;
}

#profile.customer_info .form_row label,
#profile.customer_info .form_row span {
   display: inline-block;
   float: none;
}

#profile.customer_info .form_row.mail_footer > .mce-tinymce {
   float: right;
}

#profile.customer_info .form_row input {
   float: none;
}

#profile.customer_info label img {
   float: none;
   width: 25px;
   display: inline-block;
}

.tooltip {
   display: inline-block;
}

label[for="offer_subtitle"] img.tooltip,
label[for="offer_text"] img.tooltip {
   margin-top: -3px;
}

.privacy_statement {
   max-height: 300px;
   max-width: 500px;
   overflow: auto;
   border: 1px solid;
   padding: 5px;
}

.privacy_statement strong {
   font-weight: bold;
}



.switch-field {
   position: relative;
   display: inline-block;
   width: 60px;
   height: 34px;
}

.switch-field input {
   opacity: 0;
   width: 0;
   height: 0;
}

.switch-field .slider {
   position: absolute;
   cursor: pointer;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #ccc;
   -webkit-transition: .4s;
   transition: .4s;
}

.switch-field .slider:before {
   position: absolute;
   content: "";
   height: 26px;
   width: 26px;
   left: 4px;
   bottom: 4px;
   background-color: white;
   -webkit-transition: .4s;
   transition: .4s;
}

.switch-field input:checked + .slider {
   background-color: #2196F3;
}

.switch-field input:focus + .slider {
   box-shadow: 0 0 1px #2196F3;
}

.switch-field input:checked + .slider:before {
   -webkit-transform: translateX(26px);
   -ms-transform: translateX(26px);
   transform: translateX(26px);
}

.table_input {
   padding: 7px 0 7px 5px;
   background-repeat: no-repeat;
   border: 1px solid #cdd2db;
   border-radius: 3px;
   box-shadow: 0 1px 2px #BBBBBB inset;
   width: 80%;
   font-size: 14px;
}

.period_select {
   width: 900px !important;
}

.period_select .jqdatepicker img {
   float: left;
}

.graph-title {
   border-bottom: none;
   font-size: 22px;
   text-align: center;
}

.graph-description {
   border: 1px solid #969696;
   background-color: #F2F2F3;
   padding: 10px 15px;
   margin: 0 0 20px 0;
}

.graph-description p {
   margin: 0;
}

.ui-accordion .ui-accordion-content {
   max-height: 400px;
   overflow-y: scroll;
}

@-ms-viewport{
   width: device-width;
}

hiddenblock {
   visibility: hidden;
}

.cookienotice .wrapper {
   position: fixed;
   lefT: 0;
   right: 0;
   bottom: 0;
   background: rgba(0,0,0,0.75);
   z-index: 1;
   padding: 15px;
}

.cookienotice .wrapper .container {
   color: #FFF;
   width: 100%;
   max-width: 1280px;
   margin: auto;
}

.cookienotice button {
   float: right;
   width: auto;
   cursor: pointer;
   background: #37AAEA;
   background: linear-gradient(#37AAEA, #37AAEA) repeat scroll 0 0 rgba(0, 0, 0, 0);
   border: 1px solid #1992D9;
   border-radius: 4px;
   box-shadow: 0 1px 0 rgb(255 255 255 / 20%) inset;
   color: white;
   padding: 6px 28px;

}

#email_page .form_row {
   width: auto;
}

#gmail_settings {
   width: 180px !important;
}

#email_to_label {
   width: 500px !important;
}

#sr-only {
   display: none;
}

#pageNumberBox, #itemCount {
   text-decoration: none;
   color: black;
   cursor: default;
}

.table_selfroster_hours {
   width: 100%!important;
   border-collapse: collapse;
}

.table_selfroster_hours thead {
   font-weight: bold;
}

.table_selfroster_hours thead tr {
   background-color: #777777!important;
}

.table_selfroster_hours thead td {
   background-color: #777777!important;
   border: none!important;
}

.table_selfroster_hours td {
   padding: 5px!important;
}

.table_selfroster_hours_row td {
   border: none!important;
}

.table_selfroster_hours_alt_row td {
   background-color: #EEEEEE!important;
   border: none!important;
}

.table_selfroster_hours thead {
   font-weight: bold!important;
}