body,html{background-color: white; min-height: 100%; font-family: Roboto, Helvetica, sans-serif;}

h1,h2,h5{color: #2D3F95; }
h3{ columns: #2D3F95; color: #2D3F95; text-transform: uppercase;}
h4{ columns: #2D3F95; color: #2D3F95;}
h2{font-size: 24px; }

a:active {
  color: #3F4042;
}

a.btn-link:active, .btn-link:focus {
  color: #3F4042 !important;
}

.alert-box { background: #9F9; position:absolute; border: solid 1px #3F3;  }
.alert-box h2 { font-size:.9em;line-height:14px; color:#111;padding:5px 14px 5px 14px;margin:0;}

.alert-box-error{ background: #F99; border: solid 1px #F33;   }

.margin-right-4 { margin-right: 4px; }

.datepicker{cursor: pointer;}

.call-line{
  display: flex;
}
.call-line > div{
  width: 50%;
}
.call-line-data{
  display: flex;background-image: url('/images/blacktop.svg');background-size: cover;width: 50%;font-size: .7em;padding-top: 3px;
}

.row-bordered:after {
  content: "";
  display: block;
  border-bottom: 1px solid #ccc;
  /*margin: 0 15px;*/
}
 a { color: black; }

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
  }

#estimate_results .error{
  padding:3px;border: solid 2px #F00;color:#C00; display:block;background:#eee;
}
#estimate_results .list{
  padding:3px;border: solid 1px #eee;color:#222; display:block;background:#eee;
}
#estimate_results .list div{
  border-bottom: solid 1px #eee;
}
.modal-body label.control-label{ color:#555; }

/* Datatables styles */
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
  color: #333 !important;
  border: 1px solid #979797;
  background-color: white;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  vertical-align: middle !important;
}

.paging_simple_numbers {
  text-align: right;
  margin-top: -35px;
}

.header-bg {
  /* background: url("../images/header.jpg") no-repeat center ; */
  background-size:cover;
}
.header-bg h1,
.header-bg h2,
.header-bg h3 { color:#CECECE; font-weight:bold; text-transform: uppercase;}
.header-bg h1{ padding-top:30px; font-size:3.5em; }

.header-bg-small {
 
}

.blue-back {
  background-color: #2D3F95;
  max-width: 1000px;
  margin: auto;
}

.gray-bg {
  background-color: #CECECE;
  padding: 0 6%;
}

.white-bg {
  background-color: #FFFFFF;
  margin: 0 30px;
  padding-top: 50px;
}

.footer-text-container {
  margin: 25px;
}

.footer-ripped {
  overflow: hidden;
}

.body-container {
  background-color: #efefef;
  color: #000;
  border-radius: 4px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 25px;
}

.adminnotesinfo{
  margin: 10px;
  background-color: #fff;
  border-radius: 8px;
  padding: 10px;
}

.bdcollapsed{
  max-height: 170px;
  overflow: hidden;
}

.toggletxt{
  font-size: .85em;
}

.expander{
  padding: 3px;
  margin-top: 10px;
  text-align: center;
  cursor: pointer;
}

.body-container .form-control {
  background-color: white;
}

.header-bg-small ul.nav > li > a{
  color:#000; 
  padding: 10px;
}
 .header-bg-small ul.nav > li > a:hover{color:darkblue; background-color:whitesmoke;} 

.sub-header-back {margin:0;
  height:402px;
  background: url("../images/sub-header-back.jpg") no-repeat center ; 
  background-size:cover; 
  padding-top:80px;
  color:#eee;
}

.sub-header-back h3{ font-size:2.5em;font-weight:bold; }
.sub-header-back .row {margin-top:12px;}

.navbar { margin-bottom: 0px; border: 0;}
.navbar-inverse {background-color: #fff; border:none !important; color: #000 !important; border-radius: 0;}
.navbar-toggle {border:none;}
.navbar-brand>img { margin-top: -25px; width: 350px;}
.navbar-inverse .navbar-nav>li>a { color: #000; }

.nav>li {
  font-size: 13px;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #333;
    border-color: #3097D1;
}
.nav .open>a, .nav .open>a:focus, .nav .dropdown:hover {
    background-color: whitesmoke;
    border-color: #3097D1;
}

.header-tagline {
  color:white;
  text-transform: uppercase;
  margin-top: 25px;
  max-width: 1000px;
  margin: 25px auto 0;
}

.wrapper-content-back{    
	width:1200px;
    /* background: url("../images/content-back-full.jpg") repeat-y center bottom ; */
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -2px; /* the bottom margin is the negative value of the footer's height */
 	  padding-top:20px;
 	  padding-bottom:20px;
    min-height:700px;
}

.wrapper {
  min-height: calc(100vh - 275px);
}

#img-sires-family{
  height:390px;width:390px;margin-right:45px;
  background: url("../images/sires_family.jpg") repeat-y center bottom ; 
}
.btn-dashboard-bulls {
   background: url("../images/bulls.jpg") center; 
}
.btn-dashboard-cust {
  background: url("../images/customers.jpg") center; 
}
.btn-dashboard-shipments {
  background: url("../images/ship.jpg") center;
}
.btn-dashboard-bucks {
  background: url("../images/bucks.jpg") center;
}
.btn-dashboard-dogs {
  background: url("../images/dogs.jpg") center;
}
.btn-dashboard-inventory {
  background: url("../images/inventory.jpg") center;
}
.btn-dashboard-rams {
  background: url("../images/rams.jpg") center;
}
.btn-dashboard-invoices {
  background: url("../images/invoices.jpg") center;
}

.footer-bg {
  background-color: #339BFF;
  background-size:cover;
}  

.footer img {
  margin-left: 0px;
  width: 2.2em;
}

.footer {
  position: static;
  bottom: 0;
}

.footer > div{ color:#000;font-size:1em; line-height: 1.3; margin-left: auto; margin-right: auto;}
.footer-heading { margin-bottom: 8px; font-size: 18px; color: white;}
.footer a{color:black;}

.container {max-width: 1000px; padding: 0;}
.nav-container { margin:auto;margin-left: 5%; }
.button-container {max-width: 150px; margin: auto !important;}
.report-page-container {color: #2D3F95; width: 90%; margin: 0 auto;}


.invoice-container {
  max-width:35%;
  margin:10px auto !important;
  color: #339BFF;
}

.myBull-container {
  width:55%;
  margin:10px auto !important;
  color: #339BFF;
}

#bull_details {
  padding: 10px;
  margin-bottom: 20px;
}

.home-container {
  color: #2D3F95;
  margin-top: 50px;
}

.login-container {
  background-color:#ededed;
  margin: 25px auto;
  border-radius: 4px;
  padding: 25px;
  height: 600px;
  max-width: 600px;
}
.login-container input{
  background-color: #fff;
}

.login

.narrow {max-width:600px; margin:auto; }

.bottom-padding {
  padding-bottom: 30px;
}

.panel{
  color:#339BFF;
  background-color:#ededed;
  margin-top: 22px;
  border: none;
  border-radius: 15px;
}
.panel-default>.panel-heading {
	color:#339BFF;
  background-color:#ededed;
  border-radius: 15px;
}

.panel-heading { border: none;}
.panel-body {padding: 15px 15px 15px 0;}
.panel-bottom {color: #2D3F95;}

.page-section p{color:#fff;font-weight: bold;font-size:1em;}
.page-section p.bigger {font-size:1.1em;}
.page-section h2 { columns: #339BFF;font-size:3em; font-weight:bold; }
.page-section h5 {color:#fff;font-size:1.4em;}
.page-section h6 {color:#fff;font-size:.9em;} 

.text-section{  background: #ccc;
  padding: 10px; }
.text-section p.text-right{padding-right:40px; text-align: justify;}


.btn-primary{ background-color: #2D3F95 !important; border-color: #2D3F95 !important; width: 100%; padding: 5px 5px; border-radius: 4; }
.smallish {max-width: 150px;}
.btn-primary:hover { background-color: #339BFF !important; border-color: #339BFF !important; }
.btn-link {color:#339BFF;font-weight: bold;}
.report-link {color:#20265E; font-size: 14px;}
.report-link:hover {color:#aaa9a9;}
.btn-link:hover {color:#aaa9a9;}
/*.btn-dashboard { height:88px;width:212px;background-color: hsl(9, 80%, 21%);color:#eee;font-weight:bold;line-height: 78px;vertical-align: middle; } */
.btn-dashboard:hover { opacity: 0.90;color:#ededed;}
.btn-dashboard { color:#eee;font-weight:bold; width: 297px; height: 60px; padding-top: 19px; margin-bottom: 35px !important; background-color: #2D3F95; }
label{ color:#509bf8; }

.print-cells {
  padding-left: 5px;
  padding-right: 0;
}

.display-sire {
  display:none;
}
.metric{
  margin: 20px;
    padding: 10px;
    text-align: center;
    background-color: white;
    border-radius: 8px;
}
.metric .metricval{
  color: #000;
  font-weight: bold;
  font-style: italic;
}
.metric .titleval{
  color: #339BFF;
    font-weight: bold;
    font-size: .8em;
}
.metric.dollarmetric{
  font-size: 1.4em; 
}
.metric span{
  font-weight: bold;
}
.profileheader{
  text-align: center;
    font-size: 1.8em;
    font-weight: bold;
}

.table {
  border-radius: 4px;
  color: #000;
  max-width: 800px;
  margin: 5px auto 22px auto;
}

.btable{
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px;
  background-color: whitesmoke;
  border-radius: 10px;
}

.customerstable .tr:nth-child(even){
  background-color: #f2f2f2;
}

td, th {
	padding: 8px 8px 8px 15px !important;
  }
  .delete-icon {
    border-color: transparent;
  }

.customerstable {
  font-size: .8em !important;
}

.admin-table {
  max-width: 100%;
  font-size: .85em;
}

.admin-table thead {
  text-transform: uppercase;
}

table.data th { color:#339BFF; }
table.data td{ color:#eee; font-size:.9em; }

.table>tbody>tr>td {
  border-top: none;
}

.table>thead>tr>th {
  color: #fff;
  background-color: #2D3F95;
  text-align: center;
  border-bottom: 1px solid #CECECE;
  padding: 6px;
}

.admin-table>thead>tr>th {
  text-align: left;
}

tr {
  border-bottom: 1px solid #CECECE;
}

table.data th { color:#339BFF; }
table.data td{ color:#eee; font-size:.9em; }

.col-heading { columns: #339BFF;
}

.col-heading-row{
    border-bottom: 1px solid #2D3F95;
    margin-bottom: 10px;
}

.header-box{ color:#fff;font-size:20px; } 

/* .row-data { color:#2D3F95; } */
.row-data-value { color:#339BFF; }
.row-data-sub{ background: #ccc; padding-left: 15px; }

.modal-body-readonly .row-data { color:#111; }
.modal-body-readonly .row-data-value { color:#191919; }

.row-bordered:after {
    border-bottom: none;
} 


.pagination > li >a, 
.pagination > li> span {
      color: #3F4042;
  }
/*
.pagination > li:hover > a,
  			> li:hover > span {
			      color: $pagination-hover-color;
			      background-color: $pagination-hover-bg;
			      border-color: $pagination-hover-border;
  			}
*/

.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
			       
			      background-color: #2D3F95; 
			      border-color:#2D3F95;
  			}

select > option, select, textarea, input {color:#444;}

.nopadding{padding:0;margin:0;}

.naked-form .row{ margin-top:10px; }
.naked-form input, .naked-form textarea{ width:100%;background: url("../images/maroon-trans-back.png") repeat; border:none;padding:8px;color:#fff; }
h3.message-box{ font-size:1.4em;font-weight:bold; padding:20px;background: url("../images/maroon-trans-back.png") repeat; }


a.buttontab_block { border-radius:12px; border: solid 2px #339BFF; columns: #339BFF;background: #f6e5a5; display: block;margin-bottom:8px; text-decoration: none; }
a.buttontab_block h3{width:100%;background:#D0D2D3 url("../images/header.jpg") no-repeat center ;margin:0; border-radius:12px 12px 0 0;columns: #339BFF;padding:8px;font-weight:bold; }
a.buttontab_block p {padding:16px;color:#3F4042;}

.credit_balance, .credit_balance a {color:#339BFF;}
.due_balance, .due_balance a { color:#339BFF; }
.smaller_font {font-size: 11px; }

.modal-row-item-headings { color: #D0D2D3;background:#20265E; }
.modal-row-item {color:#111;padding-top:.2em;}
.modal-row-item button {padding:.25em;}

#processing_box {
  height:200%;width:100%;position:absolute;top:0;left:0; background:none;
  
}
#processing_box #processing_overlay{
  height:100%;width:100%;
  position:absolute;top:0;left:0; background: #000;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
  filter: alpha(opacity=35);
  opacity: 0.35;z-index:9999999;
}

#processing_box #info_box{
  margin:0 auto; padding:2em;width:52em; height:12em;
  background: #000;position:relative;top:50px;left:0;
  font-size:1em;color:#fff;
  border:solid 3px #fff;border-radius: 1em;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=115)";
  filter: alpha(opacity=115);
  opacity: 1.15;z-index:99999999;
}

#processing_box #info_box #blob_holder{
   position:relative;top:20px;left:0px;
}
#processing_box #info_box .blob {
    width: 1rem;
    height: 1rem;
    background: rgba(230,230,230,0.85);
    border-radius: 50%;
    position: absolute;
    left: calc(10% - 1rem);
    top: calc(25% - 1rem);
    box-shadow: 0 0 1rem rgba(255, 255, 255, 0.25);
}

.transfers_list_table {
  width: 95%;
  margin: auto;
}
 
.btn-inline {
  padding-top:.1em;padding-bottom:.1em;margin-top:.1em;margin-bottom:.1em;font-size:.9em;
}

.form-condensed > form > .form-group > div{ padding-left:5px;padding-right:5px;}
.form-condensed > form > .form-group > div > label{ padding-left:7px;}
.form-condensed > form > .form-group > div > .form-control{ padding-left:3px;padding-right:3px;}
.form-control{ padding:5px 5px;height:32px;background-color:#ededed;}
.services-section{padding-bottom:2.5em;}
.services-section h3,
.services-section p{
  font-family: Roboto, Helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: normal;
  line-height: 1.1;
}

.login-textbox {max-width: 90%; padding-bottom: 15px; margin: auto; }

.services-section h2{
  font-family: Roboto, sans-serif;
  font-size: 1.8em;
  color: #339BFF;
  columns: #339BFF;
  margin-top:2em;

}
.services-section h3{
  color: #339BFF;
  columns: #339BFF; 
}

.dashedline{
	height:20px; /* specify a height for this hr */
  overflow:hidden;
  margin-bottom: 26px;
}
.dashedline:after{
	content:".........................................................................................................................................................................................";
	letter-spacing: 4px; /* Use letter-spacing to increase space between dots*/
}

.resizedTextbox { width: 25px; }

.modal-body form{
  padding: 18px;
  margin-left: 10px;
}

.new-bull-form {
  width: 100%;
  margin: 0 !important;
}

.boxed{
  padding: 10px;
    background-color: #2D3F95;
    color: #fff;
    margin: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
}

#bull_details, #bull_edits{
  margin: 18px;
}
#bull_edits input,#bull_edits select,#bull_edits textarea{
  background-color:#fff;
}

.dataTables_filter {
  text-align: right;
  margin-top: -35px;
}

.tabcontent {
  display: none;
  border-top: none; 
  line-height: 2;
}

.tabcontent p {
  margin: 10px 0!important;
}

.tablinks {
  background-color: #2D3F95!important;
  border-color: #2D3F95!important;
  color: white!important;
  min-width: 100px;
  padding: 5px 10px 5px 10px;
}
.printableTable{
  width: 100%;
  font-size: .8em;
  color: #111;
  border: none;
}
.printableTable th{
  padding: 2px 6px;
  font-size: 1em;
  border-top: solid 1px #111;
}
.printableTable td{
  border: none;
  padding: 3px 6px;
}


@media all {
  .print-show	{ display: none; }
}

@media print {
	.print-hide	{ display: none; }
	.print-show	{ display: block; }
}

@media only screen and (min-width: 1096px){
  .nav-container > div{
    display: flex;
  }
  .homelink{
    width: 50%;
  }
  .navsection{
    width: 35%;margin-right: 2%; margin-left: auto;
  }
  .nav-spacer{
    background: rgb(245,245,245);background: linear-gradient(0deg, rgba(245,245,245,1) 0%, rgba(200,200,200,1) 50%, rgba(131,132,133,1) 100%);opacity: .2;line-height: 7px;margin-top: 10px;
  }
  .copyrightinfo{
    text-align: right;
  }
}

@media only screen and (max-width: 1096px) {
  .navbar-brand>img { 
    width: 80%;
    margin-top: 15px;
  }
  .navbar-toggle{
    background-color: #333;
  }
  .header-bg-small ul.nav > li > a{
    text-align: left;;
  }
  .navbar-brand{
    float: none;
    padding: 0px;
    font-size: 2px;
  }
  .nav-spacer{
    background: rgb(245,245,245);background: linear-gradient(0deg, rgba(245,245,245,1) 0%, rgba(200,200,200,1) 50%, rgba(131,132,133,1) 100%);opacity: .3;line-height: 5px;
  }
  .home-container {
    margin-top: -15px;
  }
  .home-container > div {
     padding-top: 10px;
  }
  .white-bg{
    margin: 0px;
  }
  .footer-text-container > div{
    margin-top: 12px;
  }
  .copyrightinfo{
    text-align: center !important;
  }
}

@media only screen and (max-width: 1068px) {
}

@media only screen and (max-width: 1042px) {
  .nav>li { font-size: 11px; margin-left: 15px; }
}

@media only screen and (max-width: 990px) {
  .invoice-container {max-width:90%;}
  .shrink-hide {display: none;}
  .header-bg-small{padding-bottom:10px; padding-top:10px;}
  .login-container {max-width: 90%; max-height: 350px; }
  .panel-body {padding: 0;}
  .navbar-brand>img{    
    width: 80%;
    margin-top: 15px;
  }

::-webkit-scrollbar {width: 20px;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px;}
::-webkit-scrollbar-thumb {background: #2D3F95; border-radius: 10px;}

.call-line{
  display: none;
}

}

@media only screen and (max-width: 768px) {
  .navbar-collapse.collapse {margin: 10px;}
  }

@media only screen and (max-width: 730px) {
.report-page-container {width: 80%;}
}

@media only screen and (max-width: 545px) {
  .report-page-container {width: 100%; padding-left: 5px !important; padding-right: 5px !important; }
  }

  @media only screen and (max-width: 320px) {
    .report-page-container {padding-left: 3px; padding-right: 3px; }
    .footer-text-container{margin-top:15px; }
    }