.select2-container--krajee .select2-selection--single,
.select2-container--krajee-bs3 .select2-selection--single {
	padding: 8px 24px 6px 16px!important;
}

.rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle::before {
	top: -3px !important;
}

.rd-navbar-static .rd-navbar-dropdown {
	width:240px;
}

.warehouse-remains {
	position: absolute;
    right: 20px;
    bottom: 9px;
    font-size: 10px;
}

#grid-article-warehouse .range-value em.text-muted {
	white-space: nowrap;
}

#grid-article-warehouse  .form-control {
	display: flex;
}

#modal_add_provider.modal {
	z-index: 9998 !important;
}

.modal_add_article_color.modal {
	z-index: 10000 !important;
}

.kv-grid-table {
	min-height: 100px;
}

i.select2ral-bkg {
	height: 15px;
	min-width: 15px;
	float: left;
	margin-right: 10px;	
}

.classic-flex {
	display: flex;
    align-items: center;
}
	
#grid-color-container.table-responsive{
	overflow-x: initial;
}

@media screen and (max-width: 481px) {
	#grid-color-container.table-responsive{
		padding-bottom: 60px;
	}
}

ul.fancytree-container {
	border:0 !important;
}

.fancytree-treefocus span.fancytree-selected span.fancytree-title, .fancytree-treefocus span.fancytree-active span.fancytree-title {
	color:inherit;
}
    

@media screen and (max-width: 1023px) {
	#select-equipment .panel-body {
		overflow: hidden;
	}
}

.form-group.form-group-lg {
	padding-bottom: 9px;
    margin: 15px 0 0 0;
}

.active-chat-message {
	background: antiquewhite;	
}


#chatModal .tt-menu .tt-suggestion,
#chat_page_second .tt-menu .tt-suggestion {
	white-space: normal;
}

#chat_page_second .tt-menu {
	max-height: 100vh;
	overflow-y: scroll;
}

#chat_page_second .media-heading {
	/*overflow:hidden;*/
}

.btn.btn-primary.btn-file {
	min-width: 140px;
}

.article_tree_content .form-group-lg .form-control-static {
	font-size: 12px;
}

.price_filter {
	display:flex; 
	align-items:center; 
	justify-content; 
	width:200px; 
	text-align:center;
}

.price_filter input { width: 40%; }

.status_finished,
.status_partial_finished,
.status_in_payment {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
}

.status_finished {
	background: var(--succes-color);
}

.status_partial_finished {
	background: var(--project-orange);
}

.status_in_payment {
	background: blue;	
}

.badge-error {
  background-color: #b94a48;
}
.badge-error:hover {
  background-color: #953b39;
}
.badge-warning {
  background-color: #f89406;
}
.badge-warning:hover {
  background-color: #c67605;
}
.badge-success {
  background-color: #468847;
}
.badge-success:hover {
  background-color: #356635;
}
.badge-info {
  background-color: #3a87ad;
}
.badge-info:hover {
  background-color: #2d6987;
}
.badge-inverse {
  background-color: #333333;
}
.badge-inverse:hover {
  background-color: #1a1a1a;
}

.center-text {
    text-align:center;
}

.wrp-left .center-text {
	text-align:left;
}

.line-through {
	text-decoration: line-through;	
}

thead .glyphicon.glyphicon-calendar {
	display:none;
}

.multiple-input-list__item.multiple-input-list__item_active{
	background-color: #c3e6cb;
}

/* Hiding the checkbox, but allowing it to be focused */
.badgebox
{
    opacity: 0;
}

.badgebox + .badge
{
    /* Move the check mark away when unchecked */
    text-indent: -999999px;
    /* Makes the badge's width stay the same checked and unchecked */
	width: 27px;
}

.badgebox:focus + .badge
{
    /* Set something to make the badge looks focused */
    /* This really depends on the application, in my case it was: */
    
    /* Adding a light border */
    box-shadow: inset 0px 0px 5px;
    /* Taking the difference out of the padding */
}

.badgebox:checked + .badge
{
    /* Move the check mark back when checked */
	text-indent: 0;
}

.task-form .help-block {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    color: #737373;
}
.task-form .form-group {
    margin-right:5px;
}

.task-form  .btn-default:active, 
.task-form .btn-default.active, 
.task-form  .open > .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.task-form .btn-primary:focus, .btn-primary.focus {
        background-color: initial;
}

.imgPreview {
	cursor: pointer;
}

#block-main-grid-pjax {
	min-height: 400px;
}

.suggestions-promo {
	display:none!important;
}

.payment_schedule_sup {
	display:inline-block;
}

.payment_schedule_sub {
	font-size: 10px;
    color: grey;
    text-align: right;
}

/*
.modal-dialog {
	margin-top: 0;
	margin-bottom: 0;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
  }
  
  .modal.fade .modal-dialog {
	transform: translate(0, -100%);
  }
  
  .modal.in .modal-dialog {
	transform: translate(0, 0);
  }
  */

@media screen and (max-width: 812px) {
	.mobile-wrap {
		flex-wrap:wrap;
	}

	.for-iphone {
		display:block;
	}

	.for-computer {
		display:none;
	}

	.mobile-mt-40 {
		margin-top:40px;
	}
}

@media screen and (min-width: 813px) {
	.for-iphone {
        display:none;
    }

    .for-computer {
        display:block;
        
    }
}


@media screen and (max-width: 812px) {
	 /* Force table to not be like tables anymore */
	 .for-iphone-grid thead, 
	 .for-iphone-grid tfoot, 
	 .for-iphone-grid table, 
	 .for-iphone-grid tbody, 
	 .for-iphone-grid th, 
	 .for-iphone-grid td, 
	 .for-iphone-grid tr { 
		display: block; 
		width:100%;
	}
	
	.mobile_100 {
		width: 100%;
	}
}

#grid-supplier-bill-pjax .dropdown-menu > li > span {
	display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

select[readonly].select2-hidden-accessible + .select2-container {
	pointer-events: none;
	touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
	background: #eee;
	box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
	display: none;
}

.label-success-custom {
	color: #5cb85c;
    border: 2px solid #5cb85c;
    border-radius: 10px;
}

.label-orange-custom {
	color: var(--project-orange);
    border: 2px solid var(--project-orange);
	border-radius: 10px;
	background: none;
	outline: initial;
}

.label-blue-custom {
	color: #337ab7;
    border: 2px solid #337ab7;
	border-radius: 10px;
	background: none;
	outline: initial;
}
.label-blue-custom:hover {
	background: #337ab7;
	color:white;
}

.label-default-custom {
	color: #5cb85c;
    border: 2px solid #5cb85c;
    border-radius: 10px;
}

.drawing-status-badge {
	font-size: 30px;
    align-items: center;
	display: flex;
	justify-content: flex-end;
}

@media screen and (max-width: 767px) {
	.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
		white-space: initial!important;
	}
}

.payment-document-short-stats th {
	font-weight: initial !important;
}

.remove_item,
.remove_item:hover,
.remove_item:active {
	color:red;
	cursor:pointer;
}

#modal_count_block_message .modal-dialog {
	width: 350px;
}

.label-for-modal-count-block-message {
	text-align:center; 
	position:absolute; 
	top:-20px;
	right:-20px;
	z-index:1;
}

.label-for-modal-marked-block-message {
	text-align:center; 
	position:absolute; 
	top:-20px;
	right:5px;
	z-index:1;
}

.common-count-blocks {
	cursor: pointer;
}

@media (max-width: 1330px) {
	.navbar-header {
		float: none;
	}
	.wrap .navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.wrap .navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in{
		display:block !important;
	}
  }

  .media-message blockquote {
    font-size: 14px;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    line-height: 14px;
    margin: 0;
    padding-top: 0;
    border-left: 5px solid lightblue;
    margin-bottom: 10px;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
    background-color: #08c!important;
}

.kv-drp-dropdown {
	display: flex;
}

.popover-content span {
    color:var(--project-orange);
}

.swal2-modal.swal-validate-tree {
	font-size: 16px;
}

.active_svg
{
	filter: invert(35%) sepia(94%) saturate(384%) hue-rotate(166deg) brightness(102%) contrast(92%);
}


.select2-container--krajee .select2-selection--multiple .select2-selection__choice,
.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__choice {
    color: #555;
    background: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin: 5px 0 0 6px;
    padding: 0 6px;
}

.select2-container--krajee .select2-selection--multiple .select2-selection__choice__remove,
.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__choice__remove {
    border: none;
    background: none;
    box-shadow: none;
    outline: none;
    float: right;
    color: #000;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    opacity: 0.4;
    filter: alpha(opacity=40);
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    margin: 2px 0 0 3px;
}
/*
.swal2-container {
	z-index: 10001 !important;
}
*/