.calc-container {
	width:630px;
	padding:15px;
	margin:0 auto;
	background: #EEE;
	border: 1px solid #bbbbbb;
	position: relative;
	box-shadow: 0 2px 4px rgba(0,0,0,.2);
	-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
	-o-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    font-size: 13px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
	color:#505050;
}



.calc-header {
	font-size:13px;
	border-bottom:2px solid #666;
	padding:0 0 5px 0;
}

.title-span {
	font-weight:bold;
	display:inline-block;
	color:#505050;
}

.calc-header span.title-span {
	font-size:20px;
	display:block;
	padding:5px 0;
	color:#4750C9;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}

.text-info {
	color:#f90404;
}

.calc-content {
	position:relative;
}

.choice-preparation-div {
	padding:10px 0;
	width:400px;
}

.input-name-preparation-div {
	position: relative; 
	height: 30px; 
	margin-top:5px;
}

.input-name-preparation-div input[type="text"] {
	font-style:normal;
	box-sizing:content-box;
}

.preparation-img-div {
	width:159px;
	height:167px;
	position:absolute;
	top:10px;
	right:0;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.3); /* Параметры тени */
	text-align: center;
	background: #FFF;
}

.preparation-no-image{
	background:url(images/noimage.png);
	background-repeat:no-repeat;
}
	
.input-data-div {
	padding:10px;
	margin:20px 0 0 0;
	border:1px solid #C8C8C9;
	background:#E4E4E4;
}

.input-data-div .title-span {
	width:150px;
}

.choice-disease-div, .weight-animal-div {padding:10px 0;}
.choice-disease-div .title-span {padding: 8px 0 0 0;}

#sel-type-disease-div {
	display: inline-block;
	vertical-align:top;
}

#weight-animal-input {
	width:260px;
	box-sizing:content-box;
	font-style:normal;
}


.calc-footer {
	padding:15px 0 0 0;
}


.calc-button-div {
	text-align:center;
	padding:20px 0 0 0;
}

.calc-button {
	display:inline-block;
	padding:7px 25px;
	color:#FFF;
	font-size:14px;
	letter-spacing:1px;
	font-weight:bold;
	background:#4f5bff;
	border:1px solid #3e4bf4;
	border-radius:2px;
	cursor:pointer;
}

.calc-button:hover {
	background:#2f3ceb;
}

.buy-button-div {
	text-align:center;
	padding:20px 0 0 0;
}

.buy-button {
	display:inline-block;
	/*padding:7px 20px 7px 32px;*/
	padding:7px 20px;
	color:#FFF;
	font-size:14px;
	letter-spacing:1px;
	font-weight:bold;
	background:#d13837;
	/*background-image:url(images/cart-icon.png);*/
	background-repeat:no-repeat;
	background-position:5px 5px;
	border:1px solid #b72b2a;
	border-radius:2px;
	cursor:pointer;
	text-decoration:none;
}

.buy-button:hover {
	background-color:#c53433;
	text-decoration:none;
}





#calc_result {
    padding: 15px 15px 35px 15px;
	font-size: 14px;
	text-align: center;
	font-size: 18px;
	color:#505050;
}

#result-span {
	color:#4750C9;
	font-size: 22px;
}


.calc-container .alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.calc-container .alert,
.calc-container .alert h4 {
  color: #c09853;
}

.calc-container .alert h4 {
  margin: 0;
}

.calc-container  .alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}

.calc-container .alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.calc-container .alert-success h4 {
  color: #468847;
}

.calc-container .alert-danger,
.calc-container .alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.calc-container .alert-danger h4,
.calc-container .alert-error h4 {
  color: #b94a48;
}

.calc-container .alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.calc-container .alert-info h4 {
  color: #3a87ad;
}

.calc-container .alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

.calc-container .alert-block > p,
.calc-container .alert-block > ul {
  margin-bottom: 0;
}

.calc-container .alert-block p + p {
  margin-top: 5px;
}

.calc-container #calc_messagebox{
  margin: 10px;
}


#sel-type-animal-div .selectboxit-container .selectboxit-options {
    width: 380px;
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }

.prep-img {
	/*width: 159px;*/
	height: 167px!important;
	max-width:initial;
}

.list-medications-container {
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	max-width:1230px;
	text-align:center;
	margin:0 auto;
	padding:15px 0;
}

.list-title {
	font-size:18px;
	font-weight:bold;
}

.btn-letters {
	display:inline-block;
	margin-right:1px;
	margin-bottom:5px;
	text-align:center;
	width:26px;
	height:26px;
	line-height:26px;
	border:1px solid #ccc;
	box-sizing: border-box;
	cursor: pointer;
	background:#f7f7f7;
	box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);
}

.btn-letters-div {
	padding:8px 0;
}

.btn-letters:hover {
	border:1px solid #999;
}

.btn-letters:active{
	box-shadow:none;
	position:relative;
	top:1px;
}

#list_medications {
	text-align:left;
	padding: 10px 0;
}

.link_medication {
	color:#1d73be;
	cursor:pointer;
}

.link_medication:hover{
	color:#0a487e;
	text-decoration:underline;
}