/**
	Custom CSS for "Admin LTE 2.3.0 Theme"
 */
.navbar-nav > .user-menu > .dropdown-menu{
	width: 190px;
}
.navbar-nav > .user-menu > .dropdown-menu > li > a{
	padding: 7px 20px;
}
.navbar-nav > .tasks-menu > .dropdown-menu{
	width: 480px;
}
@media (max-width: 767px) {
	.navbar-nav > .tasks-menu > .dropdown-menu{
		width: 280px;
	}
}
.main-sidebar > .sidebar {
  padding-bottom: 30px;
}

.login-box-body > div.alert,
section.content-header > div.alert{
	margin-top: 20px;
	margin-bottom: 0px;
}

@media (max-width: 767px) {
	.main-sidebar, .left-side {
		padding-top: 100px;
	}
}

.main-header .navbar .logo {
	float: left;
	width: auto;
	background-color: #3C8DBC;
}


aside.control-sidebar-for-map {
    right: -360px;
    width: 360px;
	height: 100%;
	overflow: hidden; 
	padding-top: 50px;
}

aside.control-sidebar-for-map div.dataTables_wrapper{
	height: calc(100vh - 50px);
	height: -o-calc(100vh - 50px); /* opera */
	height: -webkit-calc(100vh - 50px); /* google, safari */
	height: -moz-calc(100vh - 50px); /* firefox */
	
	overflow-x: hidden;
	overflow-y: auto;
	padding-top: 10px;
}
aside.control-sidebar-for-map div.dataTables_wrapper div.col-sm-6 {
	width: 100%;
}
aside.control-sidebar-for-map div.dataTables_wrapper  div.dataTables_filter {
	text-align: center;
}

.leaflet-popup-content-wrapper {
	border-radius: 2px;
}

.map-history-parameters { 
	overflow: auto;
	background-color: #fff;
	min-height: 70vh;
	height: 90vh
}
.map-history { 
	overflow: hidden; 
	min-height: 70vh;
	height: 90vh
}

.normalize-attribute-container {
	overflow: auto;
	min-height: 50vh;
}

div#map.map-history div.leaflet-popup-content{
	max-height: 200px;
	overflow-y: auto; 
}

.map-history-parameters #accordion .box-body{
	background-color: #ECF0F5;
} 

/* date time picker */
dt.ui_tpicker_second_label, dd.ui_tpicker_second, dt.ui_tpicker_millisec_label, dd.ui_tpicker_millisec, dt.ui_tpicker_microsec_label, dd.ui_tpicker_microsec, dt.ui_tpicker_timezone_label, dd.ui_tpicker_timezone, dt.ui_tpicker_hour_label, dt.ui_tpicker_minute_label {
	display: none;
}
dt.ui_tpicker_time_label {
	float: left;
	width: 42%;
}
dd.ui_tpicker_hour, dd.ui_tpicker_minute {
	float: left;
	width: 50%;
	padding-left: 10px;
	padding-right: 10px;
}

/* data tables */
table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after {
	left: 8px;
	right: auto !important;	
}
table.dataTable thead > tr > th {
    padding-right: 0px;
    padding-left: 30px;
}
table.dataTable.table-hover > tbody > tr:hover {
	background-color: #56d6f433;
}
table.dataTable thead > tr > th.text-center.sorting_asc,
table.dataTable thead > tr > th.text-center.sorting_desc,
table.dataTable thead > tr > th.text-center.sorting {
    padding-right: 25px;
    padding-left: 25px;
}
table.dataTable tr.strikedthrough td{
    text-decoration: line-through;
	text-decoration-color: red;
}
table.dataTable tr.emphasis td{
    color: red;
}
div.table-responsive div.dataTable_wrapper div.row,
div.table-responsive div.row.year-filter {
	margin-left: 0;
	margin-right: 0;
}
div.table-responsive div.dataTable_wrapper div.row div.col-sm-12,
div.table-responsive div.row.year-filter div.col-sm-12 {
	padding-left: 0;
	padding-right: 0;
}

.remember-me-checkbox {
	margin: 2px 0 1px 0;
}

.year-filter {
	margin-bottom: 10px;
}

/* generic tools */
.hidden-tools-container > .hidden-tools {
    display: none;
    float: right;
}
.hidden-tools-container > .hidden-tools > .fa, .hidden-tools-container > .hidden-tools > .glyphicon, .hidden-tools-container > .hidden-tools > .ion {
    cursor: pointer;
    margin-right: 5px;
}
.hidden-tools-container:hover > .hidden-tools {
    display: inline-block;
}

.text-middle {
	vertical-align: middle !important;
}

.col-xs-2 > .form-control {
	padding: 6px 8px;	
}

.tools > a {
	color: #dd4b39;
}

.todo-list > li .label {
    font-size: 75%;
}

h4.modal-title {
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
}

.bg-blueblack {
    background-color: #222D32 !important;
}

.margin-right {
	margin: 0 10px 0 0;
}

.margin-left {
	margin-left: 10px;
}

.cursor-move {
	cursor: move;
}

.cursor-pointer {
	cursor: pointer;
}

.btn-disabled {
	pointer-events: none;
	cursor: not-allowed;
}
.btn-disabled:hover {
	background-color: #f4f4f4!important;
}

div.box-header > label > input.box-body-visibility-toggle[type=checkbox]:checked ~ div.box-body {
  display:block;
}

.multiselect-container {
	min-width: 100%;
}
.multiselect-container > li > a {
	padding: 0px;
}
.multiselect-container > li > a > label {
    padding: 5px 20px 5px 35px;
    font-weight: normal;
}
.multiselect-container > li.multiselect-group label {
	padding: 5px 20px 5px 15px;
}
.multiselect-container > li.multiselect-group > a > label > input[type="checkbox"] {
	margin-right: 4px;
}
button.multiselect {
    text-align: left;
}
button.multiselect b.caret {
    position: absolute;
    right: 10px;
    top: 15px;
}

#add_unalocated_task {
    width: 45%;
    float: left;
    margin: 7px 0px;
    margin-right: 7px;
}

#add_unalocated_task div.form-group {
    margin-bottom: 0;
}    

@media (max-width: 767px) {
	.nav > li {
        float: left;
    } 
}    

@media (min-width: 768px) {
    .navbar-nav {
        float: right;
        margin: 0;
    }
}


table.sticky-table-top {
  position: relative;
}
table.sticky-table-top > thead > tr > th {
  position: sticky;
  top: 0;
  background-color: #ECF0F5;
}

.pointer {
  cursor: pointer;
}

.upside-down {
  transform: rotate(180deg);
}

i.larger {
  font-size: larger;
}

@media (min-width: 1292px) {
  .modal-xl {
    width: 1200px;
  }
}

tr.red-highlight {
    color: #dd4b39 !important;
    font-weight: bold;
    background-color: #F0E68C !important;
}

.sumo_responsible {
    display: block;
    width: 100%;
}

.sumo_department_id {
    display: block;
    width: 100%;
}
.sumo_category_id {
    display: block;
    width: 100%;
}
.sumo_task_category_id {
    display: block;
    width: 100%;
}
p.select-all {
    height: auto !important;
}

@media only screen and (max-width: 560px) 
{
    .navbar-custom-menu {
        float: none;
    }

    .navbar-nav {
        margin:   7.5px -15px;
    }

    .nav > li > a {
        padding: 7px;
    }

}

@media (min-width:768px) and (max-width:1692px) {
    .sidebar-menu {
        margin-top: 40px!important;
    }
}

.outstanding-warning {
    background-color: #FF8800;
	color: white;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
	margin-bottom: 5px;
}

.flx-c {
    display: flex;
    flex-wrap: wrap;
}
.flx-es {
    flex: 0 1 auto;
    padding: 0 5px;
}
.flx-eb-100 {
    flex-basis: 100px;
}
.flx-eb-200 {
    flex-basis: 200px;
}

.warning_presence {
	border-radius: 100%;
	box-shadow: 0 0 0 0 rgba(255, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.9);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
	}
}

.qtip-custom-width {
	max-width: none !important;
}

.qtip-title, .cts-custom-tooltip-font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: normal;
}

div.tox-promotion, span.tox-statusbar__branding {
	display: none !important;
}

div#addTaskModalContent select {
	height: 100% !important;
}
.margin-top-40 {
	margin-top: -40px;
}
.alert-purple {
  color: #ffffff;
  background-color: #605CA8;
  border-color: #605CA8;
}