/************************/
/*          All         */
/************************/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap&subset=latin-ext');
body {
	font-family: "Roboto", sans-serif;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/************************/
/*     Main menu        */
/************************/
.hide-menu{
	white-space: normal;
    word-break: break-word;
}

.nav_version{
	font-size: 10px;
	color: #ffffff;
    text-align: right;
    margin-right: 15px;
    font-weight: 100;
}

/************************/


/************************/
/*      Datatable       */
/************************/

#div_globalSummTime{
    padding: .40rem .75rem .5rem .75rem;
}

.block-round.datatables_filter{
	height: calc(1.5em + .75rem + 2px) !important;
}

.datatables_filter{
    height: calc(1.5em + .75rem + 2px) !important;
}

div.dataTables_scrollBody table {
	border-top: none !important;
}
.dataTables_empty {
	vertical-align: middle;
	text-align: center;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	border: none;
	background: none;
}
.dataTables_info, .dataTables_paginate {
	margin-top: 8px !important;
}
.dataTables_scrollHeadInner {
	width: 100% !important;
}
.dataTables_wrapper {
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 16px;
    margin-bottom: 16px;
}
.dataTable thead tr th {
	border-bottom: none;
}
.th_visibleOnHover {
	visibility: hidden;
	opacity: 0;
}
.ft_table > tbody > tr:hover > td > .th_visibleOnHover {
	visibility: visible;
	opacity: 1;
}
.ft_table > tbody > tr:hover > td > .th_invisibleOnHover {
	visibility: hidden;
	opacity: 0;
}
.ft_table > tbody > tr > td > .th_visibleBorderOnHover {
	border: 1px solid transparent !important;
	color: #313131 !important;
}
.ft_table > tbody > tr:hover > td > .th_visibleBorderOnHover {
	border: 1px solid #fff !important;
	color: #fff !important;
}

.ft_table {
	font-size: 16px;
	margin: 16px 0px 16px 0px;
	width: 100% !important;
	max-width: 100% !important;
    word-wrap: break-word;
}
.ft_table tbody tr.odd {
	background-color:  #e8f6fc;
}
.ft_table tbody tr.even {
	background-color:  #ffffff;
}
.ft_table tbody tr.hovered-tr,
.ft_table tbody tr.odd:hover,
.ft_table tbody tr.odd:hover + tr:not([class])
{
	background-color:  #78caed;
	color: #ffffff;
}
.ft_table tbody tr.even:hover,
.ft_table tbody tr.even:hover + tr:not([class])
{
	background-color:  #78caed;
	color: #ffffff;
}
.ft_table tbody tr {
	height: 60px;
}
.ft_table tbody td {
	padding: 6px;
	font-weight: 200;
	vertical-align: middle;
}
.ft_table thead tr th {
	font-weight: 500;
}
table.dataTable.no-footer {
	border-bottom: none;
}
.ft_table_wrapper .class-sm-12 {
	padding-left: 0;
	padding-right: 0;
}
td.grab{
	cursor: grab;
}

.ft_table tbody tr.odd + tr.datatables_rowDetails {
	background-color:  #e8f6fc22;
	/* background-color:  red!important; */
}
.ft_table tbody tr.even + tr.datatables_rowDetails {
	background-color:  #ffffff;
	/* background-color:  green!important; */
}

td.datatables_rowDetails{
	padding: 10px 20px 20px 20px!important
}
td.details-control, 
td > div.details-control{
	cursor: pointer
}



tr > td.details-control > .fa-chevron-up, 
tr > td > div.details-control > .fa-chevron-up{
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);

	-webkit-transition: transform 0.25s ease;
	  -o-transition: transform 0.25s ease;
	  transition: transform 0.25s ease;
}

.details-control > .fa-chevron-up{
	margin-right: 10px;
    margin-left: 7px;
}

td.datatables_rowDetails > table > thead > tr > th {
	background-color: #ffffff;
}
tr.shown > td.details-control > .fa-chevron-up, 
tr.shown > td > div.details-control > .fa-chevron-up{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);

	-webkit-transition: transform 0.25s ease;
	  -o-transition: transform 0.25s ease;
	  transition: transform 0.25s ease;
}
th.shown > .fa-chevron-up, 
th.shown > td > .fa-chevron-up{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);

	-webkit-transition: transform 0.25s ease;
	  -o-transition: transform 0.25s ease;
	  transition: transform 0.25s ease;
}
/************************/

/************************/
/*      Ag grid       */
/************************/
.ag-theme-balham .ag-set-filter-list, .ag-theme-balham .ag-filter-no-matches{
	height: auto!important;
}
.ag-theme-material .ag-row-selected{
	background-color: #b7e4ff!important;
}

.aggridCenterCellContent div, .aggridCenterCellContent span{
	display: flex;
  	justify-content: center; /* align horizontal */
  	align-items: center;
}
.project_unactive:not(:hover){
	background-color: #e9ecef!important;
}
.project_unactive .cellName{
	opacity: 0.5;
}
.position_unactive:not(:hover){
	background-color: #e9ecef!important;
}
.position_unactive .cellName{
	opacity: 0.5;
}

.ft_table .ag-header {
	color: #313131!important;
	/* font-size: 16px!important; */
	font-weight: 500!important;
}
.ft_table .ag-cell {
	color: #313131!important;
	/* font-size: 16px!important; */
	font-weight: 200!important;
}

.customEventCheckbox .ag-cell-wrapper .ag-selection-checkbox{
	margin-right: 0px!important;
}

.ag-progress{
	height: 100%; 
	width: 100%; 
	background: #dadada;
	position: relative; 
	display: inline-block;

    border-width: 0px;
    border-radius: 2px;
	border-style: solid;
	
}
.ag-progress.success{
    border-color: #25b06b;
}
.ag-progress.warning{
    border-color: #e0a800;
}
.ag-progress.error{
    border-color: #ff5050;
}

.ag-progress-bar{
	position: absolute; 
	display: inline-block; 
	height: 100%; 
}
.ag-progress-bar.success{
	background: #25b06b; 
}
.ag-progress-bar.warning{
	background: #e0a800; 
}
.ag-progress-bar.error{
	background: #ff5050; 
}

.ag-progress-text{
    top: 50%;
    left: 50%;
	transform: translateX(-50%) translateY(-50%);
    position: absolute;
}

.ag-progress-text>div{
    display: flex;
    align-items: center;
    justify-content: center;
	height: 100%;
    font-weight: bold;
}

.ag-filter-value, .ag-filter-value>span{
	width: 100%;
}

.ag-filter-value>span{
	margin-right: 10px;
}

/* .ag-progress-text>.text-box>.text{
	width: 100%;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
} */

.ag-row:hover > .ag-cell > span > .th_visibleOnHover {
    visibility: visible;
    opacity: 1;
}

.number-cell > span{
	right: 0px;
}

div.ag-pivot-off+div+.ag-body-viewport>div>div>div>.ag-row .editable-column-text{
    cursor: text;
}

div.ag-pivot-off+div+.ag-body-viewport>div>div>div>.ag-row .editable-column-select{
    cursor: grab;
}

.ag-custom-cell-edit-input{
    width:100%;
    line-height: normal;
    padding: 6px 10px 10px 10px;
}

.ag-rich-select-list{
	height: 100%!important;
}
.ag-rich-select{
    position:fixed;
}
.ag-cell > span {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.ag-cell > span > button {
    margin: 6px 2px;
}

.ag-material-progress-bar > span{
	width: 100%;
	padding-right: 46px;
	height: 100%;
}
.ag-material-progress-bar > span > progress{
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
/************************/
/*     Multiselect      */
/************************/
.multiselect {
	width: 1% !important;
	flex: 1 1 auto !important;
}
.multiselect_options_wrapText  .multiselect__option {
	display: table;
	width: 100%;
	white-space: break-spaces;
}
.multiselect__select{
	bottom: 1px;
	top: auto!important;
}
.multiselect__content {
	width: 100%;
}
.multiselect--disabled{
	cursor: not-allowed;
}
.multiselect--disabled .multiselect__current, .multiselect--disabled .multiselect__select{
	background: unset!important;
}
.multiselect--active > .multiselect__tags {
	border-color: rgba(0,0,0,.25);
}
.multiselect.form .multiselect__tags, .multiselect.form .multiselect__tags input {
	font-size: .875rem !important;
}
.multiselect__tags {
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
	font-size: .875rem !important;
	/* border: 1px solid rgb(166, 179, 191)!important; */
	/*font-family: Arial !important;*/
	min-height: 40px !important;
	padding: 7px 40px 0 8px !important;
	font-weight: 400;
	color: #525f7f;
}
.multiselect.required .multiselect__tags .multiselect__placeholder{
	color: #999999!important;
}
/* .multiselect.required .multiselect__tags {
	border-color: #a6b3bf!important;
} */
.multiselect__tags input {
	padding: 1px 0px 0px 5px !important;
}

.multiselect__single {
	overflow: hidden;
	white-space: pre;
	text-overflow: ellipsis;
	margin: 3px 0px 8px !important;
}
.multiselect__option {
	overflow: hidden;
	white-space: pre;
	text-overflow: ellipsis;
}
.multiselect__option--highlight {
	background: #78caed;
	color: #fff;
}
.multiselect__option--highlight::after {
	display: none;
}
.multiselect__option--selected.multiselect__option--highlight {
	background: #1a96cb;
	color: #fff;
}
.multiselect__option--selected {
	background: #2cabe3;
	color: #fff;
}
.multiselect__placeholder {
	margin-bottom: 0px !important;
	margin-top: 0px !important;
	margin-left: 5px !important;
	padding-top: 0px !important;
}



.multiselect, .multiselect__input, .multiselect__single{
	font-size: .875rem !important;
}

/************************/
/*        Dropdown         */
/************************/
.dropdown-menu:not(.user-dd){
	width: 100%!important; 
	padding: 0!important;
}
.dropdown-menu:not(.user-dd)>.dropdown-item{
	padding: 2px 0 0 0!important;
}

/************************/
/*        Cards         */
/************************/
.card {
	width: auto !important;
	height: auto;
}

.card_toolbox_row{
	min-height: 50px;
	margin: 1rem 1.57rem;
}
.flipRow {
	float: left;
	width: 50%;
	margin-left: 0;
	margin-right: 0;
}
@media screen and (max-width: 1441px) {
  .flipRow {
  	width: 100%;
  }
}
@media (max-width: 770px) {
  .narrow_padding_vert {
  	padding-top: 6px;
  }
  .transparent_desktop {
  	opacity: 1;
  	display: none;
  }
}
.ft_card-const-height {
	height: 180px !important;
}
/************************/
/*        Modals        */
/************************/
@media (max-width: 1000px) {
  .modal-lg {
  	max-width: 80%;
  }
}

.modal{
    overflow-y: auto;
}

.modal_prefix_block{
	width: 50px;
	height: 100%!important;
	justify-content: center;

}
.form-control_modal{
	height: 100%!important;
}

.row_modal{
	min-height: 40px;
}
.row_modal > .col > div > .form-control_modal{
	height: 40px!important;
}
.row_modal > .col > input{
	min-height: 41px!important;
}
.row_modal > .col-10 > input{
	min-height: 41px!important;
}
.row_modal > .col-9 > input{
	min-height: 41px!important;
}
.row_modal > .col > div > .multiselect__tags{
	padding: 9px 40px 0 8px !important;
	min-height: 41px!important;
}
.row_modal > .col > div > .multiselect__tags > .multiselect__single{
	font-size: .875rem!important;
}
.row_modal > .col > div > .multiselect__tags > input{
	font-size: .875rem!important;
}
.row_modal > .col > div > .multiselect__tags > .multiselect__placeholder{
	font-size: .875rem!important;
}

.overflow_upz_col{
    overflow-y: auto;
    min-height: 200px;
    max-height: 700px;
}
/************************/
/*        Forms         */
/************************/
.form_label {
    font-size: 14px;
    margin-left: 8px;
	margin-top: 7px;
}

.form-control-row-height{
	height: 40px!important;
}

/************************/
/*       Inputs          */
/************************/
input:required::placeholder{
	color: #999999!important;
}
input:required{
	border-color: #a6b3bf!important;
}

/************************/
/*      Checkbox       */
/************************/
.custom-control-input:checked~.custom-control-label::before {
	background-color: #2cd07e;
	border-color: #2cd07e;
}
/************************/
/*       Buttons        */
/************************/


.cursor_pointer {
	cursor: pointer;
}
.top_right_5, .btn-outline-info:focus{
	box-shadow: none;
}

.btn-circle-mid{
	height: 42px;
    width: 42px;
    padding: 9px 10px 9px 8px;
    font-size: 16px;
}

.btn-circle {
	display: inline-block;
}
input::-webkit-inner-spin-button {
	display: none;
}
.ft_tools_btn {
	width: 100%;
	height: 40px;
	padding: 0px;
	display: inline-block;
}
#example-date {
	height: 40px;
	font-size: 16px;
}
.form_font_height {
	height: 40px;
	font-size: 16px!important;
	text-align: left !important;
}

.form_font_height, .form_control_input{
	font-size: 14px!important;
}

.form-control-custom-disabled:disabled{
	cursor: not-allowed;
	background-color: transparent;
    color: #dfdfdf;
}


.input-group-prepend-disabled{
	cursor: not-allowed;
}

.input-group-prepend-disabled .switch-on{
	background-color: #2cabe366!important;
}

.input-group-prepend-disabled .switch-off{
	color: #dfdfdf!important;
}

.form_height {
	height: 40px;
}
.form_height_important {
	height: 40px!important;
}
.form_height_min{
	min-height: 40px;
}
#example-time {
	height: 40px;
	font-size: 16px;
	border-radius: 5px;
}
.block-round-right {
	border-top-right-radius: 5px!important;
	border-bottom-right-radius: 5px!important;
}
.block-round-left {
	border-top-left-radius: 5px!important;
	border-bottom-left-radius: 5px!important;
}
.block-round {
	border-radius: 5px !important;
}
.block-round-fullheight {
	border-radius: 5px !important;
	height: 100%!important;
}
.block-round-right-none {
	border-top-right-radius: 0px!important;
	border-bottom-right-radius: 0px!important;
}
.block-round-left-none .multiselect__tags{
	border-top-left-radius: 0px!important;
	border-bottom-left-radius: 0px!important;
}
.block-round-left-none {
	border-top-left-radius: 0px!important;
	border-bottom-left-radius: 0px!important;
}
.padding_1 {
	padding-left: 1px;
	padding-right: 1px;
}
.padding_0 {
	padding-left: 0px;
	padding-right: 0px;
}
#description {
	resize: vertical;
	min-height: 60px;
	max-height: 210px;
}
#row_m0 {
	margin: 0px;
}
.transparent_desktop {
	opacity: 0;
}
.mdi_big {
	font-size: 230%;
	line-height: 100%;
}
.mdi_coin {
	font-size: 120%;
}

.small_danger_hover:hover{
	background-color: #ff5050;
	color: #fff;
}
.small_success_hover:hover{
	background-color: #2cd07e;
	color: #fff;
}
.small_info_hover:hover{
	background-color: #2cabe3;
	color: #fff;
}

.btn-outline-danger {
	border-color: #fff;
	color: #fff;
}
.btn-outline-disabled{
	border-color: #a8a8a8;
	color: #a8a8a8;

}
.btn-outline-danger-reversed {
	border-color: #ff5050;
	color: #ff5050;
}
.btn-outline-danger-reversed:hover {
	border-color: #ff5050;
	color: #fff;
	background-color: #ff5050;
}
.btn-outline-success {
	border-color: #fff;
	color: #fff;
}
.btn-outline-success-reversed {
	border-color: #2cd07e;
	color: #2cd07e;
}
.btn-outline-success-reversed:hover {
  border-color: #2cd07e;
  color: #fff;
	background-color: #2cd07e;
}
.btn-outline-warning {
	border-color: #fff;
	color: #fff;
}
.btn-outline-warning-reversed {
	border-color: #ffc36d;
	color: #ffc36d;
}
.btn-outline-warning-reversed:hover {
  border-color: #ffc36d;
  color: #fff;
	background-color: #ffc36d;
}
.switch-on {
	color: #fff;
	background-color: #2cabe3 ;
}
.switch-on.disabled {
	color: #fff;
	background-color: #2cabe399;
	cursor: not-allowed;
}
.switch-on-green{
	background-color: #25b06b;
	color: #ffffff;
}
.switch-on-green.disabled {
	background-color: #25b06b99;
	color: #ffffff;
	cursor: not-allowed;
}
.switch-on > i{
	color: #fff!important;
}
.info_btn {
	border-color: #fff0 ;
	color: #2cabe3;
	background-color: #fff0 ;
	/* padding: 6px 10px !important; */
	width: 20px;
    height: 20px;
    padding: 0px;
    font-size: 14px;
    border-radius: 100%;
}
.info_btn:hover {
	border-color: #2cabe3 ;
	color: #fff;
	background-color: #2cabe3 ;
	/* padding: 6px 10px !important; */
	width: 20px;
    height: 20px;
    padding: 0px;
    font-size: 14px;
    border-radius: 100%;
}
.info_btn:focus {
	border-color: #2cabe366 ;
	color: #fff;
	background-color: #2cabe366 ;
	/* padding: 6px 10px !important; */
	width: 20px;
    height: 20px;
    padding: 0px;
    font-size: 14px;
    border-radius: 100%;
}

/************************/
/*        Colors        */
/************************/
.background_error{
	background-color: #ff5050!important;
}
/* 	color - 30% of main color */
.border_error_1 {
	border: 1px #990000;
	border-color: #990000;
    border-style: solid;;
}
.background_warning{
	background-color: #d09700!important;
}
/* 	color - 30% of main color */
.border_warning_1 {
	border: 1px;
	 border-color: #997000;
	 border-style: solid;;
}
.background_success{
	background-color: #25b06b!important;
}
/* 	color - 30% of main color */
.border_success_1 {
	border: 1px; 
	border-color: #1b7e4d;
	border-style: solid;;
}
/************************/
/*      Validation      */
/************************/
.validate_error, .validate_error_multiselect .multiselect__tags  {
	border: 1px solid #ec0f0f !important;
	z-index: 10;
}

.form-info--error{
    display: block;
    color: #ec0f0f;
}
/************************/
/*      Calendar        */
/************************/
.bg-primary-user {
	background-color: #2cabe3 !important;
}

.bg-primary-admin {
	background-color: #7d7d7d !important;
}

.cal {
	border-radius: 60px;
	margin: 2px;
}
.cal-active:hover{
	background-color: #2692c0!important;
}
.cal-warning.cal-active {
	background: #e0a80077!important;
}
.cal-warning.cal-active:hover {
	background: #d0970077!important;
}
.cal.cal-active:hover .cal-warning {
	background: #d0970077!important;
}
.cal-warning {
	background: #e0a800;
}
.cal-warning:hover {
	background: #d09700!important;
}
.cal:hover .cal-warning {
	background: #d09700!important;
}
.cal-error {
	background: #ff5050;
}
.cal-error:hover {
	background: #ee4040!important;
}
.cal:hover .cal-error {
	background: #ee4040!important;
}
.cal-error.cal-active {
	background: #ff505077!important;
}
.cal.cal-active .cal-error {
	background: #ff505077!important;
}
.cal-error.cal-active:hover {
	background: #ee404077!important;
}
.cal-rejected {
	background: #aa0000;
}
.cal-rejected:hover {
	background: #990000;
}
.cal-rejected.cal-active  {
	background: #aa000077!important;
}
.cal-rejected.cal-active :hover {
	background: #99000077!important;
}
.cal-success {
	background: #25b06b;
}
.cal-success:hover {
	background: #14a05a!important;
}
.cal:hover .cal-success{
	background: #14a05a!important;
}
.cal-success.cal-active {
	background: #25b06b77!important;
}
.cal-success.cal-active:hover {
	background: #14a05a77!important;
}
.cal.cal-active:hover .cal-success{
	background: #14a05a77!important;
}
.cal-alien {
	border-radius: 60px;
	background: #0033cc;
	margin: 2px;
}
.cal-alien:hover {
	border-radius: 60px;
	background: #002699;
	margin: 2px;
}
.cal-black {
	border-radius: 60px;
	color: #250808;
	margin: 2px;
}
.cal-black:hover {
	border-radius: 60px;
	color: #140707;
	margin: 2px;
}
.col-warning {
	color: #e0a800;
}
.col-error {
	color: #ff5050;
}
.col-rejected {
	color: #aa0000;
}
.col-success {
	color: #25b06b;
}
.col-black {
	color: #250808;
}

.backcol-warning {
	background-color: #e0a800;
}
.backcol-error {
	background-color: #ff5050;
}
.backcol-rejected {
	background-color: #aa0000;
}
.backcol-success {
	background-color: #25b06b;
}
.backcol-black {
	background-color: #250808;
}
.usercalendar_click.cal:hover{
	background-color: #2AA5DC;
}
.supervisorcalendar_click.cal-active{
	background-color: #6470ce!important;
}
.supervisorcalendar_click.cal-active:hover{
	background-color: #515fc8!important;
}
/************************/
/*      ECharts         */
/************************/
.echarts {
	width: 100% !important;
	height: 100% !important;
}
/************************/
/*      Datepicker      */
/************************/
.vdp-datepicker div input {
	width: calc(100% - 14px);
	height: 100%;
	border-color: transparent;
	color: #525f7f;
}
.white_font.vdp-datepicker div input{
	color: white
}

.datepicker-date-from-to div input{
    position: absolute;
    top:0;
    bottom:0;
    left:10px;
    right:0;
}

.vdp-datepicker{
	padding: 0;
}
.vdp-datepicker div input{
	cursor: pointer;
}

.vdp-datepicker div{
	padding: 9px 12px;
}

.vdp-datepicker.form_control div input {
	width: 100%;
	height: 100%;
	border-color: transparent;
	/* color: #ADADAD; */
	font-size: 16px;
	padding: 0px;
}
.vdp-datepicker.required input::placeholder{
	color: #999999!important;
}
.vdp-datepicker.required{
	border-color: #a6b3bf!important;
}

/* .vdp-datepicker #timetrack_datepicker div input {
	padding: 0 0 0 8px;
} */
.calendar_Datepicker {
	background: transparent;
	border-color: transparent;
	padding: 0;
	margin-bottom: 8px;
	/* margin-left: 47px; */
	height: auto;
	cursor: pointer;
}
.calendar_Datepicker:hover {
	background: #00000018;
}
.calendar_Datepicker div input {
	padding-left: 47px;
}

.userReplacement_fixDatePickerMargin .vdp-datepicker__calendar{
	margin-top: -3px;
}

.vdp-datepicker__calendar{
	margin-top: 20px;
	width: 330px!important;
}
.vdp-datepicker__calendar{
	margin-top: 20px;
	width: 330px!important;
}
.calendar_Datepicker .vdp-datepicker__calendar {
	margin-left: 47px;
}
.calendar_Datepicker div input {
	background: transparent;
	color: white !important;
	font-size: 2.25rem;
	font-weight: 400;
	cursor: pointer;
}
.calendar_Datepicker div input::before {
	content: "\f107";
}
.candar_Datepicker div input::after {
	content: "\f107";
}

.dashboard_Datepicker {
	background: transparent;
	border-color: transparent;
	padding: 0;
	margin-bottom: 8px;
	/* margin-left: 47px; */
	height: auto;
	cursor: pointer;
}

.dashboard_Datepicker div input {
	padding: 10px 30px;
	background: #ffffff;
	color: black !important;
	font-size: 2.25rem;
	font-weight: 400;
	cursor: pointer;
}

.dashboard_Datepicker div input:hover {
	background: #fafafa;
}
/************************/
/*         Autosuggest input         */
/************************/


#autosuggest__input {
    outline: none;
    position: relative;
    display: block;
    border: 1px solid #616161;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#autosuggest__input.autosuggest__input-open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.autosuggest__results-container {
    position: relative;
    width: 100%;
}

.autosuggest__results {
    font-weight: 300;
    margin: 0;
    position: absolute;
    z-index: 10000001;
    width: 100%;
    border: 1px solid #e0e0e0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: white;
    padding: 0px;
    overflow: auto;
    max-height: 200px;
}

.autosuggest__results ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.autosuggest__results .autosuggest__results-item {
    cursor: pointer;
    padding: 15px;
}

#autosuggest ul:nth-child(1)>.autosuggest__results_title {
    border-top: none;
}

.autosuggest__results .autosuggest__results_title {
    color: gray;
    font-size: 11px;
    margin-left: 0;
    padding: 15px 13px 5px;
    border-top: 1px solid lightgray;
}
.autosuggest__results .autosuggest__results-item.autosuggest__results-item--highlighted,
.autosuggest__results .autosuggest__results-item:active,
.autosuggest__results .autosuggest__results-item:hover,
.autosuggest__results .autosuggest__results-item:focus,
.autosuggest__results .autosuggest__results-item.autosuggest__results_item--highlighted {
    background-color: #ddd;
}

/************************/
/*  Elements positioning */
/************************/

.align-to-right {
    margin-left: auto;
}


/************************/
/*        Loader        */
/************************/

.lds-ripple {
    top: calc(50% - 32px);
    left: calc(50% - 32px);
}

/************************/
/*        Progress        */
/************************/
.prog-success>.progress-bar{
	background-color: #25b06b;
}
.prog-warning>.progress-bar{
	background-color: #e0a800;
}
/************************/
/*         Tags         */
/************************/
.badge_legend {
	font-size: 100%;
	padding: 17px 13px;
	text-align: center;
	font-weight: 400;
	width: 100% !important;
	margin: 5px;
}
@media (max-width: 768px) {
.badge_legend {
	display: none;
}
}
.card_legend {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 0;
	margin-bottom: 15px;
}

.badge_mid{
	padding: 12px 7px;
}

.badge_sm{
	padding: 7px;
}

.badge_xs{
	padding: 3px;
}
.car_bage{
	border: solid 1px #e9e9e9;
    border-radius: 7px;
}
.car_bage:hover{
	background-color: #fafafa;
}
/************************/
/*       Other          */
/************************/
#description.form-control::placeholder{
	color: #ADADAD;
}
.tile_responsive:hover {
	background-color: #fafafa;
}
.a_tile{
	color: black;
}
.a_tile_success{
	border-color: #25b06b;
    border-style: solid;
}
.a_tile_warning{
	border-color: #e0a800;
    border-style: solid;
}

.a_tile_error{
	border-color: #ff5050;
    border-style: solid;
}
.a_tile:link{
	color: black;
}
.a_tile:hover{
	color: black;
}
.a_tile:active{
	color: black;
}
.a_tile:visited{
	color: black;
}

.padding_1 {
	padding-left: 1px;
	padding-right: 1px;
}
.all_h_center {
	text-align: center;
}
.all_h_right {
	text-align: right;
}

.all_h_center>.dataTables_paginate>.pagination{
	justify-content: center !important;
}
.akcje_width {
	min-width: 120px;
}
.display_none {
	display: none;
}
.float_right {
	float: right;
}
.top_right_5{
	position: absolute;
	top: 8px;
	right: 8px;
	padding: 5px;
	margin-right: 1px;
	line-height: 10px;
}
.padding-right-0{
	padding-right: 0;
}
.margin_right_table_icon{
	margin-right: 10px;
}
.top_right_5 > i{
	font-size: 10px;
    margin-left: 1px;
}
.border_warning {
    border-color: #ff5050;
}
.border_success {
    border-color: #2cd07e;
}
.input_disabled {
	background: #f7fafc;
}
[data-toggle="collapse"].collapsed .if-not-collapsed {
	display: none;
}
[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
	display: none;
}
.a_noDecoration:hover .a_noDecoration:visited .a_noDecoration:link .a_noDecoration:active .a_noDecoration:link{
	text-decoration: none!important;
}
.table_div_scroll_unconf{
	max-height: 340px;
	overflow-y: scroll;
}
.div_scroll_500{
	max-height: 500px;
	overflow-y: scroll;
}

.help_title{
	cursor: default!important;
}

.help_cursor{
	cursor: help!important;
}

.pointer_cursor{
    cursor: pointer!important;
}


.text_error{
	color: #ff5050;
}

.text_warning{
	color: #e0a800;
}

.text_success{
	color: #2cd07e;
}

.fs-1{
	font-size: 1rem;
}
.fs-1 > .multiselect__tags > .multiselect__input{
	font-size: 1rem!important;
}
.fs-1 > .multiselect__content-wrapper{
	font-size: 1rem;
}

.lds-ripple {
    top: calc(50% - 32px);
    left: calc(50% - 32px);
}

.collapser{
	cursor: pointer;
}

.collapser:hover{
	cursor: pointer;
	background: #00000018;
}
.collapser.collapsed > .fa-chevron-up{
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);

	-webkit-transition: transform 0.25s ease;
	  -o-transition: transform 0.25s ease;
	  transition: transform 0.25s ease;
}

.collapser > .fa-chevron-up{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);

	-webkit-transition: transform 0.25s ease;
	  -o-transition: transform 0.25s ease;
	  transition: transform 0.25s ease;
}
.corridor{
	background: #000000;
	height: 20px;
}
.door{
	border: solid 1px #000000;
	width: 100px;
	background: #aa15158c;
	min-width: 40px;
	height: 10px;
}
.couriers{
	border: solid 1px #000000;
	background-color: grey!important;
	min-width: 40px;
	height: 40px;
}
.door_vertical{
	border: solid 1px #000000;
	width: 10px;
	background: #aa15158c;
	min-width: 40px;
	height: 40px;
}
.couriers_vertical{
	border: solid 1px #000000;
	background-color: grey!important;
	min-width: 40px;
	height: 40px;
}
.empty_horizontal{
	border: solid 1px #3257448c;
	background-color: #3257448c;
	min-width: 40px;
	height: 20px;
}

.corridor-right{
	border-right: solid 4px #000000;
}

.doorClass_null{
	background-color: grey!important
}

.doorClass_not_null{
	background-color: #14a05a8c!important
}

.doorClass_is_late{
	background-color: #a014148c!important
}

/************************/
/*      Table       */
/************************/

.modal_table > tbody > tr > td, .modal_table > thead > th{
	padding: 9px;
}

.row-error{
	background-color: #ff505077!important;
}
.row-warning{
	background-color: #e0a80077!important;
}
.row-success{
	background-color: #2cd07e77!important;
}

.timeSpan{
     padding: 4px;
	 border-radius: 5px;
     text-align: center;
     font-weight: 400;
}     

.timeSpan.background_error{
	color: white;
}

.timeSpan.background_warning{
	color: white;
}

.timeSpan.background_success{
	color: white;
}

.text_white_bold{
	font-weight: 400;
	color: white;
}


/************************/

/************************/
/*      input-group       */
/************************/
.input-group-text.icon{
	padding: .25rem .6rem;
	font-size: 1.2rem;
	line-height: 1.2;
}

.input-group-prepend.icon{
	width: 40px;
}

/************************/

.css_arrow-right {
	width: 0; 
	height: 0; 
	border-top: 60px solid transparent;
	border-bottom: 60px solid transparent;
	
	border-left: 60px solid green;
  }
  
  .css_arrow-left {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	
	border-right:10px solid blue; 
  }

.position_abs_top{
    position: absolute;
    top: 0;
  }


.hidden-scroll-y{
	overflow-y: scroll;
}
.hidden-scroll-y::-webkit-scrollbar {
    display: none;
}

.hidden-scroll-y {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
  }

  .ag-material-cell-renderer > span{
	width: 100%;
	height: 100%;
  }
  .ag-material-cell-renderer > span{
	width: 100%;
	height: 100%;
  }


  #simpleSpinner {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 3px solid rgba(255,255,255,.3);
	border-radius: 50%;
	border-top-color: #000;
	animation: spin 1s ease-in-out infinite;
	-webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
to { -webkit-transform: rotate(360deg); }
}


/************************/
/*     flash_warning    */
/************************/

.flash_warning {
	transition: 0.7s background-color;
  }
  
  .flash_warning.on {
	transition: 0.0s background-color;
	background-color: #ec0f0f;
  }


  .dim_hover:hover {
	background-color: #00000011;
	border-radius: 8px;
  }