.ierror{font-size:9pt;color:red}
pre{width:100%}
.pagination li{cursor:pointer}
.nodes{margin-right:5px}
.glyphicon-wsp{
	top:3px;
	width:12px
}
.glyphicon-wsp:before {
    content: url("../img/wsp.png");
    margin:-10px -10px 0 0px;
}
/*table {*/
.tbody{font-size:10pt;background-color:white;}
.tbody th{background-color:#F5F5F5;border:1px solid #dddddd;font-weight:normal;padding:5px;text-align:center}
.tbody{border-spacing:2px 2px;border-collapse:separate;width:100%;table-layout:fixed;word-wrap: break-word;}
.tbody td{border:1px solid #dddddd;padding:5px}
.tbody tr{cursor:pointer;}
.select_tr td{background-color:#555555;color:white;}
.select_tr_light td{background-color:#e5e5e5;}
/*.select_tr .blue{color:black}*/
.tbody .white{background-color:#FFFFFF}
.tbody tr:hover{background-color:#F5F5F5}
.no-hover tr:hover{background-color:white;cursor:default}
.check{background-image: url(../img/check_radio_sheet.png);background-repeat: no-repeat;width:19px;height:19px;}
.select_tr .check{background:url(../img/check_radio_sheet.png)-19px top no-repeat}
.texcel{font-size:8pt}
.texcel td{border:1px solid #EEEEEE;padding:5px;}
.texcel th{border:1px solid #EEEEEE;padding:5px;background-color:#f5f5f5;text-align:center}
/*table }*/

/*check & radio{*/
div#show {width:280px;height:200px;padding:20px;position:absolute;left:50%;margin-left:-120px;top:50%;margin-top:-160px;background:#40464b;border-radius:6px;}
input[type="checkbox"]{display:none}
input[type="checkbox"]+label {color:gray;font-family:Arial, sans-serif;font-size:14px}
input[type="checkbox"]+label span {display:inline-block;width:19px;height:19px;margin:-1px 4px 0 0;vertical-align:middle;background:url(../img/check_radio_sheet.png) left top no-repeat;cursor:pointer;}
input[type="checkbox"]:checked+label span {background:url(../img/check_radio_sheet.png) -19px top no-repeat}
input[type="radio"]{display:none}
input[type="radio"]+label span {display:inline-block;width:19px;height:19px;margin:-1px 4px 0 0;vertical-align:middle;background:url(../img/check_radio_sheet.png) -38px top no-repeat;cursor:pointer;}
input[type="radio"]:checked+label span {background:url(../img/check_radio_sheet.png) -57px top no-repeat}
input[type="radio"][disabled]+label span{background: none}
/*check & radio}*/

.navbar-custom{margin-bottom:0px;background-color:#F3F3F3;border-radius:0px;border-bottom:solid 1px #ccc;
border-top: 3px solid #9ac31b;color: #444444;
}
.navbar-custom .active{
	background-color: #e7e7e7;
    color: #555;
}


.navbar-custom .navbar-nav > li > a {
    color: #777;
}

.form .input-group{display:block}


.tgrid{width:100%}
.tgrid td{padding:8px}
.tgrid .cell{position:relative;margin:auto;width:235px;height:235px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:8px;
-khtml-border-radius:14px;
border:solid 1px #ccc;
color:#666666;
}
.tgrid .unlock:hover{box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.tgrid .unlock{cursor:pointer;box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.tgrid .down{padding-top:35px;text-align:center;width:100%}
.cell-text{font-size:18pt}

.parent {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: auto;
}

.block {
    width: 600px;
    height: 250px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -125px 0 0 -300px;
}

.blue{color:#338DC9}
.red{color:red}
label{color:#777;margin-bottom:0px;}

.chosen-container-single .chosen-single {
    height: 34px !important;
}
.chosen-container-single .chosen-single span {
    padding-top: 4px !important;
}
.chosen-container-single .chosen-single div b {
    margin-top: 4px !important;
}

.chosen-container-single .search-choice-close{
	margin-top: 4px !important;
}

/*
input{font-size:12pt !important}
.chosen-single span{font-size:12pt !important}
*/

.comboshow{top:33px;background:none repeat scroll 0 0 #ffffff;border:1px solid #aaaaaa;color:#777777;display:none;padding:4px;position:absolute;z-index:99999;border-radius:4px;border-color:#66afe9;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset, 0 0 2px rgba(102,175,233,0.6);}
.items{font-size:12pt}
.no_one{border-top:1px dotted #aaa}
.items:hover{background-color:#f5f5f5;cursor:pointer}
.items_select{background-color:#f5f5f5}
.item{cursor:pointer}
.item:hover{background-color:#fafafa}


.bs {
    border-color: #e5e5e5 #eee #eee;
    border-style: solid;
    border-width: 1px;
	border-radius:10px;
    margin-bottom:15px;
    padding: 10px;
    position: relative;
}

.bs-label{
	color:#aaa;
	font-weight:bold;
	position:relative;
	top:-5px;

	padding:6px;

}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.bg-gray{background-color:#f9f9f9}

.cap-table{
	background-color:#eaeaea;padding:5px;border:dotted 1px #ccc;margin-left:2px;margin-right:2px;margin-top:5px;
}

.print{display:none}
@media print{
	.no-print{display:none}
	.print{display:block}
}

.first_focus{
	border:dashed 1px #338dc9;
}


.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
    margin-bottom:2px
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 12px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 20px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 20px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

@-webkit-keyframes spinner-border {
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  
  @keyframes spinner-border {
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  
  .spinner-border {
    display: none;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    border: 0.25em solid currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border;
  }

  .spinner-border.spin {
    display: inline-block;
  }
  
  .spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
  }

  .spinner-border-md {
    width: 1.5rem;
    height: 1.5rem;
    border-width: 0.2em;
  }
  
  @-webkit-keyframes spinner-grow {
    0% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    50% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes spinner-grow {
    0% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    50% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  .spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: .75s linear infinite spinner-grow;
    animation: .75s linear infinite spinner-grow;
  }
  
  .spinner-grow-sm {
    width: 1rem;
    height: 1rem;
  }

  .spinner-grow-md {
    width: 1.5rem;
    height: 1.5rem;
  }
  
  @media (prefers-reduced-motion: reduce) {
    .spinner-border,
    .spinner-grow {
      -webkit-animation-duration: 1.5s;
      animation-duration: 1.5s;
    }
  }

.tbody-mobile-cards .item-label {
    display: none;
}
@media (max-width: 1024px) {
    .tbody {
        table-layout: auto;
    }
}
@media (max-width: 512px) {
    .mobile-text-left {
        text-align: left;
    }

	select {
		width: 100%;
		background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
		padding: 7.5px 5px;
		box-shadow: 0 1px 0 #fff inset;
		border: 1px solid #aaa;
		border-radius: 5px;
		font-size: 13px;
		line-height: 26px;
		color: #444;
	}

    .tb-scrolling {
        overflow: auto;
        overflow-y: overlay;
    }

    .tbody-mobile-cards{
		margin-top: 5px;
		border-spacing: 0;
	}

    .tbody-mobile-cards,
    .tbody-mobile-cards tbody {
        display: block;
    }

	.tbody-mobile-cards tr {
		position: relative;
		margin-bottom: 10px;
		border: 1px solid #dddddd;
		border-radius: 5px;
	}

    .tbody-mobile-cards .col-xs-12 {
        float: none;
        text-align: center;
    }

	.tbody-mobile-cards .titles {
		display: none!important;
	}

	.tbody-mobile-cards tr,
	.tbody-mobile-cards th,
	.tbody-mobile-cards td {
		display: block;
	}

    .tbody-mobile-cards tr,
	.tbody-mobile-cards th {
        width: 100%;
	}

	.tbody-mobile-cards tr.titles,
	.tbody-mobile-cards td,
	.tbody-mobile-cards th{
        border: none;
    }

    .tbody-mobile-cards .item-label {
        display: inline;
    }
}

.msg-warning {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-image: -webkit-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);
    background-image: -o-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fcf8e3),to(#f8efc0));
    background-image: linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
    background-repeat: repeat-x;
    border-color: #f5e79e;
    color: #8a6d3b;
    background-color: #fcf8e3;
    text-shadow: 0 1px 0 rgb(255 255 255 / 20%);
    -webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 25%), 0 1px 2px rgb(0 0 0 / 5%);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 25%), 0 1px 2px rgb(0 0 0 / 5%);
}

#confirmBox {
    z-index: 9999;
}

.badge{
    border-radius: 0.25rem;
}

.badge-md {
    padding: 9px 12px;
    font-size: 13px;
    border-radius: 0.5rem;
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

.badge-default {
    background-color: #e0e0e0;
    border-color: #ccc;
}

.kaspi-modal-link {
    color: #E94333;
    cursor: pointer;
}

.kaspi-modal-link:hover {
    color: #bd291c;
    text-decoration: underline;
}

.selected .check-mark {
    color: green;
}

.filter-option-inner-inner span {
    padding: 0.25em 0.3em 0.25em 0.8em;
    font-size: 83%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    color: #fff;
    background-color: #a5a5a5;
    margin: 0 0 3px 0;
    display: inline-block;
}

.bootstrap-select .btn.dropdown-toggle.btn-custom{
    border-color: #ccc;
}

.filter-option-inner-inner span:hover{
    background-color: #a94442;
}

.filter-option-inner-inner span::after{
    content: '\00D7';
    padding: 0.5em;
}

.selectpicker ~ .dropdown-menu {
	max-width: 100%;
	overflow: auto;
}

.selectpicker ~ .dropdown-menu .inner{
	width: 100%;
	min-width: 100px!important;
	max-height: 350px
} 

.selectpicker ~ .dropdown-menu .text {
	white-space: normal;
}

.add-to-ajax {
    color: #337ab7;
    cursor: pointer;
}

.picture-in-news {
    text-align: center;
}
.picture-in-news > img {
    width: 350px;
}

.group-btn-center {
    border-radius: 0;
}

.toper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 5px;
}

.toper > .breadcrumb {
    margin: 0 3px 0px 0;
    width: calc(100%);
    padding: 6px 10px;
    border: solid 1px #dddddd;
}

.link-close-shift {
    color: #337ab7;
    cursor: pointer;
}

@media (min-width: 1142px) {
    .modal-xlg {
        width: 1140px;
    }
}

#scanBarcode {
    z-index: 9999;
}

.item_is_piece_yes {
	color: #b92c28;
	font-weight: bold;
}