.red {
	color: #df111c;
}

.green {
	color: #26ac8e;
}

.orange {
	color: #ff7f27;
}

.vnum {
	color: red;
	font-weight: bold;
}

.clear {
	clear: both;
}

ul.errors {
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}

.form-group.has-error .form-control, .form-group.has-error .form-textarea {
	border: 2px solid #DB5246;
}

.input-group.has-error .form-control, .input-group.has-error .form-textarea {
	border: 2px solid #DB5246;
}

.has-error-block, .has-error .form-control, .has-error .radio-item, .has-error textarea, .has-error .form-select {
	border-width: 2px !important;
	border-color: #df111c !important;
}

.star {
	color: red;
}

.spinner-custom {
	position: absolute;
}

.spinner-custom div {
	width:25px; height:25px; position:relative; left:-10px; top:-2px;
}

.flatpickr-weekdays, .flatpickr-weekday {
	background: transparent !important;
	color: inherit !important;
}

.date-icon {
	float:right;height:0px;position: relative;top: 33px;left: -31px;
}

.date-icon i {
	position:absolute;font-size: 20px;
}

.flatpickr-calendar{
	position: fixed !important;
}

tr.trow-active, tr.trow-active td {
	background: #cde9f7 !important;
}

/*
// File preview
*/

.file-preview-wrap {
	min-height: 45px;
}

.file-preview {
	float: left;
}

.file-preview .file-icon {
	float: left; 
	margin-right: 10px;
}

.file-preview .file-icon i {
	line-height: 35px;
	font-size: 35px;
}

.file-preview .file-info {
	float: left;
}

.file-preview .file-title {

}

.file-preview .file-title a {
	line-height: 10px; 
	position: relative; 
	top: -3px; 
	word-break: break-all;
}

.file-preview .file-size {
	line-height: 25px;
	position: relative; 
	top: -7px; 
	font-size: 13px;
}

.file-delete { 
	float: left;
	margin-right: 15px;
}

.file-delete a {
	float: left;
	font-size: 20px;
	margin-top: 7px;
	color: #df111c;
	line-height: 20px;
}

.file-delete a:hover {
	color: #555555;
}

.file-type {
	height: 25px;
	font-weight: bold;
}

.upload-filetype {
	float: left; 
	margin-right: 30px;
}

.upload-filetype select {
	height: 31px;
	width: 230px; 
	padding: 0px 6px;
	line-height: 30px;
	font-size: 13px;
}

/* Custom Bootstrap-like breakpoint XXXL (min-width: 1600px) */
@media (min-width: 1600px) {

    .col-x16-1  { flex: 0 0 8.333333%;  max-width: 8.333333%; }
    .col-x16-2  { flex: 0 0 16.666667%; max-width: 16.666667%; }
    .col-x16-3  { flex: 0 0 25%;        max-width: 25%; }
    .col-x16-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
    .col-x16-5  { flex: 0 0 41.666667%; max-width: 41.666667%; }
    .col-x16-6  { flex: 0 0 50%;        max-width: 50%; }
    .col-x16-7  { flex: 0 0 58.333333%; max-width: 58.333333%; }
    .col-x16-8  { flex: 0 0 66.666667%; max-width: 66.666667%; }
    .col-x16-9  { flex: 0 0 75%;        max-width: 75%; }
    .col-x16-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
    .col-x16-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
    .col-x16-12 { flex: 0 0 100%;       max-width: 100%; }

    /* Optional: авто ширина, като при .col-xxl */
    .col-x16     { flex: 1 0 0%; }

}


/* Custom Bootstrap-like breakpoint XXXL (min-width: 1800px) */
@media (min-width: 1800px) {

.col-x18-1  { flex: 0 0 8.333333%;  max-width: 8.333333%; }
.col-x18-2  { flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-x18-3  { flex: 0 0 25%;        max-width: 25%; }
.col-x18-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-x18-5  { flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-x18-6  { flex: 0 0 50%;        max-width: 50%; }
.col-x18-7  { flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-x18-8  { flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-x18-9  { flex: 0 0 75%;        max-width: 75%; }
.col-x18-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-x18-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-x18-12 { flex: 0 0 100%;       max-width: 100%; }

/* Optional: авто ширина, като при .col-xxl */
.col-x18     { flex: 1 0 0%; }

}

.dashed {
	border-bottom: 1px dashed #878a99;
	padding-bottom:3px;
}
.badge-percents {
	#position:relative; left:-30px; 
	
	border:1px solid #ced4da;
	
		box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
		font-size: 13px;
}
.table-folder {

}
.table-folder th {
	border:1px solid #d7d7d7;
	background: #eaedf1;
	font-weight: normal;
	color: #6f6f6f;
}
.table-folder td {
	border:1px solid #d7d7d7;
	font-weight: 500;
	color: #6f6f6f;
	background: #fbfcfe;
	
}

.select-op {
	color: #84d786 !important;
	font-weight: 600;
	#background: #ecf8ed !important;
}

.select-dv {
	color: #6da1c8 !important;
	font-weight: 600;
	#background: #e9f1f6 !important;
}

div.contract-subject {
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: justify;
  color:var(--vz-link-color);
}

select[readonly] {
  pointer-events: none !important;
}

.dds {
	padding-bottom: 3px; 
	border-bottom: 2px dashed #58caea;
}