body
{
    min-width: 500px;
    line-height:1.5em;
    color:#727272;
}

.navbar
{
    margin-bottom: 0px;
    border:0px;
}

.navbar-brand
{
    padding:0px;
}

.fixed-header
{
    background-color: aliceblue;
    border-bottom-color: aliceblue;
    padding-top: 10px;
    padding-bottom: 10px;
}

.top-header
{
    color:#343232;
    padding:22px 20px;
    font-size: 14px;
}

.login
{
    color:#343232;
    background-color: transparent;
    border: none;
}

.login-button
{
	width:100%;
	margin:10px 0px;
}

.login-box
{
    width:500px;
    padding:30px;
}

.login-box h2
{
    text-align: center;
}

.home
{
	/*background-image: url('../images/WMOLearn_globecenter.jpg');*/
    background-image: url('../../images/blue-bg.JPG');
    background-position: left top;
    background-repeat: no-repeat;
    background-color: #ccc;
    background-size: 100% 360px;
    min-height: 230px;
    max-height: 320px;
    /*padding-top:60px;*/
    color:white;
    margin:129px 0px 0px 0px;

}

.page-header h1
{
    font-size: 3em;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
}

.page-header p
{
    text-align: center;
    line-height: 26px;
    font-weight: bold;
}


.main-box
{
    background-color: #eee;
    padding-top:50px;
    text-align: center;
    color:black;
    border-bottom: solid 1px black;
}

.main-box .container .col-md-4,.col-md-5
{
    padding-bottom: 30px;
}

.main-box .container .col-md-4 button,#more
{
    background-color: #3e65a0;
    border:none;
    border-radius: 10px;
    filter:none;
    text-shadow:none;
    width:125px;
}

.main-box .container .col-md-4 button:hover,#more:hover
{
    background-color: #337ab7;
}

.main-box .container .col-md-4 p
{
	height:42px;
}

#message
{
    font-size:1.21em;
    color:#727272;
    margin-bottom:70px;
}

.top-header
{
    background-color:#3e65a0;
    height:60px;
    width:100%;
}
.footer
{
    border-top:2px solid #a6a6a6;
    /*margin-top: 10px;*/
}
.footer h4
{
    color:black;
}

div.events
{

	width: 1000px;
    margin: auto;
    border: 3px solid #73AD21;

}

#resources .panel-heading
{
	background-color:#3e65a0;
	color:white;
}

#resources .description
{
	padding:5px 0px 10px 25px;
}

#resources .panel-body p>a
{
	padding-left:5px;
}

.register
{
	padding:20px;
}

.register label
{
	margin-top:10px;
}

.search-bar
{
	margin:30px 10px 30px 0px;
	text-align: center;
}

.seperator
{
	border: 0;
    height: 0.5px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	margin-top:0px;
}

.margin-10
{
	margin:10px;
}
/*#search_form input[type=text] {

	width: 130px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: white;
    background-image: url('../../../images/searchicon.png');
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 12px 20px 12px 40px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

/* When the input field gets focus, change its width to 100% */
/*#search_form input[type=text]:focus {
    width: 100%;
}*/

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.box:hover{
background: #E6E6FA	; /* make this whatever you want */
}

.selected
{
    color:#00BFFF;
}

.unselected
{
    color:D3D3D3;
}

.individual .row
{
    margin-bottom:10px;
}

.form-group.required .control-label:before {
   content:"*";
   color:red;
}

.error{
    border: 1px solid red;
}

.profile-row
{
    padding-bottom:30px;
}

.profile-title
{
    color:#989898;
}

.profile-value
{
    color:black;
}

#header_data
{
    cursor:default;
}

#view_data
{
    cursor:default;
}