/* -------------------------------------------------------------------------- */
/* Everything                                                                 */
/* -------------------------------------------------------------------------- */

* {
	border:0;
	margin:0;
	padding:0;
	font: inherit;
	font-size: 12px;
}

*, *:before, *:after {
  box-sizing: border-box;
}

/* -------------------------------------------------------------------------- */
/* Base containers                                                            */
/* -------------------------------------------------------------------------- */

body {
	word-wrap:break-word !important;
	font-family: 'Verdana';
	color: #000;
}

.grid-x {
	margin-top: 5px;
	margin-left: 30px;
	margin-right: 30px;
	padding-bottom: 30px;

}

.tabs-content.vertical {
	border:0;
}

.tabs {
	margin-top: 45px;
}


body, .tabs-panel, .reveal.small {
	background-color: #eee;
}

legend {
	background-color: #fcfcfc;
}

/* -------------------------------------------------------------------------- */
/* Fonts                                                                      */
/* -------------------------------------------------------------------------- */


strong, b, i, 
div, p, label, 
a.button, .dropdown.menu a, .dropdown.menu li a, 
form input, form select, form textarea, 
input[type="button"], input[type="submit"], input[type="reset"], [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
select {
	font-size: 0.875rem;
}


.cell {
line-height: 3em;
vertical-align: middle;
}
/* -------------------------------------------------------------------------- */
/* Anchors                                                                    */
/* -------------------------------------------------------------------------- */

/* Anchors */
a {
	color: #699BBA;
	text-decoration: none;
}

a:hover {
	border-bottom: 2px solid #FF0000;
	color: #333;
}

a:focus {
	outline: none;
}

/* Anchor images */
a img {
	text-decoration: none;
	border: 0 none;
}

/* Anchor buttons */
a.button { 
	background:#8CB2CA;
	color: #FFF;
	display: inline-block;
	padding: 10px 22px;
	letter-spacing: 0.25px;
	line-height: 1.3em;
	border-radius: 5px;	
	text-decoration: none;
	border:none;
	text-transform: uppercase;
	font-weight: bold;
	border-right: 1px solid #4C82A4;
	border-bottom: 1px solid #4C82A4;
}

a.button:hover {
	background:#699BBA;
}


a.button-reversed { 
	background-color: #ddd;
	color: #666B85;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

a.button-reversed:hover {
	background: #ccc;
}



/* -------------------------------------------------------------------------- */
/* Menus                                                                     */
/* -------------------------------------------------------------------------- */

.top-bar {
	background-color: #333333;

}

.top-bar ul {
	background-color: #333333;

}

.menu a {
	color: #FFFFFF;
	font-family: 'Arial';

}

.menu a:hover {
	border-bottom: none;
	color: lightblue;
}

.dropdown.menu a, .dropdown.menu li a {
	padding: 3px 20px 3px 20px;
}

.dropdown.menu a:hover {
	border-bottom: none;
	color: lightblue;
}


.menu .menu-text {
	padding: 3px 20px 3px 20px;
	color: #FFFFFF;
}

.menu ul li a {
  line-height: normal;
	
  width: 100%;
}


/* -------------------------------------------------------------------------- */
/* Forms                                                                      */
/* -------------------------------------------------------------------------- */
form input, form select, form textarea {
	padding: 5px;
	color: #333333;
}


label {
	font-weight: 700;
	margin-top: 10px;
}


input[type="button"], input[type="submit"], input[type="reset"], .button, button {
/* 
	background-color: #616161;
    color: #fff;
 */
	border: medium none;
	border-radius: 5px;	
	display: inline-block;
	padding: 10px 22px;
	line-height: 1em;
	text-decoration: none;
	font-weight: bold;
}

input[type=submit].button { 
	background:#4C82A4;
	color: #FFF;
	display: inline-block;
	padding: 10px 22px;
	letter-spacing: 0.25px;
	line-height: 1.3em;
	border-radius: 5px;	
	text-decoration: none;
	border:none;
	text-transform: uppercase;
	font-weight: bold;
	border-right: 1px solid #4C82A4;
	border-bottom: 1px solid #4C82A4;
}

input[type=submit].button:hover {
	background:#699BBA;
}

input[type=checkbox][disabled]{
	color:#ff0000;
	background:#ff0000;
}

ul.errorlist {
	color: #B94A48;
	background-color: #F2DEDE;
	border: 1px solid #EED3D7;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

input[type=text] {
  padding: 1px;
  border-radius:0px;
  width: 80%;
}

select {
  border-radius:0px;
  height: unset;
  width: 80%;
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
	height: 2rem;
}


/* -------------------------------------------------------------------------- */
/* Tables                                                                     */
/* -------------------------------------------------------------------------- */
table {
	border: 0px;
	color: #000000;
	border-collapse:collapse;
	border-spacing:0
}

table tbody th, table tbody td {
   padding: 10px;
   vertical-align: middle; 
}

input[type=search] {
	border: 1px solid #000;
}


/* -------------------------------------------------------------------------- */
/* Tooltips
/* -------------------------------------------------------------------------- */
.tooltip-text {
  visibility: hidden;
  position: absolute;
  z-index: 1;
  width: 100px;
  color: white;
  font-size: 0.75rem;
  background-color: #192733;
  border-radius: 10px;
  padding: 10px 15px 10px 15px;
}

.hover-text:hover .tooltip-text {
  visibility: visible;
}


.log-in-form {
  border: 1px solid #cacaca;
  padding: 1rem;
  border-radius: 0;
}


/* -------------------------------------------------------------------------- */
/* FieldSets (sections)                                                       */
/* -------------------------------------------------------------------------- */
fieldset {
    font-family: verdana, sans-serif;
    border-radius: 5px;
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #fcfcfc;
   	border: 1px solid #4C82A4;

}

fieldset legend  {
    padding: 5px 10px ;
    font-size: 1.25rem;
    border-radius: 10px;
    margin-left: 20px;
    font-weight: bold;
    background: #4C82A4;
    color: #fff;
}


fieldset.yellow  {
    border: 2px solid #FFCB08;
}

fieldset.yellow legend {
    border: 2px solid #FFCB08;
    background-color: #FFCB08;
    color: #000;
}

fieldset.red  {
    border: 2px solid #DB4028;
}

fieldset.red legend {
    border: 2px solid #DB4028;
    background-color: #DB4028;
    color: #fff;
}


fieldset.green  {
    border: 2px solid #33BB95;
}

fieldset.green legend {
    border: 2px solid #33BB95;
    background-color: #33BB95;
    color: #fff;
}


fieldset.lightblue  {
    border: 2px solid #BCE4E6;
}

fieldset.lightblue legend {
    border: 2px solid #BCE4E6;
    background-color: #BCE4E6;
    color: #000;
}

fieldset.blue  {
    border: 2px solid #0B385E;
}

fieldset.blue legend {
    border: 2px solid #0B385E;
    background-color: #0B385E;
    color: #fff;
}

.button.yellow, .button.yellow:hover, .button.yellow:focus  {
background-color: #ffcb08;
color: #0a0a0a;
}

.button.green, .button.green:hover, .button.green:focus  {
background-color: #33BB95;
color: #fff;
}

.button.blue, .button.blue:hover, .button.blue:focus  {
background-color: #0B385E;
color: #fff;
}


/* -------------------------------------------------------------------------- */
/* Vertical Tabs                                                              */
/* -------------------------------------------------------------------------- */
.tabs-title > a {
    color: #000000; 
}
    
.tabs-title > a:hover {
      background: #eee;
	  border-bottom: none;
      color: #000000; }

.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
    background: #DB4028;
    color: #ffffff;
}

#tabMenuGeneral > a:focus, #tabMenuGeneral > a[aria-selected='true'] {
    background: #DB4028;
    color: #ffffff;
}

#tabMenuCoords > a:focus, #tabMenuCoords > a[aria-selected='true'] {
    background: #FFCB08;
    color: #000;
}

#tabMenuScolarite > a:focus, #tabMenuScolarite > a[aria-selected='true'] {
    background: #33BB95;
    color: #fff;
}

#tabMenuExperiences > a:focus, #tabMenuExperiences > a[aria-selected='true'] {
    background: #0B385E;
    color: #fff;
}

#tabMenu5 > a:focus, #tabMenu4 > a[aria-selected='true'] {
    background: #BCE4E6;
    color: #000;
}


/* -------------------------------------------------------------------------- */
/* Icons                                                                      */
/* -------------------------------------------------------------------------- */
.editIcon {
	cursor: pointer; 
	color:LightGray;
}

.delIcon {
	cursor: pointer; 
	color:LightCoral;
}