body {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px;}

* {box-sizing: border-box;}

hr {border: none; height: 1px; background: #ccc; margin: 10px 0;}

#sidebar {position: fixed; top: 0; left: 0; bottom: 0; background: url(../images/sidebar-bg.jpg) repeat-y right top #3B3B3B; padding-right:10px; width: 239px; overflow-y: auto;}
#sidebar #logo { margin: 10px 0 10px 0; float: right;}
#sidebar #profile-links {padding: 0 15px 15px 15px; line-height: 1;}
#sidebar #main-nav li {padding-bottom: 1px;}
#sidebar #main-nav li a.nav-top-item {background: #009EE0;; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; padding-top:7px; padding-bottom: 7px; }
#sidebar #main-nav li a.current {background: #F6F6F6 !important;}
.book-your-course {margin-top:15px;}
#sidebar #main-nav ul li a {  padding: 5px 15px;}

ul.content-box-tabs {float: left;}

.shortcut-button img { max-width: 100%; }

.full {color: red; font-weight: bold;}
.hide {display: none;}
.modal {display: none;}
#facebox_overlay {opacity: .8 !important;}

.popup .content table td, .popup .content table th { padding: 10px !important; line-height: 1.3em;}
.popup .content table th {font-weight: bold}
.popup .content table tr {border-bottom: 1px solid #ccc;}

.content-box-content {font-size: 15px;}
.content-box-content h3 {margin-bottom: 10px; margin-top: 15px; padding:0}
.content-box-header {background: url(../images/content-box-header-bg.jpg)center bottom repeat-x #3B3B3B; height: 43px;}
.content-box-header>h3 {padding: 12px 15px 10px; margin:0;color: white;}
.content-box-header ul.content-box-tabs {margin-left: 5px !important;}
.content-box-header ul.content-box-tabs li a {color: white;}
.content-box-header ul.content-box-tabs li a.current {color: #666;  margin-top: -3px;}
.content-box-content p {margin-top: 0; margin-bottom: 0; padding: 0}
.content-box-header .button {  margin: 0 10px !important;  border-top-left-radius: 0;  border-top-right-radius: 0;  border-top: 0 !important; float: right; margin-right: 10px;}
.content-box-header {margin-top: 0;} 

/* Columns */

.content-box-content {padding: 1%;}

/* Form overrides */

form input.text-input, form select, form textarea, form .wysiwyg {display: block; margin-top: 10px;}
.content-box-header select {display: inline; margin-top: 0;}
input[type="date"] {font-family: Arial;}
.button, .button:active {background: #009ee0; border: 1px solid #1d495e;text-shadow: none;padding:10px !important; font-size: 13px !important; font-weight: bold; line-height: 1; zoom:1;}
.button:hover {box-shadow: none; text-decoration: none; text-shadow: none; background: #1d495e; border: 1px solid #009ee0;}
.big.button {font-size: 20px !important; padding: 10px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.medium.button {font-size: 16px !important; padding: 5px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.small.button {font-size: 12px !important; padding: 3px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}
#login-wrapper #login-content input[type=text], #login-wrapper #login-content input[type=password] {background: #ccc;}
#login-wrapper #login-content p .button {background: #459300 url('../images/bg-button-green.gif') top left repeat-x;}

/* Mentoring */

.section {padding: 10px; border-width: 1px; border-style: solid; margin-bottom: 15px;}
.green.section {border-color: #3c503a; background: #e5ffd5}
.plan-overview, .plan-roadmap {margin: 0 0 30px 0; padding: 0 20px 20px 20px;}
.plan-overview {background:#dff5ff; border: 1px solid #199FDE;}
.plan-roadmap {background:#ffdff0; border: 1px solid #D31076;}
.plan-overview h3 {color: #199FDE}
.plan-roadmap h3 {color: #D31076}
.inactive-step {opacity: .3}
.current-step {background:#D31076 !important; color: white; }

/* Goals */

.rate, .newrate1, .newrate2 {margin-top: 5px; color: white; margin-bottom: 10px;}
.responsive-img {max-width: 100%}
.delegate {background: #009EE0; padding: 10px; font-size: 16px; color: white;}
.manager {background: #2C2C2D; padding: 10px; font-size: 16px; color: white;}
.rate.overview {padding: 5px; background: transparent;}
.rate.overview i {font-size: 12px;}
.rate.overview i.star-off-png {display: none}
.rate.readonly i.star-off-png {display: none}

td.relatedto {border-left: 5px solid;}
td.relatedto.goalTarget-mentoring {border-left-color:#5E0645;}
td.relatedto.goalTarget-training {border-left-color:#5D9528;}

.hint {font-size: 25px; font-weight: bold; color: white; border-radius: 5px; z-index: 1; float:left;}
span.low {background: #B40C62; padding: 10px;color: white}
span.medium {background: #D6781F; padding: 10px;color: white}
span.high {background: #598D26; padding: 10px;color: white}
#update-goal {clear: both; display: none;}
.status-inactive,.status-incomplete {color: white; background: red;}
.status-inprogress {color: white; background: orange;}
.status-complete {color: white; background: green;}

.rate i[data-alt="1"], .newrate1 i[data-alt="1"], .newrate2 i[data-alt="1"] {color: #B40C62}
.rate i[data-alt="2"], .newrate1 i[data-alt="2"], .newrate2 i[data-alt="2"]  {color: #B40C62}
.rate i[data-alt="3"], .newrate1 i[data-alt="3"], .newrate2 i[data-alt="3"]  {color: #B40C62}
.rate i[data-alt="4"], .newrate1 i[data-alt="4"], .newrate2 i[data-alt="4"]  {color: #D6781F}
.rate i[data-alt="5"], .newrate1 i[data-alt="5"], .newrate2 i[data-alt="5"]  {color: #D6781F}
.rate i[data-alt="6"], .newrate1 i[data-alt="6"], .newrate2 i[data-alt="6"]  {color: #D6781F}
.rate i[data-alt="7"], .newrate1 i[data-alt="7"], .newrate2 i[data-alt="7"]  {color: #598D26}
.rate i[data-alt="8"], .newrate1 i[data-alt="8"], .newrate2 i[data-alt="8"]  {color: #598D26}
.rate i[data-alt="9"], .newrate1 i[data-alt="9"], .newrate2 i[data-alt="9"]  {color: #598D26}
.rate i[data-alt="10"], .newrate1 i[data-alt="10"], .newrate2 i[data-alt="10"]  {color: #598D26}

span.rating1, span.rating2, span.rating3 {background: #B40C62; padding: 10px;color: white}
span.rating4, span.rating5, span.rating6 {background: #D6781F; padding: 10px;color: white}
span.rating7, span.rating8, span.rating9, span.rating10 {background: #598D26; padding: 10px;color: white}

/* reports */

table.results th {background: #199FDE; color: white; font-weight: bold;}
tr.totals {background: #ccc !important;}
table.dataTable >tbody td {background: white;}

table.dataTable > tbody tr.odd td { background: whitesmoke;}

/* Modal */

.simplemodal-data table {border-collapse: collapse}
.simplemodal-data table tr td {border:1px solid #000;}



/* Responsive mark attendance */
@media all and (max-width: 699px) {
    body, #body-wrapper {background: none;}
    #body-wrapper {padding: 0 10px;}
    #sidebar {position: static; width: 100%;}
    #sidebar #sidebar-wrapper {margin: 0;}
    #sidebar-title, #sidebar #profile-links, #sidebar #main-nav {display: none;}
    #sidebar #logo {margin: 15px auto;float: none; width: 230px;}
    #main-content {margin: 0; padding:0;}
    .content-box-header {height: 60px;}
    .button {padding:15px !important; font-size:16px !important; margin: 10px !important;}
    .modulename, .clientname, .streamdate {display: none;}
    #main-content table td, #main-content table th {font-size: 12px !important;}
    #main-content table td .button {padding:0 !important; font-size: 12px !important; margin: 0 !important;}
}



/*-- Bronwen --*/
h1, h2, h3, h4, h5, h6 {
    line-height:1.2em;
}

span.required {
    font-size:120%;
    color:#c00;
    padding-right:4px;
}
.cancel.button {
    float:right; margin:5px; background:red !important;
}

#main-content tbody tr.inactive td {
    text-decoration: line-through;
}

#main-content tbody tr.highlight td {
    background: #fffbcc;
}

.content-box-content.no-header {
    border-top: none;
}
div.lastamended {
    float:right;font-style:italic;margin:10px 0px;
}
th.action, td.action {
    text-align:right;
}

pre {
    background-color: #ccc;
    padding:10px;
    margin-left:240px; 
}
.content-box-header h3 { 
    cursor: s-resize;
}

div.radioGroup {
    padding: 0 0 20px 0px;
}
div.radioGroup label {
    padding:0 0 10px 0;
}
div.radio {
    margin-left:10px;
    line-height:150%;
}
/*-- Simple Modal --*/

.dialog, .modal { 
    display:none; 
}

.simplemodal-data table td, .simplemodal-data table th { padding: 10px !important; line-height: 1.3em;}
.simplemodal-data table th {font-weight: bold;border-bottom: 1px solid #ccc;}
.simplemodal-data table tr td {border-bottom: 1px solid #ccc;}


#simplemodal-overlay {background-color:#000;}

.simplemodal-data {
    background-color:#fff; 
    padding:12px;
    border:8px solid #444;    
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.simplemodal-container a.modalCloseImg {
    background:url(../images/simplemodal-close.png) no-repeat; /* adjust url as required */
    width:25px;
    height:29px;
    display:inline;
    z-index:3200;
    position:absolute;
    top:-8px;
    right:-8px;
    cursor:pointer;
}

/*--Validate forms --*/
span.novalidate {
    color:#c00;
    font-weight: bold;
}
form textarea.novalidate, form input.novalidate, form select.novalidate {
    border: 1px solid #c00;
}

form input.text-input.datepicker_icon { display:inline; }
form label {
    padding-bottom:20px;
}

tfoot {
    display: table-header-group;
}

.dataTables_wrapper select {
    width: 100%
}
.dataTables_wrapper .bottom {
	    margin-top: 15px;
}
.dataTables_wrapper label {
    display: block; border: 0; width: auto; font-size: 15px;
}
.dataTables_wrapper label select {display: inline-block; width: auto}

.dataTables_paginate {text-align: right;}
.dataTables_paginate a {padding-right: 2px;}