@import url('fonts/nunito sans/nunito.css');

body,td, th, div {
    font-family: 'Nunito Sans', sans-serif;
    font-size:12pt; 
    font-weight:300;
    letter-spacing:0.3px;
}
body{
     overflow-x:hidden;
}

.navbar-default
{
    background: #fffdfd;
    box-shadow: 0px 2px 5px rgba(2,2,2,0.80);
}
   
h2 {
    color: #0058a2;
    text-shadow: 1px 1px #ddd;
    font-size: 140%;
}

.feher {
   background: #fffdfd;
}

.blue{
    background: #0058a2 !important;
}
    
.white {
  color: #fff;
}
.filename{
    width: 100%;
    background: #F5F5F5;
    display:block;
}
    
.dropdown-menu-center {
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: -80px;
}

.wider-row{
    padding-top: 10px ;
    padding-bottom: 10px ;
}
.circular--landscape {
  display: inline-block;
  position: relative;
  width: 150px;
  height: 150px;
  overflow: hidden;
  border-radius: 50%;
}

.circular--landscape img {
  height: 100%;
  margin-left: -50px;
}

.circular--portrait {
  position: relative;
  width: 150px;
  height: 150px;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid #c0c0c0;
}

.circular--portrait img {
  width: 100%;
}

.uploadifive-button {

    margin-right: 10px;
}
.queue {
    overflow: auto;
    margin-bottom: 10px;
    padding: 0 3px 3px;
    width: 100%;
}

.header-btn:hover{
	text-decoration:none;
	color:#0058a2;
	background:#fff;	
}

.header-btn{
	margin: 12px;
	display:inline-block;
	padding:12px 30px;
	color:#fff;
	border: 1px solid #fff;
}

.topbar{
	 height: 70px;
}

.padding220{ padding-top:100px;}

.logo{
	padding-left: 30px;padding-top:35px;padding-bottom:35px;
}

@media screen and (max-width: 767px) {
	.topbar{	 height: 20px;}
	.dropdown-menu{min-width:260px;}
	.dropdown-menu > li > a {
		white-space: normal;
	}
	
	.dropdown-menu-center {
    		position:absolute;
    		top: 0px;
	}
	
	.logo{
		text-align: center;
	}
	
	.collapse.show {
    		display: block;
	}
	.padding220{ padding-top:110px;}
	.logo{	padding-left: 10px;padding-top:20px;padding-bottom:5px;}
	.circular--portrait {
		  width: 80px;
		  height: 80px;
	 }	
	 
	 .circular--landscape {
		  width: 80px;
		  height: 80px;
		}

    .login-container {
       right: 25px !important;
    }
}

.ui-datepicker td{
	background-color:transparent;
}
.ui-datepicker .ui-datepicker-title{
	background-color:transparent;
}
.ui-datepicker th{
	background-color:transparent;
}

.panel
{
   border:none !important;
}

  html, body {
      margin: 0;
      padding: 0;
      height: 100%;
      background: url('../img/bg2.jpg') no-repeat center center fixed;
      background-size: cover;
      font-family: Arial, sans-serif;
      color: white;
    }

    .top-header {
      background-color: #fff;
      border-bottom: 1px solid #ccc;
      padding: 10px 10px;
    }

    .top-header img {
      max-height: 50px;
    }

    .top-header .pull-right {
      margin-top: 5px;
    }

    .promo-text {
      position: absolute;
      top: 180px;
      width: 100%;
      text-align: center;
      font-size: 180%;
      font-weight: bold;
      color: #fff;
      text-shadow: 1px 1px 4px #000;
    }

     .info-text {
      position: absolute;
      right: 0px;
      top: 83%;
      color:#fff;
      text-align: justify;
      transform: translateY(-40%);
      max-width: 600px;
      padding:20px;
    }

    .login-container {
      position: absolute;
      right: 150px;
      top: 50%;
      transform: translateY(-40%);
      background-color: #123747;
      padding: 25px 30px;
      border: 3px solid white;
      border-radius: 5px;
      width: 400px;
    }

    .login-container label {
      color: #ffffff;
      font-weight: bold;
      margin-top: 10px;
    }

    .form-control {
      margin-bottom: 10px;
    }

    .btn-login {
      background-color: #738a94;
      border: none;
      color: white;
      padding: 10px;
      height: 45px;
      width: 100%;
    }

    .input-group-addon {
      cursor: pointer;
    }

     .content {
            padding: 50px;
            padding-top: 100px;
            background: rgba(0, 0, 0, 0.5); /* optional: semi-transparent layer */
            max-width: 900px;
            margin: auto;
        }

    .allOpenHours{
      max-width: 450px;
      border: 1px solid;
      padding: 10px;
      margin:auto !important;
    }