html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
	font-family: 'Roboto';
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear {
	clear:both;
}

a {
	transition: 0.3s;
	color:#3d8dac;
}

a:hover {
	color:#FF5C00;
}

img {
     -webkit-user-select:none;
     -khtml-user-select:none;
     -moz-user-select:none;
     -o-user-select:none;
      user-select:none;
      pointer-events:none
}

sup {
    vertical-align: super;
    font-size: smaller;
}

em {
	font-style: italic;
}

/* header */
.header {
	height:147px;
	border-bottom:1px solid #e5e5e5;
	margin-bottom:20px;
}

.header__top-panel {
	height:42px;
	background-color:#000;
	color:#fff;
	font-size:12px;
}

.header__main {
	background-color:#222;
	min-height:112px;
	color:#fff;
	font-size:12px;
}


.centered {
	width:1400px;
	margin:0 auto;
	position:relative;
}

.header__location {
	width:284px;
	float:left;
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1.5C6.0975 1.5 3.75 3.8475 3.75 6.75C3.75 10.6875 9 16.5 9 16.5C9 16.5 14.25 10.6875 14.25 6.75C14.25 3.8475 11.9025 1.5 9 1.5ZM9 8.625C7.965 8.625 7.125 7.785 7.125 6.75C7.125 5.715 7.965 4.875 9 4.875C10.035 4.875 10.875 5.715 10.875 6.75C10.875 7.785 10.035 8.625 9 8.625Z' fill='%23d7b56d'/%3E%3C/svg%3E");
	background-position:0 6px;
	background-repeat:no-repeat;
	padding:10px 0 0 24px;
	height:18px;
	margin-top:5px;
}

.header__email {
	width:145px;
	float:right;
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 3H3C2.175 3 1.5075 3.675 1.5075 4.5L1.5 13.5C1.5 14.325 2.175 15 3 15H15C15.825 15 16.5 14.325 16.5 13.5V4.5C16.5 3.675 15.825 3 15 3ZM15 6L9 9.75L3 6V4.5L9 8.25L15 4.5V6Z' fill='%23d7b56d'/%3E%3C/svg%3E%0A");
	background-position:0 7px;
	background-repeat:no-repeat;
	padding:10px 0 0 24px;
	height:18px;
	margin-top:5px;
}

.header__email a {
	color:#fff;
	text-decoration: none;
}

.header__email a:hover {
	color:#54b8c4;
}

.header__admpanel,
.header__logout {
	width:85px;
	float:right;
	padding:10px 0 0 24px;
	height:18px;
	margin-top:5px;
}

.header__logout {
	width:38px;
}

.header__admpanel a,
.header__logout a {
	color:#fff;
	text-decoration: none;
}

.header__admpanel a:hover,
.header__logout a:hover {
	color:#54b8c4;
}

.header__logo {
	width:180px;
	float:left;
	margin-top:16px;
}

.header__logo a {
    display:block;
}

.header__logo img {
	max-width:106px;
	margin:0 auto;
	display:block;
}

.header__about {
	width:240px;
	float:left;
	font-size:18px;
	margin-top:40px;
	margin-left:30px;
	color:#856e40;
	font-weight: bold;
	font-style: normal;
	line-height: 1.3em;
}

.header__contacts {
	width:540px;
	float:left;
	margin-left:40px;
}

.header_user {
	font-size:14px;
	width:254px;
	margin-top:21px;
	float:right;
	border:1px dashed #6c757d;
	padding:10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.header_user div {
	margin-top:6px;
	font-weight: bold;
	font-style: normal;
}


.confirmed img {
	display: block;
    width:12px;
	height:12px;
	margin:0 auto;
}

.rejected img {
	display: block;
    width:12px;
	height:12px;
	margin:0 auto;
}

/* content */
.content-wrapper {
	min-height:76vh;
	margin-bottom:82px;
	/*overflow:hidden;*/
}

.content-wrapper b {
    font-weight:bold;
}

.page-text p {
	margin-bottom:10px;
}

.block-title {
	margin:9px 0;
	color:#000;
}

h3.block-title {
	font-weight:bold;
	font-size:15px;
	padding:5px 0 15px 0;
}

.white-color {
	color:#fff;
}

.white-color .block-title__desc {
	color:#c1c1c1;
}

.block-title__text {
	height:50px;
	border-left:3px solid #eb7c00;
	padding-left:20px;
	font-size:36px;
	text-transform:uppercase;
	padding-top:20px;
    font-weight: 500;
    font-style: normal;
}

.block-title__desc {
	font-size: 14px;
	text-transform: uppercase;
	padding-left:88px;
}

/* Main content */
.content_right_sidebar {
    font-size:14px;
}

.content_right_sidebar h2 {
	font-size:20px;
	font-weight: bold;
}

.content_right_sidebar h3 {
	font-weight: bold;
	font-size:16px;
}
.main_content {
	display: grid;
	grid-template-columns: 190px auto;
	gap: 10px 24px;
}


.left_menu {
	margin-top:15px;
	background:#fdfdfd;
}

.left_menu li {
	border-bottom:1px solid #e5e5e5;
}

.left_menu li a:hover {
	background:#dedfe0;
	color:#41767c
}

.left_menu li a {
	font-size:14px;
	color:#222;
	text-decoration:none;
	display:block;
	padding:12px 10px;
	font-weight:bolder;
}

.left_submenu {
	margin-left:16px;
	display: none;
	font-weight:300;
	color:#424242;
}

.left_submenu li a {
	padding:10px 10px;
}

.left_submenu li:last-child {
	border-bottom:0;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.content_right_sidebar {
	padding:0;
}

.content_left_sidebar h3 {
	font-size:15px;
	font-weight: bold;
	font-style:normal;
	padding:10px;
	background-color: #f3f3f3;
}

.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

.alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

.hasError {
	border:1px solid #fd132a !important;
}


.user-group {
	font-size:12px;
	color:#676767;
	border-top:1px dashed #c1c1c1;
	padding-top:3px;
	margin-top:3px;
}

/* Footer */
.footer-copyr {
	background-color:#111;
	min-height:45px;
}

.footer-copyr__container {
	display: grid;
	grid-template-columns:70% 30%;
	gap: 0;
	padding:0;
}

.footer-copyr__company {
	color:#8C8C8C;
	font-size:11px;
	padding-top:18px;
	text-transform: uppercase;
}

.footer-copyr__social {
	padding-top:10px;
}

.footer-copyr__social_item {
	width: 24px;
	height:24px;
	display: block;
	font-size:0;
	float:right;
	margin-left:10px;
}

.footer-copyr__social_item {
	-webkit-transition: -webkit-transform .6s ease-in-out;
	transition: transform .6s ease-in-out;
}

.footer-copyr__social_item:hover {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

/*
.page-wrapper {
	overflow-x:hidden;
}
*/


/* breadcrumbs */
.breadcrumbs {
    text-indent: 0;
    list-style: none;
    list-style-position: outside;
    position: relative;
    background: 0 0;
    display: block;
    padding:20px 0;
}

.breadcrumbs__item {
    display: inline-block;
    position: relative;
    margin-right: 5px;
}

.breadcrumbs__item,
.breadcrumbs__link {
    font-size: 12px;
    font-size: .75rem;
    color: #8f8f8f;
    text-decoration: none;
}

.breadcrumbs__item:before {
    color: #8f8f8f;
    content: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.2384 9.53638L7.6134 5.78638L3.2384 2.03638V9.53638Z' fill='%23818181'/%3E%3C/svg%3E");
    display: inline-block;
    vertical-align: middle;
    margin: -1px 6px 0 0;
}

.breadcrumbs__item:first-child:before{
	content:none;
}

.page-wrapper h1 {
	font-size:24px;
	font-weight:500;
	padding:9px 0;
	position:relative;
}

.uppercase {
	text-transform:uppercase;
}

.page-text {
	font-size:15px;
	line-height:1.8em;
	padding:10px 0;
}

.page-text p {
    margin-bottom:12px;
}

.page-text ul {
    padding-left:20px;
    list-style: disc;
    margin-bottom:20px;
}

.page-text a {
    color:#171719;
}

.page-text a:hover {
    color:#EB7C00;
}

.black-sep {
	border-color:#000;
	border-style: inset;
	border-width: 3px;
}



/* Modal */
.no-scroll {
	height: 100%;
	overflow-y: hidden;
}

.modal {
	width:340px;
	position:fixed;
	left:50%;
	top:20%;
	margin-left:-185px;
	background-color:#fff;
	-webkit-box-shadow: 0px 2px 6px -2px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 0px 2px 6px -2px rgba(34, 60, 80, 0.2);
	box-shadow: 0px 2px 6px -2px rgba(34, 60, 80, 0.2);
	z-index:5000;
	padding:10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	min-height:40px;
	display:none;
	padding:15px;
}

.modal-overlay {
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:rgba(0, 0, 0, 0.8);
	z-index:4000;
	display:none;
}

.modal-close {
	position:absolute;
	right:10px;
	top:10px;
	width:24px;
	height:24px;
	content: url("data:image/svg+xml,%3Csvg fill='%23000000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24px' height='24px'%3E%3Cpath d='M 4.7070312 3.2929688 L 3.2929688 4.7070312 L 10.585938 12 L 3.2929688 19.292969 L 4.7070312 20.707031 L 12 13.414062 L 19.292969 20.707031 L 20.707031 19.292969 L 13.414062 12 L 20.707031 4.7070312 L 19.292969 3.2929688 L 12 10.585938 L 4.7070312 3.2929688 z'/%3E%3C/svg%3E");
	z-index:5001;
	cursor:pointer;
}

.modal-input {
	margin:10px 0;
	max-width: 326px;
}

.modal-input input[type="text"]{
	width:100%;
	border:1px solid #e5e5e5;
	height:36px;
	padding-left:10px;
}

.modal-input select {
	width:100%;
	border:1px solid #e5e5e5;
	height:36px;
	padding-left:10px;
}

.modal-input label {
	font-size:12px;
	font-weight:bold;
}

.modal-content h1 {
	font-size:18px;
	text-transform:uppercase;
}


.agreement_checkbox {
	margin:15px 0;
}

.agreement_checkbox label {
	font-size:11px;
	display: inline-flex;
	color:#676767;
	line-height:1.4em;
	cursor:pointer;
}

.agreement_checkbox input[type="checkbox"]{
	display:none;
}

.agreement_checkbox input[type="checkbox"]:checked+label::before {
	border-color: #eb7c00;
	background-color: #eb7c00;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
	background-size:10px 10px;
}

.agreement_checkbox label::before {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	flex-shrink: 0;
	flex-grow: 0;
	border: 1px solid #adb5bd;
	border-radius: 0.25em;
	margin-right: 0.5em;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
}


.modal-input input[type="submit"],
.modal-input input[type="reset"] {
    background: #2ec13a;
    border: 1px solid #31b93c;
	color:#fff;
	padding:10px 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor:pointer;
}

.modal-input input[type="reset"]{
    background: #f95c5c;
    border: 1px solid #dd6d6d;
}

.modal-input input[type="submit"]:hover {
	background: #31b53b;
}
.modal-input input[type="reset"]:hover {
	background: #e75252;
}

.modal-input textarea {
	width:100%;
	border:1px solid #e5e5e5;
	height:46px;
	padding-top:10px;
	padding-left:10px;
}



/* Pagination */
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
}

.page-link {
    position: relative;
    display: block;
    color: #424242;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding: 0.6rem 0.8rem;
    font-size:14px;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6;
}

.page-item:first-child .page-link {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.page-item.active .page-link {
    color:#c0c0c0;
}

/* requests table */
.td__supplier {
	min-width: 240px;
}

.td__currency {
	width:30px;
}

.td__id {
	text-align:center !important;
}

.print .requests_tb {
	font-size:13px;
	max-width: 96%;
}

.print .order-table,
.print .signatures-block,
.print .acc-docs-block {
	font-size:13px;
	max-width: 95%;
}

.print .signatures-block {
	max-width: 93%;
}

.print .acc-docs-block {
	gap:3px;
}

.print .req_status_ttl div,
.print .print.req_status_vl div {
	padding:0;
}

.print table.dataTable > tbody > tr > th,
.print table.dataTable > tbody > tr > td {
	padding:3px;
}

.print div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start {
	margin-left:20px;
}

/* print version */
.main_content.print {
	margin-top:20px;
	grid-template-columns: 142px auto;
	gap:10px;
}

.print__logo a {
	display:block;
}

.print__logo img {
	width:100%;	
}

.print__about {
    font-size: 14px;
    margin:10px 0 25px 0;
    color: #d7b56d;
    font-weight: bold;
    font-style: normal;
    line-height: 1.3em;
	text-align:center;
}

.print_version_b {
	width:18px;
	height:18px;
	display:block;
	background:url('/images/print.svg') center center no-repeat;
	background-size: 100%;
	font-size:0;
	position:absolute;
	right:10px;
	top:0px;
}

.web_version_b {
	width:18px;
	height:18px;
	display:block;
	background:url('/images/webpage.svg') center center no-repeat;
	background-size: 100%;
	font-size:0;
	position:absolute;
	right:20px;
	top:0px;
}

.total__pages {
	margin-left:20px;
}

.hints {
    text-align: center;
    font-size: 11px;
    color: #778899;
    padding: 15px 0;
}

/* memo table */
.td__comment {
	max-width:100px;
}

.td__order_ids {
	color:#676767;
}
.td__order_ids .created_request_id {
	color:#31b53b;
}
.td__order_ids span {
	color:#c1c1c1;
}

.preloader {
	display: inline-block;
	width:32px;
	height:32px;
	background: url('/images/spinner.gif') 0 0 no-repeat;
	background-size: 100%;
	position:absolute;
	right:10px;
	display: none;
}

@media print{
    .print .requests_tb {
		font-size:13px;
		max-width:92%;
	}
}

/* width < 1440 */
@media (max-width: 1460px) {
	.centered {
		width:1260px;
	}

	.content_right_sidebar {
		overflow: auto;
		padding-bottom:40px;
	}
}


/* width < 1280 */
@media (max-width: 1280px) {
	.centered {
		width:1024px;
	}

    .page-text img {
        max-width: 100%;
    }
}