.fix-header .navbar-static-top{
  z-index: 2000;
}

.ui-dialog {
  /*z-index: 9000 !important;*/
  z-index: 2500;
}

.login-bg {
    background: url(../../../images/hat-login-bg.jpg) center center/cover no-repeat!important;
    height: 100%;
    position: fixed
}

.top-left-part .light-logo {
  display: inline-block;
}

img.org-logo{
  max-width: 155px;
  max-height: 36px;
}

.color-selector{
    transition: none;
}
/*
 * jTable
 */

.jtable-column-centered{
  text-align: center;
}
.jtable-column-image-preview img{
  max-width: 100px;
  max-height: 100px;
}
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td{
	padding:10px;
}
div.jtable-main-container > div.jtable-bottom-panel{
	padding:10px;
}
div.jtable-main-container > div.jtable-bottom-panel select{
	color:#333;
}
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-info{
	padding:13px;
}
div.jtable-main-container > div.jtable-title{
	padding:10px;
}
div.jtable-main-container > div.jtable-title div.jtable-toolbar{
	bottom:14px;
}
div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item-hover{
	padding-bottom:2px!important;
	margin-right:1px!important;
}
div.jtable-main-container > table.jtable > thead th{
	padding:5px;
}
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container {
    height: auto;
	min-height:26px;
}
div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
    margin-right: 15px;
}
.formdatefield{
  max-width: 100%;
  clear: none;
}
.form-control[readonly].formdatefield{
  background-color: #fff;
}

div.jtable-main-container>table.jtable>tbody>tr.public-organization{
  _background: #ddffee;
  font-style: italic;
}
div.jtable-main-container>table.jtable>tbody>tr.own-organization{
  _background: #ddffee;
  color: #44aa66;
  font-weight: bold;
}
div.jtable-main-container>table.jtable>tbody>tr.own-account{
  color: #4466aa;
  font-weight: bold;
}
form.jtable-dialog-form div.jtable-input-label {
    display: inline-block;
    width: 200px;
}
form.jtable-dialog-form div.jtable-text-input, form.jtable-dialog-form div.jtable-input, form.jtable-dialog-form div.jtable-input {
    display: inline-block;
}
form.jtable-dialog-form div.jtable-input-field-container {
    padding: 10px;
    background: transparent;
}
form.jtable-dialog-form div.jtable-input-field-container:nth-of-type(odd){ 
    background: #f3f3f3;
}
.ui-dialog .ui-dialog-content {
    padding: 5px;
}	
.ui-dialog .ui-dialog-title {
    font-size: 16px;
}
.help-block{
	font-size:12px;
}
.checkbox label {
    margin-left: 12px;
}
.flag-option{
	width:30px;
	height:20px;
	margin-right:10px;
}
.map-user{
	height:315px!important;
}
.trace-thumb-small{
	height:25px;
	width:35px;
	background:#fff;
	padding:5px;
	border-radius:2px;
	border:1px solid #e3e3e3;
}
/*
 * UploadFile
 */
.ajax-file-upload {
  height: unset;
  font-family: unset;
  font-size: unset;
  font-weight: unset;
  background: #41b3f9;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}
.ajax-file-upload:hover {
      background: #31a3e9;
      -moz-box-shadow: unset;
      -webkit-box-shadow: unset;
      box-shadow: unset;
}
.ajax-upload-dragdrop{
  border: 3px dotted #A5A5C7;
  background: #eeeeee;
  color: #41b3f9;
}
.ajax-file-upload-statusbar{
  margin: 0px;
  border: 2px solid #41b3f9;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  padding: 5px 5px 5px 5px;
}
@media (min-width: 769px) and (max-width: 1169px) {
    .top-left-part {
        width: auto
    }
    .show-sidebar .top-left-part {
        width: 240px
    }    
    .top-left-part .logo span {
        display: none
    }
    .show-sidebar .top-left-part .logo span {
        display: inline
    }   
}
@media (max-width: 769px) {
	.top-left-part {
		_width: 90px;
    width: auto;
	}
}
.modal {
  z-index: 5500;
}
.mfp-title {
	position:absolute;
	margin-top:5px;
}
.mfp-title span.meta{
	padding-left:10px;
	padding-right:10px;
	border-left:1px solid #888;
	color: #eee;
	font-size: 12px;
}
.mfp-title span.meta i{
	margin-right:2px;
}
.mfp-title span.meta:first-child{
	margin-left:10px;
}

.panel-group .panel .panel-heading a[data-toggle=collapse]:before {
  content: '\f077';
}


.panel-group .panel .panel-heading .accordion-toggle.collapsed:before,
.panel-group .panel .panel-heading a[data-toggle=collapse].collapsed:before {
    content: '\f078'
}










@media (min-width: 768px) {
  .pull-sm-left {
      float: left !important;
  }
  .pull-sm-right {
      float: right !important;
  }
  .pull-sm-none {
      float: none !important;
  }
}
@media (min-width: 992px) {
  .pull-md-left {
      float: left !important;
  }
  .pull-md-right {
      float: right !important;
  }
  .pull-md-none {
      float: none !important;
  }
}
@media (min-width: 1200px) {
  .pull-lg-left {
      float: left !important;
  }
  .pull-lg-right {
      float: right !important;
  }
  .pull-lg-none {
      float: none !important;
  }
}
.pull-none {
  float: none !important;
}






.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--ct-spinner-width);
  height: var(--ct-spinner-height);
  vertical-align: var(--ct-spinner-vertical-align);
  border-radius: 50%;
  -webkit-animation: var(--ct-spinner-animation-speed) linear infinite var(--ct-spinner-animation-name);
          animation: var(--ct-spinner-animation-speed) linear infinite var(--ct-spinner-animation-name);
}

@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg) /* rtl:ignore */;
            transform: rotate(360deg) /* rtl:ignore */;
  }
}

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg) /* rtl:ignore */;
            transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --ct-spinner-width: 2rem;
  --ct-spinner-height: 2rem;
  --ct-spinner-vertical-align: -0.125em;
  --ct-spinner-border-width: 0.18em;
  --ct-spinner-animation-speed: 0.75s;
  --ct-spinner-animation-name: spinner-border;
  border: var(--ct-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

.spinner-border-sm {
  --ct-spinner-width: 1rem;
  --ct-spinner-height: 1rem;
  --ct-spinner-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 {
  --ct-spinner-width: 2rem;
  --ct-spinner-height: 2rem;
  --ct-spinner-vertical-align: -0.125em;
  --ct-spinner-animation-speed: 0.75s;
  --ct-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}

.spinner-grow-sm {
  --ct-spinner-width: 1rem;
  --ct-spinner-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
.spinner-grow {
    --ct-spinner-animation-speed: 1.5s;
  }
}


.row.display-flex {
  display: flex;
  _flex-wrap: wrap;
  flex-direction: row;
}


.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
  flex: 1;
}



.modal-processing-container{
  position: relative;
  overflow: hidden;
}
.modal-processing{
  z-index: 5000;
  opacity: 0;
  filter: _alpha(_opacity=0);
  display: none;
  zoom: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
}
.modal-processing div.processing-indicator{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  width: auto;
  height: 1em;
  text-align: center;
  vertical-align: middle;
  background: url(/images/progress.gif) center center no-repeat!important;
}


/*
 * Session Expiration
 */

a.session-expiration-link{
  
}

span.session-expiration-time{
  margin-left: 10px;
  font-weight: bold;
}


input.btn-check:checked + .btn-success {
  background: #7ace4c;
  color: #fff;
}

input.btn-check:checked + .btn-info {
  background: #41b3f9;
  color: #fff;
}

input.btn-check:checked + .btn-warning {
  background: #ffc107;
  color: #fff;
}

input.btn-check:checked + .btn-danger {
  background: #f33155;
  color: #fff;
}