/*
* @Author: Tuten
* @Date:   2017-10-25 17:59:13
* @Last Modified by:   Tuten
* @Last Modified time: 2018-01-03 17:30:02
*/
.promotions{
	max-width: 723px;
	min-width: 723px;
}
.promotions .promotions__new-one{
	background-color: #d8ecfc;
	animation: promonewone 0.5s;
	-webkit-animation: promonewone 0.5s;
}
@keyframes promonewone
{
  0%   {background: #ffffff;}
  100% {background: #d8ecfc;}
}

@-webkit-keyframes promonewone
{
  0%   {background: #ffffff;}
  100% {background: #d8ecfc;}
}
.promotions .promotions__new-two{
	background-color: #d8ecfc;
  	animation: promonewtwo 1s;
	-webkit-animation: promonewtwo 1s;
}
@keyframes promonewtwo
{
  0%   {background: #ffffff;}
  100% {background: #d8ecfc;}
}

@-webkit-keyframes promonewtwo
{
  0%  {background: #ffffff;}
  100% {background: #d8ecfc;}
}
.promotions > .promotions__footer{
	background-color: #f5f5f5;
	border-top: 2px solid #ddd;
	float: left;
	height: 44px;
	padding: 10px 15px;
	max-width: 1900px;
	min-width: 1900px;
}
.promotions > .promotions__footer{
	background-color: #f5f5f5;
	border-top: 2px solid #ddd;
	float: left;
	height: 44px;
	padding: 10px 15px;
	max-width: 1900px;
	min-width: 1900px;
}
.promotions > .promotions__promotion > form{
	max-width: 723px;
	min-width: 723px;
}
.promotions > .promotions__head,
.promotions > .promotions__promotion{
	float: left;
}
.promotions > .promotions__head > div,
.promotions > .promotions__promotion > form > div{
	float: left;
}
.promotions > .promotions__promotion > form > div:last-child > span{
	padding: 0px 10px 5px;
	display: block;
}
.promotions > .promotions__head > div{
	font-weight: bold;
}
.promotions > .promotions__head > div{
	padding: 12px 5px;
}
.promotions > .promotions__promotion > form > div{
	padding: 5px 5px;
}
.promotions > .promotions__head > div:first-child,
.promotions > .promotions__promotion > form > div:first-child{
	padding-left: 10px;
}
.promotions > .promotions__head{
	background-color: #eeeeee;
}
.promotions > .promotions__promotion{
	border-top: 1px solid #ddd;
}
.promotions > .promotions__promotion .form-control{
    height: 32px;
    padding: 0px 12px;
}
.promotions > .promotions__promotion .input-group {
	position: static; 
	display: block;
	border-collapse: inherit;
}
.promotions > .promotions__promotion .input-group > input{
	float: left;
}
.promotions > .promotions__promotion .input-group > span{
	width: 59px;
	padding: 8px;
}
.promotions > .promotions__promotion > form > div:nth-child(2) input{
	width: 100%;
}
.promotions > .promotions__promotion > form > div:nth-child(3) input{
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	border-left: 1px solid #E3E3E3;
	width: 64px;
}
.promotions > .promotions__promotion > form > div:nth-child(4) input{
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	border-left: 1px solid #E3E3E3;
	width: 80px;
}
.promotions > .promotions__promotion > form > div:nth-child(3) input:focus,
.promotions > .promotions__promotion > form > div:nth-child(4) input:focus{
	border-left: 1px solid #AAAAAA;
}
.promotions > .promotions__promotion > form > div:nth-child(3) span{
	width: 39px
}
.promotions > .promotions__promotion > form > div:nth-child(4) span{
	width: 59px;
}
.promotions > .promotions__promotion:nth-child(odd){
	background-color: #f9f9f9;
}
.promotions > .promotions__head > div:nth-child(1),
.promotions > .promotions__promotion > form > div:nth-child(1){
	width: 139px;
	height: 42px;
}
.promotions > .promotions__promotion > form > div:nth-child(1){
	padding: 11px 10px;
}
.promotions > .promotions__head > div:nth-child(2),
.promotions > .promotions__promotion > form > div:nth-child(2){
	width: 165px;
}
.promotions > .promotions__head > div:nth-child(3),
.promotions > .promotions__promotion > form > div:nth-child(3){
	width: 113px;
}
.promotions > .promotions__head > div:nth-child(4),
.promotions > .promotions__promotion > form > div:nth-child(4){
	width: 149px;
}
.promotions > .promotions__head > div:nth-child(5),
.promotions > .promotions__promotion > form > div:nth-child(5){
	width: 157px;
}
.promotions .btn-default{
	background-color: #ffffff;
	opacity: 1;
}
.has-error .input-group-addon,
.has-error .form-control {
    border-color: #a94442 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
}
@media (max-width: 768px) {
	.promotions > .promotions__head{
		display: none;
	}
	.promotions > .promotions__footer{
		border-top: 1px solid #ddd;
	}
	.promotions,
	.promotions > .promotions__footer,
	.promotions > .promotions__promotion,
	.promotions > .promotions__promotion > form {
	    max-width: 100%;
	    min-width: 100%;
	}
	.promotions > .promotions__promotion > form > div:before{
		font-weight: bold;
		display: block;
		float: left;
		height: 32px;
		padding: 6px 10px;
		text-align: right;
		width: 135px;
	}
	.promotions > .promotions__promotion > form > div{
		float: none;
		width: 100% !important;
		border-bottom: 1px solid #ddd;
	}
	.promotions > .promotions__promotion > form > div{
		padding: 5px 0px !important;
	}
	.promotions > .promotions__promotion > form > div:nth-child(1) > span{
		display: block;
		padding: 7px 0px;
	}
	.promotions > .promotions__promotion > form > div:nth-child(2) > div,
	.promotions > .promotions__promotion > form > div:nth-child(3) > div,
	.promotions > .promotions__promotion > form > div:nth-child(4) > div{
		padding-left: 135px;
		padding-right: 10px;
	}
	.promotions > .promotions__promotion > form > div:nth-child(3) > div > div,
	.promotions > .promotions__promotion > form > div:nth-child(4) > div > div{
		width: 100%;
	}
	.promotions > .promotions__promotion > form > div:nth-child(3) > div > .input-group > div > input,
	.promotions > .promotions__promotion > form > div:nth-child(4) > div > .input-group > div > input{
		width: 100%;
	}
	.promotions > .promotions__promotion > form > div:nth-child(3) > div > .input-group > div{
		width: 100%;
		padding-right: 39px;
	}
	.promotions > .promotions__promotion > form > div:nth-child(4) > div > .input-group > div{
		width: 100%;
		padding-right: 59px;
	}
	.promotions > .promotions__promotion > form > div:nth-child(1):before{
		content: "Fecha de creación";
	}
	.promotions > .promotions__promotion > form > div:nth-child(2):before{
		content: "Nombre";
	}
	.promotions > .promotions__promotion > form > div:nth-child(3):before{
		content: "Porcentaje";
	}
	.promotions > .promotions__promotion > form > div:nth-child(4):before{
		content: "Duración";
	}
	.promotions > .promotions__promotion > form > div:nth-child(5):before{
		content: "Opciones";
	}
}