:root {
  --ct-blue: #2c8ef8;
  --ct-indigo: #727cf5;
  --ct-purple: #6b5eae;
  --ct-pink: #ff679b;
  --ct-red: #fa5c7c;
  --ct-orange: #fd7e14;
  --ct-yellow: #ffc35a;
  --ct-green: #0acf97;
  --ct-teal: #02a8b5;
  --ct-cyan: #39afd1;
  --ct-white: #fff;
  --ct-gray: #8a969c;
  --ct-gray-dark: #343a40;
  --ct-gray-100: #f6f7fb;
  --ct-gray-200: #eef2f7;
  --ct-gray-300: #dee2e6;
  --ct-gray-400: #ced4da;
  --ct-gray-500: #a1a9b1;
  --ct-gray-600: #8a969c;
  --ct-gray-700: #6c757d;
  --ct-gray-800: #343a40;
  --ct-gray-900: #313a46;
  --ct-primary: #727cf5;
  --ct-secondary: #6c757d;
  --ct-success: #0acf97;
  --ct-info: #39afd1;
  --ct-warning: #ffc35a;
  --ct-danger: #fa5c7c;
  --ct-light: #eef2f7;
  --ct-dark: #313a46;
  --ct-primary-rgb: 114, 124, 245;
  --ct-secondary-rgb: 108, 117, 125;
  --ct-success-rgb: 10, 207, 151;
  --ct-info-rgb: 57, 175, 209;
  --ct-warning-rgb: 255, 195, 90;
  --ct-danger-rgb: 250, 92, 124;
  --ct-light-rgb: 238, 242, 247;
  --ct-dark-rgb: 49, 58, 70;
  --ct-white-rgb: 255, 255, 255;
  --ct-black-rgb: 0, 0, 0;
  --ct-body-color-rgb: 108, 117, 125;
  --ct-body-bg-rgb: 250, 251, 254;
  --ct-font-sans-serif: "Nunito", sans-serif;
  --ct-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --ct-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --ct-body-font-family: Nunito, sans-serif;
  --ct-body-font-size: 0.9rem;
  --ct-body-font-weight: 400;
  --ct-body-line-height: 1.5;
  --ct-body-color: #6c757d;
  --ct-body-bg: #fafbfe;
  --ct-border-width: 1px;
  --ct-border-style: solid;
  --ct-border-color: #dee2e6;
  --ct-border-color-translucent: rgba(0, 0, 0, 0.175);
  --ct-border-radius: 0.25rem;
  --ct-border-radius-sm: 0.2rem;
  --ct-border-radius-lg: 0.3rem;
  --ct-border-radius-xl: 1rem;
  --ct-border-radius-2xl: 2rem;
  --ct-border-radius-pill: 50rem;
  --ct-link-color: #727cf5;
  --ct-link-hover-color: #6169d0;
  --ct-code-color: #39afd1;
  --ct-highlight-bg: var(--ct-mark-bg);
}


.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: 2500;
}
.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'
}



.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;
  }
}





input[data-switch] {
  display: none;
}
input[data-switch] + label {
  width: 56px;
  height: 24px;
  background-color: var(--ct-gray-100);
  background-image: none;
  border-radius: 2rem;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  position: relative;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
input[data-switch] + label:before {
  color: var(--ct-gray-900);
  content: attr(data-off-label);
  display: block;
  font-family: inherit;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 24px;
  position: absolute;
  right: 3px;
  margin: 0 0.21667rem;
  top: 0;
  text-align: center;
  min-width: 1.66667rem;
  overflow: hidden;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
input[data-switch] + label:after {
  content: "";
  position: absolute;
  left: 4px;
  background-color: var(--ct-gray-500);
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 2rem;
  height: 18px;
  width: 18px;
  top: 3px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
input[data-switch]:checked + label {
  background-color: #727cf5;
}
input[data-switch]:checked + label:before {
  color: #fff;
  content: attr(data-on-label);
  right: auto;
  left: 4px;
}
input[data-switch]:checked + label:after {
  left: 34px;
  background-color: var(--ct-gray-100);
}

input[data-switch=bool] + label {
  background-color: #fa5c7c;
}

input:disabled + label {
  opacity: 0.5;
  cursor: default;
}

input[data-switch=bool] + label:before,
input[data-switch=bool]:checked + label:before {
  color: #fff !important;
}

input[data-switch=bool] + label:after {
  background-color: var(--ct-gray-100);
}

input[data-switch=primary]:checked + label {
  background-color: #727cf5;
}

input[data-switch=secondary]:checked + label {
  background-color: #6c757d;
}

input[data-switch=success]:checked + label {
  background-color: #0acf97;
}

input[data-switch=info]:checked + label {
  background-color: #39afd1;
}

input[data-switch=warning]:checked + label {
  background-color: #ffc35a;
}

input[data-switch=danger]:checked + label {
  background-color: #fa5c7c;
}

input[data-switch=light]:checked + label {
  background-color: #eef2f7;
}

input[data-switch=dark]:checked + label {
  background-color: #313a46;
}

.bg-ratinglevel-0 {
  background-color: rgb(16, 194, 0) !important;
}
.bg-ratinglevel-1 {
  background-color: rgb(255, 222, 68) !important;
  color: #000;
}
.bg-ratinglevel-2 {
  background-color: rgb(255, 127, 0) !important;
}
.bg-ratinglevel-3 {
  background-color: #f3313b !important;
}


.text-ratinglevel-0 {
  color: rgb(16, 194, 0);
}
.text-ratinglevel-1 {
  color: rgb(255, 222, 68);
}
.text-ratinglevel-2 {
  color: rgb(255, 127, 0);
}
.text-ratinglevel-3 {
  color: #f3313b;
}

.back-ratinglevel-0 {
  background-color: rgb(16, 194, 0)
}
.back-ratinglevel-1 {
  background-color: rgb(255, 222, 68)
}
.back-ratinglevel-2 {
  background-color: rgb(255, 127, 0)
}
.back-ratinglevel-3 {
  background-color: #f3313b
}



/*
 * Modal Processing
 */
.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;
}

.alert-triggered {
  
}

.alert-unmuted {
  cursor: pointer;
}


.navbar-ship-name {
  display: inline-block;
  color: #ffffff;
  align-content: center;
  margin: auto 10px;
  font-weight: 600;
  font-size: 1.8rem;
  min-height: 60px;
}


.select2-dropdown {
  z-index: 4000;
}


input.btn-check + .btn {
  font-weight: 600;
}

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;
}