/*!
Project Name: Wine Dine 99
URL: 
Author: Jay Pariha
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Fonts
# Variables
# Common
# Header
/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Work+Sans:400,600,700,800");
/*--------------------------------------------------------------
# Variables
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Common
--------------------------------------------------------------*/
@import url("responsive.css");
body {
  font-size: 16px;
  font-family: "Work Sans", sans-serif; }

a {
  color: #37A000; }

a:hover, a:focus {
  text-decoration: none;
  outline: none; }

strong, h1, h2, h3, h4, h5 {
  font-weight: 600; }

.light-bg {
  background-color: #FFFFFF; }

form label {
  font-weight: 500;
  font-size: 0.8em; }

.inverse-body {
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;

}
.login-box {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 8px;    
    position: relative;  
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    width: 60%;
    margin: 10% auto 0;
}
.form-control {
  padding: 10px 12px;
  border: 1px solid #EEE;
  border-radius: 30px;
  background: #f9f9f9;
  font-size: 0.9em;
}
.form-control:focus {
  background: #FFF;
}
.form-group {
  margin-bottom: 20px;
}
.btn-primary {
  background-image: linear-gradient(-135deg, #34a090, #1b74a0);
  padding: 0.875rem 1.85rem;
  border: none;
  padding: 14px 16px;
  font-weight: 600;
  transition: 0.3s all;
  color: #FFF;
  cursor: pointer;
  display: block;
  width: 100%;
  border-radius: 30px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 18px;
  margin-top: 40px;
 
 }
 .btn-primary:hover {
  background-image: linear-gradient(-135deg, #1b74a0, #1b74a0);
 }
.d-table {
  display: table;
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
}
.left-part {
  display: table-cell;
  vertical-align: middle;
  background:#FFF;
  border-right: 1px solid #DDD;
  padding: 80px;
  width: 50%;  
  text-align: center;
}
.right-part {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  padding: 60px;
  overflow: hidden;
}
header h4 {
  text-transform: uppercase;
  text-align: center;
  font-size: 1em;
  color: #777;
  margin-bottom: 40px;
}
.alert-danger {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}
.alert-success {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}
.alert {
    border: 1px solid transparent;
    border-radius: 0.25rem;
    margin-bottom: 1rem;
    padding: 0.75rem 1.25rem;
    position: relative;
    font-size: 0.8em;
}

body{ background: #f9f9f9 }
.side-panel, .head-panel{ background: #fff; padding: 15px }   
.side-panel{ position: fixed;left: 0; top: 0; height: 100%; border-right: 1px solid #EEE; z-index: 1; background: #f00 } 
img{ width: 50px !important }
#sidemenu{ width: 40px; height: 56px; line-height: normal; background: #fff; padding:10px !important;}
#sidemenu span{ display:block; height: 2px; margin: 5px auto; width: 100%;background: #3e3f5b; }
.body-panel{ position: relative; }
.head-panel{ border-bottom: 1px solid #EEE; }
.main-panel{ position: relative; }