body {
    overflow-x: hidden;
    overflow-y: auto
}

.h1,
h1 {
    font-size: 24px;
    color: #2c3e50;
    font-weight: bold
}

#content {
    margin-top: 4.5em
}

.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto
}

td.col_selected,
tr.row_selected {
    background-color: rgba(238, 242, 243, 0.40) !important
}

tr.row_selected td.col_selected {
    background-color: rgba(243, 197, 15, 0.45) !important
}

nav#topnav.navbar-inverse {
    background-color: #3498db;
    border-left: 1px solid #2C3E50;
    border-top: 1px solid #2C3E50
}

nav#topnav .navbar-brand {
    color: #ecf0f1
}

nav#topnav {
    border-bottom: 2px solid #f1c40f
}

nav#topnav .navbar-nav>li>a {
    color: #ecf0f1
}

nav#topnav .navbar-nav>li>a:hover {
    color: #f1c40f
}

td span {
    display: block
}

td span.customer-dcoach,
td span.customer-dstart-stop,
td span.coach-id {
    text-align: center
}

#dash-start h3 {
    font-size: 1.2em
}

.chart {
    width: 100%
}

.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
    margin-bottom: 0
}

.tt-hint {
    display: block;
    width: 100%;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #999;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}

.tt-dropdown-menu {
    min-width: 160px;
    margin-top: 2px;
    padding: 5px 0;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box
}

.tt-suggestion {
    display: block;
    padding: 3px 20px
}

.tt-suggestion.tt-is-under-cursor {
    color: #fff;
    background-color: #dfdfdf
}

.tt-suggestion.tt-is-under-cursor a {
    color: #fff
}

.tt-suggestion p {
    margin: 0
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.tt-hint {
    color: #999
}

.tt-menu {
    width: 422px;
    margin-top: 4px;
    padding: 4px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.tt-suggestion.tt-cursor,
.tt-suggestion:hover {
    color: #fff;
    background-color: #0097cf
}

.tt-suggestion p {
    margin: 0
}

.bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: inline-block;
    padding: 4px 6px;
    margin-bottom: 10px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px;
    cursor: text
}

.bootstrap-tagsinput input {
    border: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
    width: auto !important;
    max-width: inherit
}

.bootstrap-tagsinput input:focus {
    border: none;
    box-shadow: none
}

.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: white
}

.bootstrap-tagsinput .tag [data-role="remove"] {
    margin-left: 8px;
    cursor: pointer
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "x";
    padding: 0px 2px
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.bootstrap-tagsinput .tag {
    margin-right: 2px;
    padding: 4px;
    color: #000000;
    background-color: #ecf0f1
}

.col-sm-3.input-group.time {
    padding-left: 1em
}

a.active {
    background-color: rgba(243, 197, 15, 0.45) !important
}

span.twitter-typeahead {
    width: 100%
}

.pid {
    text-align: center
}

.isnotactiv,
.notactiv,
.isnotactiv a,
.notactiv a {
    color: rgba(121, 125, 135, 1) !important
}

.event-cancelled {
    display: block;
    background-color: rgba(191, 57, 57, 0.22)
}

.event-expt-course-add {
    display: block;
    background-color: rgba(57, 68, 191, 0.25)
}

.event-postpone {
    display: block;
    background-color: rgba(77, 191, 57, 0.22)
}

.event-coach-switch {
    font-weight: bold
}

.event-postpone-coatch-switch {
    display: block;
    background-color: rgba(191, 167, 57, 0.3)
}

.event-postpone-coatch-switch a {
    font-weight: bold
}

.days-col-header,
.mid-days-col-header {
    text-align: center;
    text-transform: capitalize
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

#planning_wrapper table thead>tr:nth-child(1)>th:nth-child(1),
#planning_wrapper table thead>tr:nth-child(1)>th:nth-child(2),
#planning_wrapper table thead>tr:nth-child(1)>th:nth-child(3),
#planning_wrapper table thead>tr:nth-child(1)>th:nth-child(4),
#planning_wrapper table thead>tr:nth-child(1)>th:nth-child(5),
#planning_wrapper table thead>tr:nth-child(1)>th:nth-child(6),
#planning_wrapper table thead>tr:nth-child(1)>th:nth-child(7),
#planning_wrapper table thead>tr:nth-child(2)>th:nth-child(2),
#planning_wrapper table thead>tr:nth-child(2)>th:nth-child(4),
#planning_wrapper table thead>tr:nth-child(2)>th:nth-child(6),
#planning_wrapper table thead>tr:nth-child(2)>th:nth-child(8),
#planning_wrapper table thead>tr:nth-child(2)>th:nth-child(10),
#planning_wrapper table thead>tr:nth-child(2)>th:nth-child(12),
#planning_wrapper table tfoot>tr:nth-child(1)>th:nth-child(1),
#planning_wrapper table tfoot>tr:nth-child(1)>th:nth-child(3),
#planning_wrapper table tfoot>tr:nth-child(1)>th:nth-child(5),
#planning_wrapper table tfoot>tr:nth-child(1)>th:nth-child(7),
#planning_wrapper table tfoot>tr:nth-child(1)>th:nth-child(9),
#planning_wrapper table tfoot>tr:nth-child(1)>th:nth-child(11),
#planning_wrapper table tfoot>tr:nth-child(1)>th:nth-child(13),
#planning_wrapper table tfoot>tr:nth-child(2)>th:nth-child(1),
#planning_wrapper table tfoot>tr:nth-child(2)>th:nth-child(2),
#planning_wrapper table tfoot>tr:nth-child(2)>th:nth-child(3),
#planning_wrapper table tfoot>tr:nth-child(2)>th:nth-child(4),
#planning_wrapper table tfoot>tr:nth-child(2)>th:nth-child(5),
#planning_wrapper table tfoot>tr:nth-child(2)>th:nth-child(6),
#planning_wrapper table tbody>tr>td:nth-child(1),
#planning_wrapper table tbody>tr>td:nth-child(3),
#planning_wrapper table tbody>tr>td:nth-child(5),
#planning_wrapper table tbody>tr>td:nth-child(7),
#planning_wrapper table tbody>tr>td:nth-child(9),
#planning_wrapper table tbody>tr>td:nth-child(11),
#planning_wrapper table tbody>tr>td:nth-child(13) {
    border-right: 1px solid black !important
}

h3.plan-title {
    display: inherit;
    font-size: 2.1rem
}

td.paye {
    background-color: rgba(92, 184, 92, 0.30)
}

td.pay {
    background-color: rgba(92, 184, 92, 0.30)
}

td.retard {
    background-color: rgba(240, 173, 78, 0.30)
}

td.recu {
    background-color: rgba(91, 192, 222, 0.30)
}

.map_canvas_preloader {
    height: 600px;
    width 100%;
    background: url(../../images/spinner.gif) center center no-repeat
}

h4.modal-title {
   display: contents;
}