/* Body and structure
-------------------------------------------------- */

body {
  /*position: relative;*/
  padding-top: 80px;
  background: #fff url("/img/debut_light.png");
}

table, .pagination > ul {
  background: #fff;
}

a {
   outline: 0 !important;
}

/* Infobar 
-------------------------------------------------- */
.infobar {
  position:fixed;
  bottom:0px;
  left:0px;
  right:0px;
  background:#eee;
  padding:20px;
  border-top:1px solid #ccc;
  z-index:40;
}

/* Kravbrev 
--------------------------------------------------*/



.kravbrev-text {
  display:block;
  width:90%;
  padding:10px;
  height:200px;
  margin-top:20px;
}

.kravbrev {
  background:#fff;
  padding:20px;
  border:1px solid #ccc;
}




/* Tweak navbar brand link to be super sleek
-------------------------------------------------- */

body > .navbar {
  font-size: 13px;
  z-index: 99999999;
  box-shadow: 0 1px 2px #999;
}

.navbar-inner {
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#428bc3', endColorstr='#216396', GradientType=0);
  background: #216396;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#428bc3), to(#216396));
  background: -webkit-linear-gradient(#428bc3, #216396);
  background: -moz-linear-gradient(#428bc3, #216396);
  background: -ms-linear-gradient(#428bc3, #216396);
  background: -o-linear-gradient(#428bc3, #216396);
  background: linear-gradient(#428bc3, #216396);*/

  background-color: #00a957;
  background-image: url("/img/linen.png");
  border: 4px dashed #007f41;
}

body > .navbar .brand {
  color: #fff;
  font-family: 'Droid Serif',arial,serif;
  text-shadow: 0 -1px 0 #216396;
}
.navbar .nav > li > a {
  color: #fff;
  text-shadow: 0 -1px 0 #216396;
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
  color: #fff;
  text-shadow: 0 -1px 0 #216396;
}
.navbar .nav > li > a:hover { 
  /*background: #216396;*/
  background: #007f41 url("/img/linen.png"); 
}
.navbar .divider-vertical {
   /*border-right: 1px solid #428bc3;
   border-left: 1px solid #216396;*/
  
  border-right: 1px solid #00a957;
  border-left: 1px solid #007f41;

}

.navbar .nav li.dropdown.open > .dropdown-toggle, 
.navbar .nav li.dropdown.active > .dropdown-toggle, 
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  color: #fff;
  text-shadow: 0 -1px 0 #216396;
  /*background: #216396;*/
  background: #007f41 url("/img/linen.png");

}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
  background: #007f41;
}
.navbar .nav .caret {
  border-top-color: #fdfdfd !important;
  border-bottom-color: #fdfdfd !important;
}
/* Change the docs' brand */
/*body > .navbar .brand {
  padding-right: 0;
  padding-left: 0;
  margin-left: 20px;
  float: right;
  font-weight: bold;
  color: #000;
  text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125);
  -webkit-transition: all .2s linear;
     -moz-transition: all .2s linear;
          transition: all .2s linear;
}
body > .navbar .brand:hover {
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.4);
}*/


/* Sections
-------------------------------------------------- */

/* padding for in-page bookmarks and fixed navbar */
section {
  padding-top: 30px;
}
section > .page-header,
section > .lead {
  color: #5a5a5a;
}
section > ul li {
  margin-bottom: 5px;
}

/* Separators (hr) */
.bs-docs-separator {
  margin: 40px 0 39px;
}

/* Faded out hr */
hr.soften {
  height: 1px;
  margin: 70px 0;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  border: 0;
}

.well {
  background: rgba(129, 178, 215, 0.2);
  /*color: #fff;
  text-shadow:0 -1px 0px #444;
  background-color: rgba(0, 169, 87, 0.7);
  background-image: url("/img/linen.png");
  border: 1px dashed #007f41;*/

}

.pagination a:hover, .pagination .active a, .pagination .active span {
  color: #fff;
  text-shadow: 0 -1px 0 #216396;
  background: #428bc3;
}

/* Tables 
-------------------------------------------------- */
#main-container > .alert {
  display: none;
}
div.notifications > div.alert {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
}

/* Tables 
-------------------------------------------------- */
.editable {cursor: pointer;}
h3.table-header {
	font-size: 14px;
	margin: 30px 0 0 0;
	padding: 5px 10px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;

  background: #fdfdfd;
  background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#fdfdfd), to(#eaeaea));
  background-image: -webkit-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
  background-image: -moz-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
  background-image: -ms-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
  background-image: -o-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
  background-image: -linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
  /*border-bottom: 1px solid #CDCDCD;*/

}
.table-header .model-count{margin-left:13px; font-size: 11px;}
.table-header .form-search { margin: 0; }
.table-bordered {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}
.table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child {
	border-top-left-radius: 0px;
}

.table-header .btn-group{float:right; margin-right: 30px;}
.table-header .form-search {float:right;margin-right: 10px;}

.table th, .table td {
  font-size: 12px;
}

.table td .icon-comment {float:right;cursor: pointer;opacity: 0.5;}
.table td .icon-comment:hover {opacity: 1;}

th.sortable { cursor:pointer; }
th.sortable.active {background: rgb(230, 240, 247)}
th.sortable:hover, th.sortable.active:hover { background: rgba(230, 240, 247, 0.7) }

/* Modals 
-------------------------------------------------- */
#load-modal-content form { margin:20px 0 0 0; }

#load-modal-content .form-body {max-height: 400px; overflow-y:scroll;}


/* Alerts 
-------------------------------------------------- */
#main-container { position: relative; }
/*div.alert {
	position: absolute;
	max-width: 300px;
	top: 10px;
	right: 10px;
	box-shadow: 2px 0px 6px #999;
	opacity:0.8;
}*/

/* FORMS
---------------------------------------------------*/
hr {margin: 10px 0;}
.form-horizontal .control-group {margin-bottom: 10px;}

input.hidden{display:none;margin: 0;padding:0;}
.modal form {
  margin-bottom: 0;
}

/* DIALOGS
---------------------------------------------------*/
.ui-dialog {
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  padding: 0;
}

.ui-dialog .ui-dialog-titlebar {
  background-color: #f7f7f7;
  line-height: 18px;
}

.ui-dialog .ui-dialog-title {
  padding: 4px 0;
  margin:0px;
  font-size: 14px;
  font-weight: normal;
}
.ui-dialog .ui-dialog-content {
  padding: 2px;
}




/* Search form 
-------------------------------------------------- */
form.ajax-filter {
  margin-bottom: 0px;
  padding:5px 10px;
}
form.ajax-filter .control-group {
  display: inline-block;
  margin-bottom: 0px;
}

form.ajax-filter .btn-primary {
  margin-bottom: 10px;
}

form.ajax-filter input[type="checkbox"] {
  margin-top: -3px;
  margin-right: 6px;
  line-height: normal;
}

#Mating_result_reportsIndexForm {
  padding-top: 10px;
}

#Mating_result_reportsIndexForm .btn-primary {
  margin-bottom: 0px;
}

#Mating_result_reportsIndexForm label {
  line-height: 13px;
}

/* Buttons
----------------------------------------------------*/
.btn-primary {
  background-color: hsl(205, 53%, 39%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#579bcb", endColorstr="#2e6c98");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#579bcb), to(#2e6c98));
  background-image: -moz-linear-gradient(top, #579bcb, #2e6c98);
  background-image: -ms-linear-gradient(top, #579bcb, #2e6c98);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #579bcb), color-stop(100%, #2e6c98));
  background-image: -webkit-linear-gradient(top, #579bcb, #2e6c98);
  background-image: -o-linear-gradient(top, #579bcb, #2e6c98);
  background-image: linear-gradient(#579bcb, #2e6c98);
  border-color: #2e6c98 #2e6c98 hsl(205, 53%, 34.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.29);
  -webkit-font-smoothing: antialiased;
}

.currency-calc {
  margin-left:10px;cursor:pointer;
}


/* Large desktop */
@media (min-width: 1200px) {

}

/* Portrait tablet to landscape and desktop */
@media (min-width:768px) and (max-width:979px) {
  body {
    /*padding-top: 0;*/
  }
}


/* Tablet
------------------------- */
@media (max-width: 768px) {
  /* Remove any padding from the body */
  body {
    /*padding-top: 0;*/
  }
}

/* Landscape phones
------------------------- */
@media (max-width: 480px) {
  /* Remove padding above jumbotron */
  body {
    /*padding-top: 0;*/
  }

}

table.cake-sql-log {
  font-size: 10px;
  line-height: 14px;
}


.datepicker table {
  max-width: 220px;
}

labels{
  position: relative;
  z-index: -1;
}

input {
  position: relative;
  z-index: 9;
}

input[type="checkbox"]{
  width:19px;
  height:19px;
  border:2px solid #CCC;
  background-color: #fff;
  cursor:pointer;
  -moz-transform: scale(1.5); /* FF */
}
@media(max-width:1000px){
  .nav-collapse {
    display: none;
  }
  .infobar {
    display: none;
  }
  .navbar .brand {
    float: none!important;
    margin-left: 8px;
    width: 100px;
  }
  .mob-menu {
    display: block!important;
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 4px;
    color: #fff;
    font-size: 1.4em;
    width:86px;
    height:30px;
    border: 1px solid #04c;
    padding: 4px 8px;
    border-radius: 4px;
    background-image: linear-gradient(#579bcb, #2e6c98);
    border-color: #2e6c98 #2e6c98 hsl(205, 53%, 34.5%);
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.29);
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */

      }

    #mob-dropdown {
      position: absolute;
      width: 97%;
      background-color: #189d5c;
      padding-right: 25px;
      margin-right: 25px;
      padding-top: 16px;
      max-height:330px;
      overflow-y:scroll;

    }
    #mob-dropdown a{
      color: #fff!important;
      background-image: linear-gradient(#579bcb, #2e6c98);
    border-color: #2e6c98 #2e6c98 hsl(205, 53%, 34.5%);
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.29);
    cursor: pointer;
    }
    #mob-dropdown ul li {
      list-style: none;
    }
    #mob-dropdown ul li a {
      background-color: #ccc;
      padding:6px;
      border-radius:6px;

      display: block;
      margin-bottom: 6px;
    }
    #mob-dropdown .expanded {
      display: none;
    }
    #mob-dropdown {
      display: none;
    }

    #mob-dropdown ul li ul li a {
       background-image: linear-gradient(#ccc, #666);
       border-color: #2e6c98 #2e6c98 hsl(205, 53%, 34.5%);
    }
      #mob-dropdown ul li ul li ul li a {
       background-image: linear-gradient(#ccc, #999);
       border-color: #2e6c98 #2e6c98 hsl(205, 53%, 34.5%);
    }
}
#mob-dropdown {
  display: none;
}
  .mob-menu  {
    display: none;
  }

.ui-autocomplete{
  z-index: 10000!important;
}
.control-label
{
    -webkit-pointer-events: none!important;
  -moz-pointer-events: none!important;
  pointer-events: none!important;
}
label
{
  
  -webkit-pointer-events: none!important;
  -moz-pointer-events: none!important;
  pointer-events: none!important;
  z-index:0;
  position: relative;
}
.control-group
{
/*    display: inline-block;
    -webkit-pointer-events: none!important;
  -moz-pointer-events: none!important;
  pointer-events: none!important;*/
}
input
{
    z-index: 100;
  position: relative;
}
input,select, textarea, option, textarea, input[type="checkbox"]  
{
-webkit-pointer-events: all!important;
  -moz-pointer-events: all!important;
  pointer-events: all!important;
   z-index: 100;
  position: relative;
}
.checkbox input[type="checkbox"] {
  -webkit-pointer-events: all!important;
  -moz-pointer-events: all!important;
  pointer-events: all!important;
   z-index: 100;
  position: relative;
  }
  .datepicker 
  {
    z-index: 9999999999999999999!important;
  }
  a.btn
  {

  font-weight: 300!important;
  }
  @media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}