/* Responsive styles */

@media (max-width: 1400px){
	.popup-content,#popup_success,#popup_product_list {
    	width: 50%;
    	transform: translateY(-15%);
	}
	#total_sum{
		font-size: 2.25rem!important;
	    margin-top: 0;
	    height: 3rem!important;
	}
	.side_panel__totals--pieces b, .side_panel__totals--weight b{
	    bottom: 1.2rem;
	    font-size: 1.25rem;
	}
	.side_panel__actions {
    	padding: 2rem;
		padding-bottom: 0;
	}
	.side_panel__totals--pieces, .side_panel__totals--weight, .side_panel__totals--sum{
		font-size: 1.5rem;
		position: relative;
		padding: 0rem;
	}
	.side_panel__totals--pieces b, .side_panel__totals--weight b, .side_panel__totals--sum b{
		right: 0rem;
	    display: flex;
	    position: absolute;
	    bottom: 0;
	    font-size: 1.25rem;
	}
	.side_panel{
		height: 500px;
	}
	.side-totals__wrapper{
		border-radius: 1rem;
	}
	.side_panel__totals--sum b{
/*		bottom: 0.8rem;*/
		bottom: 0.2rem;
	}
	#ean_sku_block .form-control{
		font-size: 2rem;
	}
	tbody#cart > tr > td{
		padding: 1rem 0.5rem;
	}
	.input-group-btn.refresh{
		right: 4rem;
	}
	#cash-main-page-container{
		grid-template-columns: 1fr 1fr 1fr;
	}
	.side_panel__totals label + span{
		font-size: 2.25rem;
    	height: 3rem;
	}
	.side-totals__wrapper{
		padding: 0.5rem 1rem;
	}
}
@media (max-width: 1200px){
	.side_panel__totals{
		padding: 0;
    	justify-content: flex-end;
	}
	.side-totals__wrapper{
		border-radius: 0;
	}
	.order-checkout-middle .button-add .btn-add-product{
		padding: 1rem 0;
	}
	.common-start-form .col-sm-12{
		padding: 0;
	}
	.common-start-form{
		padding: 3rem 0rem;
	}
	#prods-list-output .btn-add-to-list{
		font-size: 1.75rem;
    	padding: 0.25rem 0.75rem;
	}
	.input-group-btn.refresh{
		right: 3.5rem;
	}
	.product-page__wrapper{
		grid-template-columns: 4fr 3fr;
	}

	.return-page-list .order-fiscalized{
		right: -30px;
		left: auto;
	}
}

@media (max-width: 988px){
	#input-product-label, #input-product-label-ean {
		font-size: 12px;
	}
	.side_panel{
	    bottom: 0;
	    left: 0;
	    top: auto;
	    flex-direction: row;
	    width: 100%;
	    height: 200px;
	    gap: 1rem;
	    grid-template-columns: 3fr 1fr;
		border-radius: 2rem 2rem 0rem 0rem;
	}
	.side_panel__actions{
		width: 100%;
		justify-content: space-between;
		align-items: center;
		display: grid;
	    grid-template-columns: 3fr 1fr 1fr;
	    gap: 3rem;
	}
	.ean-sku-block{
	    display: flex;
    	flex-direction: column;
    	gap: 2rem;
	}
	.ean-sku-block__sku{
		margin-bottom: 0;
		margin-top: 0;
	}
	.order-checkout-middle{
	    align-items: center;
		flex-direction: column;
    	gap: 0;
		margin: 0;
	}
	.order-checkout-middle .button-add{
		margin-bottom: 0;
	}
	.ean-sku-block__sku label, .ean-sku-block__ean label{
		left: 5px;
    	top: -15px;
	}
	#container-fluid-arrival #button-save-ar-mov, #button-save-ar-mov-tab, #container-fluid-moving #button-save-ar-mov, #container-fluid-inventory #button-save-ar-mov#button-save-ar-mov-tab{
		margin-top: 0;
	}
	#button-popup-catalog #long_button_title{
		display: flex;
	}
	.side-totals__wrapper{
		border-radius: 0rem 1rem 0rem 0rem;
	}
	.content-area.shorter{
		width: calc(100% - 55px);
	}
	#tab-customer{
		display: flex;
    	justify-content: center;
	}
	#input-product-label, #input-product-label-ean, #input-product-label, #input-product-label-ean{
		background: none;
	    text-align: left;
	    top: -20px;
	}
	#ean_sku_block .form-control{
		border: 1px solid #aeaeae;
	}
	.input-group-btn.refresh{
		right: 3.5rem;
	}
	.plus-minus-input .cart-qty-inpt{
		width: 150px;
	}
	.content-area.shorter{
		padding-bottom: 240px;
	}
	.side_panel__totals{
    	justify-content: center;
	}
	.side-totals__wrapper{
    	height: 100%;
    	justify-content: center;
	}
	.content-list__item{
		font-size: 1.25rem;
	}
	.prodpage-label{
		font-size: 1.1rem;
	}
	.prodpage-value input, .prodpage-value select{
		font-size: 1.25rem;
	    height: 3rem;
	    padding-top: 0.75rem;
	}
	.stock-wrapper__label{
		font-size: 1.2rem;
	}
	#cash-main-page-container{
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 768px){
	.content-area.shorter{
		width: 100%;
	}
	.common-start-form .col-sm-12{
		padding: 0 1rem;
	}
	.side_panel{
		grid-template-columns: 4fr 2fr;
	}
	.side_panel__actions{
		gap: 0rem 2rem;
		grid-template-areas:
        "a b"
        "a c";
   		grid-template-columns: 2fr 1fr;
		padding: 1rem;
	}
	.side_panel .ean-sku-block{
		grid-area: a;
	}
	.side_panel .order-checkout-middle{
		grid-area: b;
	}
	.side_panel .checkout-button{
		grid-area: c;
	}
	.checkout-button #button-checkout-popup, .checkout-button #button-save-ar-mov-tab, .checkout-button #button-save-ar-mov{
		width: 100%;
	    border-radius: 1rem;
	    height: 5rem;
	}
	.modal.show .modal-dialog{
		width: 100%;
    	max-width: 97%;
	}
	.order-checkout-middle__catalog{
		width: 100%;
	}
	.content-area.shorter .table-responsive{
		padding: 0.25rem;
	}
	.plus-minus-input .cart-qty-inpt{
		width: 130px;
	}
	.product-page__wrapper{
		grid-template-columns: 1fr;
	}
	.show-prro-info span{
		display: none;
	}
	.shift-clock__title{
		display: none;
	}
	.shift-wrapper.pe-4{
		padding-right: 0!important;
	    margin-right: 1rem!important;
	    margin-left: 1rem;
	}
	.shift-main-info .col-xs-12 > label, .shift-middle-info .col-xs-12 > label, .shift-bottom-info .col-xs-12 > label{
	    padding-left: 0;
	    font-size: 1.5rem!important;
	    padding-bottom: 1rem;
	    padding-top: 0rem;
	}
	.shift-middle-info{
		padding-bottom: 0rem;
    	margin-bottom: 2rem;
	}
	.shift-main-info{
		padding-bottom: 0rem;
    	margin-bottom: 2rem;
	}
	#stores-cash-register h2{
		font-size: 2.75rem;
	}
	#cash-main-page-container .tile-heading{
		height: 6rem;
	}
}

@media (max-width: 568px){

	.side_panel{
	    grid-template-areas:
        "q"
        "e";
		grid-template-columns: 1fr;
		gap: 0;
		height: 220px;
	}
	.side_panel__actions{
		grid-area: e;
	}
	.side_panel__totals{
		grid-area: q;
	}
	.side-totals__wrapper{
		flex-direction: row;
    	width: 100%;
    	gap: 0.5rem;
    	padding: 0 1rem;
	}
	.side_panel__totals--pieces, .side_panel__totals--weight, .side_panel__totals--sum{
		border:none;
		align-items: flex-end;
	}
	.side_panel__totals--pieces b, .side_panel__totals--weight b, .side_panel__totals--sum b{
		right: 0.25rem;
	    bottom: 0.8rem;
	}
	.side_panel__totals--pieces, .side_panel__totals--weight{
		border-right: 1px solid #aeaeae;
		padding-left: 0;
	}
	.side_panel__totals{
		justify-content: flex-start;
	}
	.order-checkout-middle .button-add{
		display: none;
	}
	.side_panel__totals--sum b{
		right: 0;
	}
	.catalog-popup .search-line{
		grid-template-columns: 1fr 1fr;
	}
	.cash-list-header{
		width: auto;
	}
	#input-received-card {
	    height: 45px;
	}
	#cash-main-page-container{
		margin: 0 1rem;
	}
	.content-login .login-panel{
		height: auto;
        flex-direction: column;
		gap: 1rem;
	}
	#tab-customer{
		flex-direction: column;
	}
	.contragent-form .tab-customer-general .form-group{
		flex-direction: column;
	}

}
@media (max-width: 488px){
	.side_panel__totals label + span{
		font-size: 2rem;
    	height: auto;
	}
	.side_panel__totals--weight, .side_panel__totals--pieces{
		grid-template-columns: 1fr;
	}
	.side_panel__totals--sum #total_sum{
		font-size: 2rem!important;
	    margin-top: 0;
	    height: auto!important;
	}
	.side_panel__totals--pieces b, .side_panel__totals--weight b, .side_panel__totals--sum b{
		right: 0.1rem;
	    top: 0rem;
	    color: #919191;
	}
	.side_panel__totals--pieces, .side_panel__totals--weight{
		padding-bottom: 0;
	}
	.side_panel__totals--sum{
		padding-left: 0;
    	padding-bottom: 0;
		padding-right: 0;
	}
	.side_panel__totals--weight label, .side_panel__totals--pieces label{
		color: #454545;
	    padding-bottom: 0;
	    font-size: 1.3rem;
	    position: absolute;
	    top: 0;
	}
	.side_panel__totals--sum label{
	    color: #454545;
	    padding-bottom: 0;
	    font-size: 1.3rem;
	    position: absolute;
	    top: 0;
	}
	.side_panel__totals--sum{
		grid-template-columns: 1fr;
	}
	.side_panel__totals--pieces b, .side_panel__totals--weight b, .side_panel__totals--sum b {
	    color: #919191;
	    bottom: 0;
	    top: auto;
	    left: 0;
	}
	.side_panel{
		border-radius: 0.5rem;
	}
	.side-totals__wrapper{
		border-radius: 0.5rem;
		padding: 0 0.3rem;
	}
	.catalog-popup .search-line{
		grid-template-columns: 1fr;
	}
	.modal-header .close{
		font-size: 3rem;
	}
	.content-area.shorter .container-fluid >.panel-default{
		padding-bottom: 180px;
	}
	.correction-loader__title--text{
		display: none;
	}
	.sidebar-user-info .profile-pic{
		max-height: 30px;
	    object-fit: cover;
	    width: 60px;
	    border-radius: 0;
	    margin: 1rem 0 0rem 0;
	}
	#header .nav > li > a{
		padding: 3px 10px;
	}
	.new-quick-order a{
		padding: 7px 5px 0px 5px;
	    line-height: 0rem;
	    width: 3rem;
	    height: 3rem;
	}
	.content_order .container-fluid h1{
		width: 100%;
    	position: relative;
	}
	.content_order .container-fluid #title_customer_top{
		right: 0;
    	position: absolute;
	}
	.content_order #title_customer_top .customer_name{
		font-size: 16px;
	}
	.popup_total_sum{
		font-size: 2rem;
	}
	.popup_choose_payment_type span{
		font-size: 2rem;
		align-items: center;
	}
	.checkout-popup .cash-received{
		font-size: 2rem;
		align-items: center;
	}
	.popup-rest-wrapper .cash-rest{
		font-size: 2rem;
		align-items: center;
	}
	#popup-rest-value{
		align-items: center;
		font-size: 2rem;
	}
	.popup-rest-wrapper{
		padding: 1rem!important;
	}
	.modal.show .modal-dialog{
		max-width: 95%;
	}
	.rest-money-popup{
		font-size: 2.5rem;
	}
	.card-received{
		font-size: 2rem;
		align-items: center;
	}
	.single-info-page .container-fluid-centered{
		align-items: center;
	}
	.single-info-page .container-fluid-centered .pull-right{
		justify-content: center;
	}
	.single-info-page .container-fluid-centered h1{
		margin-bottom: 1rem;
	    padding: 0;
	    font-size: 2rem;
	}
	#cash-main-page-container{
		grid-template-columns: 1fr;
		margin: 0 2rem;
	}
	.checkout-button #button-checkout-popup, .checkout-button #button-save-ar-mov-tab, .checkout-button #button-save-ar-mov{
	    height: 4rem;
	    margin-top: 0.5rem;
	    font-size: 2rem;
	}
	#button-popup-catalog{
		background: #fff;
	}
	.templates-popup .modal-body{
		padding: 0;
	}
	.templates-popup .modal-content{
		padding: 10px;
	}
	.order-checkout-middle__catalog{
		margin-bottom: 0.2rem;
	}
	#column-left + #content + #footer{
		display: flex;
		height: 4rem;
	}
	.transaction-section__wrapper{
		grid-template-columns: 3fr 5fr;
	    display: grid !important;
	}
}
@media (max-width: 400px){
	.side_panel__totals--pieces, .side_panel__totals--weight{
		padding: 0.5rem 0.5rem;
	}
	.catalog-popup .modal-body{
		padding: 0;
	}
	.catalog-popup .modal-header{
/*		border-bottom: 1px solid #e5e5e5;*/
		border: none;
	}
	.side_panel__totals--pieces b, .side_panel__totals--weight b, .side_panel__totals--sum b{
		top: 0;
    	left: 45px;
	}
	.side-totals__wrapper{
		height: 4.5rem;
	}
	.side_panel__totals--pieces, .side_panel__totals--weight{
		padding-left: 0;
	    padding-bottom: 0;
	    padding-right: 0.5rem;
	}
	.active .sidebar-user-info{
		padding: 0rem 4rem;
	}

}
@media (max-width: 370px){
	.product-page__general{
	    padding: 2rem 1.5rem;
	}
	.stock-wrapper{
	    padding: 2rem 1.5rem;
	}

}