.gridttn input[type=text], .gridttn select, .gridttn textarea{
	width: 100%;
}
.gridttn.h3cont div{
	background: none;
	border: none;
    text-align: center;
		    padding: 0;
}
.gridttn{
	display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 16px;
}
.gridttn>div{
	border: 1px solid #ccc;
	padding: 10px ;
	background: #fff;
}
.gridttn h4{
	margin: 0;
	border-bottom: 1px solid;
    text-align: center;
    margin-top: -10px;
    padding: 4px;
	background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(214,214,214,1) 51%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(51%, rgba(214,214,214,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(214,214,214,1) 51%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(214,214,214,1) 51%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(214,214,214,1) 51%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(214,214,214,1) 51%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
.nav-tabs {
	float: left;
	width: 100%;
	margin: 0px;
	list-style-type: none;
	border-bottom: 1px solid #ddd;
}

.nav-tabs > li {
	float: left;
	margin-bottom: -1px;
}

.nav-tabs > li > a {
	margin-right: 2px;
	line-height: 1.5px;
	padding: 10px;
	border-bottom: 3px solid gray;
	border-radius: 4px 4px 0px 0px;
}

.nav-tabs > li > a:hover {
	border-color: #eee #eee #ddd;

}

.nav-tabs > li > a:active {
	background-color: gray;
}

.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
	color: #555;
	cursor: default;
	border-color: white;
	border-color: 1px solid #ddd;
	border-bottom-color: transparent;
}

/*.tab-content .tab-pane {
	float: left;
	width: 100%;
	display: none;
}

.tab-content .tab-pane.active {
	display: block;
}
*/
/* Invoice Style Options */

.field {
	clear: both;
	text-align: right;
}
.field label {
	float: left;
	padding-right: 10px;
}
.invoice_sender {
	float: left;
	background-color: #ffffff;
	padding: 10px;
}

#invoice_sender {
	background-color: #e2e2e2;
	padding: 10px;
}

.field input {
	border-radius: 5px;
}

.field select {
	border-radius: 5px;
	size: 20px;
}

.invoice {
	display: flex;
	flex-wrap: wrap;
}
.invoice_recipient {
	float: right;
	margin-left: 20px;
	background-color: #ffffff;
	padding: 10px;
}

#invoice_recipient {
	background-color: #e2e2e2;
	padding: 10px;
}

.invoice_response {
	margin: 20px;
	padding: 10px;
	border: 1px solid #333333;
}
.invoice_response p {
	color: #333333;
}

		.field {
			margin-top: 6px;
		}
		.field input {
			width: 170px;
		}
		.field select {
			width: 170px;
		}
		.sender_city {
			width: 170px;
		}
		.invoice_sender {
			width: 430px;
		}
		.invoice_recipient {
			width: 430px;
		}
		form .error {
  			color: #ff0000;
		}
		.nav-tabs a {
			border-color: gray;
		}
		.propro{
	display: block;
	position: relative;
}
.propro:hover{
	display: block;
}
.propro>div{
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	transition: all 1s ease;
}
.propro:hover>div{
	display: block;
	background: #23282dba;
}
.t1{
    display: table;
    position: absolute;
    width: 100%;
    height: 100%;
}
.t2{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    font-size: 2vw;
    opacity: 1;
}
.t2 a{
	color: #fff;
}

/* PRO-НП 2.0: Налаштування > Автоматизація > За статусами замовлення */
.select2-selection.select2-selection--multiple {
	background: #f9f9f9;
    border-radius: 18px;
/*     min-height: 28px; */
}
.select2-search.select2-search--inline {
	vertical-align: top;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #ffffff;
	border-radius:  18px;
	margin-bottom: 0;
}
.nova-poshta_page_morkvanp_invoice .select2-container--open .select2-dropdown--above {
	border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    overflow-y: hidden;
}
.nova-poshta_page_morkvanp_invoice .select2-container--open .select2-dropdown--below {
	border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}