/* Styles go here */

/************************************************************************/
/* Validation message styling */

.ks-warning-text {
	background-color: #FCF8E3;
    margin-top:5px;
    padding:5px;
}

/************************************************************************/
/* Heading Styles */
h1.studentprofile {
    font-size:1em;
    margin-top:0px;
    line-height:0.8;
}

h1.person-profile-details {
    color:#333;
    margin:0px 0px 10px 10px;
}

h2.studentprofile {
    font-weight:700;
    font-size:16px;
    margin:0px 30px 4px 0px;
    display:inline;
}

h2.studentprofile {
    font-weight:700;
    font-size:16px;
    margin:0px 30px 4px 0px;
    display:inline;
}

h3 {
  font-size:0.5em;
}

.ks-a {
	color: #005885;
}

.ks-a:visited {
	color: #005885;
}

/************************************************************************/
/* Buttons */
.ks-button-primary{
  background-color:#005E8D;

  border-radius:4px;
  border:1px solid;
  border-color:#005E8D;
  font-size:13px;
  padding:6px 12px 6px 12px;
  color:#FFF;
  font-weight:400;
  margin:0px 10px 25px 0px;
}

.ks-button-secondary{
  background-color:#F5F5F5;
  border-radius:4px;
  border:0.95px solid #CCC;
  font-size:13px;
  padding:6px 12px 6px 12px;
  color:#333;
  font-weight:400;
  margin:50px 10px 0px 0px;
  text-align:center;
}

.ks-button-search {
  background-color:#fff;
  font-size:0.6em;
  border:1px solid #DDD;
  color:#333;
}

.ks-button-danger{
  background-color:#D9534F;
  border-radius:4px;
  border:1px solid;
  border-color:#D9534F;
  font-size:13px;
  padding:6px 12px 6px 12px;
  color:#FFF;
  font-weight:400;
  margin:0px 10px 25px 0px;
}

/************************************************************************/
/* KS Banner (Header) */
.ks-logo-image {
  vertical-align:middle;
  margin:13px 0 0 17px;
}

.ks-header {
  background-color:#000;
  border-bottom-color:#333;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
  border-bottom-style:none;
  border-bottom-width:0px;
  border-image-outset:0 0 0 0;
  border-image-repeat:stretch stretch;
  border-image-slice:100% 100% 100% 100%;
  border-image-source:none;
  border-image-width:1 1 1 1;
  border-left-color:#333;
  border-left-style:none;
  border-left-width:0px;
  border-right-color:#333;
  border-right-style:none;
  border-right-width:0px;
  border-top-color:#333;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  border-top-style:none;
  border-top-width:0px;
  box-sizing:border-box;
  clear:both;
  color:#333;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:13px;
  height:50px;
  line-height:18.5667px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
  min-height:50px;
  padding-left:0px;
  padding-right:15px;
  position:relative;
  z-index:990;
  -moz-border-bottom-colors:none;
  -moz-border-left-colors:none;
  -moz-border-right-colors:none;
  -moz-border-top-colors:none;
}

.ks-header-student {
  color:#FFF;
  font-size:1.063em;
  padding-left:2px;
  vertical-align:bottom;
}

.header-right-group {
  float:right;
}

.header-list {
  list-style-type:none;
  list-style-image:none;
  list-style-position:outside;
  font-family:"ralewayregular",sans-serif;
  color:#999;
  padding-top:10px;
}

.header-action-list {
  padding-right:17px;
  padding-top:5px;
  float:left;
}

/************************************************************************/
/* Breadcrumbs */
.breadcrumbs {
  background-image:linear-gradient(#fff 0px, #EAEAEA 100%);
  background-repeat:repeat;
  line-height:18px;
  border-bottom:1px solid #CDCDCD;
  border-top:1px solid #CDCDCD;
  height:28px;
  font-family:"Helvetica-Neue",Helvetica,Arial,sans-serif;
  font-size:13px;
  color:#333;
  letter-spacing:0.02em;
}

.breadcrumbs-ol {
  padding-left:20px;
  padding-right:30px;
}

.breadcrumbs-li-first {
  float:left;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  padding-left:2px;
  padding-right:30px;
  background-image:url("http://thebside.ca/EagleApps/breadcrumb_divider.png");
  background-position: right center;
  background-repeat: no-repeat;
  height:27px;
  margin:0;
  padding-top:0.4em;
  color:#5B5B5B;
}

.breadcrumbs-li {
  float:left;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  padding-left:20px;
  padding-right:30px;
  background-image:url("http://thebside.ca/EagleApps/breadcrumb_divider.png");
  background-position: right center;
  background-repeat: no-repeat;
  height:27px;
  margin:0;
  padding-top:0.4em;
  color:#5B5B5B;
}

.breadcrumbs-li-dropdown {
  float:left;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  padding-left:20px;
  padding-right:30px;
  padding-top:0.4em;
  color:#5B5B5B;
  background-image:url("http://thebside.ca/EagleApps/breadcrumb_divider.png");
  background-position: right center;
  background-repeat: no-repeat;
}

.breadcrumbs-li-last {
  float:left;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  padding-left:20px;
  padding-right:30px;
  padding-top:0.4em;
  color:#5B5B5B;
  font-weight:bold;
}


.breadcrumbs-function-selector {
  font-weight:bold;
  font-size:9px;
  color:#5B5B5B;
}

/************************************************************************/
/* Sticky Header */

.sticky-top-panel {
  color:#333;
  vertical-align: top;
  font-size:26px;
  font-weight:400;
  /* font-family:"Lato",sans-serif; */
  padding: 10px 0px 15px 10px;
  box-shadow:0px 6px 6px -5px rgba(0, 0, 0, 0.5);
  min-height:70px;
  margin-bottom:5px;
}

.sticky-top-panel > .h1 {
    color:red;
}

.person-profile-image {
  height:80px;
  float:left;
}

.person-profile-details {
  margin-left:-50px;
}

.ks-input-search {
  width:150px;
  font-size:12px;
}

.ks-label {
  font-size:0.45em;
  
}

/************************************************************************/
/* Student Sidepanel Styling */




/************************************************************************/
/* Student main panel Styling */

.ks-student-content-panel {
    float:left;
    padding-left:10px;
}


/************************************************************************/
/* Modal Styling */
.ks-modalTitle {
    font-size:1.7em;
    font-weight:700;
}

.ks-modalFooter {
    height:60px;
}

ks-comparison-header {
    font-weight: 600;
    border-bottom: 1px solid #000;
}

/************************************************************************/
/* Student Screen Grey Bar Styling */


.ks-student-profile {
  background-color: #333;
}

.ks-student-info-display-title {
    font-size:16px;
    color:#FFF;
}

.ks-student-info-display-category-td {
  color:#000;
  font-weight:bold;
  padding:2px 0px 2px 15px;
  vertical-align:top;
  text-align:right;
  font-size:12px;
}

.ks-student-info-display-category-td-plain {
  color:#000;
  padding:2px 0px 2px 5px;
  vertical-align:top;
  min-width:100px;
  font-size:12px;
}

/************************************************************************/
/* Main Footer Styling */
.ks-main-footer {
  position:fixed;
  left:0px;
  bottom:0px;
  height:70px;
  width:100%;
  background-color:#FFF;
  box-shadow: 0px -5px 6px -6px rgba(0, 0, 0, 0.5);
  text-align: right;
  padding-top: 10px;
  padding-right: 10px;
  border-top: 1px solid rgb(226, 226, 226);
} 


/************************************************************************/

/* Glyphicon Styling */
.icon-edit {
    color:#005885;
}

.icon-edit:hover {
    color: #428bca;
}

.icon-delete {
    color:#005885;
}

.icon-delete:hover {
    color: #ff0000;
}

.icon-tab-heading-group {
    margin-right:20px;
    float:right;
}

.icon-tab-heading-edit {
    color:#005885;
    font-size:10px;
    padding:3px 0px 0px 5px;
}

.icon-tab-heading-history {
    color:#005885;
    font-size:10px;
    padding:3px 0px 0px 5px;
}

.icon-tab-heading-add {
    color:#005885;
    font-size:10px;
    padding:3px 0px 0px 5px;
}

.icon-tab-heading-delete {
    color:#005885;
    font-size:10px;
    padding:3px 0px 0px 5px;
}

.icon-tab-heading-expander {
    font-size:10px;
    color:#005885;
    padding-left:80px;
}

.icon-tab-actions-delete {
    color:#005885;
    font-size:10px;
    padding:0px 5px;
}

.icon-tab-heading-container {
    
}
/************************************************************************/
/* SimpleTable styling */

.ks-simpletable-thead-tr {
	background-color: #f8f8f8;
	border-width: medium medium 1px;
	border-style: none none solid;
	border-color: -moz-use-text-color -moz-use-text-color #DDD;
	color: #333;
	/* font-family: "Lato",sans-serif; */
	font-size: 12px;
	font-weight: 500;
}

.ks-simpletable-thead-td {
    font-size:11px;
}

/************************************************************************/
/* Comparison Table styling */

.comparison-th {
    background-color: #f8f8f8;
	border-width: medium medium 1px;
	border-style: none none solid;
	border-color: -moz-use-text-color -moz-use-text-color #DDD;
	color: #333;
	/* font-family: "Lato",sans-serif; */
	font-size: 12px;
	font-weight: bold;
}

.comparison-td-attribute {
    background-color: #f8f8f8;
	border-width: medium medium 1px;
	border-style: none;
	border-color: -moz-use-text-color -moz-use-text-color #DDD;
	color: #333;
	/* font-family: "Lato",sans-serif; */
	font-size: 12px;
	font-weight: bold;
}

.comparison-col-attributes {
    background:#f8f8f8;
}

.comparison-col-left {
    background-color:cornsilk;
}

.comparison-col-right {
    background-color:aliceblue;
}
/************************************************************************/
/* Tab stuff */

.person-profile-tab-inside-heading {
/* Headings inside a tab's page */ 
    color:#333;
    border-bottom:2px solid #CCC;
    font-size:16px;
    font-weight:bold;
    margin-bottom:5px;
    line-height:1.42857;
}

.person-profile-tab-inside-heading-subtext-label {
    font-size:11px;
    font-weight:bold;
}

.person-profile-tab-inside-heading-subtext-text {
    font-size:11px;
    font-weight:normal;
    margin-right:20px
}

.tab-container {
    background:#F8F8F8;
}

.tab-row {
    margin-left:-30px;
    margin-top:10px;
}

.tab-row-accordion {
    margin-top:10px;
}


/************************************************************************/
/************************************************************************/
/* Bootstrap Overrides */

.nav-tabs > .li > .a {
    /* I don't think these are being applied  */
    border-radius: 12px 12px 0px 0px;
    color:red;
}

div.accordion-custom .panel-default>.panel-heading {
    background-color:#FFFFFF;
}

div.accordion-custom .panel-default>.panel-heading>.panel-body {
    background-color:red;
}

.panel-default {
    border:none;
}

.panel-default > .panel-heading {
    background-color:#FFF;
    padding-bottom:0px;
}

.panel-group > .panel-heading {
    border:none;
}

.panel-collpase > .panel-body {
    border:none;
    padding-top:0px;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
    border:none;
    padding-top:0px;
    padding-bottom:0px;
}

/************************************************************************/
/************************************************************************/



/************************************************************************/
/* Accordion Styling */

/* Override bootstrap styling */


/* Accordion Header (visible when collapsed) */

.accordion-header {
    background-color:red;
}

.accordion-header-alltext {
    font-size:14px;
    text-align:left;
}

.accordion-header-label {
    font-weight:bold;
}

.accordion-header-text {
    font-weight:normal;
}

.accordion-header-controls {
    /* Edit, Delete */
    text-align:right;
    font-size:11px;
}

/* Accordion Inner */
.accordion-expand-collapse {
    font-size:0.7em;
    margin-top:5px;
    color:#005885;
}




/************************************************************************/

/* center logo */
.img-center {
  margin:0 auto;
  padding: 25px;
}

.new-row {
  clear: left;    
}
  
.no-title-col {
  padding-top: 3px;      
}

.ks-label-advanced-search {
  font-size:0.4em;
  display:block;
  margin-left:50px;
    color:#005885;
}

/************************************************************************/
/* Calendar Picker Styling */

.calendar-picker {
    width:200px;
}

/************************************************************************/
/* Contact Card Styling */

.card {
    background-color:#FFF;
    border: 0px solid #EEE;
    padding: 5px 30px;
    border-radius:10px;
}

.contact-card-name {
    font-size:20px;
    font-weight:700;
}

/************************************************************************/
/* Basic data table styling */

.ks-datatable-th {
    font-size:12px;
    font-weight:bold;
    /* background-color: #f8f8f8; */
	border-width: medium medium 1px;
	border-style: none none solid;
	border-color: -moz-use-text-color -moz-use-text-color #DDD;
	color: #333;
	font-size: 12px;
    padding:0px 5px 0px 5px;
}

.ks-datatable-tr {
    font-size:12px;
    font-weight:bold;
	color: #333;
	font-size: 12px;
    padding:0px 5px 0px 5px;
    text-align:right;
    border-width: 1px;
	border-style: none solid none none;
    border-color: -moz-use-text-color -moz-use-text-color #DDD;
    border-color:#DDD;
}

.ks-datatable-td {
    font-size:12px;
    padding-left:5px;
}