/*
 * Base structure
 */

 @import url('https://fonts.googleapis.com/css?family=Titillium+Web:300, 400, 600, 700');

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
  font-family: 'Titillium Web' !important;
}

/*
 * Global add-ons
 */

.container-fluid{
  background-color: #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
}
.logo {
  width: 152px;
  height: 55px;
  background-image: url(../logo-admin.png);
  background-size: 100% 90%;
  background-repeat: no-repeat;
}
.logo-login {
  width: 300px;
  height: 183px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
  color: #58585b;
}


.labelTamImg{
	float:right; color:#d9534f;
}

.labelDimImg{
	float:right;
  color:orange;
  font-size: 12px;
}

#navbar {
  background: #eee;
  border-bottom: solid 1px #e1e1e1;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin: 7px 0 0 15px;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #58585b;
    border-right: 1px solid #eee;
    letter-spacing: 2px;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
  background-color: #58585b;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
  color: #fff;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #f47920;
}

.sidebar ul.nav a:hover,
.sidebar ul.nav li.parent ul li a:hover {
  text-decoration: none;
  background-color: #7D7E81;
}

/*
 * Main content
 */

.main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 20px;
  color: #58585b;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}

/*LOGIN*/

.panel {
   border: 2px solid black;
}
.panel-heading {
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.075em;
  height: 66px;
  line-height: 45px;
  text-align: center;
}
.panel-default .panel-heading {
  background: #fff;
  border-bottom: 1px solid #eee;
  color: #5f6468;
}
.panel-body input[type=checkbox]:checked + label {
  text-decoration: line-through;
  color: #777;
}

.form-control {
  border: 1px solid #eee;
  box-shadow: none;
}

.form-control:focus {
  border: 1px solid #7D7E81;
  outline: 0;
  box-shadow: inset 0px 0px 0px 1px #7D7E81;
}

.login-btn {
  width:100%;
  background-color: #999;
  border: none;
  letter-spacing: 0.1em;
}
.login-btn:hover {
  background-color: #7D7E81;
}

/*Edit and Save Buttons*/
.edit-save {
  float: right;
  margin-right: 10px;
}


.delete-btn {
  color: white;
  border: 1px solid #58585b;
  background-color: #58585b;
  padding: 3px 15px 3px 3px;
}
.delete-btn:hover {
  color: white;
  background-color: #DE2E41;
  border: 1px solid #DE2E41;
}
.delete-btn:focus {
  background-color: #fff;
  color: #DE2E41;
  outline: 0;
}

.send-btn {
  border: none;
  color: white;
  background-color: #f47920;
  border: 1px solid #f47920;
  padding: 3px 20px 3px 8px;
}
.send-btn:hover {
  background-color: #00b;
  color: #fff;
  border: 1px solid #00b;
}
.send-btn:focus {
  background-color: #f47920;
  color: white;
  outline: 0;
  border: 1px solid #f47920;
}

#trashIcon {
  position: relative;
  z-index: 1;
  left: -17px;
  top: 0;
  color: #fff;
  cursor: pointer;
  width: 0;
}
.icon-trash{
  position: relative;
  z-index: 1;
  left: -17px;
  top: 0;
  color: #fff;
  cursor: pointer;
  width: 0;
}
#saveIcon {
  position: relative;
  z-index: 1;
  left: -20px;
  top: 0;
  color: #fff;
  cursor: pointer;
  width: 0;
}

#sendIcon {
  position: relative;
  z-index: 100;
  left: -20px;
  top: 1;
  color: #fff;
  cursor: pointer;
  width: 0;
}

.textarea {
    width: 40%;
    height: 70px;
    padding: 5px;
    border-radius: 4px;
    border-color: #ccc;
    background-color: #fff;
}
.textarea-description {
    width: 78.5%;
    height: 70px;
    padding: 5px;
    border-radius: 4px;
    border-color: #ccc;
    background-color: #fff;

}
.text-field{
  overflow: none;
  text-decoration: none;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 4px 2px;
}

#headline-gastro{
    width: 100%;
}

.file-input input {
  margin: 10px 10px 10px 0 !important;
}

.thumb{
    display: inline-block;
    /*border: 1px solid #c1c1c1;*/
    margin-bottom: 1%;
    margin-right: 1%;
    padding: 0;
    margin-left: 1%;

}

.insert{
    display: inline-block;
    border: 6px solid #c1c1c1;
    margin-bottom: 1%;
    margin-right: 1%;
    padding: 0;
    margin-left: 1%;

}

.thumb img{
    width: 280px;
    height: auto;
    margin: 0;
    text-align: center;

}

#imgServico  {
    width: 120px !important;
    height: 140px !important;
    margin: 20px ;
    padding: 10px;
    text-align: center;
}



.thumb .fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px 0 10px 0;
}
.thumb .fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.insert .fileUpload input.insert {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.btn{}

.btn .btnSave{
  background-color:#f47920;
  color: #ffffff

}


.btn-warning {
    background: #f47920;
    color: #ffffff;
    margin:0 auto;
    text-align: center;


}

.btn .btn-save {
  border: none;
  color: white;
  background-color: #f47920;
  border: 1px solid #f47920;
  padding: 3px 20px 3px 5px;
}
.btn .btn-save:hover {
  background-color: #02AB23;
  color: #fff;
  border: 1px solid #02AB23;
}
.btn .btn-save:focus {
  background-color: #f47920;
  color: white;
  outline: 0;
  border: 1px solid #f47920;
}

input[id="delete"] {
    font-family: FontAwesome;
    margin-left: 1%;
}
input[id="update"] {
    font-family: FontAwesome;
}

.thumb select {
    width:130px;
    height: 35px;
    margin-left: 12%;
}

.bold{
  font-weight: 800;
  font-size: 1.5em;

}

.labels-destaques {
  font-size:16px;
  color:#58585b;
  font-weight:400;
  margin: 10px 0;
}