@import url('../../tonic-style.css');

/* Commonly used classes */

/* create a top buffer for elements */
.top-buffer { margin-top:20px; }

/* center text */
.center-text { text-align: center; }

/* ---- */


/* Text color and font in div */
div {
  font-family: mark;
  color: #4E4E4E;
}


/* Link color */
a, a:active, a:hover, a:visited, a:link {
  color:#50D2C2;
}


/* Remove outline for any focus */
:focus {
  outline:0;
}


/* Legeng / Titles for pages */
legend {
  font-size: 20px;
  font-weight: bold;
}

legend > small {
  font-size: 15px;
  font-weight: normal;
}


/* General Button Preferences */
.btn-primary, .btn-primary:active, .btn-primary:hover, .btn-primary:focus,
.btn-primary:active:focus {
  background-color:#50D2C2;
  border-color:#ccc;
}

.btn-primary:active, .btn-primary:focus {
  outline: none;
}

.btn-select.focus,.btn-select:active.focus,.btn-select.active.focus {
  outline: none;
}

.btn-select.active {
  background-color:#50D2C2;
  color:white;
  outline: none;
}


/* Buttons for selecting option / checkboxes */
.btn-select {
  background-color: #fff;
  border-color: #50D2C2;
  border-width: 1px;
  width:100%;
  white-space: normal;
  margin-top:8px;
}

/* Tonic ToolTip */
.tonic-tooltip + .tooltip > .tooltip-inner {background-color: #50D2C2;}
.tonic-tooltip + .tooltip > .tooltip-arrow {border-bottom-color: #50D2C2; }

/* General Form Styling */
.form-control {
  box-shadow: none;
}

.form-control:focus {
  border-color: #50D2C2;
}



/* Apply the tonic text color */
/*.tonic-text-color{
}*/




/* Create the tonic colored panel */
.panel-tonic {
  border-color: #50D2C2;
}

.panel-tonic > .panel-heading {
  background-color: #50D2C2;
  color:white;
}

.panel-tonic-info {
  border-color: #c4c4c4;
}

.panel-tonic-info > .panel-heading {
  background-color: #c4c4c4;
  color:#4E4E4E;
}

.panel-tonic-danger {
  border-color: #f3bdbd;
}

.panel-tonic-danger > .panel-heading {
  background-color: #f3bdbd;
  color:#c13a2d;
}

/* Tonic menu color definition */
.btn-tonic-menu, .btn-tonic-menu:hover  {
  white-space: normal;
  color:white;
  margin-top:5px;
  outline:none;
}

.tonic-menu-1 {
  background-color: #17FFE3;
  border-color: #17FFE3;
}

.tonic-menu-2 {
  background-color: #549E95;
  border-color: #549E95;
}

.tonic-menu-3 {
  background-color: #06A793;
  border-color: #06A793;
}

.tonic-menu-4 {
  background-color: #237066;
  border-color: #237066;
}

/* TONIC CALC CSS - Do not use in other projects
   TODO: Move this to the Tonic Calc project */

/* Style for presenting the calculator results */
.tonic-calc-result {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  vertical-align:middle;
  color:#50D2C2;
}


/* datepicker definitions */

#dp {
  margin:0 auto;
}

.datepicker {
  margin:0 auto;
}

#dp table tr td.active:active,
#dp table tr td.active.highlighted:active,
#dp table tr td.active.active,
#dp table tr td.active.highlighted.active,
#dp span.active {
   background-color: #50D2C2;
}