/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button */
.btn-default,
.btn-default:hover,
.btn-default:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritence from `body` */
  background-color: #fff;
  border: 1px solid #fff;
}


/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #333;
}
body {
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0,0,0,.5);
}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
          box-shadow: inset 0 0 100px rgba(0,0,0,.5);
}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}
.cover-container {
  margin-right: auto;
  margin-left: auto;
}

/* Padding for spacing */
.inner {
  padding: 30px;
}


/*
 * Header
 */
.masthead-brand {
  margin-top: 10px;
  margin-bottom: 10px;
}

.masthead-nav > li {
  display: inline-block;
}
.masthead-nav > li + li {
  margin-left: 20px;
}
.masthead-nav > li > a {
  padding-right: 0;
  padding-left: 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff; /* IE8 proofing */
  color: rgba(255,255,255,.75);
  border-bottom: 2px solid transparent;
}
.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
  background-color: transparent;
  border-bottom-color: #a9a9a9;
  border-bottom-color: rgba(255,255,255,.25);
}
.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
  color: #fff;
  border-bottom-color: #fff;
}

@media (min-width: 768px) {
  .masthead-brand {
    float: left;
  }
  .masthead-nav {
    float: right;
  }
}


/*
 * Cover
 */

.cover {
  padding: 0 20px;
}
.cover .btn-lg {
  padding: 10px 20px;
  font-weight: bold;
}


/*
 * Footer
 */

.mastfoot {
  color: #999; /* IE8 proofing */
  color: rgba(255,255,255,.5);
}


/*
 * Affix and center
 */

@media (min-width: 768px) {
  /* Pull out the header and footer
  .masthead {
    position: fixed;
    top: 0;
  }
  .mastfoot {
    position: fixed;
    bottom: 0;
  }*/
  /* Start the vertical centering */
  .site-wrapper-inner {
    vertical-align: middle;
  }
  /* Handle the widths */
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%; /* Must be percentage or pixels for horizontal alignment */
  }
}

@media (min-width: 992px) {
  .masthead,
  .mastfoot,
  .cover-container {
    width: 700px;
  }
}

.sidebar {background-color: #222; border-right: 1px solid #555; text-align: left;}
.nav > li > a:focus, .nav > li > a:hover{background-color: #000;}
#navbar li.languages a {float:left; padding-left: 2px; padding-right: 2px;}

/* modal dialogs */
.modal-dialog label {color: #555; text-shadow: none;}
.modal-dialog .btn-default {background: #bbb; color: #fff;}
.modal-dialog .modal-header {
  background-color:#428bca;
  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}


/* general */
a {text-transform: capitalize;}
u {text-decoration:none;}
label {padding-top: 10px;}
.form label {display: block; width: 100%; text-align: left;}
.form input[type=checkbox] {width: auto;}
.form input[type=number] {text-align:right;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #ccc;
}
.form label>span.required {padding: 2px; color: #f55;}
.form {visibility: hiddenX;}
input {margin:0 !important;}
hr {border-color: #555; }
button {margin-top: 10px;}
.modal-body {overflow: auto;}
.row.placeholders a {text-decoration:none;}
.table-striped {text-align: left;}
.table-striped > thead > tr {background-color: #428bca;}
.table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #222;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 1px solid #555;
}
.table > thead > tr > th {border-bottom: 1px solid #ddd;}
.sidebar ul:first-of-type li {border-top:1px solid #555;}
.sidebar ul:first-of-type li:nth-child(2) {border-width: 0;}
.page-header { text-transform: capitalize; border-bottom: 1px solid #555;}

/* icons */
.ico {
  display: inline;
  width: auto;
  height: auto;
  line-height: inherit;
  vertical-align: baseline;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  float: left;
  margin-right: 5px;
}
.ico:before {
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
}
.row.placeholders i.ico {font-size: 500%;display:block;float:none;} 
.sidebar i.ico {display: inline-block; width: 30px;}
i.ico.bullet:before {content:"\2022";}
i.ico.folder:before {font-family: FontAwesome;content: "\f07b"; font-size: 75%; margin-left: 10px;width: 20px;}
i.ico.file:before {font-family: FontAwesome;content: "\f016"; font-size: 75%; margin-left: 10px;width: 20px;} 
.search i.ico:before {font-family: FontAwesome;content: "\f002"; font-size: 75%; margin-left: 10px;width: 20px;}
.create i.ico:before {font-family: FontAwesome;content: "\f067"; font-size: 75%; margin-left: 10px;width: 20px;}

table .ico {background-color: #fff; color: #428bca; text-shadow: none; text-align: center; padding: 0px 3px; border-radius: 3px; /*display: inline-block; width: 20px; height: 20px; border-radius: 10px;*/}
table th .ico {background-color: #428bca; color: #fff;}
table .lookup .ico:before {font-family: FontAwesome; content: "\f06e"; }
table .options .ico:before {font-family: FontAwesome; content: "\f085"; }
table .edit .ico:before {font-family: FontAwesome; content: "\f040"; }
table .delete .ico:before {font-family: FontAwesome; content: "\f1f8"; }

.dashboard .ico:before {font-family: FontAwesome; content: "\f015";}
.control .ico:before {font-family: "foundation-icons";content: "\f129";}
.orders .ico:before {font-family: "foundation-icons";content: "\f1a6";}
.items .ico:before {font-family: "foundation-icons";font-family: FontAwesome; content: "\f1b3";}
.customers .ico:before {font-family: "foundation-icons";content: "\f200";}
.log .ico:before {font-family: FontAwesome; content: "\f080";}
.history .ico:before {font-family: FontAwesome; content: "\f080";}
.system .ico:before {font-family: "foundation-icons";content: "\f179";}

.help .ico:before {font-family: FontAwesome;  content: "\f059";}
.about .ico:before {font-family: "foundation-icons";content: "\f15e";}
.signout .ico:before {font-family: "foundation-icons";content: "\f19b";}

/* logo */
.sidebar .logo {text-align: center; display: block; width: 90px; height: 90px; background-color: #428bca; border-radius: 45px; margin: 0 auto; padding-top: 10px; margin-bottom: 10px;}
.sidebar .logo i {display:block; width: 80px; font-size: 300%;  margin: 0 auto;}

/* selectize-dropdown-content */
.selectize-dropdown-content * {text-align: left; color: #555; font-size: 100%;}
.selectize-dropdown-content>div>.value {display: inline-block; width: 20%;}
.selectize-dropdown-content>div>.label {display: inline-block; width: 75%;}

.popup .logo, .cover .logo {text-align: center; font-size: 300%;}
.popup .logo span, .cover .logo span {font-weight: bolder;}
.popup .logo i, .cover .logo i {display:block; width: 80px; font-size: 200%;  margin: 0 auto;}

.alert>u {font-weight: bolder; margin-right: 10px;}
s {text-decoration: none;}