#content { width: 82%; }
.header-search{ margin-left: 43px; }
@media (min-width: 1400px) {
	.container { max-width: 1380px; }
	.header-search{ margin-left: 20px; }
}
@media (min-width: 1600px) { 
	.container { max-width: 1540px; }
	#content { width: 84%; }
	.seznami_frame > .row > .col-lg-3{ width: 18%; max-width: 18% }
	.seznami_frame > .row > .col-lg-9{ width: 82%; max-width: 82%; flex: 0 0 82%; }
	.header-search{ margin-left: 105px; }
}
@media (min-width: 1800px) { 
	.container { max-width: 1740px; }
	#content { width: 86%; }
	.header-search{ margin-left: 365px; }
}
@media (min-width: 1900px) { 
	.container { max-width: 1840px; }
	.header-search{ margin-left: 450px; }
}
@media (min-width: 2000px) { 
	.container { max-width: 1940px; }
	#content { width: 87%; }
	.header-search{ margin-left: 480px; }
}
@media (min-width: 2100px) { 
	.container { max-width: 2040px; }
	#content { width: 88%; }
	.header-search{ margin-left: 550px; }
}
@media (min-width: 2200px) { 
	.container { max-width: 2140px; }
	#content { width: 89%; }
	.header-search{ margin-left: 600px; }
}
@media (max-width: 1200px) {
	.header-search{ margin-left: 0; }
	.header-search-input.form-group{ width: 190px !important; }
}
@media (max-width: 991px) {
	.seznami_frame > .row > .col-lg-3{ display: none; }
	.header-search{ display: none; }
}
@media (max-width: 767px) {
	#folder_menu{ display: none; }
	#content{ width: 100% !important; padding-left: 7px !important; }
}
html{ background: #fff; color: #231F20; }
body{ font-size: 0.82rem; font-family: Arial, Helvetica, sans-serif; }
.table{ color: #231F20; }
b, strong { font-weight: bold; }
a, a:hover, a:focus{ color: #ED1C24; }
.btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-primary:active:focus, .btn.btn-primary:active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active:hover, .open > .btn.btn-primary.dropdown-toggle, .open > .btn.btn-primary.dropdown-toggle:focus, .open > .btn.btn-primary.dropdown-toggle:hover, .navbar .navbar-nav > li > a.btn.btn-primary, .navbar .navbar-nav > li > a.btn.btn-primary:hover, .navbar .navbar-nav > li > a.btn.btn-primary:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active, .navbar .navbar-nav > li > a.btn.btn-primary.active, .navbar .navbar-nav > li > a.btn.btn-primary:active:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active:hover, .navbar .navbar-nav > li > a.btn.btn-primary.active:focus, .navbar .navbar-nav > li > a.btn.btn-primary.active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:hover{
	background-color: #ED1C24;
    color: #FFFFFF !important;
}
#logo{ height: 60px; }
.checkbox input[type=checkbox]:checked + .checkbox-material .check {
    background: #ED1C24;
}
.input-group .input-group-addon{ min-width: 30px; position: relative; top: 5px; }
.datepicker table tr td span.active{ color: #000; }
.datepicker table tr td span.focused{ color: #fff; background-color: #ae181d; }

.card-signup .checkbox label{ margin-left: 0; }
.card-signup .alert-danger .alert-icon{ height: 65px; }

.bg-login{
	background: #567f83;
	background: #C0C0C0;
}
.bg-login .card .header-primary{ background: transparent; box-shadow: none; }
.bg-login .card-signup{ background: transparent; box-shadow: none; border: 0; }
.bg-login .form-group label.control-label,
.bg-login input{ color: #fff; }
.bg-login .checkbox .checkbox-material .check{ border: 1px solid #fff; }

.bg-login .form-group.is-focused label, .form-group.is-focused label.control-label{ color: #ccc; }
.bg-login .form-group.is-focused .form-control{ background-image: linear-gradient(#ddd, #ddd), linear-gradient(#ddd, #ddd) }
.bg-login .form-group.has-error.is-focused .form-control{ background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2); }
.bg-login .form-control:focus{ color: #ddd }
.bg-login .form-group{ margin-top: 15px; }
.signup-page .wrapper .card-signup { margin: 80px 0 80px; }
.signup-page .wrapper .card-signup .content,.footer-login { padding: 0px 10px; }
.bg-login .btn{ padding: 14px 50px; width: 100%; margin-top: 30px; }
.bg-login .checkbox label, .radio label{ color: #fff; }

.ui-resizable-s{bottom: 0;}
.footer{
	background-color: #fafafa;
    border-top: 1px solid #ccc;
    text-align: center;
	padding-bottom: 5px;	
    width: 100%;
	z-index: 10;
	float: left;
}
#page{ float: left; }
.footer-login{background:transparent;border:0;}
.copyright div{display: inline-block;}
.copyright img{height: 50px;}
.copyright span{font-size: 0.9em;display:block;}
.copyright_img{position: relative;top: -10px;}
.copyright h3{
	display: inline;
    font-size: 18px;
    font-weight: bold;
    margin-right: 35px;
    margin-left: 20px;
}
.col-centered{
    float: none;
    margin: 0 auto;
}
.popover-header{
	margin:0;
	padding-top: 15px;
}
.profile-change-pass:hover{
	color: #9f0c02;
	cursor: pointer;
}

.services .card{ transition: all 0.3s; padding: 10px; min-height: 370px; }
.services .card .material-icons{ font-size: 5em; }
.services .card h5{ font-weight: 600; }

button:hover,.href:hover{cursor:pointer;}
div.error {
    color: red;
    position: absolute;
    margin-top: 40px;
    margin-left: 55px;
}
.index-page .brand h1{
	font-size: 4.0em;
}
.index-page .brand{
	margin-top: 12vh;
}
.card-signup {
	padding: 25px;
}
.card-signup h4 {
	font-size: 1.7em;
	line-height: 1.5em;
	margin-top: -8px;
	font-weight: 400;
}
.card-signup .footer {
	margin-top: 25px;
	margin-bottom: 20px;
}
.card-signup .content {
	margin-top: 80px;
}
.control-label-icon{
	margin-left: 30px !important;
}
.content-wrapper{
	min-height:84vh;
	background-color: #fff;
}
.content-wrapper h2{
	margin-bottom: 40px;
}
.geoloc_meta{
	background-color: #f5f5f5;
    padding: 10px;
    padding-top: 1px;
}
.input-geoloc{
	margin: 0;
	height: 70px;
	padding-left: 10px;
}
.input-geoloc p i{
	position: relative;
	top: 6px;
}
.pagination-frame{
    padding-left: 10px;
    padding-bottom: 20px;
    background: #fff;
	z-index: 1;
	width: 99%;
}
.pagination a {
	color: #a10d0b;
}
.pagination a:hover {
	color: #ED1C24;
}
.table .thead-dark,
.pagination .active a {
	background: #ED1C24;
	color: #fff !important;
}
.navbar-custom{
	background: #C0C0C0;
}
.navbar-custom .navbar-nav > .active > a {
    color: #ED1C24;
    background: #fff;
}
.navbar-custom .navbar-nav > li:hover > a {
    color: #ED1C24;
    background: #eee;
}
.navbar-custom li a{
	color: #231F20;
	margin-right: 3px;
	padding-right: 15px !important;
}
.navbar-custom .dropdown-item{
	color: #000;
}
.navbar-custom{
	padding: 0;
}
.header-title {
    font-size: 20px;
    margin-left: 10px;
    font-size: 1.5em;
	width: 340px;
}

.form-plain{
	background: #fff;
    border: 1px solid #888;
    padding: 0 10px;
}
.input-subevent{
	margin-left: 20px;
	width: 96%;
}

.table-row-clickable tbody tr:hover{ cursor: pointer; }

.switch-toggle{ float: left; background: #ccc; }
.switch-toggle > input { position: absolute; opacity: 0; }
.switch-toggle > input + label { padding: 7px; float:left; color: #000; cursor: pointer; margin: 0; font-size: 0.9em; }
.switch-toggle > input:checked + label { background: #ED1C24; color: #fff; }
.switch-toggle > input.swicth_ok:checked + label { background: green; color: #fff; }
.switch-toggle > input.swicth_none:checked + label { background: #888; color: #fff; }
.switch-toggle > input.swicth_not_applicable:checked + label { background: #ffbb00; color: #000; }
.switch-toggle .space{ background: #f3f3f3; float: left; font-size: 2em; line-height: 31px; }
.btn-select{ 
	margin: 0;
	padding: 0 !important;
	color: #000 !important;
	text-transform: unset;
	font-weight: bold;
	font-size: 1em !important;
	background: none;
}
.btn-select:hover,.btn-select:focus,.btn-select:active{ background: #ddd !important; } 
.li-word-icon{ font-size: 1.4em;color: blue; position: relative; top: 3px; }

.folder_menu { 
	float:left; 
	width:230px;
	min-height: 85vh;
	padding-top: 13px;
	overflow-y: auto;
	overflow-x: hidden;
	border-right: 1px solid #ccc;
}
.folder_menu .fa-stack{
	vertical-align: unset;
}
.folder_menu .postopki-step-title{
	display: inline-block;
	width: 70%;
	margin-left: 10px;
}
.dropdown-disabled{color: #999;}
#content { 
	/*overflow:hidden;
	width:auto;*/
    float: left;
	padding-left: 40px;
	min-height: 78vh;
	position: relative;
}
.dropdown-special{
	display: inline;
}
.dropdown-toggle-special{
	background-color: #fff !important;
	color: #555 !important;
	box-shadow: none !important;
	padding: 12px 15px !important;
}
.dropdown-menu-special li{
	font-size: 0.8em;
	padding: 3px 10px;
	min-width: 11rem;
}
.dropdown-menu-special li i{
	font-size: 1.3em;
	position: relative;
	top:  5px;
}
.dropdown-menu-special li:hover{
	cursor: pointer;
	background: #ddd;
	color:#000;
}
.dropdown-no-caret:after{display:none;}
.dropdown-toggle-special2{
	background: none !important;
	color: #555 !important;
	box-shadow: none !important;
	padding: 0px !important;
}
.dropdown-toggle-special2:hover{
	color: #ED1C24 !important;
}
.dropdown-toggle-special2 i{
	font-size: 25px !important;
	margin-top: -15px;
}
.dropdown-toggle-special2:after{
	display: none;
}
.navbar-submenu{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}
.navbar-submenu div{
	padding: 0 20px;
	border-right: 1px solid #ccc;
}
.navbar-submenu div:hover{
	color: #ED1C24;
	cursor: pointer;
}
.display_table{padding-top: 15px;}
.files_list, .files_list ul,.files_list2, .files_list2 ul{
	list-style: none;
	padding: 0;
}

.files_list ul,.files_list2 ul{padding-left:0px;}
.files_list ul ul,.files_list2 ul ul{padding-left:15px;}
.files_list li a span{ 
	display: inline-block;
    width: 77%;
    line-height: 1.5em;
    vertical-align: bottom;
 }
.list_basic{float: right;}
.list_filter span,.list_basic span{
	position: relative;
	top: -6px;
}
.list_filter:hover,.list_filter.active,
.list_basic:hover,.list_basic.active{
	cursor: pointer;
	color: #ED1C24;
}
.dropdown-filter{
	margin: 0;
	padding: 3px !important;
}
.table_filter .dropdown-filter{ text-align: left; }
.dropdown-menu-filter{
	padding: 10px 15px;
}
.dropdown-menu-filter label{ font-size: 13px; }
.document_gisurl:hover{
	color: #ED1C24;
	cursor: pointer;
}
.dropdown-menu-filter input[type=text]{width: 100%;}
.files_library_level_2{padding-left:15px !important;}
.files_library_level_3{padding-left:27px !important;}
.files_library_level_4{padding-left:39px !important;}
.files_library_level_5{padding-left:51px !important;}
.files_library_level_6{padding-left:63px !important;}

#folder_menu{ padding-top: 20px; }
.files_list{ max-width: 225px; }
.files_list li a{ display: block; padding: 4px 13px; line-height: 35px; color: #231F20; }
.files_list i{ width: 35px; position: relative; top: 6px; }
.files_list li:hover{ color: #ED1C24; cursor: pointer; }
.files_list li.active a{ font-weight: bold; color: #ED1C24; }
.files_list li.active{ color: #ED1C24; }

.files_list li a:hover, .files_list li.active a{
	cursor: pointer;
	background: #eee;
	text-decoration: none;
}
.files_list2 .active,.files_list2 .active:hover{
	cursor: pointer;
	background: #ED1C24;
	color: #fff;
}
.files_list ul li,.files_list2 ul li{padding:1px 5px;}

.files_library ul li{display: table;}
.files_library ul li:before{
	content: "\e2c7";
	font-family: "Material Icons";
	display: table-cell;
	font-size: 30px;
	margin-top:-3px;
	position: relative;
	top: 8px;
	width: 1.2em;
}
.files_library li.full:before{
	content: "\e2cc";
	font-family: "Material Icons";
	display: inline-block;
	font-size: 30px;
	margin-top:-3px;
	position: relative;
	top: 8px;
	width: 1.2em;
}
.files_library li.open:before{
	content: "\e2c8";
	font-family: "Material Icons";
	display: inline-block;
	font-size: 30px;
	margin-top:-3px;
	position: relative;
	top: 8px;
	width: 1.2em;
}
.files_library li.open, .files_list li.open2{
	background: #e0e0e0;
}
.table_filter td{background: #fff;}

.lists-order{float: right;margin-right: 20px;}
.lists-order:hover{color: #ED1C24 !important;cursor: pointer;}
.list-sortable{display:table;}
.list-sortable .sort_icon{display:table-cell;vertical-align:middle;width:40px;}
.list-sortable .sort_title{display:table-cell;}
.list-new{padding-left: 0px !important;}
.list-new:hover{
	color: #ED1C24 !important;
	cursor: pointer;
}
.list_menu li,.list_menu2 li{display: table;width:90%;}
.list_menu li:before,.list_menu2 li:before{
	content: "\e8ee";
	font-family: "Material Icons";
	display: table-cell;
	font-size: 22px;
	position: relative;
	top: 5px;
	width: 1.2em;
}

.list-body{padding-top: 20px;}
.list-body h2{text-align: center;}
.form-dpa-modal .list-title{ margin-top: 30px; }
.list-title,.list-title2{    
	font-weight: bold;
    font-size: 15px;
}
.modal-wide .modal-dialog {
	min-width: 800px;
	width: auto;
    max-width: 1150px;
}
.modal-full .modal-dialog {
	min-width: 95%;
	width: auto;
    max-width: 1150px;
}
.ekko-lightbox .modal-body{ padding: 7px; }
.form-custom-field{
	width: 180px;
	text-align: center;
}
.form-custom-field label:hover,.form-custom-field label.active{
	cursor: pointer;
	background: #f8f8f8;
}
.form-custom-field .custom-title{
	font-size: 1.1em;
	font-weight: bold;
}
.form-custom-field .custom-desc{
	font-size: 0.9em;
	font-style: italic;
}
.wrapper1, .wrapper2 {
  width: 100%;
  overflow-x: scroll;
  overflow-y:hidden;
}

.formelement-mt0 .form-group{ margin-top: 0; }

.wrapper1 {height: 20px; display: none; }
.div1 {
  width: 2000px;
  height: 20px;
}
.seznami_frame{ padding-top: 15px; }
.seznami-variables img{
	display: inline-block;
	vertical-align: top;
    margin-top: 10px;
}
.seznami-variables .form-group{
	margin: 0;
}
.search_num{background: yellow;}
.form-group .help-block{
	margin-left: 0px;
}
.seznami-variables-row .list-title{
	padding-top: 12px;
	margin-bottom: 3px;
}
.seznami-variables .var-input{
	display: inline-block;
	width:65%;
	margin-left: 20px;
    top: 10px;
    position: relative;
	margin-bottom: 10px;
}
.row-record-insert{
	padding: 10px 0;
	margin-top: 0px !important;
}
.seznami-variables .checkbox{
	margin-right: 25px;
}
#sortable{
	padding: 0;
	list-style: none;
}
.seznami-variables-row .img_sort{
	display: inline-block;
	font-size: 40px;
	margin-top: 27px;
}
.seznami-variables-row .img_sort:hover{
	color: #ED1C24;
}
.img_sort:hover,.file-del:hover{
	color: #ED1C24;
	cursor: pointer;
}
.ui-state-highlight2{width:100%;height:150px;background-color: #FBFCC2;}
.ui-state-highlight3{width:100%;height:30px;display:inline-block;background-color: #ddd;}
.seznami-variables .var-special{font-size: 0.9em;}
.seznami-variables div.var-edit{
	display: inline-block;
	width:20%;
	margin-left: 10px;
	position: relative;
	top: -13px;
	font-size: 20px;
}
.chosen-container-multi{
	width: 460px !important;
	min-height: 60px;
}
.chosen-container-multi li{
	line-height: 1.4em;
}
.btn-variables-edit:hover,.record-edit:hover,.table-edit:hover,.permission-edit:hover{
	color: #ED1C24 !important;
	cursor: pointer;
}
.btn-variables-delete:hover,.btn-value-delete:hover,.clearAttach:hover,.record-delete:hover,.file-remove:hover,.file-remove2:hover,.table-delete:hover,.table-settings:hover,.permission-delete:hover,.style-delete:hover,.fileDelete:hover{
	color: #bc0101 !important;
	cursor: pointer;
}
.file-remove,.file-remove2{ float: right; }
.input-desc-right{
	font-size: 10px;
    position: absolute;
    margin-top: -15px;
    right: 10px;
}
.fileDelete{
	color: red;
	position: relative;
	top: 5px;
}
.permission-disabled{color: #ccc;}
.seznami-variables-row{
	margin: 0;
	padding: 5px 0;
}
.seznami-ajax .seznami-variables-row{ padding: 0; }
.seznami-ajax .seznami-variables-row .list-title{ padding-top: 5px; }
.seznami-ajax2 .form-group{ margin: 0; padding: 0; }
.seznami-ajax2 .form-group .form-control{ background-color: #fff; margin: 0; padding: 0; height: 30px; }
.row-highlight td{ background-color: #FBFCC2; }
.row-disabled td{ background-color: #eee; }
.bg-highlight{ background-color: rgba(0,0,0,.075); }
.seznami-variables-row:hover{
	background: #f9f9f9;
}
.seznami-variables label.control-label{
	font-weight: bold !important;
	font-size: 16px !important;
	color: #888 !important;
	margin: 0px !important;
}
.seznami-variables .check{
	margin-right: 10px;
}
.seznami-variables .checkbox{
	display: inline-block;
}
.seznami-variables .input-4,.seznami-variables .input-5{
	display: block;
}
#seznam_load{
	min-height: 77vh;
	overflow: auto;
	padding-top: 4px;
	position: relative;
}
.tableFloatingHeader th{padding:0;margin:0;border-collapse:separate;border-spacing: 0;}
.table-list{margin-bottom: 20px;}
.table-list th {
	min-width: 63px;
}
.table-list td {
    /*white-space: nowrap;
    padding: 7px 12px;
    margin: 0;*/
	vertical-align: middle;
}
.dpa-files{ min-height: 60vh !important; }
.dpa-files .table-list td {
    white-space: normal;
    padding: 1px 9px;
    margin: 0;
	vertical-align: middle;
}
.postopek-side .card .card-body{
	height: auto;
	max-height: 400px;
	width: 97%;
    overflow-y: auto;
    margin-bottom: 10px;
}
.history-line{ margin-bottom: 10px !important; }
.table-list td .checkbox label{ margin-bottom: 0; }
.table-list .set_width{
	min-width: 43px !important;
	padding: 0;
    text-align: center;
    white-space: unset !important;
}
.table-list th span:hover,.table-list th span.active{
	color: #ED1C24;
	cursor: pointer;
}
.value-col1{
	display: inline-block;
	width: 85%;
}
.value-col2{
	display: inline-block;
	width: 10%;
	margin-left: 10px;
}
.hasParentObject span{
	margin: 0 15px;
    position: relative;
    top: -6px;
}

.search-opt label:hover{cursor: pointer;}
.btn-loader{ max-height: 17px; margin-left: 4px; }
.loader-frame {
	position: absolute;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    height: 100%;
    z-index: 100;
}
.loader-frame-import{
	top: -51px;
    left: 0px;
	height: 300px;
}
.loader {
	position: absolute;
	left: 50%;
	margin-top: 85px;
}
.loader-import{ left: 40%; }
.lds-roller {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.lds-roller div { animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; transform-origin: 40px 40px; }
.lds-roller div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #ED1C24;
	margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) { animation-delay: -0.036s; }
.lds-roller div:nth-child(1):after { top: 63px; left: 63px; }
.lds-roller div:nth-child(2) { animation-delay: -0.072s; }
.lds-roller div:nth-child(2):after { top: 68px; left: 56px; }
.lds-roller div:nth-child(3) { animation-delay: -0.108s; }
.lds-roller div:nth-child(3):after { top: 71px; left: 48px; }
.lds-roller div:nth-child(4) { animation-delay: -0.144s; }
.lds-roller div:nth-child(4):after { top: 72px; left: 40px; }
.lds-roller div:nth-child(5) { animation-delay: -0.18s; }
.lds-roller div:nth-child(5):after { top: 71px; left: 32px; }
.lds-roller div:nth-child(6) { animation-delay: -0.216s; }
.lds-roller div:nth-child(6):after { top: 68px; left: 24px; }
.lds-roller div:nth-child(7) { animation-delay: -0.252s; }
.lds-roller div:nth-child(7):after { top: 63px; left: 17px; }
.lds-roller div:nth-child(8) { animation-delay: -0.288s; }
.lds-roller div:nth-child(8):after { top: 56px; left: 12px; }
@keyframes lds-roller {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}  
.loader-modal{ position: absolute; top: 0; width: 100%; height: 100%; z-index: 9; }
.loader-modal-bg{ width: 100%; height: 100%; background-color: rgba(255,255,255,.6);  padding: 200px; }
.loader-modal-iframe{ position: relative; z-index: 1; }

.lds-facebook {
	position: relative;
	width: 80px;
	height: 80px;
	margin: 0 auto;
}
.lds-facebook div {
	display: inline-block;
	position: absolute;
	left: 8px;
	width: 4px;
	background: #ED1C24;
	animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) { left: 8px; animation-delay: -0.24s; }
.lds-facebook div:nth-child(2) { left: 15px; animation-delay: -0.12s; }
.lds-facebook div:nth-child(3) { left: 22px; animation-delay: 0; }
@keyframes lds-facebook {
	0% { top: 8px; height: 64px; }
	50%, 100% { top: 24px; height: 32px; }
}
  

.lists-navbar-right{
	margin-top: 0 !important;
	width: auto !important;
	margin-right: 20px;
}

.display_doc_row:hover{
	background: #eee;
}
.display_doc{
	display: inline;
	padding: 0 15px;
}
.display_folder_check{
	padding-right: 0px;
	padding-top: 15px;
}
.display_folder_icon i{
	font-size: 50px;
	color: #ffe8a0;
}
.display_folder_title{
	width: 77%;
}
.display_folder_title .folder_title{
	font-weight: bold;
	margin-bottom: 3px;
}
.display_folder_title .folder_title:hover{
	color: #ED1C24;
	cursor: pointer;
}
.display_folder_title .folder_desc{
	font-size: 0.9em;
	color: #666;
}
.display_folder_title .folder_user{
	font-size: 0.8em;
	margin-bottom: 0px;
}
.display_folder_actions{
	padding-top: 15px; 
}
.document_edit:hover,.document_share_icon:hover{
	cursor: pointer;
	color: #ED1C24;
}
.document_delete{
	cursor: pointer;
}
.document_delete:hover{
	color: #bc0101 !important;
}
.modal-delete,.documentDelete,.deleteCustom,.permissionDelete{
	background: #bc0101;
	background-color: #bc0101 !important;
	color: #fff;
}
.bg-success h4{color: #fff;}
.bg-danger h4{color: #fff;}
.modal-delete i{color: #fff;}
.input-search .control-label-icon{
	margin-left: 80px !important;
	margin-top: 15px !important;
	background: #fff;
	padding:10px;
	z-index: 100;
}
.input-search .material-icons{
	font-size: 2.8em;
	margin-top: -7px;
}
.input-search .icon-refresh{
	margin-top: -2px;
	margin-left: 15px;
	padding:8px;
}
.input-search .icon-refresh:hover{
	color: #ED1C24;
    background: #eee;
	cursor: pointer;
}
.datepicker{
	border: 1px solid #ccc;
    border-radius: 0;
    color: #888;
}
.search-date .datepicker {
	display: inline;
	/*width: 150px;*/
}
#search-field{
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;	
	padding: 25px;
}
.jjlkkjke{background: yellow;}
.title-label{
	font-weight: bold;
	font-size: 0.9em;
}
.profile-page .title-label{
	margin-top: 30px;
}
.profile-change-pass{
	margin-left: 12px;
}
.form-checkbox,
.form-radio,
.form-inline{
	display: inline-block;
	margin-right: 20px;
}
.slider-frame .form-group{
	display: inline-block;
	margin: 0 7px;
}
.slider-frame{
	font-size: 0.8em;
	margin-top: 24px;
	height: 25px;
}
.slider-value{
	width: 50px;
}
.noUi-tooltip{
	margin-top: -26px;
}
.form-text-middle{
	display: inline-block;
	width: 100px;
	text-align: center;
}
.align-middle-custom{
	text-align: center;
	padding-top: 20px;
}
.form-text-short input,
.form-inline{
	max-width: 200px;
}
.note-input{
	background: #9f0c02;
	color: #fff;
}
#dropzone{
	opacity: 1;
	border: 1px solid #888;
	padding: 20px;
	text-align: center;
}
.upload-files,
.progress {
	margin-top: 20px;
}
.upload-files-img{
	padding: 10px;
}
.upload-files-del{
	position: absolute;
	margin-top: -13px;
	margin-left: 5px;
	color: #ED1C24;
	font-weight: bold;
}
.upload-files-del:hover{
	cursor: pointer;
	color: #9f0c02;
}
.modalWindow h4{width: 100%;font-weight:bold;}
.modalWindow .btn{margin-right:20px !important;}
.modal-content .modal-footer button + button{margin-bottom:0;}
.modalWindow .modal-footer{padding-bottom: 40px;}

#drop-target{
	/*overflow: hidden;*/
	display: inline-block;
	min-height: 300px;
	width: 100%;
}
#drop-target.dragover {background: rgba(0,0,0,0.6);}
#drop-target.dragover .document_name div{color:#bbb;}
.document_uploading{
	background: rgba(0,0,0,0.6);
	position: absolute;
	padding: 50px 150px;
    text-align: center;
    margin: 111px 0 0px 79px;
    color: #fff;
	display: none;
	z-index: 1000;
}
.document_deleted{
	background: darkred;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
#drop-msg {
	position:absolute;
	margin-top: 150px;
	z-index: 1000;
	padding-left: 222px;
	font-weight:bold;
	font-size: 30px;
	color:#fff;
	width: 95%;
	display: none;
}
#table_load{padding-bottom: 100px;}
.table-document{font-size: 0.9em; table-layout: fixed; width: 100%}
.table-document tr:hover,.table-document .row_active{background: #f7fef4;}
.table-document .row_selected{background: #CAF5B8 !important;}
.table-document td{word-wrap: break-word;padding: 4px;vertical-align: middle;}
.table-document th{border-top: 0;}
@media screen and (max-width : 992px) {
	.table-document .hidden-xs{display:none!important;}	
}
@media screen and (max-width : 1199px) {
	.table-document .hidden-lg{display:none!important;}	
	#folder_menu { 
		width:200px;
	}
}
.navbar-menu2{width: 100%;}
.navbar-left{float:left;}
.navbar-right{
	width: 130px;
	float:right;
	margin-top: -20px;
}
.navbar-right div{display: inline-block;}
.navbar-right div select{
	background-image: none !important;
	position: relative;
    top: 5px;
}
.navbar-right div select:hover{cursor: pointer;}
.frame-sort{
	margin-right: 5px;
    position: relative;
	top: 5px;
}
.sort-order{
	width: 26px;
    padding: 5px;
    background-color: transparent !important;
    color: #666 !important;
    box-shadow: none !important;
}
.document_change p{margin-bottom: 5px;line-height:17px;font-size: 0.92em;}
.document_meta p{word-wrap: break-word;}
.document_title{font-weight: bold;}
.document_icon{font-size:20px;text-align:center;}
.document_name div{
	font-weight: bold;
	color: #ED1C24;
}
.document_name div:hover{
	color: #9f0c02;
	cursor: pointer;
}
.folder_nav span{
	position: relative;
	top: -5px;
	margin-left: 5px;
}
.share-pass1,.share-pass2{display: inline-block;}
.share-pass1{margin-top: 10px;}
.share-pass1 div{
	margin: 0;
	position: relative;
	top: -5px;
}
.share-pass2{width: 100%;display: none;margin-top: -5px;}
.share-set-pass{display: none;}
.share-pass2 input{
	background-color: #fff !important;
	background-image: none !important;
	padding: 0 10px;
}
.share-pass2 .control-label-icon {
    margin-left: 45px !important;
}
.share_pass2 .btn{
	padding: 10px;
    margin-top: 0px;
    margin-left: 5px;
}
.share-pass2 .form-group{margin: 0;}
.share-pass2 label{z-index: 1000;}
.share-pass2 span{margin-top: -5px;padding-left:0;}
.share_title{position: relative;top: -5px;}
.share_title:hover{cursor: pointer;}
.share-set-pass{margin-top: 30px;}
.share-modal input{
	border: 1px solid #ccc !important;
    box-shadow: 1px 1px 0px 1px #ccc !important;
}
.dropdown-menu-create{width: 205px;}
.share-modal .share-pass2{width: 450px;}
.table_icon{margin-top: 5px;color: #666;}
.table_icon_dropdown{margin-top: -6px !important;}
.login-title{padding-top:10px;}
.show_nav,.show_display{display: inline-block;padding:20px;}
.show_inline{display: inline-block;}
.show_icon{font-size: 46px;}
.show_title{font-size: 25px;font-weight:bold;margin-bottom: 8px;padding-left: 20px;position: relative;top: -10px;}
.show_nav_title{padding-bottom: 15px;}
@media (max-width: 1399px) {
	.show_nav_title{width: 80%;}
}
.show_nav_btn{text-align:right;margin-top: 12px;}
.show_display_document{width:70%;min-height:500px;border-top: 1px solid #CCCCCC;}
.show_display_document img{width:90%;}
.show_display_document_image{border: 2px solid #888;}
.show_display_document_document{padding: 80px 100px;border:0;}
.show_display_html{text-align:center;}
.show_display_data{
	background-color: #FAFAFA;
	border-top: 1px solid #CCCCCC;
	width:30%;
}
.btn-expand{
	padding: 5px;
	width: 50px;
	float: right;
    top: -25px;
	height: 30px;
}
.btn-expand i{
	font-size: 30px !important;
	position: relative !important;
	top: -5px !important
}
.search-frame{
	width:210px;
	margin-right: 50px;
	position: relative;
	top: -3px;
}
.search-frame.active{
	width: 340px;
}
.search-opt{
	position: absolute;
	margin-top: -6px;
}
.search-opt label{
	color: #fff;
}
.search-frame .form-group,.form-no-padding{
	padding: 0;
	margin: 0;
}
.clearable{
  position: relative;
  display: inline-block;
}
.clearable.active{width: 340px;}
.clearable input[type=text]{
  padding-right: 24px;
  width: 100%;
  box-sizing: border-box;
}
.clearable__clear{
  display: none;
  color: #000;
  z-index: 10;
  margin-top: 12px;
  position: absolute;
  right:0; top:0;
  padding: 0 8px;
  font-style: normal;
  font-size: 1.2em;
  user-select: none;
  cursor: pointer;
}
.clearable__clear.active{display:block;}
.clearable input::-ms-clear { display: none; }

.document-share{
	background-color: #fff !important;
	color:#000;
	padding-left: 10px;
}
.search-frame .form-group.is-focused .form-control{
	background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff);
}
.search-frame input::-moz-placeholder {color: #FFFFFF !important;font-size: 13px !important;line-height:25px !important;}
.search-frame input:-ms-input-placeholder {color: #FFFFFF !important;font-size: 13px !important;line-height:25px !important;}
.search-frame input::-webkit-input-placeholder {color: #FFFFFF !important;font-size: 13px !important;line-height:25px !important;}
.search-frame .input-group-addon{
	color: #fff;
}
.search-frame .search-btn.active{
	background:#fff;
	color: #ED1C24;
	height: 42px;
	cursor: pointer;
	border-left: 2px #ED1C24 solid;
}
.search-frame .search-btn.active:hover{
	cursor: pointer;
	color: #fff;
	background: #9f0c02;
}
.search-frame .search-btn.active:hover i{color: #fff;}
.search-frame input{
	padding:21px 0;
	font-size: 13px !important;
}
.search-frame input.active{
	background-color: #fff !important;
	color:#000;
	padding-left: 21px;
	height: 41px;
}
.search-frame .form-control.active::-moz-placeholder {color: #000000 !important;}
.search-frame .form-control.active:-ms-input-placeholder {color: #000000 !important;}
.search-frame .form-control.active::-webkit-input-placeholder {color: #000000 !important;}

.document_action{
	padding-left: 4px;
}
.document_action li{
	list-style: none;
}
.document_action li:hover{
	background: #f8f8f8;
	cursor: pointer;
}
.document_action li i{
	position: relative;
	top: 6px;
	margin-right: 3px;
}
#accordion{margin-top: 20px;}
#accordion h6{ 
	background-color: #ED1C24;
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
	padding: 10px;
	color: #FFFFFF;
	margin-bottom:0;
	margin-top: 10px;
}
#accordion h6 i{position:relative;top:3px;}
#accordion div.block{
	background-color: #EFEFEF;
	display: none;
	padding: 10px;
}
#accordion div p,.show_user p{
	margin-bottom:2px;
}
#accordion div.active{display:block;}
.document_edit{float:right;}
.user_actions{font-size:0.9em;}


.pagination {
	display: block !important;
}
.pagination li{
	display: inline-block;
}
.pagination > li > a, .pagination > li > span {
    border: 0;
    border-radius: 30px !important;
    transition: all .3s;
    padding: 0px 11px;
    margin: 0 3px;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    color: #999999;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    background: transparent;
}
.pagination .page-text{width: 88px;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default;
}
.pagination.pagination-info > .active > a, .pagination.pagination-info > .active > a:focus, .pagination.pagination-info > .active > a:hover, .pagination.pagination-info > .active > span, .pagination.pagination-info > .active > span:focus, .pagination.pagination-info > .active > span:hover {
    background-color: #ED1C24;
    border-color: #ED1C24;
	color: #fff;
    /* box-shadow: 0 4px 5px 0 rgba(3, 169, 244, 0.14), 0 1px 10px 0 rgba(3, 169, 244, 0.12), 0 2px 4px -1px rgba(3, 169, 244, 0.2); */
}
.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset:hover, .card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset:hover{
	color: #999999;
}




.grid figure {
	position: relative;
	overflow: hidden;
	margin: 10px 1%;
	max-height: 360px;
	background: #000000;
	text-align: center;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	left: 0;
	width: 100%;
	/*height: 100%;
	top: 0;*/
	bottom: 0;
}
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	font-weight: 300;
	line-height: 1.1;
    font-size: 1.5em;
	text-transform: uppercase;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/* Individual effects */

/*---------------*/
/***** Lily *****/
/*---------------*/

figure.effect-lily img {
	max-width: none;
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
}

figure.effect-lily figcaption {
	text-align: left;
}

figure.effect-lily figcaption > div {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	height: 50%;
}

figure.effect-lily h2,
figure.effect-lily p {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-lily h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	margin-bottom: 30px;
}

figure.effect-lily p {
	color: rgba(255,255,255,0.8);
	display: none;
	-webkit-transition: all 0.2s, -webkit-transform 0.35s;
	transition: all 0.2s, transform 0.35s;
}

figure.effect-lily:hover img,
figure.effect-lily:hover p {
	display: block;
}

figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-lily:hover figcaption{
	background: rgba(0,0,0,0.4);
}
figure.effect-lily:hover a{
	top: 0;
}

figure.effect-lily:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}


.btn-services{ 
	position: relative;
    max-width: 150px;
    width: 100%;
    margin: 0 auto;
}
.btn-services a.learn-more{ width: 12rem; height: auto; border: 0; background: transparent; }
.btn-services a.learn-more .circle {
	-webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	position: relative;
	display: block;
	margin: 0;
	width: 3rem;
	height: 3rem;
	background: #282936;
	border-radius: 1.625rem;
}
.btn-services a.learn-more .circle .icon {
	-webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	background: #fff;
}
.btn-services a.learn-more .circle .icon.arrow {
	-webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	left: 0.625rem;
	width: 1.125rem;
	height: 0.125rem;
	background: none;
}
.btn-services a.learn-more .circle .icon.arrow::before {
	position: absolute;
	content: '';
	top: -0.25rem;
	right: 0.0625rem;
	width: 0.625rem;
	height: 0.625rem;
	border-top: 0.125rem solid #fff;
	border-right: 0.125rem solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.btn-services a.learn-more .button-text {
	-webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0.75rem 0;
	margin: 0 0 0 1.85rem;
	color: #282936;
	font-weight: 700;
	line-height: 1.6;
	text-align: center;
	text-transform: uppercase;
}
.btn-services a:hover .circle {
	width: 100%;
}
.btn-services a:hover .circle .icon.arrow {
	background: #fff;
	-webkit-transform: translate(1rem, 0);
	transform: translate(1rem, 0);
}
.btn-services a:hover .button-text {
	color: #fff;
}


.mom-color{ color: #ED1C24; }
.postopki-list i{ top: -2px; }
.postopki-step{ padding: 9px 20px; max-width: 200px; margin-bottom: 15px; }
.postopki-step.active{ color: #ED1C24; background: #eee; }
.postopki-step.disabled{ color: #777; }
.postopki-step strong{ color: #fff; }
.postopki-step-title{ font-size: 1.5em; position: relative; top: 5px; }
.postopki-step-desc{ margin: 10px 0; }
.postopki-back a{ color: #000; font-size: 0.9em; }
.postopki-back a i.material-icons{ color: #000; font-size: 18px; }
.postopki-step-url{ color: #000; }
.postopki-back a:hover,.postopki-back a:hover i,.postopki-step-url:hover{ text-decoration: none; color: #ED1C24 }
.form-group.label-floating label.control-label, .form-group.label-placeholder label.control-label {
    line-height: normal;
}
.input-type-3 label,
.input-type-4.title-show label.label-title,
.input-type-7.title-show label.label-title,
.input-type-11{ display: none; }
.form-group.label-floating.input-readonly{ 
	position: relative !important;
    margin-right: 15px !important;
    width: 100% !important;
    color: #000 !important;
    font-weight: 700 !important;
}
.form-group.label-floating.input-type-3.is-focused label.control-label,
.form-group.label-floating.input-type-4.is-focused label.control-label,
.form-group.label-floating.input-type-7.is-focused label.label-title,
.form-group.label-floating.input-type-3:not(.is-empty) label.control-label,
.form-group.label-floating.input-type-4:not(.is-empty) label.control-label,
.form-group.label-floating.input-type-7:not(.is-empty) label.label-title{ top: -7px; font-size: 14px; line-height: initial !important; }

.form-group.label-floating.input-readonly.is-focused label.label-title,
.form-group.label-floating.input-readonly:not(.is-empty) label.label-title{ top: -32px !important; font-size: 14px !important; line-height: 1.07143 !important; }

.input-type-9 a{ margin: 0; }
.input-type-7 .togglebutton{ margin-top: 10px; }

.form-group.has-error .chosen-container .chosen-single{ border-bottom: 1px solid #f44336; color: red; }
.error2{ border-bottom: 1px solid #f44336 !important; color: red; }

.table-sm td .checkbox label{ margin: 0; }
.table-sm td .checkbox label .checkbox-material{ line-height: 0.7; top: -1px; }
.table-sm thead th{ font-size: 0.9em; }
.form-group.input-type-3.title-show .help-block{ margin-top: 74px !important; }

.form-part-5{ display: inline-block; margin-right: 10px; width: 17%; }
.form-part-4{ display: inline-block; margin-right: 10px; width: 22%; }
.form-part-3{ display: inline-block; margin-right: 10px; width: 30%; }
.form-part-2{ display: inline-block; margin-right: 10px; width: 47%; }

.seznami-variables-slim .seznami-variables-row .form-group{ margin: 0; }
.seznami-variables-slim .seznami-variables-row .form-group select{ margin: 0; padding: 0; }
.seznami-variables-slim .seznami-variables-row .list-title{ margin: 0;  }

h2.seznami-variables-row-title {
	width: 100%; 
	text-align: center; 
	border-bottom: 1px solid #000; 
	font-weight: 500; 
	font-size: 1.4em;
	line-height: 0.1em;
	margin: 10px 0 20px; 
}  
h2.seznami-variables-row-title span { background:#fff; padding:0 10px; }
h2.seznami-variables-row-title-2{ margin-top: 40px; }

.form-group.label-floating label.control-label, .form-group.label-placeholder label.control-label{ z-index: 4; }
.form-control:disabled, .form-control[readonly], .form-control.readonly,.chosen-container.readonly{ background-color: #e9ecef !important; }
.datepicker[readonly]{ background-color: #fff !important; }
.form-group.is-focused .form-control[readonly]{ background-image: linear-gradient(#D2D2D2, #D2D2D2), linear-gradient(#D2D2D2, #D2D2D2); }

.epp-not-selected .input-readonly.is-focused label{ top: -7px !important; font-size: 14px !important; line-height: 1.42857 !important; color: #AAAAAA !important; }
.form-group.is-focused .form-control[readonly]{ background-image: linear-gradient(#D2D2D2, #D2D2D2), linear-gradient(#D2D2D2, #D2D2D2); }
.input-comment-file{ margin-top: 0; }
.comment-add-cancel,.comment-edit-cancel{ position: relative; top: 8px; }
.comment-add-cancel:hover{ color: #ED1C24; }

.seznami_frame{ padding-top: 20px; }
.seznami-variables-row .form-group{ margin: 2px 0 0 0; }

.comment-msg{ font-size: 0.9em; border-bottom: 1px solid #bbb; margin-bottom: 15px; }
.comment-msg-body{ margin-bottom: 5px; }
.comment-msg-footer,.comment-msg-edit{ margin-bottom: 0 !important; }
.comment-msg-edit{ font-size: 10px; visibility: hidden; text-align: right; }
.comment-msg:hover .comment-msg-edit{ visibility: visible; }

textarea{ min-height: 60px !important; }

.table-hover-hand tr:hover{ cursor: pointer; }

.input-comment{ margin: 0; }


textarea.autogrow-field {
	min-height: 2em;
	overflow: hidden;
	resize: none;
}

textarea.autogrow-field ~ .autogrow-mirror {
	position: absolute;
	visibility: hidden;
	white-space: normal;
	word-break: break-word;
	z-index: -1;
}
.input-short{ max-width: 120px }
.input-short2{ max-width: 200px }
.input-to-bottom{ position: absolute !important; bottom: 0; }

.chosen-container-single .chosen-single{
	padding: 5px 0px 5px 12px;
    height: auto;
	border: 0;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    background-color: #fff;background: unset;
    background-clip: padding-box;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
}
.chosen-container-single .chosen-single div{ top: 6px; }

.postopek-action-btn{ width: 93%; }
.postopek-action-btn-notify,.postopek-action-btn-notify:focus{ background-color: #426469 !important; }
.postopek-action-btn-notify:hover{ background-color: #3b4f52; }
.postopek-change-status{ display: none; color: red; font-size: 2em; font-weight: 900; position: absolute; top: 4px; right: 0; }
.div_vloga_poslji_v_epp,.div_vloga_poslji_v_epp1,.div_vloga_poslji_v_epp2,.div_vloga_poslji_v_epp3{ display: none; position: relative; }
#vloga_poslji_v_epp,#vloga_poslji_v_nigrad{ padding: 10px 20px; font-size: 0.8em;  margin-top: 10px; }
.postopek-document-open{ text-align: center; width: 90px; color: #666; font-weight: 700; }
.postopek-document-open a{ color: #666; }
.postopek-document-open a:hover{ color: #3b4f52; text-decoration: none; }
.input-vloga_poslji_v_epp{ width: 210px; }
.epp-send-ok{ display: none; color: #28a745; position: absolute; bottom: 6px; left: -47px; font-weight: 900; font-size: 3em; }
#dokument-link .fa-file-word{ color: #295698; }
#dokument-link .fa-file-pdf{ color: #cf0a0a; }
.nigrad_response{ display: none; }

.table-ul{ padding-left: 13px; margin: 0; }
.table-ul li{ padding-bottom: 2px; }

.delez-edit,.naziv-edit{ font-size: 1.2em; color: #007bff!important; float: right; }
.delez-edit-action:hover .delez-edit{ display: inline-block; }
.naziv-cancel,.naziv-ok{ position: relative; top: 7px; }

.delez-input{ width: 60px; }
.delez-ok{ font-size: 1.4em; font-weight:bold; color: #28a745; float: right; }
.delez-ok:hover{ color: #2bc750; }
.delez-cancel{ font-size: 1.2em; color: #333!important; float: right; position: relative; top: 3px; }
.delez-cancel:hover{ color: rgb(158, 157, 157); }

.form-group select{ appearance: auto; }
.legend_check{ position: relative; top: 4px; left: 4px; }
.legend_check:hover{ cursor: pointer; }

#accordion{ font-size: 0.95em; line-height: 1.4em; }
#accordion .card-header{ background-color: #999999; padding: 0; }
#accordion .card-header a{ 
	color: #fff; 
	text-transform: uppercase; 
	font-weight: 400; 
	display: block;
	padding: .4rem 1.25rem;
}
.header-search .input-group-text{ background: #fff; border-radius: 0; }
.header-search-input.form-group{ margin: 0; width: 300px; padding-left: 10px;padding-top: 5px; border: 1px solid #C0C0C0; border-left: 0; }
.header-search-input.form-group::placeholder{ font-size: 0.9em; }
#ModalWindowWideBody,#load_javnih_mest{ overflow: auto; }
#load_javnih_mest{ margin-top: 20px; min-height: 100px; }

#accordion .accordion-nav .fas{ float: right; }
#accordion .accordion-nav .fas:before { content: "\f077"; }
#accordion .accordion-nav.collapsed .fas:before { content: "\f078"; }

.epp-show-file{
	text-align: center; 
	position: absolute; 
	top: -10px
}
.epp-row-bg,.epp-row-bg:hover,.epp-row-bg > td:hover{ background-color: #eee; }
.epp-docs{
	max-height: 280px;
	overflow: auto;
}

.checkbox-sm label{ position: relative; top: 7px;}
/*.chosen-single,.chosen-drop{ min-width: 433px; }*/
.btn-lock{ background-color: #910107; }

.dpa-faze-nabor{ padding: 0; }
.dpa-faze-nabor li,
.dpa-faze li{	list-style: none;
   height: auto;
   margin: 7px 0;
   padding: 5px 10px;
   background: #f9f9f9;
   border: 0;
   box-shadow: 1px 1px 2px 1px #ddd;
}
.dpa-faze-nabor li:hover,
.dpa-faze li:hover{ cursor: pointer; background: #eee; }
.input-faza_naziv,.input-faza_shrani{ display: none; }
#faza_naziv{ width: 100%; }
#sortable1,#sortable2{ background-color: #f2f2f2; min-height: 60px; padding: 10px; }
.ui-sortable-placeholder,.ui-state-highlight{ background: rgb(241, 241, 151) !important; height: 30px !important; }
.ui-state-title{	opacity: 1;
   background: transparent !important;
   box-shadow: none !important;
   font-weight: 600;
}
.ui-opt-remove,.ui-opt-edit{ position: absolute; right: 27px; margin-top: -2px; font-size: 0.9em; }
.ui-opt-remove-hide{ display: none; }
.ui-opt-edit{ right: 48px }
.error-div{ border: red 1px solid; }
.doc_add{ display: none; }
.input-form_obracun,.input-vrsta_obracuna,.input-razlog_obracuna{ display: inline-flex; width: 300px; }
.input-form_obracun{ width: 180px; }
.display_block{display: block;}
.display_none{display: none;}
.list_limit select,.list_limit span{ position: relative; top: -7px; }
.dropdown-menu.show { min-width: 250px; }
#jm_objekti{ padding-bottom: 40px; }
.btn-disabled{ opacity: 0.6; }
.filter_status{ float: left; }
.filter_status label{ color: #000; }
.filter_status div{ display: inline-flex; margin-right: 13px; }
.filter_sifrant .form-group,#filter_sifrant{ margin: 0; }
#filter_sifrant{ position: relative; top: -7px; }

.row_color_0 td{ background-color: #eee; }
.row_color_2 td,.row_color_9 td,.row_color_10 td,.row_color_11 td{ background-color: #eee; }
.row_color_3 td{ background-color: rgb(255, 226, 220); }
.row_color_4 td{ background-color: rgb(255, 247, 220); }
.row_color_5 td{ background-color: rgb(241, 255, 238); }
.row_color_6 td{ background-color: rgb(254, 255, 202); }

.row_color2_3 td{ background-color: #eee; }
.row_color2_4 td{ background-color: rgb(255, 247, 220); }
.row_color2_2 td{ background-color: rgb(241, 255, 238); }

.row_color3_3 td{ background-color: rgb(255, 226, 220); }
.row_color3_2 td{ background-color: rgb(209, 250, 200); }
.row_color3_4 td,.row_color3_6 td{ background-color: #eee }
.row_color3_5 td{ background-color: rgb(241, 255, 238); }
.row_color3_7 td{ background-color: rgb(255, 170, 177); }

.row_color4_3 td{ background-color: #fce198; } 
.row_color4_2 td{ background-color: rgb(255, 226, 220); } 
.row_color4_1 td{ background-color: rgb(209, 250, 200); }

.obracun_1 td{ background-color: rgb(253, 250, 239); }
.obracun_2 td{ background-color: rgb(241, 255, 238); }
.obracun_3 td{ background-color: rgb(255, 226, 220); }

.delete-record:hover{ color: red; cursor: pointer; }
.close-record:hover{ cursor: pointer; }

.nep_add_new{ visibility: hidden; }
.row-selected td{ background-color: rgb(255, 247, 220); }
.table-select tr:hover{ cursor: pointer; }

.select2-results__option.loading-results,
.select2-results__option.select2-results__option--load-more {
    background-image: url('../img/loader-pulse.gif');
    background-repeat: no-repeat;
    padding-left: 45px;
    background-position: 10px 50%;
}
.select2-container--default .select2-selection--single{ border-radius: 0; }
.select2-container{ width: 100% !important; }

#select2-search_parcela-results .select2-results__option { padding-right: 20px; vertical-align: middle; }
#select2-search_parcela-results .select2-results__option:before {
	content: "";
	display: inline-block;
	position: relative;
	height: 20px;
	width: 20px;
	border: 2px solid #e9e9e9;
	border-radius: 4px;
	background-color: #fff;
	margin-right: 13px;
	vertical-align: middle;
}
#select2-search_parcela-results .select2-results__option.select2-results__option--selected:before {
	font-family: "Material Icons";
	content: "\e876";
	color: green;
	border: 0;
	display: inline-block;
	padding-left: 2px;
    font-size: 1.2em;
    font-weight: bold;
}
#select2-search_parcela-results .select2-container--default .select2-results__option.select2-results__option--selected { background-color: #fff; }
#select2-search_parcela-results .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #eaeaeb; color: #272727; }
#select2-search_parcela-results .select2-container--default .select2-selection--multiple { margin-bottom: 10px; }

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-delete:hover{
	background-color: red;
	color: #fff;
}

.form_podaljsanje_info{ padding-left: 210px; font-size: 0.9em; font-style: italic; }

.table-hover tbody tr:hover { background-color: rgba(0,0,0,.025); }

.generate_geoloc_files{ position: absolute; top: 10px; }
 
.hand{ cursor: pointer; }

.dpa-faza-separator{
	margin-left: 103px;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 3em;
}
.ui-state-active2{
	background-color: #ED1C24 !important;
    color: #FFFFFF;
    opacity: 0.8;
}
.faza-,.faza-1{ padding: 6px 5px; }
.faza-2{ background-color: rgb(241, 255, 238); padding: 6px 5px; }
.faza-3{ background-color: #ddd; padding: 6px 5px; }
.faza-4{ background-color: rgb(253, 250, 239); padding: 6px 5px; }
.faza-active{
	background-color: rgb(250, 229, 229);
    padding: 6px 5px;
}
.faza-locked{
	background-color: rgb(117, 116, 116);
	color: #fff;
    padding: 6px 5px;
}

.message-info{
	width: 400px; 
	margin: 100px auto; 
	font-size: 1.2em;
	text-align: center;
	line-height: 1.7em;
}
.row_color_disabled,
.row_color_disabled td{
	background-color: #f8f8f8 !important;
}
.input-user_choose,
.input-user_choose_set{ margin: 0; }
.input-user_choose_set{ display: none; }


.success-checkmark {
	display: none;
	width: 80px;
	height: 115px;
	margin: 0 auto;
}
.success-checkmark .check-icon {
	width: 80px;
	height: 80px;
	position: relative;
	border-radius: 50%;
	box-sizing: content-box;
	border: 4px solid #4CAF50;
}
.success-checkmark .check-icon::before {
	top: 3px;
	left: -2px;
	width: 30px;
	transform-origin: 100% 50%;
	border-radius: 100px 0 0 100px;
}
.success-checkmark .check-icon::after {
	top: 0;
	left: 30px;
	width: 60px;
	transform-origin: 0 50%;
	border-radius: 0 100px 100px 0;
	animation: rotate-circle 4.25s ease-in;
}
.success-checkmark .check-icon::before, .success-checkmark .check-icon::after {
	content: '';
	height: 100px;
	position: absolute;
	background: #FFFFFF;
	transform: rotate(-45deg);
}
.success-checkmark .check-icon .icon-line {
	height: 5px;
	background-color: #4CAF50;
	display: block;
	border-radius: 2px;
	position: absolute;
	z-index: 10;
}
.success-checkmark .check-icon .icon-line.line-tip {
	top: 46px;
	left: 14px;
	width: 25px;
	transform: rotate(45deg);
	animation: icon-line-tip 0.75s;
}
.success-checkmark .check-icon .icon-line.line-long {
	top: 38px;
	right: 8px;
	width: 47px;
	transform: rotate(-45deg);
	animation: icon-line-long 0.75s;
}
.success-checkmark .check-icon .icon-circle {
	top: -4px;
	left: -4px;
	z-index: 10;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	position: absolute;
	box-sizing: content-box;
	border: 4px solid rgba(76, 175, 80, 0.5);
}
.success-checkmark .check-icon .icon-fix {
	top: 8px;
	width: 5px;
	left: 26px;
	z-index: 1;
	height: 85px;
	position: absolute;
	transform: rotate(-45deg);
	background-color: #FFFFFF;
}

@keyframes rotate-circle {
	0% {
		transform: rotate(-45deg);
	}
	5% {
		transform: rotate(-45deg);
	}
	12% {
		transform: rotate(-405deg);
	}
	100% {
		transform: rotate(-405deg);
	}
}
@keyframes icon-line-tip {
	0% {
		width: 0;
		left: 1px;
		top: 19px;
	}
	54% {
		width: 0;
		left: 1px;
		top: 19px;
	}
	70% {
		width: 50px;
		left: -8px;
		top: 37px;
	}
	84% {
		width: 17px;
		left: 21px;
		top: 48px;
	}
	100% {
		width: 25px;
		left: 14px;
		top: 45px;
	}
}
@keyframes icon-line-long {
	0% {
		width: 0;
		right: 46px;
		top: 54px;
	}
	65% {
		width: 0;
		right: 46px;
		top: 54px;
	}
	84% {
		width: 55px;
		right: 0px;
		top: 35px;
	}
	100% {
		width: 47px;
		right: 8px;
		top: 38px;
	}
}
@keyframes roll {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(21600deg);
	}
}

.filter_status_button{ position: relative;top: -4px;left: 25px; }
@media only screen and (max-width: 1399px) {
	#content{ width: 79%; }
	.filter_status_button{ float: right; position: relative;top: 6px; }
}
@media only screen and (max-width: 1199px) {
	#content{ width: 78%; }
}
@media only screen and (max-width: 991px) {
	#content{ width: 71%; }
}

.loader-2,
.loader-2:before,
.loader-2:after {
  background: #dc3545;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 0.7em;
  height: 4em;
}
.loader-2 {
  color: #dc3545;
  text-indent: -9999em;
  margin: 0 auto;
  position: relative;
  left: -50px;
  font-size: 8px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader-2:before,
.loader-2:after { position: absolute; top: 0; content: ''; }
.loader-2:before { left: -1.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.loader-2:after { left: 1.5em; }
@-webkit-keyframes load1 {
  0%,
  80%,
  100% { box-shadow: 0 0; height: 4em; }
  40% { box-shadow: 0 -2em; height: 5em; }
}
@keyframes load1 {
  0%,
  80%,
  100% { box-shadow: 0 0; height: 4em; }
  40% { box-shadow: 0 -2em; height: 5em; }
}