html,
body {
    height: 100%;
	font-family: Roboto;
}

a{ font-family: Roboto; }

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Font Awesome 5 Free";

    font-weight: bold;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after { content: "\f0d8"; }
a.desc:after { content: "\f0d7"; }

.sort-numerical a.asc:after { content: "\f0d8"; }
.sort-numerical a.desc:after { content: "\f0d7"; }
.sort-ordinal a.asc:after { content: "\f0d8"; }
.sort-ordinal a.desc:after { content: "\f0d7"; }

.grid-view td {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

/* Страница одного продукта */



/* Форма регистрации */

.field-register-form-password{ display: none; }

/* Страница регистрации */

.registration-form .btn-success{ margin-top: 20px; }



/* New design */
/* New design */
/* New design */



/*  */

#vue-app.container{ min-height: 550px; }

/* Elements */

a{
	color: #7f7e7e;
	font-weight: 400;
}

/*.table{ width: 100%; border-top: 1px solid transparent; }
*/
.table th{ 
	color: #99751a; 
	border: none;
	border: 1px solid #d7d7d7;
}

.table th a{ color: #99751a; }
.table td a{ color: #000000; }

.table-hover > tbody > tr:hover{ background-color: #ecdeb9; }

/* Bootstrap 4 */

.breadcrumb{ 
	margin-bottom: 0px; 
	background-color: transparent; 
}


/* radio  */

.custom-control.custom-radio{}

/* checkbox  */

.custom-control.custom-checkbox{
    min-height: 1.2rem;
    padding-left: 0rem;
}

	.custom-checkbox .custom-control-label{
		box-sizing: border-box;
	}

	.custom-checkbox .custom-control-label::before,
	.custom-checkbox .custom-control-label::after{
		width: 1.2rem;
		height: 1.2rem;
	}

	.custom-checkbox .custom-control-label::after{
		position: absolute;
		top: 0rem;
		left: 0rem;
		width: 1.2rem;
		height: 1.2rem;
	}

	.custom-checkbox .custom-control-label::before{
		
		position: initial;
		top: auto;
		left: auto;
		width: 1.2rem;
		height: 1.2rem;
		border: 1px solid #868686;
	}

	.custom-checkbox .custom-control-label::before{ border-radius: 2px; }

	.custom-checkbox .custom-control-input:checked~.custom-control-label::before{
		color: #fff;
		border-color: #000000;
		border-radius: 2px;
		background-color: #fff;
	}

	.custom-checkbox .custom-control-input:checked~.custom-control-label::after{
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='0 0 7 7'%3e%3cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
	}

/*  */

.dropdown-menu{
	box-shadow: none;
}

/*  */

.number-input--small .number-input__input{
	width: 110px !important;
	height: 36px;
	
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
	
	text-align: center;
}

.number-input--small .number-input__button--minus{ width: 34px !important; height: 34px; }
.number-input--small .number-input__button--plus{ width: 34px !important; height: 34px; }

/* pagination */

.pagination { margin-top: 30px; }

.pagination li{ margin-right: 5px; }

.pagination li span,
.pagination li a{
	padding: 4px 6px;
	
    text-decoration: none;
	
	border: 1px solid #b6b6b6;
	border-radius: 3px;
	
	color: #6e6e6e;
}

.pagination li span{

}

.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus{
	
	border: 1px solid #bebebe;
	background-color: #f4be33;
	
}

.page-item.active .page-link{
	border: 1px solid #bebebe;
	background-color: #f4be33;
}

/* FontAwesome */

.fa-shopping-cart{ color: #f4be33; }

/* Скелет */

.wrapper-navbar{ background: url("/images/header-background.png") 0px 0px repeat-x; }
	
	.navbar-dark{ width: 100%; background-color: transparent; }
	
	.navbar-dark .navbar-nav:last-child .nav-item:first-child{ margin-right: 90px; }
	
	.navbar-dark .navbar-nav .nav-link span{
	    margin-left: 10px;
		color: #ffffff; 
		border-bottom: 1px dashed #ffffff; 
	}
	
	.navbar-dark .navbar-nav .fas{ color: #f4be33; }

/* Шапка */

header{
	padding: 20px 0px;
	
}
	
	header .wrapper-logo{
		
		font-weight: 300;
		font-size: 14pt;
		
		/*text-align: right;*/
		
		color: #373939;
		
	}
		
		header .logo{ width: 60%; }
		
		header .wrapper-logo a{ display: inline-block; }
		header .wrapper-logo p{ margin-top: 10px; margin-bottom: -5px; }
		
	#vue-block-cart a{ 
		
		font-size: 16pt;
		font-weight: 100;
		
		color: #7f7e7e;
	}
	
	#vue-block-cart a:hover{ text-decoration: none; }
	
	#vue-block-cart a > div{ display: inline-block; }
	
	#vue-block-cart a > div:first-child{ 
		text-align: right; 
		 
	}
	
	#vue-block-cart a > div:last-child{ 
		padding-top: 15px; 
		padding-bottom: 15px; 
	}
	
	#vue-block-cart a strong{ font-weight: 400; }
	
	#vue-block-cart .fa-shopping-cart{ 
		margin: 30px 0px;
		padding-right: 30px;
		font-size: 30pt;
		border-right: 1px solid #e1e1e1;
		
	}

.wrapper-breadcrumb{
    margin-bottom: 40px;
	background-color: #e9e9e9;
}

	.breadcrumb-item a{ 
		color: #7f7e7e; 
		font-weight: 400;
	}
	
	.breadcrumb-item span{ font-weight: 300; }
	
footer {
    margin-top: 40px;
	padding: 20px 0px;
	color: #f5f5f5;
	background-color: #464749;
}

/* Авторизация */

.panel-default{ margin-bottom: 1rem; }

/* Главная страница */

.site-index .nav-tabs li{  
	width: 50%;
	text-align: center;
}

.nav-tabs li a{ font-size: 14pt; color: #939393; border-color: #f2f2f2; background-color: #ebebeb; }
.nav-tabs li.active a{ color: #484848; }

h1{ 
	
	margin-bottom: 40px;
	
	font-size: 18pt ;
	
	text-align: center;
	text-transform: uppercase; 
	
	color: #f5be2d;
	
}

h3{
	margin-bottom: 30px;
	font-size: 16pt;
	font-weight: 400;
	text-transform: uppercase;
	color: #636363;
}

textarea.form-control{
    box-shadow: none;
	border: 1px solid #eeeeee;
	background-color: #f5f5f5;
}

.site-index h1{ 
	margin-bottom: 40px; 
	text-align: center; 
}

.site-index textarea{ min-height: 150px; }


#upload-file .col-6:first-child > div{ margin-top: 25px; }
#upload-file .col-6:last-child > div{ padding-left: 155px; }

.btn-success{
	color: #4f5259;
	border: 1px solid transparent;
	border-radius: 5px;
	background-color: #fed325;
}

.btn-success:active,
.btn-success:visited,
.btn-success:focus,
.btn-success:hover{
	color: #4f5259;
	border: 1px solid transparent;
	background-color: #fed325;
}

.btn-primary {
	
	text-transform: uppercase;
	
	color: #000000;
	
	border: 1px solid transparent;
	background-color: #f4be33;
	
}

.btn-primary .fa-shopping-cart{ color: #000000; }

.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus,
.btn-primary:hover{
	color: #000000;
	border: 1px solid transparent;
	background-color: #f4be33;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active, 
.show>.btn-primary.dropdown-toggle{
	color: #000000;
	border: 1px solid transparent;
	background-color: #f4be33;
	opacity: 0.8;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, 
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-primary.dropdown-toggle:focus{
	box-shadow: 0 0 0 0.2rem transparent;
	
}

.btn-primary.focus, .btn-primary:focus{
	box-shadow: 0 0 0 0.2rem transparent;
}

/*  */

.list-view .summary{ 
	font-size: 14pt;
	margin-bottom: 20px; 
}

/*  */

.table{ font-size: 10pt; }

.table thead th {
    font-size: 10pt;
    font-weight: 400;
	overflow: hidden;
}

/* Product list */
/* Страница списка продуктов */

.table-wrapper { margin-bottom: 30px; }
.table-wrapper > div:first-child{ margin-bottom: 30px; }

.products-index .btn-secondary{
	color: #545b62;
	background-color: #ebebeb;
}

.products-index table tr td:nth-child(2){ text-align: center; }
.products-index table tr td:nth-child(4){ text-align: center; }
.products-index table tr td:nth-child(5){ width: 40%; }
.products-index table tr td:nth-child(6){ text-align: right; }
.products-index table tr td:nth-child(8){ width: 10%; text-align: center; }
.products-index table tr td:nth-child(9){ text-align: center; }
.products-index table tr td:nth-child(10){ width: 15%; text-align: right; }

.products-index table tr td{ vertical-align: middle ; }

.products-index nav{ display: inline-block; }
.products-index nav .pagination{ margin-top: 0px; }

.products-index td span{font-size:11pt}

/* Страница одного товара */

.products-view h1{ text-align: left; }

.products-view form{ margin: 40px 0px; }

/* Order list */

.orders-history .list-view div li{ margin-bottom: 20px; }

.orders-history .list-view div a{
	font-size: 14pt;
	text-decoration: underline;
	color: #000000;
}

.orders-history .list-view a:hover{ text-decoration: none; }

/* Profile */

.settings h4,
.profile h4,
.requisites h4{
	font-size: 12pt;
	font-weight: 400;
	text-transform: uppercase;
	color: #636363;
}

.requisites ul,
.profile ul{
	padding: 0px 0px; 
	font-size: 12pt;
	list-style: none; 
}

/* Корзина */

.cart-index table tr td:nth-child(1){ text-align: center; }
.cart-index table tr td:nth-child(2){ text-align: center; }
.cart-index table tr td:nth-child(3){ width: 40%; }
.cart-index table tr td:nth-child(4){ width: 14%; text-align: right; }
.cart-index table tr td:nth-child(5){ text-align: center; }
.cart-index table tr td:nth-child(6){ width: 10%; text-align: right; }
.cart-index table tr td:nth-child(7){ width: 10%; }
.cart-index table tr td:nth-child(7) span{ font-weight: normal; font-size: 9pt; }
.cart-index table tr td:nth-child(8){ text-align: center; }

.cart-index table tr td:nth-child(10){ width: 16%; text-align: center; }

.missing {background: #ddd;}

table tr td{ vertical-align: middle !important; }

/* История заказов */

.orders-view table tr td:nth-child(1){ text-align: center; }
.orders-view table tr td:nth-child(2){ text-align: center; }
.orders-view table tr td:nth-child(4){ text-align: center; }
/*.orders-view table tr td:nth-child(5){ width: 40%; }*/
.orders-view table tr td:nth-child(6){ text-align: right; }
.orders-view table tr td:nth-child(8){ width: 10%; text-align: center; }
.orders-view table tr td:nth-child(9){ text-align: center; }
.orders-view table tr td:nth-child(10){ width: 15%; text-align: right; }

.orders-view table tr td{ vertical-align: middle ; }

.open > .dropdown-menu {
	display: block;
}
.fade.in {
	opacity: 1;
}

/*Кнопки*/

.number-input.number-input--inline.number-input--controls.number-input--small input{
	font-size: 20px;
}

/*Увеличенные чекбоксы*/
input[type=checkbox]{
	transform:scale(1.7);
}

input[type=radio]{
	transform:scale(1.7);
}

/*Экспорт*/
.block-btn-export a{
	margin-left: 10px;
}


.number-input__button number-input__button--minus{

}

.number-input__button number-input__button--plus{

}

#profile-arridsource{
	column-count: 3;
}

#profile-arridsource label{
	margin-top: 5px;
	margin-bottom: 5px;
}

.order-index table td i, .profile-index table td i{
	font-size: 18px;
	padding-left: 2px;
	padding-right: 2px;
}


@media only screen and (min-width:768px) {
	.navbar-nav {
		display: table;
		width: 100%;
		margin: 0;
	}

	.navbar-nav > li {
		float: none;
		display: table-cell;
		text-align: center;
	}
}