:root {
  --primary: #216DFC;
}

body {
  font-family: 'Montserrat', sans-serif !important;
  /*color: #FFFFFF;
  background-color: #3C3C3B;*/
}

.fal {
    font-family: 'Font Awesome 5 Pro' !important;
    font-weight: 300;
}

a {
  color: #216DFC;
}

a:hover {
  color: #c27400;
}

/*
table {
    border-collapse: separate;
    border-spacing: 0px;
}
*/



.sidebar, .off-canvas-sidebar {
    background: transparent;
    height: calc(100vh - 97px);
    width: 210px;
    margin-top: 87px;
    margin-left: 30px;
    box-shadow: none;

	-webkit-transition: all 300ms ease 0s;
	-moz-transition: all 300ms ease 0s;
	-o-transition: all 300ms ease 0s;
	-ms-transition: all 300ms ease 0s;
	transition: all 300ms ease 0s;
}

.sidebar-mini .sidebar {
    box-shadow: none;
}

@media screen and (max-width: 991px) {
  .sidebar {
    position: fixed;
    display: block;
    top: 0;
    height: 100%;
    width: 260px;
    right: auto;
    left: 0;
    margin: 0;
    border-radius: 0;
    z-index: 1060;
    visibility: visible;
    overflow-y: visible;
    padding: 0;
    transition: 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -webkit-transform: translate3d(-260px, 0, 0);
    -moz-transform: translate3d(-260px, 0, 0);
    -o-transform: translate3d(-260px, 0, 0);
    -ms-transform: translate3d(-260px, 0, 0);
    transform: translate3d(-260px, 0, 0);
  }

  .sidebar .card.card-mainmenu .card-header .info-table {
    min-height: 76px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
  }
  .sidebar .card.card-mainmenu, .sidebar .card.card-mainmenu > :first-child {
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    /*border-right: 1px solid #FFFFFF;*/
  }

  .sidebar .sidebar-open-close {
      top: 135px !important;
  }

}

@media screen and (max-width: 991px) and (prefers-reduced-motion: reduce) {
  .sidebar {
    transition: none;
  }
}

@media (min-width: 991px) {
  .sidebar-mini .main-panel>.content {
    padding-left: 30px;
  }
}

.sidebar .sidebar-open-close {
	position: absolute;
	z-index: 1060;
	display: inline-block;
	background-color: #439FFC;
	left: 100%;
	top: 48px;
	border-radius: 0 0.14rem 0.14rem 0;	
}

.sidebar .sidebar-open-close .btn {
  color: #69D7FF;
}

.sidebar .sidebar-open-close .btn:hover, .sidebar .sidebar-open-close .btn:focus {
  color: #FFFFFF;
}

.sidebar-mini .sidebar .sidebar-wrapper .sidebar-mini-hide {
	-webkit-transition: all 300ms ease 0s;
	-moz-transition: all 300ms ease 0s;
	-o-transition: all 300ms ease 0s;
	-ms-transition: all 300ms ease 0s;
	transition: all 300ms ease 0s;
	
    -webkit-transform: translate3d(-25px, 0, 0);
    -moz-transform: translate3d(-25px, 0, 0);
    -o-transform: translate3d(-25px, 0, 0);
    -ms-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
    opacity: 0;
}

.sidebar-mini .sidebar:hover .sidebar-wrapper .sidebar-mini-hide {
	-webkit-transform: translate3d(0px, 0, 0);
	-moz-transform: translate3d(0px, 0, 0);
	-o-transform: translate3d(0px, 0, 0);
	-ms-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0);
	opacity: 1;
}

.sidebar .sidebar-wrapper .sidebar-title {
	font-size: 18px;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 400;
}

@media (min-width: 991px) {
  .sidebar-mini .sidebar {
    width: 210px;
	-webkit-transform: translate3d( calc(-100% - 30px) , 0, 0);
	-moz-transform: translate3d(calc(-100% - 30px), 0, 0);
	-o-transform: translate3d(calc(-100% - 30px), 0, 0);
	-ms-transform: translate3d(calc(-100% - 30px), 0, 0);
	transform: translate3d(calc(-100% - 30px), 0, 0);
  }
}

@media (min-width: 992px) {
  .sidebar .show-sidebar-button {
    display: none;
  }
}



.visible-on-sidebar-on {
  display: inline-block !important;
}

.visible-on-sidebar-off {
  display: none !important;
}

.toggled .visible-on-sidebar-on {
  display: none !important;
}

.toggled .visible-on-sidebar-off {
  display: inline-block !important;
}

.info-table {
  font-size: 18px;
  line-height: 18px;
  min-height: 72px;
  border-radius: 7px 7px 0px 0px; 
  padding: 15px 35px;
  /*box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.25);	*/
  display: flex;
  align-items: center;
  justify-content: center;
}


.btn-sidebarbutton {
	padding: 7px 7px 7px 7px;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #ffffff;
  background-color: #216DFC;
}

.custom-control-input:checked~.custom-control-label::before {
  color: #ffffff;
  border-color: #216DFC;
  background-color: #69D7FF;
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
  color: #ffffff;
  background-color: #69D7FF;
  border-color: #216DFC;
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
  /*border-color: #216DFC;*/
  background-color: #69D7FF;
}
.custom-select, .custom-select:focus {
  border: none;
  outline: 0;
  box-shadow: none;
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(105, 215, 255, 0.5);
}

.custom-range::-webkit-slider-thumb {
  background-color: #216DFC;
  box-shadow: 0 0.1rem 0.25rem rgba(34, 42, 66, 0.1);
}
.custom-range::-moz-range-thumb {
  background-color: #216DFC;
  box-shadow: 0 0.1rem 0.25rem rgba(34, 42, 66, 0.1);
}
.custom-range::-ms-thumb {
  background-color: #216DFC;
  box-shadow: 0 0.1rem 0.25rem rgba(34, 42, 66, 0.1);
}
.custom-control.custom-checkbox {
    padding-left: 1.5rem;
}
.custom-checkbox .custom-control-label::before {
    left: -1.5rem;
}
.custom-checkbox .custom-control-label::after {
    left: -1.5rem;
}
.custom-switch {
    padding-left: 2.7375rem;
}
.custom-switch .custom-control-label::before {
    left: -2.7375rem;
}
.custom-switch .custom-control-label::after {
    left: calc(-2.7375rem + 2px);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #ffffff;
  background-color: #216DFC;
}
.navbar>.container,
.navbar>.container-fluid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-bottom: none;
  padding: 0.5rem 0;
}.breadcrumb {
  background-color: #575756;
}
.page-item.active .page-link {
  color: #ffffff;
  background-color: #216DFC;
  border-color: #216DFC;
}
.badge-primary {
  color: #ffffff;
  background-color: #216DFC;
}
.alert-primary {
  color: #ffffff;
  background-color: #e66a6a;
  border-color: #e66a6a;
}
.alert-primary hr {
  border-top-color: #f2b55a;
}
.progress-bar {
  color: #ffffff;
  background-color: #216DFC;
}
.list-group-item.active {
  color: #ffffff;
  background-color: #216DFC;
  border-color: #216DFC;
}
.tooltip {
  font-family: 'Montserrat', sans-serif;
}
.popover {
  font-family: 'Montserrat', sans-serif;
}
/*
.bg-primary {
  background-color: #216DFC !important;
}
a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #d68f24 !important;
}
.border-primary {
  border-color: #216DFC !important;
}
.text-primary {
  color: #216DFC !important;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #c27400 !important;
}
*/

.xpanel-tag {
  background: inherit;
  border-top: 1px solid #216DFC;
  border-bottom: 4px solid #216DFC;
  border-right: 1px solid #216DFC;
  border-left: 1px solid #216DFC;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 16px;  
}
/*
.pull-trigger-btn {
    position: absolute !important;
    top: -5px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background: rgba(0,0,0,.4);
    padding: 0 9px;
    border: 1px solid rgba(0,0,0,.4);
    border-radius: 0 0 20px 20px;
    text-decoration: none;
    font-size: 17px;
    height: 21px;
    width: 31px;
    color: #fff !important;
    line-height: 20px;
    text-align: center;
    -webkit-transition: all .2s cubic-bezier(.34,1.25,.6,1);
    transition: all .2s cubic-bezier(.34,1.25,.6,1);
    -webkit-box-shadow: 0 0 2px rgba(106,126,181,.3);
    box-shadow: 0 0 2px rgba(106,126,181,.3);
    opacity: 1;
}

.pull-trigger-btn {
    background: #216DFC;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-top: none;
    color: #fff !important;
    -webkit-box-shadow: 0 0 2px rgba(106, 181, 180, 0.3);
    box-shadow: 0 0 2px rgba(106, 181, 180, 0.3);
}
*/


.dropdown-menu.dropdown-black {
  background: linear-gradient(to bottom, #222a42 0%, #575756 100%);
  border: 1px solid #344675;
}

.dropup .dropdown-menu.dropdown-black:after {
  color: #575756;
}

/* Form controls */
/*
.form-control::-moz-placeholder {
  color: #878787;
  opacity: 1;
  filter: alpha(opacity=100);
}

.form-control:-moz-placeholder {
  color: #878787;
  opacity: 1;
  filter: alpha(opacity=100);
}

.form-control::-webkit-input-placeholder {
  color: #878787;
  opacity: 1;
  filter: alpha(opacity=100);
}

.form-control:-ms-input-placeholder {
  color: #878787;
  opacity: 1;
  filter: alpha(opacity=100);
}
*/
/*
.form-control:focus {
  border-color: #216DFC;
  background-color: transparent;
  box-shadow: none;
}

.form-control:focus+.input-group-append .input-group-text,
.form-control:focus~.input-group-append .input-group-text,
.form-control:focus+.input-group-prepend .input-group-text,
.form-control:focus~.input-group-prepend .input-group-text {
  border: 1px solid #216DFC;
  border-left: none;
  background-color: transparent;
}

.form-control[disabled], 
.form-control[readonly], 
fieldset[disabled] .form-control {
  border-color: #9c5d00;
    background-color: #3C3C3B;
    color: rgba(255, 255, 255, 0.4);
    cursor: not-allowed;
}


.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #575756;
  color: #344675;
}


textarea.form-control,
textarea.form-control:focus, 
textarea.form-control:active {
  border: 1px solid #216DFC;
  border-radius: 0.14rem;
}
*/
.modal.modal-primary .modal-content {
  background-color: #216DFC;
  color: #ffffff;
}

.modal.modal-black .modal-content {
  background: linear-gradient(to bottom, #222a42 0%, #575756 100%);
  color: rgba(255, 255, 255, 0.8);
}

.navbar {
  padding: 0px 30px 0px 30px !important;
  background: #1a1e34;
  /*height: 85px;*/
}

.navbar .btn-square-icon-text i {
    margin-bottom: 6px;
}

.navbar .photo {
  height: 44px;
  width: 44px;
  border-radius: 6px;
}
.main-panel.navbar-sticky .navbar {
  position: sticky;
  top: 0px;
}

.navbar.navbar-transparent {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#55b9ff+0,3784ff+100 */
background: #55b9ff !important; /* Old browsers */
background: -moz-linear-gradient(top,  #55b9ff 0%, #3784ff 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #55b9ff 0%,#3784ff 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #55b9ff 0%,#3784ff 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55b9ff', endColorstr='#3784ff',GradientType=0 ) !important; /* IE6-9 */

  /*background: #3C3C3B !important;*/
  /*background: transparent !important;*/
}
.navbar.bg-primary {
  background-color: #216DFC !important;
}
.navbar .navbar-brand {
  position: relative;
  color: #ffffff;
  margin-left: 0px;
  margin-top: 0px;
}
.navbar-nav.icon_buttons li {
  /*margin: 0 5px;*/
  padding: 0;
  min-width: 60px;
  text-align: center;  
}
button,
input,
optgroup,
select,
textarea {
  font-family: 'Montserrat', sans-serif;
}

.navbar-nav .btn-square-icon-text {
  padding: 0;
}

a:hover,
a:focus {
  color: #216DFC;
}

.blockquote.blockquote-primary {
  border-color: #216DFC;
  color: #216DFC;
}

.blockquote.blockquote-primary small {
  color: #216DFC;
}

.table>tbody>tr.table-primary>td {
  background-color: #216DFC;
}

.form-check input[type="checkbox"]:checked+.form-check-sign::before,
.form-check input[type="checkbox"]:checked+.form-check-sign::before {
  border: transparent solid 1px;
  background-color: #216DFC;
}
.form-check-radio input[type="radio"]:checked+.form-check-sign::after {
  background-color: #216DFC;
  border-color: #216DFC;
}
.form-check-radio input[type="radio"]:checked+.form-check-sign::before {
  border-color: #216DFC;
}
.fixed-plugin .dropdown-menu {
  background: linear-gradient(#222a42, #575756);
}
.fixed-plugin .badge.active,
.fixed-plugin .badge:hover {
  border-color: #575756;
}
.sidebar,
.off-canvas-sidebar {
  /*
  background: #f2b252;
  background: -webkit-linear-gradient(0deg, #f2b252 0%, #216DFC 100%);
  background: -o-linear-gradient(0deg, #f2b252 0%, #216DFC 100%);
  background: -moz-linear-gradient(0deg, #f2b252 0%, #216DFC 100%);
  background: linear-gradient(0deg, #f2b252 0%, #216DFC 100%);
  */
}
.sidebar .logo p,
.off-canvas-sidebar .logo p {
  font-family: 'Montserrat', sans-serif;
}

.sidebar[data-color="blue"],
.off-canvas-sidebar[data-color="blue"] {
  background: #3358f4;
  background: -webkit-linear-gradient(0deg, #3358f4 0%, #1d8cf8 100%);
  background: -o-linear-gradient(0deg, #3358f4 0%, #1d8cf8 100%);
  background: -moz-linear-gradient(0deg, #3358f4 0%, #1d8cf8 100%);
  background: linear-gradient(0deg, #3358f4 0%, #1d8cf8 100%);
}

.sidebar[data-color="green"],
.off-canvas-sidebar[data-color="green"] {
  background: #0098f0;
  background: -webkit-linear-gradient(0deg, #0098f0 0%, #00f2c3 100%);
  background: -o-linear-gradient(0deg, #0098f0 0%, #00f2c3 100%);
  background: -moz-linear-gradient(0deg, #0098f0 0%, #00f2c3 100%);
  background: linear-gradient(0deg, #0098f0 0%, #00f2c3 100%);
}
.main-panel {
  /*border-top: 2px solid #216DFC;*/
  /*border-top: inherit;
  background: #3C3C3B;*/
}

.main-panel[data-color="blue"] {
  border-top: 2px solid #1d8cf8;
}

.main-panel[data-color="green"] {
  border-top: 2px solid #00f2c3;
}

.main-panel[data-color="primary"] {
  border-top: 2px solid #216DFC;
}

.main-panel>.content {
  padding: 78px 30px 30px 280px;
  min-height: calc(100vh - 85px);
  transition: all .3s ease 0s;
}


@media (max-width: 991px) {
  .main-panel .content {
    padding-left: 30px!important
  }
}

.main-panel.navbar-sticky>.content {
  padding-top: 10px;
}

@media screen and (max-width: 768px) {
  .main-panel > .navbar {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.bd-docs .bd-example .datepicker thead th,
.bd-docs .bd-example .datepicker table thead th,
.bd-docs .bd-example .datepicker .tim-icons,
.bd-docs table .datepicker thead th,
.bd-docs table .datepicker table thead th,
.bd-docs table .datepicker .tim-icons {
  color: #216DFC;
}

.bd-docs .bd-example .picker-switch .tim-icons,
.bd-docs table .picker-switch .tim-icons {
  color: #216DFC;
}
/*
.input-group-focus .input-group-prepend .input-group-text,
.input-group-focus .input-group-append .input-group-text {
  background-color: #ffffff;
  border-color: #216DFC;
  background-color: transparent;
  border-color: #216DFC;
}
*/
/*
.card {
  background: #575756;
}
*/
.card.card-white .input-group-prepend .input-group-text {
  border-color: rgba(29, 37, 59, 0.2);
  color: #575756;
}

.card.card-white .form-control {
  color: #222a42;
  border-color: rgba(29, 37, 59, 0.2);
}

.card.card-white .form-control:focus {
  border-color: #216DFC;
}

.card.card-white label:not(.btn) {
  color: #344675;
}

.card.card-white .input-group-focus .input-group-prepend .input-group-text,
.card.card-white .input-group-focus .input-group-append .input-group-text,
.card.card-white .input-group-focus .form-control {
  background-color: #ffffff;
  border-color: #216DFC;
}


.custom-switch .custom-control-label::after {
    background-color: #4b6292 !important;
}


.custom-control-input:disabled ~ .custom-control-label {
    color: #bbbbbb;
}

.table-bordered th, .table-bordered td {
    /*border: 0.0625rem solid !important;*/
}

.table-bordered {
  /*
    border: 0.0625rem solid #e3e3e3 !important;
    border-bottom-width: 0.0625rem !important;
    */
}

/*
select2 4.0
*/
.select2-dropdown {
    z-index: 3000;    
}

.no-picture .select2-result-repository__meta {
    margin-left: auto;
}

.select2-container .select2-selection--single {
        height: auto;
        min-height: calc(1.5em + 1rem + 1px);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: calc(1.5em + 1rem + 1px);
    padding: 0 7px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: auto;
    top: 0;
    bottom: 0;
    right: .5rem;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-color: transparent !important;
    /*border-bottom: 0;*/
}

/*
.select2-container--default .select2-results__option[aria-selected="true"] {
    background: #ebeef5;
    color: #3d4e7c;
}
*/

.select2-container--default .select2-results__option--selected {
    background: #dedede;
    color: #3d4e7c;
}


.select2-container--default .select2-search--dropdown .select2-search__field {
    display: block;
    width: 100%;
    height: calc(1.47em + 1rem + 2px);
    padding: .5rem .875rem;
    padding-left: 1.8rem;
    font-weight: 400;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e5e5e5;
    border-radius: .25rem;
    -webkit-box-shadow: inset 0 .25rem .125rem 0 rgba(33,37,41,.025);
    box-shadow: inset 0 .25rem .125rem 0 rgba(33,37,41,.025);
}

.select2-search--dropdown::before {
    color: #fafafa;
}
.select2-search--dropdown::before {
    content: "\f002";
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
	left: calc(0rem + .875rem);
	top: calc(0rem + .875rem);
    color: #6a7eb5;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 0px;
    padding-right: 0px;
}

.select2 {
	width: 100% !important;
}

.form-group .select2 {
	width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    padding: 0 15px;
    margin-right: 10px;
    font-size: 200%;
    color: #ff4341;
    height: 100%;
    line-height: calc(0.75em + 0.5rem + 1px);
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
}
.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
}

/*
select2 4.0
*/



/*
.select2 {
	width: auto !important;
}
*/
.select2-container--default .select2-search--dropdown .select2-search__field {
    color: #000000;
    background-color: rgba(255,255,255, 1);
    border: 1px solid #000000;
    border-radius: 10px;
}


.select2-search--dropdown::before {
    color: #000000;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #216DFC;
    color: #fff;
}
.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single {
    border: 1px solid transparent;
}
.select2-container--default .select2-selection--single {
    background-color: rgba(255,255,255, 1);
    border: 1px solid #d7d7da;
    border-radius: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgba(0, 0, 0, 0.8);
    padding-right: 1.5rem;
}


.select2-result-repository {
    padding-top: 8px;
    padding-bottom: 8px; }
.select2-result-repository__avatar {
    float: left;
    width: 60px;
    margin-right: 10px; }
.select2-result-repository__avatar img {
    width: 100%;
    height: auto;
    border-radius: 2px; }
.select2-result-repository__meta {
    margin-left: 70px;
    white-space: normal; }
.select2-result-repository__title {
    /*color: black;*/
    font-weight: 500;
    word-wrap: break-word;
    line-height: 1.1;
    margin-top: 4px;
    margin-bottom: 4px; }

.select2-dropdown .select2-result-repository__title {
    /*color: #000000;*/
}
.select2-container--default .select2-search--inline .select2-search__field {
    color: #000000;
}
.select2-result-repository__description {
    font-size: 13px;
    /*color: #000000;*/
    margin-top: 4px;
    line-height: 1.1;
    word-wrap: break-word; }
.select2-results__option--highlighted .select2-result-repository__title {
    /*color: #000000;*/ }
.select2-results__option--highlighted .select2-result-repository__description {
    /*color: #000000;*/ }

.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    height: 100%;}

.select2-container--default .select2-selection--multiple {
    background-color: rgba(255,255,255, 0.84);
    border-color: #d7d7da;
    border-radius: 10px;
    min-height: 38px;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-color: #000000;
}
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #000000;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #c6c6c6;
    border-color: transparent;
    color: #000000;
}
.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above {
    border-color: #000000;
    border-top-width: 1px;
	border-top-style: solid;
}

.select2-dropdown {
    background-color: #ffffff;
    border: 1px solid 000000;
    border-radius: 10px;
    overflow: hidden;
}

    .btn-xxs {
        padding: 1px 10px;
        font-size: 0.6rem;
        line-height: 1.5;
        margin: 0;
    }    

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
    background: #0E3E4B;
    color: #fff;}
.dtp div.dtp-date, .dtp div.dtp-time {
    background: #40879D;}
.dtp table.dtp-picker-days tr > td > a.selected {
    background: #40879D;
    color: #fff;}

div.custom-control-right {
    padding-right: 2.46875rem;
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
}
div.custom-control-right .custom-control-label::after{
    right: -1.4rem;
    left: auto;
}
div.custom-control-right .custom-control-label::before {
    right: -2.46875rem;
    left: auto;
}

.input-group-append .btn, 
.input-group-prepend .btn,
.input-group-append .navbar .navbar-nav > a.btn,
.input-group-prepend .navbar .navbar-nav > a.btn 
{
  margin: 0;
  border-radius: calc(0.14rem - 1px);
  transform: translateY(0px) !important;
  -webkit-transform: translateY(0px) !important;  
  box-shadow: none !important; 
  /*margin-right: -1px;*/
}

/*
.input-group-prepend .input-group-text,
.form-group .form-control + .input-group-prepend .input-group-text, 
.form-group .form-control + .input-group-append .input-group-text, 
.input-group .form-control + .input-group-prepend .input-group-text, 
.input-group .form-control + .input-group-append .input-group-text {
	padding: 0.5rem 0.7rem !important; 
    background: rgba(0,0,0, 0.1) !important;
    border: none !important;
    color: #000000 !important;
}
*/
/*
.input-group-append, 
.input-group-prepend .input-group-text, 
.input-group-prepend .input-group-text {
    border: 1px solid #ffffff !important;
    border-radius: 7px !important;
    color: #000000 !important;
}*/

.input-group > .input-group-append > .btn, 
.input-group > .input-group-append > .input-group-text, 
.input-group > .input-group-prepend:not(:first-child), 
.input-group > .input-group-append:not(:first-child), 
.input-group > .input-group-prepend:not(:first-child) > .btn, 
.input-group > .input-group-prepend:not(:first-child) > .input-group-text, 
.input-group > .input-group-prepend:first-child > .btn:not(:first-child), 
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: 0 none;
}

.input-group > .input-group-prepend > .btn, 
.input-group > .input-group-prepend > .input-group-text, 
.input-group > .input-group-append:not(:last-child) > .btn, 
.input-group > .input-group-append:not(:last-child) > .input-group-text, 
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), 
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.input-group > .input-group-append:not(:last-child) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    /*border-right: 0 none !important;*/
}

/*
.form-control + .input-group-append .input-group-text, .form-control + .input-group-prepend .input-group-text {
    background-color: transparent;
    padding: .5rem .875rem;
}
.form-group .form-control + .input-group-prepend .input-group-text, .form-group .form-control + .input-group-append .input-group-text, .input-group .form-control + .input-group-prepend .input-group-text, .input-group .form-control + .input-group-append .input-group-text {
    padding: 10px;
}
*/

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #70d6ff transparent transparent transparent;
    border-style: solid;
    border-width: 10px 6px 0 6px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    width: 0;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #70d6ff transparent;
    border-width: 0 6px 10px 6px;
}

.select2-container--disabled.select2-container--default .select2-selection {
  color: #ffffff;
	border-color: #1d253b;
	background-color: #1d253b; !important;	
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	padding: 0 15px;
	padding-left: 25px;
}

.dropdown-menu {
    background-color: #69D7FF !important;
    color: #fff;
    border: 1px solid #216DFC;
}

.dropdown-menu::before {
    color: #216DFC;
    border-bottom: .4em solid;
    border-right: .4em solid transparent;
    border-left: .4em solid transparent;
}
.dropdown-menu .dropdown-item:hover, 
.dropdown-menu .dropdown-item:focus, 
.bootstrap-select .dropdown-menu.inner li a:hover, 
.bootstrap-select .dropdown-menu.inner li a:focus {
    background-color: rgba(222, 222, 222, 0.3);
    color:#000000;
}

.dropdown-menu .dropdown-divider {
    background-color: #216DFC !important;
}
.dropdown-divider {
    border-top-color: #216DFC !important;
}
.dropdown-menu.submenu::before {
  display: none;
}
.dropdown .dropdown-menu.submenu {
    top: 0% !important;
}

.dropdown-menu .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: 0em !important;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

  @media (min-width: 992px){
    .dropdown-menu .dropdown-toggle:after{
      border-top: .3em solid transparent;
      border-right: 0;
      border-bottom: .3em solid transparent;
      border-left: .3em solid;
    }

    .dropdown-menu .dropdown-menu{
      margin-left:0; margin-right: 0;
    }

    .dropdown-menu li{
      position: relative;
    }
    .nav-item .submenu{ 
      display: none;
      position: absolute;
      left:100%; top:-7px;
    }
    .nav-item .submenu-left{ 
      right:100%; left:auto;
    }

    .dropdown-menu > li:hover > .submenu{
      display: block;
    }
  }


@media (max-width:991px) {
  .nav-open .sidebar:before {
    content: unset
  }
  .nav-open body {
    position: relative;
    overflow-x: hidden
  }
  .nav-open .menu-on-right .main-panel {
    transform: translate3d(-260px, 0, 0)
  }
  .nav-open .menu-on-right .navbar-collapse,
  .nav-open .menu-on-right .sidebar {
    transform: translateZ(0)
  }
  .nav-open .menu-on-right .bodyClick {
    right: 260px;
    left: auto
  }
  .menu-on-right .sidebar {
    left: auto;
    right: 0;
    transform: translate3d(260px, 0, 0)
  }
  .bodyClick {
    height: 100%;
    width: 100%;
    position: fixed;
    opacity: 1;
    top: 0;
    right: 0;
    left: 260px;
    content: "";
    z-index: 9999;
    overflow-x: hidden;
    background-color: transparent;
    transition: all .5s cubic-bezier(.685, .0473, .346, 1)
  }
  .main-panel .content {
    padding-left: 30px!important
  }
  .sidebar-mini .sidebar .logo a.logo-normal {
    opacity: 1;
    transform: translateZ(0)
  }
  .sidebar-mini .sidebar .sidebar-wrapper>.nav li>a p {
    opacity: 1
  }
  .sidebar-mini .sidebar .sidebar-wrapper .nav li a p {
    opacity: 1!important;
    transform: translateZ(0)
  }
  .minimize-sidebar {
    display: none
  }
}

.no-sidebar .sidebar {
    display: none;
}

.no-sidebar .sidebar {
    display: none;
}

.no-sidebar .main-panel .content {
    padding-left: 30px !important;
}

.nav-open .no-sidebar .main-panel {
    right: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}

.no-sidebar .navbar-minimize {
    display: none !important;
}
.no-sidebar .navbar-toggle {
    display: none !important;
}

.table:not(.dtp-picker-days) > thead > tr > th {
  background-color: #69D7FF;
  color: #216DFC;
	border: #216DFC solid 1px !important;
}

.table:not(.dtp-picker-days) > thead {
	border-bottom: #216DFC solid 3px !important;
}

.modal-content {
	border: #ffffff solid 1px !important;
}

.nav-tabs {
  border-bottom: 0.0625rem solid #216DFC;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #ffffff;
    background-color: #216DFC;
    border-color: #216DFC #216DFC #216DFC;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    border-color: #216DFC #216DFC #216DFC;
}

.col-form-group {
    border-radius: 8px;
    background: rgba(105, 215, 255, 0.15);
    border: rgba(105, 215, 255, 0.7) solid 1px;
    margin-right: -0.3rem;
    margin-left: -0.3rem;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    margin-top: 0.3rem;
    margin-bottom: 10px;
}

.form-group input[type="file"] {
    opacity: 1;
    position: inherit;
}

.card-header-dolgozz_on, .card-header-dolgozz_off {
    padding: 20px 0 20px !important;
    text-align: center;
    font-size: 20px;
}

.card-header-dolgozz_on {
    background: #216DFC !important;
    color: #FFF !important;
}

.card-header-dolgozz_off {
    background: #dedede !important;
    color: #000000 !important;
}

hr {
    border-top: 1px solid #69D7FF;
}

.list-group-item {
    background-color: rgba(243, 146, 0, 0.1);
    color: #ffffff;
}

#location-list .list-group .list-group-item a {
	/*color: #ffffff;*/
}

#location-list .list-group .list-group-item .border-secondary {
    border-color: #216DFC !important;
}

#location-list .list-group .list-group-item .text-secondary {
    color: #216DFC !important;
}

#js-emails.notification {
	position: relative;
	height: 100%;
	width: 100%;
	border-radius: 0;
	top: 0px;
	right: 0px;
	background: #575756;
	border:none;
	border-bottom-left-radius: 0.14rem;
	border-bottom-right-radius: 0.14rem;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 0.8125rem;
	text-align: left !important;
}

#js-emails.notification li a {
	/*font-weight: bold;*/
}

#js-emails.notification li > :first-child {
	min-height: 2.75rem;
	border-bottom: 1px solid rgba(243, 146, 0, 0.4);
}

#js-emails.notification li:hover > :first-child {
	border-bottom: 1px solid rgba(243, 146, 0, 0.7);
	background-color: rgba(243, 146, 0, 0.2);
}

#js-emails.notification li.unread .name {
    font-weight: 700;
}

#panel-compose .panel-hdr {
	background-color: rgba(243, 146, 0, 0.2);
}

#panel-compose textarea.form-control {
    max-width: inherit;
    max-height: inherit;
	border: 1px solid #216DFC !important;
	border-radius: 0.14rem !important;    
}

@media (min-width:992px) {
	.pl-lg-5, .px-lg-5 {
	    padding-left: 2rem !important;
	}
	.ml-lg-5, .mx-lg-5 {
	    margin-left: 2rem !important;
	}
}

.js-collapse {
	border-top: rgba(243, 146, 0, 0.7) solid 1px;
	margin-top: 10px;
}
.width-sm {
    min-width: 10rem;
}
@media (min-width:992px) {
	.col-lg-auto {
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	    flex: 0 0 auto;
	    width: auto;
	    max-width: 100%;
	}
}
.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.text-muted {
    color: #848f99 !important;
}
/*
.btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled.focus, .btn.disabled:active, .btn.disabled.active, .btn:disabled, .btn:disabled:hover, .btn:disabled:focus, .btn:disabled.focus, .btn:disabled:active, .btn:disabled.active, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled].focus, .btn[disabled]:active, .btn[disabled].active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn.focus, fieldset[disabled] .btn:active, fieldset[disabled] .btn.active, .navbar .navbar-nav > a.btn.disabled, .navbar .navbar-nav > a.btn.disabled:hover, .navbar .navbar-nav > a.btn.disabled:focus, .navbar .navbar-nav > a.btn.disabled.focus, .navbar .navbar-nav > a.btn.disabled:active, .navbar .navbar-nav > a.btn.disabled.active, .navbar .navbar-nav > a.btn:disabled, .navbar .navbar-nav > a.btn:disabled:hover, .navbar .navbar-nav > a.btn:disabled:focus, .navbar .navbar-nav > a.btn:disabled.focus, .navbar .navbar-nav > a.btn:disabled:active, .navbar .navbar-nav > a.btn:disabled.active, .navbar .navbar-nav > a.btn[disabled], .navbar .navbar-nav > a.btn[disabled]:hover, .navbar .navbar-nav > a.btn[disabled]:focus, .navbar .navbar-nav > a.btn[disabled].focus, .navbar .navbar-nav > a.btn[disabled]:active, .navbar .navbar-nav > a.btn[disabled].active, fieldset[disabled] .navbar .navbar-nav > a.btn, fieldset[disabled] .navbar .navbar-nav > a.btn:hover, fieldset[disabled] .navbar .navbar-nav > a.btn:focus, fieldset[disabled] .navbar .navbar-nav > a.btn.focus, fieldset[disabled] .navbar .navbar-nav > a.btn:active, fieldset[disabled] .navbar .navbar-nav > a.btn.active {
    background-color: #878787;
    border-color: #878787;
}
*/
.pl-6,
.px-6 {
 padding-left:2.5rem!important
}

.subheader{
margin-bottom:calc(1.5rem + .625rem);
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.subheader-icon{
color:#ffffff;
margin-right:.25rem
}
.subheader-title{
font-size:1.375rem;
font-weight:500;
color:#ffffff;
text-shadow:#000000 0 1px;
margin:0;
-webkit-box-flex:1;
-ms-flex:1;
flex:1
}
.subheader-title sup.badge{
text-shadow:none;
position:absolute;
margin-top:.4rem;
margin-left:.25rem;
font-size:40%;
padding:2px 5px;
line-height:normal
}
.subheader-title small{
font-weight:400;
color:#ffffff;
margin-bottom:0;
font-size:.875rem
}

.profile-image {
    width: 3.125rem;
    height: 3.125rem;
}

.profile-image-md {
    width: 2rem;
    height: 2rem;
}

.fw-300{
font-weight:300!important
}
.fw-400{
font-weight:400!important
}
.fw-500{
font-weight:500!important
}
.fw-700{
font-weight:700!important
}
.fw-900{
font-weight:900!important
}
.fw-n{
font-weight:400!important
}
.fs-nano{
font-size:.6875rem!important
}
.fs-xs{
font-size:.75rem!important
}
.fs-sm{
font-size:.78125rem!important
}
.fs-b{
font-size:.8125rem!important
}
.fs-md{
font-size:.875rem!important
}
.fs-lg{
font-size:.9375rem!important
}
.fs-xl{
font-size:1rem!important
}
.fs-xxl{
font-size:1.75rem!important
}

.pos-top{
top:0
}
.pos-left{
left:0
}
.pos-right{
right:0;
}
.pos-bottom{
bottom:0;
}

.badge.badge-icon {
    position: absolute;
    display: inline-block;
    background-color: #ff4341;
    color: #fff;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
    cursor: default;
    border: 1px solid transparent;
    font-size: .625rem;
    min-width: 1rem;
    max-width: 1.6875rem;
    padding: 0 3px;
    border-radius: 1.25rem;
    font-weight: 700;
    line-height: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}

.badge.badge-icon {
    background-color: rgba(243, 146, 0, 1);
    color: #fff;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
}

    .calendar-outer {
        width: 100%; overflow: auto;
    }
    .calendar {
        width: max-content;
    }
    .calendar th, .calendar td, .calendar .shift-fs {
        text-align: center;
        vertical-align: middle;
        padding: 1px !important;
        font-size: 12px;
    }
    .calendar .shift-fs {
        height: 21px;
    }
    .calendar tbody tr {
        height: 25px;
    }
    .calendar tbody td {
        height: inherit;
    }
    .calendar .day {
        height: 100%;
    }
    .calendar .day.active {
        cursor: pointer;
        border: #216DFC 1px solid;
    }
    .calendar .day.active .check-style {
        font-weight: bold;
        line-height: 20px;
    }
    .calendar .day.active.readonly {
        cursor: not-allowed;
        background-color: #ffe3bf;
        color: #000000;
    }
    .calendar th.col1 {
        width: 200px;
    }
    .calendar th.col2 {
        width: 90px;
    }
    .calendar th.col3 {
        width: 24px;
    }
    .calendar th.col4 {
        width: 65px;
    }
    .calendar .avatar {
        float: left;
        height: 40px;
		margin-right: 5px;
    }
    .calendar th.day-6, .calendar th.day-7 {
        background-color: rgba(233, 233, 233, 0.5);
        border-color: #216DFC !important;
        color: #216DFC;
    }    
    .calendar .day-6, .calendar .day-7 {
        background-color: rgba(233, 233, 233, 0.5);
        border-color: rgba(233, 233, 233, 1) !important;
        color: #216DFC;
    }
    .calendar .day-nonworkingday, .calendar .day-restday {
        background-color: rgba(255, 0, 0, 0.5);
        border-color: rgba(255, 0, 0, 1) !important;
    }
    .calendar .day-workingday {
        background-color: rgba(137, 239, 137, 0.5);
        border-color: rgba(137, 239, 137, 1) !important;
    }
    .calendar .day-holiday {
        background-color: rgba(255, 179, 47, 0.5);
        border-color: rgba(255, 179, 47, 1) !important;
    }
    .calendar .day-group {
        background-color: rgba(255, 255, 0, 0.4);
    }
    .calendar .paralel {
        background-color: rgba(175, 202, 231, 0.7);
        border-color: rgba(175, 202, 231, 1) !important;
    }
    .calendar .calculated {
        padding-top: 2px;
    }
    .calendar .calculated .icon {
        display: inline-block;
        position: relative;
    }
    .calendar .calculated .hours {
        padding-right: 10px;
    }
    .calendar .calculated .days {
        padding-right: 8px;
    }
    .calendar .calculated .badge {
        padding: 0 2px;
        top: 0;
        right: 0;
    }
    .calendar .calculated .badge.badge-icon {
        max-width: none;
    }    
    .calendar .calculated .icon .fal {
        font-size: 20px;
    }
    .calendar tfoot th {
        text-align: left;
        height: 33px;
        padding-left: 10px !important;
    }
    .calendar tfoot hr {
        border-bottom: 1px solid #eee;
        margin: 0;
    }
    .calendar tfoot th hr {
        margin-left: -5px;
    }
    .calendar tfoot td div {
        line-height: 11px;
    }
    .calendar tfoot td {
        border: 1px solid #eee;
        height: 38px;
        vertical-align: initial;
    }
    .calendar tfoot td.always-hiddencontent {
        border: 1px none;
    }
    .calendar tfoot td.success {
        border: 1px solid #89ef89;
        background-color: rgba(137, 239, 137, 0.2);
    }
    .calendar tfoot td.warning {
        border: 1px solid #ff0000;
        background-color: rgba(255, 0, 0, 0.2);
    }
    .calendar tfoot .hidden2 {
        display: initial !important;
        visibility: hidden;
    }
    .calendar tfoot .assigned, .calendar tfoot .required {
        height: 14px;
    }
    .calendar tfoot .assigned {
        padding-top: 4px;
    }

    .assignment-collision .error-list span {
        padding-right: 5px;
    }
    .assignment-collision .error-list .username {
        font-style: italic;
    }
    .assignment-collision .error-list .name {
        font-weight: bold;
    }
    .assignment-collision .error-list .leave-type {
        font-weight: bold;
    }
    .always-hidden {
        opacity: 0;
    }
    .calendar .user.total {
        padding: 3px 10px !important;
    }


.assignment-templates .table > tfoot > tr {
    text-transform: none !important;
}
.calendar tbody td .shift {
	white-space: nowrap;
}

.calendar .user_row_border {
	border-bottom: #216DFC solid 2px;
}

.table > tbody > tr.table-danger > td,
.table > tbody > tr.table-danger > td a,
.table > tbody > tr.table-success > td,
.table > tbody > tr.table-success > td a {
    color: #000000 !important;
}

.table > tbody > tr > td.td-danger,
.table > tbody > tr > td.td-danger a {
	background-color: #fd5d93;;
    color: #000000 !important;
}

.table > tbody > tr > td.td-success,
.table > tbody > tr > td.td-success a {
	background-color: #00bf9a;
    color: #000000 !important;
}

.table-hover tr:hover > td.td-danger, .table-hover tr:hover > th.th-danger {
    background-color: #fdb9d0;
}

.table-hover tr:hover > td.td-success, .table-hover tr:hover > th.th-success {
    background-color: #a0fae8;
}

/*
.badge-success,
.badge-danger {
    color: #000000;
    border: #000000 solid 1px;
}
*/





.bg-white {
    background-color: #ffffff !important;
    color: #000000;
}





























.btn-square-icon-text {
  display: inline-block;
  font-weight: 300;
  color: inherit;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 5px 5px;
  font-size: 0.55rem;
  border-radius: 0.177rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  
}
.btn-square-icon-text i{
  color: #ffffff !important;
  height: 25px;
  width: 25px;
  /*border: #fff solid 1px;*/
  font-size: 0.875rem !important;
  line-height: 25px;
  border-radius: 4px;
  background: #9D9D9C;  
  margin-bottom: 6px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
}
.user_info_panel {
  /*border: 3px solid #216DFC;*/
  /*background: #575756;*/
  border-radius: 10px;
  text-align: right;
  padding:0.5rem;
}
.user_info_panel .info {
  padding-right: 0.5rem !important;
  font-size: 11px;
}
.user_info_panel .info .user_name {
  text-transform: uppercase;
  font-weight: 700;
}
.user_info_panel .info .company_name {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 85%;
}
.user_info_panel .info .right_level {
  color: #7D040B;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 80%;
}
.user_info_block .dropdown-menu.dropdown-navbar {
    left: auto;
    right: 0;
}


.user_info_block .dropdown-menu.dropdown-navbar::before, .dropdown-menu.dropdown-navbar::after {
  left: auto;
  right: 24px;  
}

.card.card-mainmenu {
  height: calc(100% - 14px);
  border: #3784ff solid 1px;
}

.sidebar .card.card-mainmenu {
  border-top: none !important;
}

.card.card-mainmenu .card-header {
  padding: 0px 7px 0;
}

.card.card-mainmenu .card-body {
  padding: 10px 10px 4px 10px;
}

.half-gutters {
  margin-right: -7px !important;
  margin-left: -7px !important;
}

.half-gutters .card {
  margin-bottom: 14px;
}

.half-gutters>.col,
.half-gutters>[class*="col-"] {
  padding-right: 7px !important;
  padding-left: 7px !important;
}

.text-truncate-2row {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.btn-fill {
    padding: 7px 7px;
    width: 100%;
    margin: 0; 
    height: calc(100%);
	  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
}

.card.card-mainmenu .card-body .btn.btn-fill {
    height: calc(100% - 7px);
}

.card.card-mainmenu .card-body .btn {
  border-radius: 10px;
  font-size: 14px; /*0.625rem;*/
  font-weight: 500;
  margin-bottom: 7px;
}
/*
.btn-new-task, 
.btn-new-task:active, 
.btn-new-task:focus, 
.btn-new-task:active:focus {
  background-color: #008d36 !important;
  background-image: none !important;
  border-color: #008d36 !important;
  color: #ffffff !important;
}
.btn-new-task:hover, 
.btn-new-task:active:hover {
  background-color: #216DFC !important;
  background-image: none !important;
  border-color: #216DFC !important;
  color: #ffffff !important;
}
.btn-new-workflow, 
.btn-new-workflow:active, 
.btn-new-workflow:focus, 
.btn-new-workflow:active:focus {
  background-color: #95c11f !important;
  background-image: none !important;
  border-color: #95c11f !important;
  color: #ffffff !important;
}
.btn-new-workflow:hover, 
.btn-new-workflow:active:hover {
  background-color: #216DFC !important;
  background-image: none !important;
  border-color: #216DFC !important;
  color: #ffffff !important;
}
*/
.breadcrumb{
display: none
}
.panel-fullscreen{
overflow:hidden;
max-width:100%;
background: #e5e5e5 !important;
}

.panel{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
position:relative;
background-color:#DFDFDF;
-webkit-box-shadow:0 0 13px 0 rgba(44,56,90,.08);
box-shadow:0 0 13px 0 rgba(44,56,90,.08);
margin-bottom:1.5rem;
border-radius:0.177rem;
border:1px solid rgba(0,0,0,.09);
border-bottom:1px solid #e0e0e0;
border-radius:10px;
-webkit-transition:border .5s ease-out;
transition:border .5s ease-out
}
.panel .panel-container{
position:relative;
border-radius:0 0 10px 10px
}
.panel .panel-container .panel-content{
padding:1rem 1rem
}
.panel .panel-container .panel-content:last-child,.panel .panel-container .panel-content:only-child{
border-radius:0 0 10px 10px
}
.panel.panel-refresh .js-panel-refresh{
opacity:.5;
cursor:wait
}
.panel.panel-fullscreen{
position:fixed!important;
z-index:2055;
top:0;
left:0;
right:0;
height:100vh!important;
max-height:100vh!important;
width:100vw!important;
max-width:100vw!important;
border-radius:0;
border:0
}
.panel.panel-fullscreen .js-panel-close,.panel.panel-fullscreen .js-panel-collapse,.panel.panel-fullscreen [data-action=panel-close],.panel.panel-fullscreen [data-action=panel-collapse]{
display:none
}
.panel.panel-fullscreen .panel-hdr{
height:4.125rem;
border-radius:0;
-webkit-box-shadow:0 .125rem .125rem -.0625rem rgba(53,67,107,.1);
box-shadow:0 .125rem .125rem -.0625rem rgba(53,67,107,.1)
}
.panel.panel-fullscreen .panel-hdr h2{
font-size:1.125rem;
font-weight:400
}
.panel.panel-fullscreen .js-panel-locked{
display:none
}
.panel.panel-fullscreen .btn-panel[data-action=panel-fullscreen],.panel.panel-fullscreen .js-panel-fullscreen{
width:1.5rem;
height:1.5rem
}
.panel.panel-fullscreen .panel-container{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
overflow-y:auto;
border-radius:0;
display:block!important
}
.panel.panel-locked:not(.panel-fullscreen) .js-panel-locked{
font-weight:700
}
.panel.panel-locked:not(.panel-fullscreen) .panel-hdr h2:before{
font-family:nextgen-icons;
content:"\f2ae";
position:absolute;
top:0;
bottom:0;
right:5px;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
font-size:1.1rem;
color:#ff4341
}
.panel.ui-sortable-helper{
-webkit-box-shadow:0 5px 16px 0 rgba(0,0,0,.05),0 5px 20px 0 rgba(0,0,0,.09);
box-shadow:0 5px 16px 0 rgba(0,0,0,.05),0 5px 20px 0 rgba(0,0,0,.09)
}
.panel-tag{
padding:1rem 1rem;
margin-bottom:2rem;
border-left:3px solid #1dc944;
background:#eef7fd;
opacity:.8;
font-weight:400;
font-size:.875rem;
border-radius:0 8px 8px 0
}
.panel-tag>:last-child,.panel-tag>:only-child{
margin-bottom:0
}
.panel-tag:only-child{
margin-bottom:0
}
.panel-hdr{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;

background: #55b9ff; /* Old browsers */
background: -moz-linear-gradient(top,  #55b9ff 0%, #3784ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #55b9ff 0%,#3784ff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #55b9ff 0%,#3784ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55b9ff', endColorstr='#3784ff',GradientType=0 ); /* IE6-9 */

color: #ffffff !important;
min-height:3rem;
border-bottom:1px solid rgba(255,255,255,.3);
border-radius:10px 10px 0 0;
-webkit-transition:background-color .4s ease-out;
transition:background-color .4s ease-out
}

.panel-hdr button{
  color: #efefef;
}

.panel-hdr button:hover{
  color: #ffffff;
}
.panel-collapsed .panel-hdr{
border-radius:7px
}
.panel-hdr>:first-child{
padding-left:1rem
}
.panel-hdr>:last-child{
padding-right:1rem
}
.panel-hdr h2{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:.875rem;
margin:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
line-height:3rem;
color:inherit;
/*color:#333;*/
position:relative;
font-weight:500
}
.panel-hdr h2:not(:only-child){
margin-right:.66667rem
}
.panel-hdr h2>[class*=fw-]{
margin-left:4px
}
.panel-hdr h2 small{
display:inline-block;
margin:0;
opacity:.8;
font-weight:400;
font-size:.75rem;
margin-left:.5rem
}
.panel-hdr h2 .panel-icon{
margin-right:.5rem
}
.panel-hdr[class*=" bg-"] h2,.panel-hdr[class^=bg-] h2{
color:inherit
}
.panel-sortable:not(.panel-locked).ui-sortable-helper:active{
border-color:rgba(0,0,0,.15)
}
.panel-toolbar{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.panel-toolbar .btn-panel{
margin-left:.3rem;
padding:0;
width:1rem;
height:1rem;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-radius:50%;
opacity:.8;
box-shadow: none;
}
.panel-toolbar .btn-panel:hover{
opacity:1
}
.panel-toolbar .btn-panel.js-panel-collapse,.panel-toolbar .btn-panel[data-action=panel-collapse]{
background:#1dc944
}
.panel-toolbar .btn-panel.js-panel-fullscreen,.panel-toolbar .btn-panel[data-action=panel-fullscreen]{
background:#ffd541
}
.panel-toolbar .btn-panel.js-panel-close,.panel-toolbar .btn-panel[data-action=panel-close]{
background:#ff4341
}
.panel-toolbar .btn-toolbar-master{
height:3rem;
width:1.826875rem;
border-radius:0;
margin-right:-1rem;
border-top-right-radius:3px;
margin-left:.5rem;
padding:0 13px;
background:0 0;
border:0;
font-size:1.5625rem;
color:inherit;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}
.panel-toolbar .btn-toolbar-master[aria-expanded=true]{
-webkit-box-shadow:0 2px 5px rgba(0,0,0,.15) inset;
box-shadow:0 2px 5px rgba(0,0,0,.15) inset
}
.panel-toolbar .btn-toolbar-master+.dropdown-menu{
right:0;
top:3rem;
left:auto!important;
margin:0;
border-radius:0
}
.panel-toolbar .btn-panel-flat:last-child{
border-top-right-radius:3px
}
.panel-sortable:not(.panel-fullscreen):not(.panel-locked) .ui-sortable-handle{
cursor:move
}
.panel-placeholder{
background-color:#e6e7ec;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-bottom:1.5rem;
border-radius:5px;
position:relative;
overflow:hidden;
border:1px solid transparent
}
.panel-placeholder:after,.panel-placeholder:before{
content:" ";
background-image:url(data:image/gif;
base64,R0lGODlhCAAIAJAAAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQECgD/ACwAAAAACAAIAAACD4SDYZB6udpiaMJYsXuoAAAh+QQECgD/ACwAAAAACAAIAAACDYQRGadrzVRMB9FZ5SwAIfkEBAoA/wAsAAAAAAgACAAAAg8MDqGYaudeW9ChyOyltQAAIfkEBAoA/wAsAAAAAAgACAAAAg9MgGCXm+rQYtC0WGl9oQAAIfkEBAoA/wAsAAAAAAgACAAAAg+MgWCRernaYmjCWLF7qAAAIfkEBAoA/wAsAAAAAAgACAAAAg2MAwmna81UTAfRWeUsACH5BAQKAP8ALAAAAAAIAAgAAAIPRB6gmGrnXlvQocjspbUAACH5BAQKAP8ALAAAAAAIAAgAAAIPBIJhl5vq0GLQtFhpfaAAADs=);
border-radius:5px;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
opacity:.3
}
.panel-placeholder:before{
background:#e6e7ec;
margin:1px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
opacity:1;
z-index:1
}
.mod-panel-clean .panel-hdr{
background:#fff;
background-image:-webkit-gradient(linear,left top, left bottom,from(#f7f7f7),to(#fff));
background-image:linear-gradient(to bottom,#f7f7f7,#fff);
-webkit-box-shadow:none;
box-shadow:none
}
.mod-panel-clean .panel-hdr h2{
color:#333;
font-weight:500
}
@media only screen and (max-width:420px){
.panel .panel-hdr{
font-size:.875rem;
min-height:-1rem
}
.panel .panel-hdr>:first-child{
padding-left:10px
}
.panel .panel-hdr>:last-child{
padding-right:10px
}
.panel .panel-hdr .panel-toolbar .btn-toolbar-master{
margin-right:-10px
}
.panel .panel-container .panel-content:first-child{
/*padding:10px*/
}

}
@media print{
.panel-fullscreen .page-breadcrumb,.panel-fullscreen .page-content .panel:not(.panel-fullscreen),.panel-fullscreen .subheader{
display:none
}
.panel-fullscreen .panel-container,.panel-fullscreen .panel-content,.panel-fullscreen .panel-hdr,.panel-fullscreen h2{
border:none;
padding:0!important
}
.panel-fullscreen .panel{
margin:0
}

}

/*
.form-group .form-control, .input-group .form-control {
    padding: 10px 8px 10px 8px !important;
}

.input-group .form-control:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0.14rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0 none;
}

.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
*/




.table > tbody > tr.workflow_status_new > td,
.workflow_status_new {
    background-color: #6a7eb5 !important;
    color: #ffffff !important;
  border: #6a7eb5 solid 0.1rem !important;
}

.table > tbody > tr.workflow_status_ready > td,
.workflow_status_ready {
    background-color: #1dc944 !important;
    color: #000000 !important;
  border: #1dc944 solid 0.1rem !important;
}

.table > tbody > tr.workflow_status_pending > td,
.workflow_status_pending {
    background-color: #ffd541 !important;
    color: #000000 !important;
  border: #ffd541 solid 0.1rem !important;
}

.table > tbody > tr.workflow_status_problem > td,
.workflow_status_problem {
    background-color: #505050 !important;
    color: #ffffff !important;
  border: #ffffff solid 0.1rem !important;
}

.table > tbody > tr.workflow_status_denied > td,
.workflow_status_denied {
    background-color: #ff4341 !important;
    color: #ffffff !important;
  border: #ff4341 solid 0.1rem !important;
}

.table > tbody > tr.workflow_status_grouptaskready > td,
.workflow_status_grouptaskready {
    background-color: #1dc7a0 !important;
    color: #000000 !important;
  border: #1dc7a0 solid 0.1rem !important;
}

.table > tbody > tr.workflow_status_notfulfilled > td,
.workflow_status_notfulfilled {
    background-color: #868e96 !important;
    color: #ffffff !important;
  border: #868e96 solid 0.1rem !important;
}

.table > tbody > tr.workflow_status_reopened > td,
.workflow_status_reopened {
    background-color: #e6007e !important;
    color: #ffffff !important;
  border: #e6007e solid 0.1rem !important;
}

.table > tbody > tr.workflow_status_task > td,
.workflow_status_task {
    background-color: #63e9db !important;
    color: #000000 !important;
  border: #008d36 solid 0.1rem !important;
}

.table > tbody > tr.is_opened_workflow > td,
.is_opened_workflow {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#216DFC+0,216DFC+10,7db9e8+100&1+0,0+100 */
background-image: -moz-linear-gradient(left,  rgba(243,146,0,1) 0%, rgba(243,146,0,0.9) 10%, rgba(125,185,232,0) 100%) !important; /* FF3.6-15 */
background-image: -webkit-linear-gradient(left,  rgba(243,146,0,1) 0%,rgba(243,146,0,0.9) 10%,rgba(125,185,232,0) 100%) !important; /* Chrome10-25,Safari5.1-6 */
background-image: linear-gradient(to right,  rgba(243,146,0,1) 0%,rgba(243,146,0,0.9) 10%,rgba(125,185,232,0) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#216DFC', endColorstr='#007db9e8',GradientType=1 ) !important; /* IE6-9 */

border: #216DFC solid 0.2rem !important;    
}
/*
.table > tbody > tr.workflow_status_denied.is_opened_workflow > td,
.table > tbody > tr.workflow_status_reopened.is_opened_workflow > td,
.workflow_status_denied.is_opened_workflow,
.workflow_status_reopened.is_opened_workflow
 {
  border: #000000	 solid 0.1rem !important;
}
*/
.color-list .workflow_status_new,
.color-list .workflow_status_ready,
.color-list .workflow_status_pending,
.color-list .workflow_status_problem,
.color-list .workflow_status_denied,
.color-list .workflow_status_grouptaskready,
.color-list .workflow_status_notfulfilled,
.color-list .workflow_status_reopened,
.color-list .workflow_status_task {
    background-color: inherit !important;
    color: inherit !important;  
  border: inherit !important;
}

.color-list label > input[type="checkbox"] + * + span.label {
  display: inline-block;
  padding: 0.14rem 0.28rem;
  border-radius: 0.14rem;
  width: 100%;
  -webkit-transition: background 0.3s linear;
  -moz-transition: background 0.3s linear;
  -o-transition: background 0.3s linear;
  -ms-transition: background 0.3s linear;
  transition: background 0.3s linear;
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  -ms-transition: color 0.3s linear;
  transition: color 0.3s linear;
}

.color-list .form-check .form-check-sign::before, 
.color-list .form-check .form-check-sign::after {
    width: 17px;
    height: 17px;
    left: 0;
    border-radius: 0px;
    top: 0.25rem;
    line-height: 17px;
}

.color-list .form-check input[type="checkbox"]:checked + .form-check-sign::after {
    margin-top: 0.25rem;
}

.color-list .form-check input[type="checkbox"] + .form-check-sign::after {
    margin-top: 0.25rem;
}

.color-list .form-check .form-check-sign::after {
    top: 0px;
}
.color-list .form-check .form-check-label {
  width: 100%;
}


.color-list label > input[type="checkbox"]:checked + * + span.label {
  /*color: white;
  background: teal;*/
}
.color-list label > input[type="checkbox"] + * + span.label {
  /*border: teal solid 0.1rem;*/
}
.color-list .form-check input[type="checkbox"]:checked + .form-check-sign::before,
.color-list .form-check .form-check-sign::before, 
.color-list .form-check .form-check-sign::after {
    /*color: #000000;
    background-color: #ffffff;
    border: none;*/
}


.color-list .form-check input[type="checkbox"]:checked + .form-check-sign::before,
.color-list .form-check .form-check-sign::before, 
.color-list .form-check .form-check-sign::after {
    color: #000000 !important;
    background: #ffffff !important;
    border: transparent solid 1px;
}

/* workflow_status_new */
.color-list label.workflow_status_new > input[type="checkbox"]:checked + * + span.label {
    background: #6a7eb5 !important;
    color: #ffffff !important;
}
.color-list label.workflow_status_new > input[type="checkbox"] + * + span.label {
  border: #6a7eb5 solid 0.1rem;
}

/* workflow_status_ready */
.color-list label.workflow_status_ready > input[type="checkbox"]:checked + * + span.label {
    background: #1dc944 !important;
    color: #000000 !important;
}
.color-list label.workflow_status_ready > input[type="checkbox"] + * + span.label {
  border: #1dc944 solid 0.1rem;
}

/* workflow_status_pending */
.color-list label.workflow_status_pending > input[type="checkbox"]:checked + * + span.label {
    background: #ffd541 !important;
    color: #000000 !important;
}
.color-list label.workflow_status_pending > input[type="checkbox"] + * + span.label {
  border: #ffd541 solid 0.1rem;
}

/* workflow_status_problem */
.color-list label.workflow_status_problem > input[type="checkbox"]:checked + * + span.label {
    background: #505050 !important;
    color: #ffffff !important;
}
.color-list label.workflow_status_problem > input[type="checkbox"] + * + span.label {
  border: #ffffff solid 0.1rem;
}

/* workflow_status_denied */
.color-list label.workflow_status_denied > input[type="checkbox"]:checked + * + span.label {
    background: #ff4341 !important;
    color: #ffffff !important;
}
.color-list label.workflow_status_denied > input[type="checkbox"] + * + span.label {
  border: #ff4341 solid 0.1rem;
}

/* workflow_status_grouptaskready */
.color-list label.workflow_status_grouptaskready > input[type="checkbox"]:checked + * + span.label {
    background: #1dc7a0 !important;
    color: #000000 !important;
}
.color-list label.workflow_status_grouptaskready > input[type="checkbox"] + * + span.label {
  border: #1dc7a0 solid 0.1rem;
}

/* workflow_status_notfulfilled */
.color-list label.workflow_status_notfulfilled > input[type="checkbox"]:checked + * + span.label {
    background: #868e96 !important;
    color: #ffffff !important;
}
.color-list label.workflow_status_notfulfilled > input[type="checkbox"] + * + span.label {
  border: #868e96 solid 0.1rem;
}

/* workflow_status_reopened */
.color-list label.workflow_status_reopened > input[type="checkbox"]:checked + * + span.label {
    background: #e6007e !important;
    color: #ffffff !important;
}
.color-list label.workflow_status_reopened > input[type="checkbox"] + * + span.label {
  border: #e6007e solid 0.1rem;
}

/* workflow_status_task */
.color-list label.workflow_status_task > input[type="checkbox"]:checked + * + span.label {
    background: #63e9db !important;
    color: #000000 !important;
}
.color-list label.workflow_status_task > input[type="checkbox"] + * + span.label {
  border: #63e9db solid 0.1rem;
}

.ui-widget.ui-widget-content {
    border: 1px solid #216DFC;
}
.ui-widget-content {
    border: 1px solid #ddd;
    background: #3C3C3B;
    color: #fff;
}
.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}

select option {
    background-color: #69D7FF !important;
    color: #000000;
}
select option:disabled {
    border-color: #9c5d00;
    background-color: #3C3C3B;
    color: rgba(255, 255, 255, 0.4);
    cursor: not-allowed;
}
.alert-info {
  background-color: #216DFC;
}

.fc-head-container thead tr {
    background-image: -webkit-gradient(linear,left bottom, left top,color-stop(0, #828282),to(#878787)) !important;
    background-image: linear-gradient(to top,#828282 0,#878787 100%) !important;
    color: #ffffff;
}

.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
    float: left !important;
}

.fc-dayGrid-view .fc-day-number, .fc-dayGrid-view .fc-week-number {
    padding: 8px 8px 0px 8px !important;
    font-size: 16px;
    color: #000000 !important;
}

.fc-view-container {
  background-color: #878787;
  border-right: #878787 solid 6px !important;
  border-left: #878787 solid 6px !important;
  border-bottom: #878787 solid 6px !important;
}

.fc-row .fc-bg {
    background-color: #c6c6c6;
    color: #000;
}
.fc-row .fc-bg .alert {
    position: inherit;
}
.fc td, .fc th {
  border-right: #878787 solid 4px !important;
  border-left: #878787 solid 4px !important;
}
.dataTables_scroll {
  border-radius: 10px;
  /*border: 1px solid #878787;*/
  overflow: hidden;
}
.table-bordered {
    /*border: 4px solid #878787;*/
}
.table-bordered thead th, .table-bordered thead td {
    border: 4px solid #878787;
}
.fc-row .fc-content-skeleton {
    spadding-bottom: 0px !important;
}
.fc-event-container {
    spadding-bottom: 3px !important;
}

.fc-content-skeleton .fc-other-month {
    border-top: 4px solid #878787 !important;
}

.fc-other-month {
  background-image: none !important;
    background-color: #9d9d9c !important;
    background-size: 1rem 1rem;
}
.fc-more {
  color: #000000 !important;
}

   .tooltip-inner {
        max-width: 300px;
    }
    /*
    .color-list .task, .color.task {
        background-color: #63e9db !important;
        color: white;
    }
    */
    .fc-dayGrid-view .fc-body .fc-row {
        min-height: 40px;
    }
    .fc-dayGrid-view .fc-body .fc-day, .fc-dayGrid-view .fc-body .fc-day-top {
        cursor: pointer;
    }

    .twitter-typeahead {
        display: block !important;
    }
    .workflow-dataset {
        background: #3C3C3B;
        border: 1px solid #216DFC;
        padding: 3px;
    }
    .workflow-suggestion {
        border-bottom: 1px solid #216DFC;
        padding: 6px 0;
        cursor: pointer;
    }
    .workflow-suggestion:last-child {
        border-bottom: initial;
    }

.fc-bootstrap .btn.btn-default {

}

.fc-bootstrap .btn-default:not(:disabled):not(.disabled):active, 
.fc-bootstrap .btn-default:not(:disabled):not(.disabled).active, 
.fc-bootstrap .show > .btn-default.dropdown-toggle {
  color: #ffffff !important;
  background-color: #3c3c3b !important;
  border-color: #3c3c3b !important;
  background-image: none !important;
}
.fc-bootstrap .btn-default:hover {
  color: #ffffff !important;
  background-color: #216DFC !important;
  border-color: #216DFC !important;
  background-image: none !important;
}

.fc-bootstrap .btn.disabled, 
.fc-bootstrap .btn.disabled:hover, 
.fc-bootstrap .btn.disabled:focus, 
.fc-bootstrap .btn.disabled.focus, 
.fc-bootstrap .btn.disabled:active, 
.fc-bootstrap .btn.disabled.active, 
.fc-bootstrap .btn:disabled, 
.fc-bootstrap .btn:disabled:hover, 
.fc-bootstrap .btn:disabled:focus, 
.fc-bootstrap .btn:disabled.focus, 
.fc-bootstrap .btn:disabled:active, 
.fc-bootstrap .btn:disabled.active, 
.fc-bootstrap .btn[disabled], 
.fc-bootstrap .btn[disabled]:hover, 
.fc-bootstrap .btn[disabled]:focus, 
.fc-bootstrap .btn[disabled].focus, 
.fc-bootstrap .btn[disabled]:active, 
.fc-bootstrap .btn[disabled].active {
    background-color: #3c3c3b !important;
    border-color: #3c3c3b !important;
  background-image: none !important;
}

/*
.panel {
    border-bottom: 1px solid #216DFC;
}
*/
.modal.show .modal-dialog {
    -webkit-transform: none !important;
    transform: none !important;
}
.modal-dialog {
    /*margin: 6rem auto 1.75rem auto;*/
}

.modal-content .modal-header .modal-title {
    color: inherit;
}


select.form-control {
  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;

  background-image:
    linear-gradient(60deg, transparent 50%, #216DFC 50%),
    linear-gradient(120deg, #216DFC 50%, transparent 50%);
  background-position:
    calc(100% - 15px) calc(1em + 0px),
    calc(100% - 9px) calc(1em + 0px);
  background-size:
    6px 10px,
    6px 10px;
  background-repeat: no-repeat;
  padding-right: 26px !important;
}

.fileuploader-input .fileuploader-input-caption {
    border-top-left-radius: 7px !important;
    border-bottom-left-radius: 7px !important;
    color: #000000 !important;
    background-color: rgba(255,255,255, 0.84) !important;
    border-color: transparent; !important;
    min-height: 38px;
}

.fileuploader-input .fileuploader-input-button, .fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button.button-success {
    color: #000000 !important;
    background: rgba(0, 0, 0, 0.1) !important;
    border-color: transparent !important;
}
.fileuploader-input .fileuploader-input-button span, .fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button.button-success span {
    color: #000000 !important;
}

.fileuploader-items .fileuploader-item:last-child {
  margin-bottom: 0px !important;
}

.fileuploader-items .fileuploader-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
}

.fileuploader-items .fileuploader-item .column-title {
    color: #000000 !important;
}

.fileuploader-items .fileuploader-item .column-title span {
    color: rgba(0, 0, 0, 0.7) !important;
}

.fileuploader-items .fileuploader-item .column-title a {
    color: rgba(0, 0, 0, 1) !important;
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i {
    background: rgba(255, 255, 255, 0.7) !important;
}
.fileuploader-items .fileuploader-item .fileuploader-action {
  color: rgba(0, 0, 0, 0.7) !important;
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove:hover {
    background-color: #000000 !important;
}
/*
.daterangepicker {
    background-color: #3C3C3B !important;
    border: 1px solid #216DFC !important;
    color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
}

.daterangepicker .calendar-table {
    border: 0 none;
    border-radius: 0.14rem;
    background-color: #3C3C3B;
}

.daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date {
    background-color: #333333;
    border-color: transparent;
    color: rgba(255, 255, 255, 0.5);
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: rgba(243, 146, 0, 0.3);
}

.daterangepicker .calendar-table td, .daterangepicker .calendar-table th {
    border-radius: 0;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer;
}

.daterangepicker table tr td span.active.active, .daterangepicker table tr td span.focused, .daterangepicker table tr td.active.active, .daterangepicker table tr td.active.highlighted.active, .daterangepicker table tr td.active.highlighted:active, .daterangepicker table tr td.active:active, .daterangepicker table tr td.selected, .daterangepicker table tr td.selected.highlighted {
    background-color: rgba(243, 146, 0, 1);
    color: #fff;
}
.daterangepicker .in-range.available {
    background-color: rgba(243, 146, 0, 0.7);
}
.daterangepicker .off.ends.in-range.available {
    background-color: rgba(243, 146, 0, 0.7);
}

.daterangepicker table tr td.active.active.focus, .daterangepicker table tr td.active.active:focus, .daterangepicker table tr td.active.active:hover, .daterangepicker table tr td.active.highlighted.active.focus, .daterangepicker table tr td.active.highlighted.active:focus, .daterangepicker table tr td.active.highlighted.active:hover, .daterangepicker table tr td.active.highlighted:active.focus, .daterangepicker table tr td.active.highlighted:active:focus, .daterangepicker table tr td.active.highlighted:active:hover, .daterangepicker table tr td.active:active.focus, .daterangepicker table tr td.active:active:focus, .daterangepicker table tr td.active:active:hover, .daterangepicker table tr td.selected.active.focus, .daterangepicker table tr td.selected.active:focus, .daterangepicker table tr td.selected.active:hover, .daterangepicker table tr td.selected.highlighted.active.focus, .daterangepicker table tr td.selected.highlighted.active:focus, .daterangepicker table tr td.selected.highlighted.active:hover, .daterangepicker table tr td.selected.highlighted:active.focus, .daterangepicker table tr td.selected.highlighted:active:focus, .daterangepicker table tr td.selected.highlighted:active:hover, .daterangepicker table tr td.selected.highlighted:hover, .daterangepicker table tr td.selected:active.focus, .daterangepicker table tr td.selected:active:focus, .daterangepicker table tr td.selected:active:hover, .daterangepicker table tr td.selected:hover {
    background-color: rgba(179, 107, 0, 1);
    color: #000000;
}

.daterangepicker::before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #216DFC;
}
.daterangepicker::after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #3c3c3b;
    border-left: 6px solid transparent;
}

.daterangepicker.drop-up::before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #216DFC;
}

.daterangepicker.drop-up::after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #3c3c3b;
}
*/
.card .card-body {
  /*background-color: #444444;*/
}

.card  {
  sbackground-color: #444444;
}

.ct-barlabel,
.ct-label {
    /*fill: rgba(255,255,255,.6) !important;
    color: rgba(255,255,255,.6) !important;*/
}
.ct-grid {
    /*stroke: rgba(255,255,255,.2) !important;*/
}

.border-bottom-right-radius-0 {
    border-bottom-right-radius: 0 !important;
}
.border-top-right-radius-0 {
    border-top-right-radius: 0 !important;
}
.border-bottom-left-radius-0 {
    border-bottom-left-radius: 0 !important;
}
.border-top-left-radius-0 {
    border-top-left-radius: 0 !important;
}

.input-group-text {
/*  
    color: #000000;
    background-color: rgba(0,0,0, 0.1) !important;
    border: 1px solid #ffffff;
    border-radius: 10px;
*/
}

.dataTable .form-control {
  width: auto !important;
}


.dataTables_scrollBody {
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
}


.card > :first-child {
  border-top-left-radius: calc(0.2232rem);
  border-top-right-radius: calc(0.2232rem);
}

.card > :last-child {
  border-bottom-left-radius: calc(0.2232rem);
  border-bottom-right-radius: calc(0.2232rem);
}


.sidebar-wrapper .card .card-body {
  padding: 15px 10px 15px 10px;
}

.sidebar-wrapper .card .card-body .btn-square-icon-text {
  padding: 0;
  margin: 0;
}
.sidebar-wrapper .card .card-body .btn-square-icon-text i {
  padding: 0;
  margin: 0;
}




.toast {
 max-width:350px;
 overflow:hidden;
 font-size:.875rem;
 /*background-color:rgba(60,60,60,.85);*/
 background-clip:padding-box;
 border:1px solid rgba(255,255,255,.1);
 -webkit-box-shadow:0 .25rem .75rem rgba(0,0,0,.1);
 box-shadow:0 .25rem .75rem rgba(0,0,0,.1);
 -webkit-backdrop-filter:blur(10px);
 backdrop-filter:blur(10px);
 opacity:0;
 border-radius:.25rem
}
.toast:not(:last-child) {
 margin-bottom:.75rem
}
.toast.showing {
 opacity:1
}
.toast.show {
 display:block;
 opacity:1
}
.toast.hide {
 display:none
}
.toast-header {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 padding:.5rem .75rem;
 /*color:#ffffff;*/
 background-color:rgba(20,20,20,.15);
 background-clip:padding-box;
 border-bottom:1px solid rgba(0,0,0,.05)
}
.toast-body {
 padding:.75rem
}

.toast-footer {
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;*/
    padding: .5rem .75rem;
    /*color: #ffffff;*/
    background-color: rgba(20,20,20,.15);
    background-clip: padding-box;
    border-top: 1px solid rgba(0,0,0,.05);
}

.card .card-header {
    color: rgba(0, 0, 0, 0.8);
}

.data-table tr .details-control .fa-minus {
    display: none;
}
.data-table tr.shown .details-control .fa-minus {
    display: inline;
}
.data-table tr.shown .details-control .fa-plus {
    display: none;
}

.table-hover tbody tr:hover {
    /*color: #ffffff !important;*/
}

.form-check-label {
    font-size: 0.875rem !important;
}

.panel-content .note-editable *,
.card .note-editable * {
  color: #000000 !important;
}
.note-frame {
  margin-top: 15px;
  background-color: #ffffff;
}

.card label {
    font-size: inherit;
}

.modal-full {
  max-width: calc(100% - 80px) !important;
}

.modal-xl .toast, .modal-full .toast {
    max-width: 100%;
}
/*
.table {
  color: #216DFC !important;
  background-color: #69D7FF;
}

*/

.table {
    color: #525252;
    background-color: rgba(255, 255, 255, 1);
}

.table > tbody > tr > td {
    color: #868484 !important;
}

.table > tbody > tr.curr_edit_price_row > td {
    background: #216DFC;
    color: #FFF !important;
}
.curr_edit_price_row button.btn {
    background: #42889D;
    color: #FFF !important;
    border-color: #FFF !important;
}

.page-link {
    color: #216DFC;
    /*background-color: #868484;*/
}

*:focus,
*:focus-visible {
    outline: none;
}

.accordion h1, 
.accordion h2, 
.accordion h3, 
.accordion h4, 
.accordion h5, 
.accordion h6, 
.accordion .h1, 
.accordion .h2, 
.accordion .h3, 
.accordion .h4, 
.accordion .h5, 
.accordion .h6 {
    margin-bottom: 0;
    color: #ffffff;
}

.accordion.accordion-hover .summary .card-title:not(.collapsed) {
    color: #fff;
    background-color: #216DFC;
}

.accordion.accordion-hover .summary .card-header {
    background: #f7f9fa;
}

.accordion .card .card-header.summary {
    cursor: pointer;
    margin: 0;
    padding: 0;
    border-bottom: 0;
    background-color: rgba(243, 146, 0, 0.3);
}
.accordion .card .card-header.summary .card-title {
    padding: 1rem 1rem;
    margin: 0;
    font-size: .875rem;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
}
.accordion.accordion-hover .summary .card-title {
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease;
}

.accordion > .card {
    margin-bottom: 0px;
}

.accordion [aria-expanded="true"] .collapsed-reveal {
    display: block;
}
.accordion [aria-expanded="true"] .collapsed-hidden {
    display: none;
}
.accordion [aria-expanded="false"] .collapsed-reveal {
    display: none;
}
.accordion [aria-expanded="false"] .collapsed-hidden {
    display: block;
}



.accordion .badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 85%;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.accordion .badge.badge-icon {
    background-color: #b57d6a;
    color: #fff;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
}
.accordion .badge.badge-icon {
    position: absolute;
    display: inline-block;
    background-color: #ff4341;
    color: #fff;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
    cursor: default;
    border: 1px solid transparent;
    font-size: .625rem;
    min-width: 1rem;
    max-width: 1.6875rem;
    padding: 0 3px;
    border-radius: 1.25rem;
    font-weight: 500;
    line-height: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}

.pos-right {
    right: 0;
}
.pos-top {
    top: 0;
}


.table-bordered-force {
    border: 4px solid #878787 !important;	
}

@media screen and (max-width: 991px) {
	#navigation > ul.navbar-nav > li {
		margin-top:15px;
	}
	.navbar .dropdown.show .dropdown-menu, .navbar .dropdown .dropdown-menu {
	    margin: 0px;
	}
	.navbar .dropdown .dropdown-menu li a {
	    color: inherit;
	}	
	.user_info_panel {
		margin-top:15px;
		padding: 0.5rem !important;		
	}
	.submenu {
	    padding: 0 0 0 30px;
	}	

	.dropdown-menu .dropdown-item, .bootstrap-select .dropdown-menu.inner li a {
	    font-size: 0.75rem;
	    padding-top: 0.2rem;
	    padding-bottom: 0.2rem;
	    margin-top: 0px;
	}
}

.fad.fa-siren-on::after {
   color: #f00;
}















.panel-hdr.inactive, .panel-content.inactive {
	background-color: #b50000 !important;
	color: #ffffff !important;
}




.menu_color_messages .info-table {
	background: #216DFC !important; color:#ffffff !important;
}

.menu_color_messages .btn:not(.btn-link):hover, 
.menu_color_messages .btn:not(.btn-link):focus, 
.menu_color_messages .btn:not(.btn-link):active, 
.menu_color_messages .btn:not(.btn-link).active, 
.menu_color_messages .btn:not(.btn-link):active:focus, 
.menu_color_messages .btn:not(.btn-link):active:hover, 
.menu_color_messages .btn:not(.btn-link).active:focus, 
.menu_color_messages .btn:not(.btn-link).active:hover, 
.menu_color_messages .active {
	background: #216DFC !important; color:#ffffff !important;
}

.menu_color_reports .info-table {
	background: #009fe3 !important; color:#ffffff !important;
}

.menu_color_reports .btn:not(.btn-link):hover, 
.menu_color_reports .btn:not(.btn-link):focus, 
.menu_color_reports .btn:not(.btn-link):active, 
.menu_color_reports .btn:not(.btn-link).active, 
.menu_color_reports .btn:not(.btn-link):active:focus, 
.menu_color_reports .btn:not(.btn-link):active:hover, 
.menu_color_reports .btn:not(.btn-link).active:focus, 
.menu_color_reports .btn:not(.btn-link).active:hover, 
.menu_color_reports .active {
	background: #009fe3 !important; color:#ffffff !important;
}

.menu_color_positions .info-table {
	background: #3b6bc4 !important; color:#ffffff !important;    
}
  
.menu_color_positions .btn:not(.btn-link):hover, 
.menu_color_positions .btn:not(.btn-link):focus, 
.menu_color_positions .btn:not(.btn-link):active, 
.menu_color_positions .btn:not(.btn-link).active, 
.menu_color_positions .btn:not(.btn-link):active:focus, 
.menu_color_positions .btn:not(.btn-link):active:hover, 
.menu_color_positions .btn:not(.btn-link).active:focus, 
.menu_color_positions .btn:not(.btn-link).active:hover, 
.menu_color_positions .active {
	background: #3b6bc4 !important; color:#ffffff !important;    
}
  
.menu_color_scheduleworkingdays .info-table {
	background: #00a19a !important; color:#ffffff !important;
}
  
.menu_color_scheduleworkingdays .btn:not(.btn-link):hover, 
.menu_color_scheduleworkingdays .btn:not(.btn-link):focus, 
.menu_color_scheduleworkingdays .btn:not(.btn-link):active, 
.menu_color_scheduleworkingdays .btn:not(.btn-link).active, 
.menu_color_scheduleworkingdays .btn:not(.btn-link):active:focus, 
.menu_color_scheduleworkingdays .btn:not(.btn-link):active:hover, 
.menu_color_scheduleworkingdays .btn:not(.btn-link).active:focus, 
.menu_color_scheduleworkingdays .btn:not(.btn-link).active:hover, 
.menu_color_scheduleworkingdays .active {
	background: #00a19a !important; color:#ffffff !important;
}
  
.menu_color_projects .info-table {
	background: #95c11f !important; color:#ffffff !important;
}
  
.menu_color_projects .btn:not(.btn-link):hover, 
.menu_color_projects .btn:not(.btn-link):focus, 
.menu_color_projects .btn:not(.btn-link):active, 
.menu_color_projects .btn:not(.btn-link).active, 
.menu_color_projects .btn:not(.btn-link):active:focus, 
.menu_color_projects .btn:not(.btn-link):active:hover, 
.menu_color_projects .btn:not(.btn-link).active:focus, 
.menu_color_projects .btn:not(.btn-link).active:hover, 
.menu_color_projects .active {
	background: #95c11f !important; color:#ffffff !important;
}
  
.menu_color_tasksshiftsmanager .info-table {
	background: #ac4de3 !important; color:#ffffff !important;    
}
  
.menu_color_tasksshiftsmanager .btn:not(.btn-link):hover, 
.menu_color_tasksshiftsmanager .btn:not(.btn-link):focus, 
.menu_color_tasksshiftsmanager .btn:not(.btn-link):active, 
.menu_color_tasksshiftsmanager .btn:not(.btn-link).active, 
.menu_color_tasksshiftsmanager .btn:not(.btn-link):active:focus, 
.menu_color_tasksshiftsmanager .btn:not(.btn-link):active:hover, 
.menu_color_tasksshiftsmanager .btn:not(.btn-link).active:focus, 
.menu_color_tasksshiftsmanager .btn:not(.btn-link).active:hover, 
.menu_color_tasksshiftsmanager .active {
	background: #ac4de3 !important; color:#ffffff !important;    
}
  
.menu_color_demands .info-table {
    background: #c3f266 !important; color:#000000 !important;    
}
  

.menu_color_demands .btn:not(.btn-link):hover, 
.menu_color_demands .btn:not(.btn-link):focus, 
.menu_color_demands .btn:not(.btn-link):active, 
.menu_color_demands .btn:not(.btn-link).active, 
.menu_color_demands .btn:not(.btn-link):active:focus, 
.menu_color_demands .btn:not(.btn-link):active:hover, 
.menu_color_demands .btn:not(.btn-link).active:focus, 
.menu_color_demands .btn:not(.btn-link).active:hover, 
.menu_color_demands .active {
	background: #c3f266 !important; color:#000000 !important;    
}
  
.menu_color_notifiers .info-table {
	background: #76cee8 !important; color:#000000 !important;    
}

.menu_color_notifiers .btn:not(.btn-link):hover, 
.menu_color_notifiers .btn:not(.btn-link):focus, 
.menu_color_notifiers .btn:not(.btn-link):active, 
.menu_color_notifiers .btn:not(.btn-link).active, 
.menu_color_notifiers .btn:not(.btn-link):active:focus, 
.menu_color_notifiers .btn:not(.btn-link):active:hover, 
.menu_color_notifiers .btn:not(.btn-link).active:focus, 
.menu_color_notifiers .btn:not(.btn-link).active:hover, 
.menu_color_notifiers .active {
	background: #76cee8 !important; color:#000000 !important;    
}
  
.menu_color_usersgroups .info-table {
	background: #f0f55d !important; color:#000000 !important;    
}

.menu_color_usersgroups .btn:not(.btn-link):hover, 
.menu_color_usersgroups .btn:not(.btn-link):focus, 
.menu_color_usersgroups .btn:not(.btn-link):active, 
.menu_color_usersgroups .btn:not(.btn-link).active, 
.menu_color_usersgroups .btn:not(.btn-link):active:focus, 
.menu_color_usersgroups .btn:not(.btn-link):active:hover, 
.menu_color_usersgroups .btn:not(.btn-link).active:focus, 
.menu_color_usersgroups .btn:not(.btn-link).active:hover, 
.menu_color_usersgroups .active {
	background: #f0f55d !important; color:#000000 !important;    
}

.menu_color_smartbox .info-table {
	background: #e30613 !important; color:#ffffff !important;    
}

.menu_color_smartbox .btn:not(.btn-link):hover, 
.menu_color_smartbox .btn:not(.btn-link):focus, 
.menu_color_smartbox .btn:not(.btn-link):active, 
.menu_color_smartbox .btn:not(.btn-link).active, 
.menu_color_smartbox .btn:not(.btn-link):active:focus, 
.menu_color_smartbox .btn:not(.btn-link):active:hover, 
.menu_color_smartbox .btn:not(.btn-link).active:focus, 
.menu_color_smartbox .btn:not(.btn-link).active:hover, 
.menu_color_smartbox .active {
	background: #e30613 !important; color:#ffffff !important;    
}
  
.menu_color_setting .info-table {
	background: #951b81 !important; color:#ffffff !important;    
}
  

.menu_color_setting .btn:not(.btn-link):hover, 
.menu_color_setting .btn:not(.btn-link):focus, 
.menu_color_setting .btn:not(.btn-link):active, 
.menu_color_setting .btn:not(.btn-link).active, 
.menu_color_setting .btn:not(.btn-link):active:focus, 
.menu_color_setting .btn:not(.btn-link):active:hover, 
.menu_color_setting .btn:not(.btn-link).active:focus, 
.menu_color_setting .btn:not(.btn-link).active:hover, 
.menu_color_setting .active {
	background: #951b81 !important; color:#ffffff !important;    
}
  
.menu_color_evacuation .info-table {
	background: #ff9ca2 !important; color:#ffffff !important;    
}
  
.menu_color_evacuation .btn:not(.btn-link):hover, 
.menu_color_evacuation .btn:not(.btn-link):focus, 
.menu_color_evacuation .btn:not(.btn-link):active, 
.menu_color_evacuation .btn:not(.btn-link).active, 
.menu_color_evacuation .btn:not(.btn-link):active:focus, 
.menu_color_evacuation .btn:not(.btn-link):active:hover, 
.menu_color_evacuation .btn:not(.btn-link).active:focus, 
.menu_color_evacuation .btn:not(.btn-link).active:hover, 
.menu_color_evacuation .active {
	background: #ff9ca2 !important; color:#ffffff !important;    
}
  

.menu_color_favorites .info-table {
	background: #006633 !important; color:#ffffff !important;    
}
  
.menu_color_favorites :not(.btn-link).btn:hover, 
.menu_color_favorites :not(.btn-link).btn:focus, 
.menu_color_favorites :not(.btn-link).btn:active, 
.menu_color_favorites :not(.btn-link).btn.active, 
.menu_color_favorites :not(.btn-link).btn:active:focus, 
.menu_color_favorites :not(.btn-link).btn:active:hover, 
.menu_color_favorites :not(.btn-link).btn.active:focus, 
.menu_color_favorites :not(.btn-link).btn.active:hover, 
.menu_color_favorites .active {
	background: #006633 !important; color:#ffffff !important;    
}

.menu_color_calendars .info-table {
    background: #e6007e !important; color:#ffffff !important;    
}
  
.menu_color_calendars .btn:not(.btn-link):hover, 
.menu_color_calendars .btn:not(.btn-link):focus, 
.menu_color_calendars .btn:not(.btn-link):active, 
.menu_color_calendars .btn:not(.btn-link).active, 
.menu_color_calendars .btn:not(.btn-link):active:focus, 
.menu_color_calendars .btn:not(.btn-link):active:hover, 
.menu_color_calendars .btn:not(.btn-link).active:focus, 
.menu_color_calendars .btn:not(.btn-link).active:hover, 
.menu_color_calendars .active {
background: #e6007e !important; color:#ffffff !important;    
}

.menu_color_appdownloads .info-table {
    background: #e6007e !important; color:#ffffff !important;    
}
  
.menu_color_appdownloads .btn:not(.btn-link):hover, 
.menu_color_appdownloads .btn:not(.btn-link):focus, 
.menu_color_appdownloads .btn:not(.btn-link):active, 
.menu_color_appdownloads .btn:not(.btn-link).active, 
.menu_color_appdownloads .btn:not(.btn-link):active:focus, 
.menu_color_appdownloads .btn:not(.btn-link):active:hover, 
.menu_color_appdownloads .btn:not(.btn-link).active:focus, 
.menu_color_appdownloads .btn:not(.btn-link).active:hover, 
.menu_color_appdownloads .active {
background: #e6007e !important; color:#ffffff !important;    
}


.card-mainmenu .info-table {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#55b9ff+0,3784ff+100 */
background: #55b9ff !important; /* Old browsers */
background: -moz-linear-gradient(top,  #55b9ff 0%, #3784ff 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #55b9ff 0%,#3784ff 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #55b9ff 0%,#3784ff 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55b9ff', endColorstr='#3784ff',GradientType=0 ) !important; /* IE6-9 */

color:#ffffff !important;    
}

.card-mainmenu.menu_color_calendars .info-table {
background: transparent !important;
box-shadow: none !important;
}

.card-mainmenu.menu_color_appdownloads .info-table {
background: transparent !important;
box-shadow: none !important;
}

.card-mainmenu .btn:not(.btn-link) {
box-shadow: none !important;
} 

.card-mainmenu .btn:not(.btn-link) {
background: #ffffff !important; color:#439FFC !important; 
border: #439FFC solid 1px;   
} 

.card-mainmenu .btn:not(.btn-link):hover, 
.card-mainmenu .btn:not(.btn-link):focus, 
.card-mainmenu .btn:not(.btn-link):active, 
.card-mainmenu .btn:not(.btn-link).active, 
.card-mainmenu .btn:not(.btn-link):active:focus, 
.card-mainmenu .btn:not(.btn-link):active:hover, 
.card-mainmenu .btn:not(.btn-link).active:focus, 
.card-mainmenu .btn:not(.btn-link).active:hover, 
.card-mainmenu .active {
background: #439FFC !important; color:#ffffff !important;    
}


.card-mainmenu.menu_color_favorites .btn:not(.btn-link) {
background: #516071 !important; color:#ffffff !important;    
} 

.card-mainmenu.menu_color_favorites .btn:not(.btn-link):hover, 
.card-mainmenu.menu_color_favorites .btn:not(.btn-link):focus, 
.card-mainmenu.menu_color_favorites .btn:not(.btn-link):active, 
.card-mainmenu.menu_color_favorites .btn:not(.btn-link).active, 
.card-mainmenu.menu_color_favorites .btn:not(.btn-link):active:focus, 
.card-mainmenu.menu_color_favorites .btn:not(.btn-link):active:hover, 
.card-mainmenu.menu_color_favorites .btn:not(.btn-link).active:focus, 
.card-mainmenu.menu_color_favorites .btn:not(.btn-link).active:hover, 
.card-mainmenu.menu_color_favorites .active {
background: #439FFC !important; color:#ffffff !important;    
}




.btn-children {
	padding-right: 1.3rem;
}

.btn-children::after {
	display: inline-block;
	margin-left: .255em;
	margin-right: .6em;
	vertical-align: .255em;
	content: "\f054";
	right: 0px;
	position: absolute;
	font-family: 'Font Awesome 5 Pro' !important;
	font-weight: 600;	
}

.btn-backicon {
  padding-left: 1.3rem;
}

.btn-backicon::before {
  display: inline-block;
  margin-left: .255em;
  margin-left: .6em;
  vertical-align: .255em;
  content: "\f053";
  left: 0px;
  position: absolute;
  font-family: 'Font Awesome 5 Pro' !important;
  font-weight: 600;
}

.menu_color_calendars {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#55b9ff+0,3784ff+100 */
background: #55b9ff !important; /* Old browsers */
background: -moz-linear-gradient(top,  #55b9ff 0%, #3784ff 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #55b9ff 0%,#3784ff 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #55b9ff 0%,#3784ff 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55b9ff', endColorstr='#3784ff',GradientType=0 ) !important; /* IE6-9 */
}

.menu_color_appdownloads {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5c600+0,f7941c+100 */
background: #e5c600; /* Old browsers */
background: -moz-linear-gradient(top,  #e5c600 0%, #f7941c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e5c600 0%,#f7941c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e5c600 0%,#f7941c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5c600', endColorstr='#f7941c',GradientType=0 ); /* IE6-9 */
border: #e5c600 solid 1px !important;
}

.my-calendar .day {
  border: transparent 1px solid;
}
.bg-mini_calendar {
	/*background: #878787;*/
}
.bg-mini_calendar_col {
  /*background: #9d9d9c;*/
}

.bg-mini_calendar_col_other {
  /*background: #9d9d9c;*/
}

.bg-mini_calendar .title{
  color: #FFFFFF !important;
  border-radius: 9999px;
}

.bg-mini_calendar_col .day{
  color: #FFFFFF !important;
  width: 30px;
  height: 30px;
  line-height: 30px;
  /*background: rgba(255,255,255, 0.4);*/
  border-radius: 9999px;
  /*background: #9d9d9c;*/
  display: inline-block; 
}


.bg-mini_calendar_col_other .day{
  color: rgba(255,255,255, 0.4);
  width: 30px;
  height: 30px;
  line-height: 30px;
  /*background: rgba(255,255,255, 0.4);*/
  border-radius: 9999px;
  /*background: #9d9d9c;*/
  display: inline-block;
}

.my-calendar .today {
  color: #ffffff !important;
  background: #e97663 !important;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 9999px;
  border: transparent 1px;
  display: inline-block;
}
.my-calendar .today a {
  display: block;
  color: #fff;
}

.my-calendar .extraday {
  color: #ffffff !important;
  background: #8cb8f9 !important;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 9999px;
  border: transparent 1px;
  display: inline-block;
}

.my-calendar .extraday a {
  display: block;
  color: #fff;
}

.my-calendar .extraday_today {
  background: #e97663 !important;
  border: #8cb8f9 1px groove;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 9999px;
  display: inline-block;
}

.my-calendar .extraday_today a {
  display: block;
  color: #fff;
}


.tooltip-inner {
  border: 2px solid #216DFC;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #216DFC!important;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
  border-top-color: #216DFC!important;
}

.small_info_table {
    padding: 7px 15px;
    background: #516071;
    color: #FFFFFF;
    border-radius: 10px;
    margin-bottom: 10px;
}

.amount_top {
	border-top: 0.125rem solid #e3e3e3;
}

.bg-warning-50 {
    background-color: #f9f5e5;
    color: rgba(0, 0, 0, 0.8);
}
.bg-warning-50:hover {
    color: rgba(0, 0, 0, 0.8);
}
.bg-warning-100 {
    background-color: #f4eed0;
    color: rgba(0, 0, 0, 0.8);
}
.bg-warning-100:hover {
    color: rgba(0, 0, 0, 0.8);
}
.bg-warning-200 {
    background-color: #efe6bc;
    color: rgba(0, 0, 0, 0.8);
}
.bg-warning-200:hover {
    color: rgba(0, 0, 0, 0.8);
}
.bg-warning-300 {
    background-color: #eadfa7;
    color: rgba(0, 0, 0, 0.8);
}
.bg-warning-300:hover {
    color: rgba(0, 0, 0, 0.8);
}
.bg-warning-400 {
    background-color: #e5d793;
    color: rgba(0, 0, 0, 0.8);
}
.bg-warning-400:hover {
    color: rgba(0, 0, 0, 0.8);
}
.bg-warning-500 {
    background-color: #e0d07e;
    color: rgba(0, 0, 0, 0.8);
}
.bg-warning-500:hover {
    color: rgba(0, 0, 0, 0.8);
}
.bg-warning-600 {
    background-color: #dbc969;
    color: rgba(0, 0, 0, 0.8);
}
.bg-warning-600:hover {
    color: rgba(0, 0, 0, 0.8);
}
.bg-warning-700 {
    background-color: #d6c155;
    color: rgba(0, 0, 0, 0.8);
}
.bg-warning-700:hover {
    color: rgba(0, 0, 0, 0.8);
}
.bg-warning-800 {
    background-color: #d1ba40;
    color: rgba(0, 0, 0, 0.8);
}
.bg-warning-800:hover {
    color: rgba(0, 0, 0, 0.8);
}
.bg-warning-900 {
    background-color: #c8af30;
    color: rgba(0, 0, 0, 0.8);
}
.bg-warning-900:hover {
    color: rgba(0, 0, 0, 0.8);
}
.color-warning-50 {
    color: #f9f5e5;
}
.color-warning-100 {
    color: #f4eed0;
}
.color-warning-200 {
    color: #efe6bc;
}
.color-warning-300 {
    color: #eadfa7;
}
.color-warning-400 {
    color: #e5d793;
}
.color-warning-500 {
    color: #e0d07e;
}
.color-warning-600 {
    color: #dbc969;
}
.color-warning-700 {
    color: #d6c155;
}
.color-warning-800 {
    color: #d1ba40;
}
.color-warning-900 {
    color: #c8af30;
}
.bg-danger-50 {
    background-color: #dfc7bf;
    color: rgba(0, 0, 0, 0.8);
}
.bg-danger-50:hover {
    color: rgba(0, 0, 0, 0.8);
}
.bg-danger-100 {
    background-color: #d7b8ae;
    color: rgba(0, 0, 0, 0.8);
}
.bg-danger-100:hover {
    color: rgba(0, 0, 0, 0.8);
}
.bg-danger-200 {
    background-color: #ceaa9d;
    color: rgba(0, 0, 0, 0.8);
}
.bg-danger-200:hover {
    color: rgba(0, 0, 0, 0.8);
}
.bg-danger-300 {
    background-color: #c69b8c;
    color: rgba(0, 0, 0, 0.8);
}
.bg-danger-300:hover {
    color: rgba(0, 0, 0, 0.8);
}
.bg-danger-400 {
    background-color: #bd8c7b;
    color: rgba(0, 0, 0, 0.8);
}
.bg-danger-400:hover {
    color: rgba(0, 0, 0, 0.8);
}
.bg-danger-500 {
    background-color: #b57d6a;
    color: #fff;
}
.bg-danger-500:hover {
    color: #fff;
}
.bg-danger-600 {
    background-color: #ad6e59;
    color: #fff;
}
.bg-danger-600:hover {
    color: #fff;
}
.bg-danger-700 {
    background-color: #9e624e;
    color: #fff;
}
.bg-danger-700:hover {
    color: #fff;
}
.bg-danger-800 {
    background-color: #8d5846;
    color: #fff;
}
.bg-danger-800:hover {
    color: #fff;
}
.bg-danger-900 {
    background-color: #7c4d3d;
    color: #fff;
}
.bg-danger-900:hover {
    color: #fff;
}
.color-danger-50{
color:#ffc1c1
}
.color-danger-100{
color:#ffa8a7
}
.color-danger-200{
color:#ff8f8e
}
.color-danger-300{
color:#ff7574
}
.color-danger-400{
color:#ff5c5b
}
.color-danger-500{
color:#ff4341
}
.color-danger-600{
color:#ff2a28
}
.color-danger-700{
color:#ff110e
}
.color-danger-800{
color:#f40300
}
.color-danger-900{
color:#da0200
}
.width-0{
width:0
}
.width-1{
width:1.5rem
}
.width-2{
width:2rem
}
.width-3{
width:2.5rem
}
.width-4{
width:2.75rem
}
.width-5{
width:3rem
}
.width-6{
width:3.25rem
}
.width-7{
width:3.5rem
}
.width-8{
width:3.75rem
}
.width-9{
width:4rem
}
.width-10{
width:4.25rem
}


.icon-stack{
position:relative;
display:inline-block;
width:1em;
height:1em;
line-height:1em;
vertical-align:middle;
text-align:center
}
.icon-stack-1x,.icon-stack-2x,.icon-stack-3x{
position:absolute;
left:0;
bottom:0;
width:100%;
text-align:center;
line-height:inherit!important
}
.icon-stack-1x{
font-size:.5em
}
.icon-stack-2x{
font-size:.7em
}
.icon-stack-3x{
font-size:1em
}
.icon-stack-xl{
font-size:3.125rem
}
.icon-stack-lg{
font-size:2.5rem
}
.icon-stack-md{
font-size:2.125rem
}
.icon-stack-sm{
font-size:1.875rem
}

.scrtabs-tabs-movable-container .nav {
  //flex-wrap: unset;
}
.scrtabs-tab-scroll-arrow > span {
  border-right: 3px solid #216DFC;
  border-bottom: 3px solid #216DFC;}
  .scrtabs-tab-scroll-arrow > span:hover {
    border-right-color: #69D7FF;
    border-bottom-color: #69D7FF; }
  .scrtabs-tab-scroll-arrow:hover {
    background-color: inherit; }



.edit-text-line a {
  color: #439ffb;
  font-weight: bold;
  text-decoration: underline;
  padding:3px;
  margin:0;
}

.edit-text-line a:hover {
  color: #439ffb;
  font-weight: bold;
  text-decoration: underline;  
}

.canview_rows,
.presentationprincipals_rows {
  min-height: 38px;
  border-radius: 10px;
  background-color: #FFFFFF;
}

.canview_rows .canview_row,
.presentationprincipals_rows .presentationprincipals_row {
  position: relative;
  border-radius: 10px;
}

.canview_rows .canview_row .row_button_holder,
.presentationprincipals_rows .presentationprincipals_row .row_button_holder{
        position: absolute; 
        right: 0; 
        top: 0; 
        padding: 2px 4px; 
        border-left: 1px solid; 
        border-bottom: 1px solid; 
        border-color: inherit; 
        z-index: 2;
        border-bottom-left-radius: 7px;
}

.canview_rows .canview_row .row_button_holder .delete_row,
.presentationprincipals_rows .presentationprincipals_row .row_button_holder .delete_row {
  cursor: pointer;
}

.custom-control-label {
  font-weight: bold;
}

.fileuploader-input .fileuploader-input-caption,
.fileuploader-input .fileuploader-input-button, 
.fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button.button-success {
  border: solid 1px #d7d7da !important;
}

.fileuploader-input .fileuploader-input-button {
  border-left: none;
}

.btn.btn-primary,
.btn.btn-primary:hover {
  background-image: none !important;
  background-color: #439FFC !important;
}

.form-label-header {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 1.2rem;
}

.form-control:focus + .input-group-append .input-group-text, 
.form-control:focus ~ .input-group-append .input-group-text, 
.form-control:focus + .input-group-prepend .input-group-text, 
.form-control:focus ~ .input-group-prepend .input-group-text {
    border: 0 none;
}
.select2-container .select2-search--inline .select2-search__field {
  height: 24px;
}
.select2-container .select2-selection__rendered {
  margin-bottom: 0;
}

.nav.nav-tabs + .panel {
border-radius: 0px 0px 10px 10px;
}

.nav.nav-tabs + .panel .panel-hdr {
  border-radius: 0;
}

.mw-100 {
  max-width: 100% !important;
}

.card-mainmenu .btn:not(.btn-link).menu_quick_button {
  background: #fcbd48 !important;
  color: #000000 !important;
  border-color: #fcbd48 !important;
}

.card-mainmenu .btn:not(.btn-link).menu_quick_button:hover {
  background: #439FFC !important;
  color: #ffffff !important;
  border-color: #439FFC !important;
}


.modal-header--sticky {
  padding-bottom: 15px !important;
  border-bottom: #fff solid 2px !important;
  position: sticky;
  top: 0;
  background-color: inherit; /* [1] */
  z-index: 1055; /* [2] */
}

.modal-footer--sticky {
  padding-top: 15px !important;
  border-top: #fff solid 2px !important;
  position: sticky;
  bottom: 0;
  background-color: inherit; /* [1] */
  z-index: 1055; /* [2] */
}