/*/////////////////////////////////////////////////////////////////////
 // 
 // Custom theme code styles
 // Written by Themelize.me (http://themelize.me)
 // 
 // This is an empty starter template for overriding styles
 // set by Bootstrap & the theme
 // 
 // ----------------------------------------------------
 // 
 // Remove unused code for better performances
 // 
 // ----------------------------------------------------
 // 
 // @see - Usefuls tools online for editing
 // 1. http://charliepark.org/bootstrap_buttons/ - Button style generator
 // 2. http://www.colorzilla.com/gradient-editor/ - CSS3 gradient maker
 // 
 // @note
 // To ensure custom styles are picked up
 // wrap definitions in body tag
 // ie.
 // body .navbar-inner {
 //   background: #ff0000;
 // }
 // 
 /////////////////////////////////////////////////////////////////////*/
/*
 * --------------------------------------------------
 * 1. General Elements
 *--------------------------------------------------
 */
#navigation {
  /* 1. Navigation wrapper */
}
#highlighted {
  /* 2. Highlighted (below header) wrapper */
}
#content {
  /* 3. Content wrapper */
}
#content-below {
  /* 4. Content Below wrapper */
}
#footer {
  /* 5. Footer wrapper */
}
/*
 * --------------------------------------------------
 * 2. Colours
 *-------------------------------------------------- 
 */
/*
 * --------------------------------------------------
 * 3. Responsiveness/media queries
 *--------------------------------------------------
 */
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
@media (min-width: 768px) {
  /* Small devices (tablets, 768px and up) */
}
@media (min-width: 992px) {
  /* Medium devices (desktops, 992px and up) */
}
@media (min-width: 1200px) {
  /* Large devices (large desktops, 1200px and up) */
}
/* Navbar collapse */
/*
 * --------------------------------------------------
 * 4. Misc
 * Other stuff
 *--------------------------------------------------
 */
/* Widget */
.widget 
{
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  margin-top: 10px;
  margin-bottom: 20px; 
  background: #fafafa url('../img/cream.png') repeat;
}

.widget p{
  margin: 3px 0px 5px 0px !important;
  line-height: 20px;
}

.widget hr{
  margin: 8px 0px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #fff;
}

.widget .table *{
  border-color:#e8e8e8;
}

.widget .table.table-bordered{
  margin-bottom:0px;
  border:0px;
}

.widget .table.table-bordered tr th{
  border-top:0px;
  border-left:0px;
}

.widget .table.table-bordered tr th:last-child{
  border-right:0px;
}

.widget .table.table-bordered tr:first-child td{
  border-top:0px;
}

.widget .table.table-bordered tr:last-child td{
  border-bottom:0px;
}

.widget .table.table-bordered td{
  border-right:1px solid #ddd;
}

.widget .table.table-bordered tr td:first-child{
  border-left:0px;
}

.widget .table.table-bordered td:last-child{
  border-right:0px;
}

.widget.wblack{
  background: #fafafa url('../img/black.png') repeat;
  color: #ddd;
  border: 1px solid #222;
}

.widget.wblack hr{
  border-top: 1px solid #444;
  border-bottom: 1px solid #222;
}

.widget.wblack a{
  color: #aaa;
}

.widget.wblack a:hover{
  color: #888;
}

.widget .padd, .modal-body{
  padding: 13px 15px;
}

.widget .widget-head,.modal-header{
  background-color: #B73131;
  background: -webkit-gradient(linear, left top, left bottom, #C76262);
  background: -webkit-linear-gradient(top, #A53E3E, #C76262);
  background: -moz-linear-gradient(top, #A53E3E, #C76262);
  background: -ms-linear-gradient(top, #A53E3E, #C76262);
  background: -o-linear-gradient(top, #A53E3E, #C76262);
  background: linear-gradient(top, #A53E3E, #C76262);
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  text-shadow:0px 1px #fff;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #fff;
  color: #f3f3f3;
  font-size: 13px;
  padding: 8px 15px;
}

.widget.wblack .widget-head{
  background-color: #333;
  background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
  background: -webkit-linear-gradient(top, #333, #111);
  background: -moz-linear-gradient(top, #333, #111);
  background: -ms-linear-gradient(top, #333, #111);
  background: -o-linear-gradient(top, #333, #111);
  background: linear-gradient(top, #333, #111);
  text-shadow:0px 1px #000;
  border-bottom: 1px solid #555;
  border-top: 1px solid #666;
  box-shadow: inset 0px 1px 1px #444;
  color: #ccc;
}

.widget .widget-head .widget-icons i{
  font-size: 14px;
  margin: 0px 4px;
}

.widget .widget-head .widget-icons a{
  color: #aaa;
}

.widget .widget-head .widget-icons a:hover{
  color: #999;
}

.widget.wblack .widget-head .widget-icons i{
  font-size: 14px;
  margin: 0px 4px;
}

.widget .widget-foot, .modal-footer{
  background-color: #f8f8f8;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f2f2f2));
  background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);
  background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);
  background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);
  background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);
  background: linear-gradient(top, #f8f8f8, #f2f2f2);	
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  text-shadow:0px 1px #fff;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #ccc;
  padding: 8px 15px;
  font-size: 12px;
  color: #555;
  box-shadow: inset 0px 1px 1px #fff;
}

.widget.wblack .widget-foot{
  background-color: #111;
  background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#111));
  background: -webkit-linear-gradient(top, #222, #111);
  background: -moz-linear-gradient(top, #222, #111);
  background: -ms-linear-gradient(top, #222, #111);
  background: -o-linear-gradient(top, #222, #111);
  background: linear-gradient(top, #222, #111);
  text-shadow:0px 1px #000;
  border-bottom: 1px solid #000;
  border-top: 1px solid #222;
  color: #aaa;
  box-shadow: inset 0px 1px 1px #444;
}

/* Widget white extras */

.widget .nav-tabs > li a {
  padding: 5px 10px;
}

.widget .nav-tabs {
  margin-bottom: 5px;
}

.widget .tab-content{
  margin-bottom: 10px;
}

/* Widget black extras */

.widget.wblack .btn-inverse{
  border: 1px solid #212121;
}

.widget.wblack a.btn-primary, .widget.wblack a.btn-primary:hover, 
.widget.wblack a.btn-warning, .widget.wblack a.btn-warning:hover,
.widget.wblack a.btn-danger,  .widget.wblack a.btn-danger:hover,
.widget.wblack a.btn-success, .widget.wblack a.btn-success:hover,
.widget.wblack a.btn-info,  .widget.wblack a.btn-info:hover,
.widget.wblack a.btn-inverse, .widget.wblack a.btn-inverse:hover{
  color: #fff;
}

.widget.wblack .form-actions{
  border-radius: 5px;
  background-color: #111;
  background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#111));
  background: -webkit-linear-gradient(top, #222, #111);
  background: -moz-linear-gradient(top, #222, #111);
  background: -ms-linear-gradient(top, #222, #111);
  background: -o-linear-gradient(top, #222, #111);
  background: linear-gradient(top, #222, #111);
  border: 1px solid #111;
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.1);
}

.widget.wblack h2,
.widget.wblack h3,
.widget.wblack h4,
.widget.wblack h5,
.widget.wblack h6{
  color: #ddd;
}

.widget.wblack blockquote{
  border-left: 3px solid #555;
}

.widget.wblack .pagination ul > li > a, .widget.wblack .pagination ul > li > span {
  background-color: #111;
  background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#111));
  background: -webkit-linear-gradient(top, #222, #111);
  background: -moz-linear-gradient(top, #222, #111);
  background: -ms-linear-gradient(top, #222, #111);
  background: -o-linear-gradient(top, #222, #111);
  background: linear-gradient(top, #222, #111);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.1);
  border: 1px solid #161616;
}

.widget.wblack .pagination ul > li > a:hover{
  background: #222;
}

.widget.wblack .table td{
  border-top: 1px solid #222;
}

.widget.wblack .table tr:hover{
  background: rgba(255,255,255,0.1);
}

.widget.wblack .nav-tabs > .active > a, .widget.wblack .nav-tabs > .active > a:hover {
  background: #222;
}

.widget.wblack .nav-tabs {
  margin-bottom: 5px;
  border-bottom: 1px solid #222;
}

.widget.wblack .nav-tabs > li a {
  padding: 5px 10px;
  background-color: #111;
  background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#111));
  background: -webkit-linear-gradient(top, #222, #111);
  background: -moz-linear-gradient(top, #222, #111);
  background: -ms-linear-gradient(top, #222, #111);
  background: -o-linear-gradient(top, #222, #111);
  background: linear-gradient(top, #222, #111);
  border: 1px solid #222;
  border-bottom: 0px;
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.1);
  color: #ccc;
  font-weight: bold;
  margin-right: 5px; 
}

.widget.wblack .nav-tabs > li a:hover {
  background: #222; 
}

.widget.wblack .nav-tabs > li.active {
  border-bottom: 0px; 
}

.widget.wblack .nav-tabs > li.active a {
  color: #fff;
  background: #333 url('../img/back.png');
  border-bottom: 0px;
}

.widget.wblack .nav-tabs > li.active a:hover {
  background: #333 url('../img/back.png');            
  border-bottom: 0px; 
}

.widget.wblack .tab-content{
  margin-bottom: 10px;
}

/* Widget-Content */
.widget-content .error .form-inline button{
  margin-left:-2px;
  padding:8px 12px;
}
.widget-content .form-inline button {
  margin-left: 0px;
  padding:7px 12px;
}
.widget-content ol#slist{
  padding:0px;
}

/* Data tables */
.page-tables .dataTable{
  margin-bottom: 20px;
}

.page-tables .dataTables_length{
  margin-top:5px;
  margin-bottom:5px;
  font-size:12px;
  font-weight:normal;
}

.page-tables .dataTables_length select{
  border-color: #ddd;
  border-radius: 2px;
}

.page-tables .dataTables_filter{
  margin-top:5px;
  margin-bottom:5px;
  font-size:12px;
  font-weight:normal;
}

.page-tables .dataTables_filter input{
  border-radius:3px;
  border:1px solid #ddd;
  padding:3px;
  line-height:12px;
}

.page-tables .dataTable{
  border:1px solid #ddd !important;
}

table.dataTable thead .sorting {
  background: url("../img/data-tables/sort_both.png") no-repeat center right;
}

table.dataTable thead .sorting_asc {
  background: url("../img/data-tables/sort_asc.png") no-repeat center right;
}

table.dataTable thead .sorting_desc {
  background: url("../img/data-tables/sort_desc.png") no-repeat center right;
}

table.dataTable thead .sorting_asc_disabled {
  background: url("../img/data-tables/sort_asc_disabled.png") no-repeat center right;
}

table.dataTable thead .sorting_desc_disabled {
  background: url("../images/sort_desc_disabled.png") no-repeat center right;
}

.page-tables table.dataTable thead th{
  padding:7px 10px;
  font-weight:normal;
  border-bottom:0px !important;
}

.page-tables table.dataTable tfoot th{
  border-top:1px solid #ddd !important;
  padding:7px 10px;
  font-weight:normal;
  background:#fff !important;
}

.page-tables table.dataTable td{
  background:#fcfcfc;
  border-top:1px solid #ddd;
}

.page-tables .dataTables_info{
  margin-bottom:20px;
}

.page-tables .dataTables_paginate{
  margin-bottom:20px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333333 !important;
  background-color: #f8f8f8 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: pointer;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #333 !important;
  background-color: #f8f8f8 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #f8f8f8 !important;
}

.paging_full_numbers {
  height: 22px;
  line-height: 22px;
}

.page-tables .dataTables_paginate a{
  background:#fff !important;
  border:1px solid #ddd !important;
  border-radius:2px !important;
  margin-right:2px !important;
  padding: 1px 10px !important;
  color: #aaa;
}

/* fix for bootstrap dropdown not working on mobile devices */
.dropdown-backdrop
{
  position: static;
}

/***
General backgrounds. Can be applied to any block or panel
***/

.bg-blue {
  background-image: none !important;
  background-color: #4b8df8 !important;
  color: #fff !important;
}

.bg-red {
  background-image: none !important;
  background-color: #e02222 !important;
  color: #fff !important;
}

.bg-yellow {
  background-image: none !important;
  background-color: #ffb848 !important;
  color: #fff !important;
}

.bg-green {
  background-image: none !important;
  background-color: #35aa47 !important;
  color: #fff !important;
}

.bg-purple {
  background-image: none !important;
  background-color: #852b99 !important;
  color: #fff !important;
}

.bg-dark {
  background-image: none !important;
  background-color: #555555 !important;
  color: #fff !important;
}

.be-grey {
  background-image: none !important;
  background-color: #fafafa !important;
  /* border-color: #fafafa !important; */
}

/***
upload file button
***/

.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.fileinput-button input[type=file]  {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: inherit;
}

.datepicker table {
  background-color: #eeeeee !important;
}

/*
#field{margin-left:.5em;float:left;}
#field,label{float:left;font-family:Arial,Helvetica,sans-serif;font-size:small;}
br{clear:both;}
input{border:1px solid black;margin-bottom:.5em;}
Validate
*/
input.error {
  border:1px solid red;
}
label.error { 
  background:url('../img/unchecked.gif') no-repeat;
  padding-left:16px;
  margin-left:.3em;
}

label.valid { 
  background:url('../img/checked.gif') no-repeat;
  display:block;
  width:16px;
  height:16px;
}