/* --------------------------------------- DASHBOARDS - BASE ----------------------------------------- */
.kt-no-bottom-margin { margin-bottom: -25px !important; }

.kt-dashboard { margin: 0px -25px 0px -25px; display: flex; flex-direction: row; position: relative; min-height: 100%; }

.kt-dashboard .dashboard-content { display: flex; background: #042B47; }
.kt-dashboard .dashboard-content .main-container { display: flex; flex-direction: column; width: 100%; }
.kt-dashboard .dashboard-content .main-container > div { display: flex; flex-grow: 1; flex-direction: column; }
.kt-dashboard .dashboard-content .main-container > div .content-container { width: 100%; }
.kt-dashboard .dashboard-content .main-container > div .content-loader { width: 100%; height: 100%; padding-top: 270px; box-sizing: border-box; text-align: center; }

.kt-dashboard .dashboard-aside { display: flex; }
.kt-dashboard .dashboard-aside .aside-container { display: block; width: 100%; max-width: 100%; }
.kt-dashboard .dashboard-aside .aside-container .content-loader { width: 100%; padding-top: 270px; box-sizing: border-box; text-align: center; }
.kt-dashboard .dashboard-aside .aside-container .content-container { padding: 10px 15px; }
.kt-dashboard .dashboard-aside .aside-container .ps__rail-y.ps--clicking { background: transparent !important; }

@media (max-width: 1024px)
{
  .kt-dashboard { margin: 0px -15px 0px -15px; }
}
/* --------------------------------------------------------------------------------------------------- */



/* ----------------------------------------- DASHBOARD : MAP ----------------------------------------- */
.dashboard { position: relative; }
.dashboard.dashboard-map { height: 100%; width: 100%; }
.dashboard.dashboard-map .map { position: absolute; height: calc(100% - 200px); width: 100%; overflow: hidden; }
.dashboard.dashboard-map .map #google-map { height: calc(100% + 25px); width: 100%; }

.dashboard.dashboard-map .map-controls { position: absolute; top: 10px; bottom: 10px; right: 10px; }
.dashboard.dashboard-map .map-controls > div { position: relative; height: 100%; }
.dashboard.dashboard-map .map-controls .zoom { position: absolute; bottom: 200px; z-index: 15; }
.dashboard.dashboard-map .map-controls .zoom button { display: block; width: 32px; height: 32px; box-sizing: border-box; padding: 0px; border: none; background: transparent; background: #c0d8ea; border-radius: 50%; margin-top: 10px; }
.dashboard.dashboard-map .map-controls .zoom button:hover { background: #67c3b7; }
.dashboard.dashboard-map .map-controls .zoom button img { width: 100%; }
.dashboard.dashboard-map .map-controls .zoom button.disabled { opacity: 0.5; }
.dashboard.dashboard-map .map-controls .fit { display: block; }
.dashboard.dashboard-map .map-controls .fit button { display: block; width: 32px; height: 32px; box-sizing: border-box; padding: 0px; border: none; background: transparent; background: #c0d8ea; border-radius: 50%; margin-bottom: 10px; }
.dashboard.dashboard-map .map-controls .fit button:hover { background: #67c3b7; }
.dashboard.dashboard-map .map-controls .fit button img { width: 100%; }
.dashboard.dashboard-map .map-controls .fit button.disabled { opacity: 0.5; }

.dashboard.dashboard-map .map-identification-box { display: none; position: absolute; top: 10px; left: 50%; transform: translate(-50%, 0px); background: #042B47; color: #FFFFFF; text-transform: uppercase; font-weight: 700; width: auto; padding: 5px 15px; box-sizing: border-box; border-radius: 20px; z-index: 10; }
.dashboard.dashboard-map .map-identification-box .name { display: inline-block; }

.dashboard.dashboard-map .map-identification-box .crop-progress { float: right; width: 100px; margin: 0px -8px 0px 20px; }
.dashboard.dashboard-map .map-identification-box .crop-progress > div { width: 100%; height: 20px; box-sizing: border-box; border-radius: 12px; text-align: center; position: relative; background: #01111c; overflow: hidden; }
.dashboard.dashboard-map .map-identification-box .crop-progress > div > div { position: absolute; top: 0px; bottom: 0px; left: 0px; z-index: 1; }
.dashboard.dashboard-map .map-identification-box .crop-progress > div > span { position: relative; z-index: 2; font-size: 0.9em; font-weight: 700; line-height: 100%; display: inline-block; padding: 0px 0px 0px 0px; }
.dashboard.dashboard-map .map-identification-box .crop-progress > div.stage-1 > div { background: #0a4f46; }
.dashboard.dashboard-map .map-identification-box .crop-progress > div.stage-1 > span { color: #C0D8EA !important; }
.dashboard.dashboard-map .map-identification-box .crop-progress > div.stage-2 > div { background: #1c6b61; }
.dashboard.dashboard-map .map-identification-box .crop-progress > div.stage-2 > span { color: #C0D8EA !important; }
.dashboard.dashboard-map .map-identification-box .crop-progress > div.stage-3 > div { background: #25887b; }
.dashboard.dashboard-map .map-identification-box .crop-progress > div.stage-3 > span { color: #C0D8EA !important; }
.dashboard.dashboard-map .map-identification-box .crop-progress > div.stage-4 > div { background: #459d91; }
.dashboard.dashboard-map .map-identification-box .crop-progress > div.stage-4 > span { color: #042B48 !important; }
.dashboard.dashboard-map .map-identification-box .crop-progress > div.stage-5 > div { background: #67c3b7; }
.dashboard.dashboard-map .map-identification-box .crop-progress > div.stage-5 > span { color: #042B48 !important; }

.dashboard.dashboard-map .map-details-box { position: absolute; bottom: 0px; left: 0px; right: 0px; height: 200px; z-index: 10; }
.dashboard.dashboard-map .map-details-box .map-details-tabs { float: left; width: 150px; height: 100%; background: #013D67; }
.dashboard.dashboard-map .map-details-box .map-details-tabs ul { margin: 0px; padding: 0px; }
.dashboard.dashboard-map .map-details-box .map-details-tabs ul li { display: block; margin: 0px; width: 100%; }
.dashboard.dashboard-map .map-details-box .map-details-tabs ul li a { background: transparent !important; text-transform: uppercase; color: #C0D8EA; font-weight: 200; border-bottom: 1px #042B47 solid; position: relative; padding: 0.75rem 0.75rem }
.dashboard.dashboard-map .map-details-box .map-details-tabs ul li a.active { color: #C0D8EA; font-weight: 800; }
.dashboard.dashboard-map .map-details-box .map-details-tabs ul li:last-child a { border-bottom: none; }
.dashboard.dashboard-map .map-details-box .map-details-tabs ul li a em { position: absolute; right: 0px; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 12px solid #042B47; opacity: 0; transition: opacity 0.3s; }
.dashboard.dashboard-map .map-details-box .map-details-tabs ul li a.active em { opacity: 1; transition: opacity 0.3s; }

.dashboard.dashboard-map .map-details-box .map-details-content { float: left; width: calc(100% - 150px); box-sizing: border-box; padding: 10px 13px; background: #042B47; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container { height: 180px; overflow: auto; position: relative; margin-right: -10px; padding-right: 10px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .ps__rail-y.ps--clicking { background: transparent !important; }

.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-list { display: block; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details { display: none; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .item { position: relative; }

.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .item-actions { position: absolute; top: 0px; right: -3px; z-index: 25; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .item-actions a { display: block; width: 32px; height: 32px; border-radius: 50%; margin: 0px 0px 10px 0px; cursor: pointer; background: #013D67; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .item-actions a:hover { background: #014E81; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .item-actions a img { display: block; width: 100%; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .item-actions a.item-close { color: #67C3B7 !important; text-align: center; font-size: 1.6em; padding-top: 1px; }

.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .item-header { display: block; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .item-header .item-close { float: left; font-size: 1.5em; margin: -1px 0px 5px 0px; padding: 0px 12px 0px 3px; cursor: pointer; color: #C0D8EA; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .item-header h1 { font-size: 1.8em; font-weight: 700; color: #C0D8EA; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .item-alerts { display: block; margin-bottom: 40px; margin-top: 8px; position: relative; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .item-alerts label { display: block; font-weight: 200; font-size: 1.1em; margin: 0px; text-transform: uppercase; color: #C0D8EA; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .item-alerts > div { display: block; margin-top: 16px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .item-alerts > div .item-alert { display: inline-block; width: 34px; height: 34px; border-radius: 50%; background: #013D67; color: #C0D8EA; text-align: center; box-sizing: border-box; padding-top: 7px; cursor: pointer; margin-right: 6px; position: relative; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .item-alerts > div .item-alert > em.time { display: block; position: absolute; width: 100%; text-align: center; bottom: -14px; font-size: 0.65em; font-weight: 200; font-style: normal; color: #C0D8EA; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .item-alerts > div .item-alert.placeholder { opacity: 0.4; cursor: default; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .item-alerts > div .item-alert.alert-separator { margin-left: 6px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .item-alerts > div .item-alert.alert-separator > span { display: block; position: absolute; width: 1px; height: 62px; border-left: 1px #5F8099 solid; top: -14px; left: -8px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .item-alerts > div .item-alert.alert-separator > em.date { display: block; position: absolute; width: 100%; text-align: center; top: -15px; font-size: 0.75em; font-style: normal; color: #C0D8EA; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .item-alerts > div .item-alert.alert-separator:first-child { margin-left: 0px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .item-alerts > div .item-alert.alert-separator:first-child > span { display: none; }

.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .item-area { display: block; float: left; width: 100px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .item-area label { display: block; font-weight: 200; font-size: 1.0em; margin: 0px; text-transform: uppercase; color: #C0D8EA; margin-bottom: -2px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .item-area > div { display: block; font-weight: 500; font-size: 1.4em; color: #C0D8EA; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .item-area > div em { font-style: normal; font-size: 0.8em; display: inline-block; padding-left: 3px; }

.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .item-crops { display: block; float: left; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .item-crops label { display: block; font-weight: 200; font-size: 1.0em; margin: 0px; text-transform: uppercase; color: #C0D8EA; margin-bottom: -2px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .item-crops > div { display: block; font-weight: 500; font-size: 1.4em; color: #C0D8EA; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .item-crops > div .no-crops { opacity: 0.5; }

.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-field { position: relative; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-field .info-box { float: left; width: calc(100% - 625px); margin: 0px 0px 0px 0px; box-sizing: border-box; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-field .progress-box { position: relative; float: left; margin: 0px 0px 0px 0px; width: 170px; padding-top: 15px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-field .progress-box > div { margin: 0px auto 12px auto; text-align: center; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-field .progress-box > div label { display: block; margin: 0px 0px 2px 0px; text-transform: uppercase; font-size: 0.8em; color: #C0D8EA; font-weight: 200; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-field .progress-box > div span.value { display: block; text-transform: uppercase; font-size: 1.0em; color: #C0D8EA; font-weight: 600; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-field .progress-box .progress-space { display: block; height: 15px; }

.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-field .state-box { position: relative; float: left; margin: 0px 0px 0px 0px; width: 410px; padding-top: 5px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-field .state-box .td-crop-progress { margin: 30px auto 0px auto; text-align: center; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-field .state-box .td-crop-progress label { display: block; margin: 0px 0px 2px 0px; text-transform: uppercase; font-size: 0.8em; color: #C0D8EA; font-weight: 200; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-field .state-box .harvest-button { padding: 25px 0px 0px 0px; text-align: center; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-field .state-box .harvest-button a { border: 2px #67C3B7 solid; border-radius: 16px; text-align: center; display: inline-block; padding: 4px 35px 4px 35px; text-transform: uppercase; font-size: 1.0em; color: #67C3B7; transition: 0.25s ease; cursor: pointer; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-field .state-box .harvest-button a:hover { background: #67C3B7; color: #042B47; transition: 0.25s ease; }

.dashboard.dashboard-map .management-table .table-list { padding: 0px 0px 0px 0px; }
.dashboard.dashboard-map .management-table .table-list.simple-headers { padding-top: 25px; }
.dashboard.dashboard-map .management-table .table-list table { margin: 0px; }
.dashboard.dashboard-map .management-table thead tr.tr-top th { border: none !important; padding-bottom: 0px; }
.dashboard.dashboard-map .management-table thead tr th.td-day { padding: 0px !important; }
.dashboard.dashboard-map .management-table thead tr th.td-day > div { text-align: center; border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 10px 0px 5px 0px; }
.dashboard.dashboard-map .management-table thead tr th.td-day > div > span { display: inline-block; color: #C0D8EA; font-size: 1.25em; font-weight: 700; margin-right: 10px; text-transform: uppercase; }
.dashboard.dashboard-map .management-table thead tr th.td-day > div > em { display: inline-block; color: #85A8C2; font-size: 1.25em; font-weight: 700; font-style: normal; padding-bottom: 3px; }
.dashboard.dashboard-map .management-table .td-day-left { padding: 0px !important; width: 110px; }
.dashboard.dashboard-map .management-table .td-day-left > div { padding-top: 0.95rem; padding-bottom: 1rem; text-align: center; }
.dashboard.dashboard-map .management-table .td-day-right { padding: 0px !important; width: 110px; }
.dashboard.dashboard-map .management-table .td-day-right > div { padding-top: 0.95rem; padding-bottom: 1rem; text-align: center; }
.dashboard.dashboard-map .management-table .td-day.day-1 > div { background: #013D67; }
.dashboard.dashboard-map .management-table .td-day-left.day-1 > div { background: #013D67; }
.dashboard.dashboard-map .management-table .td-day-right.day-1 > div { background: #013D67; }
.dashboard.dashboard-map .management-table .td-day > div > div { display: inline-block; width: 90px; height: 32px; border-radius: 16px; box-sizing: border-box; margin-top: -1px; transition: background 0.25s ease; }
.dashboard.dashboard-map .management-table .td-day.enabled > div > div:hover { background: #001C30; transition: background 0.25s ease; }
.dashboard.dashboard-map .management-table tbody tr td.td-day { font-weight: 700; position: relative; }
.dashboard.dashboard-map .management-table tbody tr td.td-day-left > div { box-sizing: border-box; padding-top: 16px; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; height: 60px; }
.dashboard.dashboard-map .management-table tbody tr td.td-day-right > div { box-sizing: border-box; padding-top: 16px; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; height: 60px; }
.dashboard.dashboard-map .management-table tbody tr:last-child td.td-day-left > div { border-bottom-left-radius: 20px; }
.dashboard.dashboard-map .management-table tbody tr:last-child td.td-day-right > div { border-bottom-right-radius: 20px; }
.dashboard.dashboard-map .management-table tbody tr td.td-day span { display: inline-block; width: 35px; vertical-align: middle; }
.dashboard.dashboard-map .management-table tbody tr td.td-day .moisture { width: 28px; height: 28px; border-radius: 50%; background: #013D67; display: inline-block; vertical-align: middle; margin-left: 7px; margin-top: 2px; position: relative; }
.dashboard.dashboard-map .management-table tbody tr td.td-day.day-1 .moisture { background: #042B47; }
.dashboard.dashboard-map .management-table tbody tr td.td-day .moisture > div { position: relative; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; }
.dashboard.dashboard-map .management-table tbody tr td.td-day .moisture > div > div { position: absolute; left: 0px; right: 0px; bottom: 0px; background: #729C17; }
.dashboard.dashboard-map .management-table tbody tr td.td-day .moisture > em { position: absolute; left: -6px; right: -6px; height: 2px; background: #D47A09; }
.dashboard.dashboard-map .management-table tbody tr td.td-day .temperature { width: 28px; height: 28px; border-radius: 50%; display: inline-block; vertical-align: middle; margin-left: 7px; margin-top: 3px; position: relative; text-align: center; }
.dashboard.dashboard-map .management-table tbody tr td.td-day .temperature .bar { background: #013D67; }
.dashboard.dashboard-map .management-table tbody tr td.td-day .temperature .bulb { background: #013D67; }
.dashboard.dashboard-map .management-table tbody tr td.td-day.day-1 .temperature .bar { background: #042B47; }
.dashboard.dashboard-map .management-table tbody tr td.td-day.day-1 .temperature .bulb { background: #042B47; }
.dashboard.dashboard-map .management-table tbody tr td.td-day .temperature > div.bar { display: inline-block; position: relative; width: 6px; height: calc(100% - 2px); border-radius: 4px; overflow: hidden; }
.dashboard.dashboard-map .management-table tbody tr td.td-day .temperature > div.bar > div { position: absolute; left: 0px; right: 0px; bottom: 0px; background: #729C17; }
.dashboard.dashboard-map .management-table tbody tr td.td-day .temperature > div.bulb { position: absolute; width: 10px; height: 10px; border-radius: 50%; bottom: 1px; left: 50%; margin-left: -5px; }
.dashboard.dashboard-map .management-table tbody tr td.td-day .temperature > em { position: absolute; left: 4px; right: 4px; height: 2px; background: #D47A09; }
.dashboard.dashboard-map .management-table tbody tr td.td-day.disabled span { opacity: 0.3; }
.dashboard.dashboard-map .management-table tbody tr td.td-day.disabled .moisture > em { opacity: 0.5; }
.dashboard.dashboard-map .management-table tbody tr td.td-day.disabled .temperature > em { opacity: 0.5; }
.dashboard.dashboard-map .management-table thead tr th.td-yield { padding-left: 4px; padding-right: 4px; }
.dashboard.dashboard-map .management-table thead tr th.td-yield > div { background: #013D67; text-align: center; border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 10px 0px 0px 0px; }
.dashboard.dashboard-map .management-table thead tr th.td-yield > div > span { display: block; color: #C0D8EA; font-size: 1.5em; font-weight: 700; padding-bottom: 5px; }
.dashboard.dashboard-map .management-table thead tr th.td-yield > div > em { display: block; color: #85A8C2; font-size: 1.25em; font-weight: 700; font-style: normal; padding-bottom: 3px; }
.dashboard.dashboard-map .management-table tbody tr td.td-yield > div { background: #013D67; }
.dashboard.dashboard-map .management-table .td-yield-left { padding-top: 0px; padding-left: 4px; padding-right: 0px; padding-bottom: 0px; width: 110px; }
.dashboard.dashboard-map .management-table .td-yield-left > div { background: #013D67; padding-top: 0.95rem; padding-bottom: 1rem; text-align: center; }
.dashboard.dashboard-map .management-table .td-yield-center { padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; width: 110px; }
.dashboard.dashboard-map .management-table .td-yield-center > div { background: #013D67; padding-top: 0.95rem; padding-bottom: 1rem; text-align: center; }
.dashboard.dashboard-map .management-table .td-yield-right { padding-top: 0px; padding-left: 0px; padding-right: 4px; padding-bottom: 0px; width: 110px; }
.dashboard.dashboard-map .management-table .td-yield-right > div { background: #013D67; padding-top: 0.95rem; padding-bottom: 1rem; text-align: center; }
.dashboard.dashboard-map .management-table tbody tr td.td-yield { font-weight: 700; position: relative; }
.dashboard.dashboard-map .management-table tbody tr td.td-yield em { font-weight: 500; font-size: 0.85em; font-style: normal; opacity: 0.8; }
.dashboard.dashboard-map .management-table tbody tr td.td-yield.disabled span { opacity: 0.5; }
.dashboard.dashboard-map .management-table tbody tr td.td-yield-left > div { box-sizing: border-box; padding-top: 12px; position: absolute; top: 0px; bottom: 0px; left: 4px; right: 0px; }
.dashboard.dashboard-map .management-table tbody tr td.td-yield-center > div { box-sizing: border-box; padding-top: 12px; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; }
.dashboard.dashboard-map .management-table tbody tr td.td-yield-right > div { box-sizing: border-box; padding-top: 12px; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 4px; }
.dashboard.dashboard-map .management-table tbody tr:last-child td.td-yield-left > div { padding-top: 6px; border-bottom-left-radius: 20px; }
.dashboard.dashboard-map .management-table tbody tr:last-child td.td-yield-center > div { padding-top: 6px; }
.dashboard.dashboard-map .management-table tbody tr:last-child td.td-yield-right > div { padding-top: 6px; border-bottom-right-radius: 20px; }
.dashboard.dashboard-map .management-table .table-list tbody tr td { padding-top: 0.4rem; padding-bottom: 0.4rem; color: #C0D8EA; vertical-align: middle; font-size: 0.9em !important; }
.dashboard.dashboard-map .management-table .table-list tbody tr:hover td { background: #053354; }
.dashboard.dashboard-map .management-table .table-list tbody tr.tr-foot td { border-bottom: none !important; }
.dashboard.dashboard-map .management-table .table-list tbody tr.tr-foot:hover td { background: transparent; }
.dashboard.dashboard-map .management-table tbody .td-field span { display: block; font-size: 0.9em; color: #67C3B7; margin-top: -2px; }
.dashboard.dashboard-map .management-table thead .td-crop-progress { width: 100px; text-align: center; }
.dashboard.dashboard-map .management-table tbody .td-crop-progress { width: 100px; text-align: center; }
.dashboard.dashboard-map .management-table tbody .td-crop-progress > div > span { padding-top: 5px; }
.dashboard.dashboard-map .td-tooltip { text-align: right; font-size: 0.85em; }
.dashboard.dashboard-map .td-tooltip > div { margin-bottom: 4px; }
.dashboard.dashboard-map .td-tooltip > div:last-child { margin-bottom: 0px; }
.dashboard.dashboard-map .td-tooltip > div span { text-transform: uppercase; color: #85A8C2; }
.dashboard.dashboard-map .td-tooltip > div b { color: #C0D8EA; padding-left: 4px; }


.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse { position: relative; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .info-box { float: left; width: calc(100% - 425px); margin: 0px 0px 0px 0px; box-sizing: border-box; padding-right: 120px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .info-box .info { display: block; margin-bottom: 20px; color: #C0D8EA; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .info-box .info:last-child { margin-bottom: 0px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .info-box .info label { display: block; font-weight: 200; font-size: 1.1em; margin: 0px; text-transform: uppercase; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .info-box .info span { display: block; font-weight: 600; }

.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .model-box { position: relative; float: left; margin: 0px 0px 0px 0px; width: 204px; height: 180px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .model-box .greenhouse-model.base { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; background-color: transparent; background-size: cover; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .model-box .greenhouse-model.cover { position: absolute; top: 1px; left: -2px; width: 210px; height: 75px; z-index: 2; background-color: transparent; background-size: cover; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .model-box .greenhouse-model.cover-fabric { position: absolute; top: 78px; left: 2px; width: 200px; height: 5px; z-index: 2; background-color: transparent; background-size: cover; }

.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .model-box .external-box { position: absolute; top: 0px; left: -200px; width: 360px; height: 180px; border-top-left-radius: 180px; border-top-right-radius: 180px; background: rgb(0,114,143); background: linear-gradient(180deg, rgba(0,114,143,1) 0%, rgba(4,43,71,1) 100%); }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .model-box .external-box .weather-period { position: absolute; top: 15px; left: 120px; width: 100px; text-align: center; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .model-box .external-box .weather-period h2 { font-weight: bold; text-transform: uppercase; font-size: 1.4em; color: #C0D8EA; margin: 0px; padding: 0px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .model-box .external-box .weather-period .date-time { font-weight: bold; text-transform: uppercase; font-size: 1.0em; color: #85A8C2; margin: -3px 0px 0px 0px; padding: 0px; }

.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .model-box .external-box .weather-data { position: absolute; top: 50px; left: 20px; width: 170px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .model-box .external-box .weather-data .data-line { display: block; color: #C0D8EA; height: 50px; padding: 10px 0px 0px 0px; text-align: center; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .model-box .external-box .weather-data .data-line figure { display: inline-block; width: 50px; height: 50px; margin: 0px 0px 15px 5px; vertical-align: top; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .model-box .external-box .weather-data .data-line figure img { display: block; width: 100%; height: 100%; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .model-box .external-box .weather-data .data-line .temperature-hour { display: inline-block; width: 18px; height: 40px; margin: 0px 20px 0px 5px; background: transparent url('Images/weather-thermometer.png') top center no-repeat; background-size: cover; position: relative; vertical-align: top; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .model-box .external-box .weather-data .data-line .temperature-hour span { position: absolute; right: -45px; top: 5px; display: block; font-weight: bold; font-style: normal; text-transform: uppercase; font-size: 1.5em; margin: 0px; padding: 0px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .model-box .external-box .weather-data .data-line .temperature-hour span em { display: inline-block; font-weight: normal; font-style: normal; text-transform: uppercase; font-size: 0.55em; vertical-align: middle; margin: 0px 0px 0px -3px; padding: 0px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .model-box .external-box .weather-data .data-line .temperature-dew { display: inline-block; width: 37px; height: 40px; margin: 0px 45px 0px 35px; background: transparent url('Images/weather-dew.png') top center no-repeat; background-size: cover; position: relative; vertical-align: top; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .model-box .external-box .weather-data .data-line .temperature-dew span { position: absolute; right: -45px; top: 5px; display: block; font-weight: bold; font-style: normal; text-transform: uppercase; font-size: 1.5em; margin: 0px; padding: 0px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .model-box .external-box .weather-data .data-line .temperature-dew span em { display: inline-block; font-weight: normal; font-style: normal; text-transform: uppercase; font-size: 0.55em; vertical-align: middle; margin: 0px 0px 0px -3px; padding: 0px; }

.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .data-box { position: absolute; top: 0px; left: 0px; width: 204px; height: 180px; z-index: 30; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .data-box .data-line { display: block; color: #C0D8EA; height: 50px; padding-top: 45px; padding-bottom: 20px; text-align: center; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .data-box .data-line .temperature-hour { display: inline-block; width: 14px; height: 31px; margin: 0px 35px 0px 15px; background: transparent url('Images/weather-thermometer.png') top center no-repeat; background-size: cover; position: relative; vertical-align: top; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .data-box .data-line .temperature-hour span { position: absolute; right: -32px; top: 6px; display: block; font-weight: bold; font-style: normal; text-transform: uppercase; font-size: 1.05em; margin: 0px; padding: 0px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .data-box .data-line .temperature-hour span em { display: inline-block; font-weight: normal; font-style: normal; text-transform: uppercase; font-size: 0.55em; vertical-align: middle; margin: 0px 0px 0px -3px; padding: 0px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .data-box .data-line .temperature-dew { display: inline-block; width: 28px; height: 30px; margin: 0px 30px 0px 5px; background: transparent url('Images/weather-dew.png') top center no-repeat; background-size: cover; position: relative; vertical-align: top; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .data-box .data-line .temperature-dew span { position: absolute; right: -32px; top: 6px; display: block; font-weight: bold; font-style: normal; text-transform: uppercase; font-size: 1.05em; margin: 0px; padding: 0px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .data-box .data-line .temperature-dew span em { display: inline-block; font-weight: normal; font-style: normal; text-transform: uppercase; font-size: 0.55em; vertical-align: middle; margin: 0px 0px 0px -3px; padding: 0px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .data-box .data-cols { width: 90%; height: 80px; margin: 25px auto 0px auto; overflow: hidden; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .data-box .data-cols .data-col { text-align: center; display: block; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .data-box .data-cols .data-col .data { padding: 10px 0px 10px 0px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .data-box .data-cols .data-col .data label { display: block; font-weight: normal; font-style: normal; text-transform: uppercase; font-size: 1.0em; color: #85A8C2; margin: 0px; padding: 0px 0px 0px 0px; margin: 0px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .data-box .data-cols .data-col .data label em { font-size: 0.6em; font-style: normal; padding: 0px 0px 0px 3px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .data-box .data-cols .data-col .data span { display: inline-block; font-weight: bold; font-style: normal; text-transform: uppercase; font-size: 1.4em; color: #C0D8EA; margin: -5px 0px 0px 0px; padding: 0px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .data-box .data-cols .data-col .data span em { display: inline-block; font-weight: normal; font-style: normal; text-transform: uppercase; font-size: 0.55em; vertical-align: middle; margin: 0px 0px 0px -3px; padding: 0px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .slick-dots li button:before { border: 1px #C0D8EA solid; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .slick-dots li.slick-active button:before { background: #C0D8EA; }

.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .state-box { float: left; margin: 0px 0px 0px 0px; width: 180px; height: 180px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .state-box .greenhouse-state { display: block; position: relative; text-align: right; margin-bottom: 12px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .state-box .greenhouse-state:last-child { margin-bottom: 0px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .state-box .greenhouse-state em { position: absolute; top: 13px; right: 1px; width: 280px; height: 1px; background: #67C3B7; opacity: 0.6; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .state-box .greenhouse-state label { display: block; color: #67C3B7; text-transform: uppercase; font-weight: 200; font-size: 0.7em; margin: 0px 0px 1px 0px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .state-box .greenhouse-state span { display: block; color: #C0D8EA; text-transform: uppercase; font-weight: 600; font-size: 0.8em; line-height: 110%; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-greenhouse .state-box .greenhouse-state.state-disabled { opacity: 0.3 !important; z-index: 0 !important; }

.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .table-list { padding: 0px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .table-list table { margin-bottom: 0px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .table-list thead tr th { padding: 0.25rem 0.75rem; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .table-list tbody tr { cursor: pointer; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .table-list tbody tr td { color: #C0D8EA; font-size: 0.9em; vertical-align: middle; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .table-list tbody tr:hover td { background: #053558; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .table-list .td-shape { text-align: center; width: 50px; padding: 2px 2px 2px 2px !important; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .table-list .td-shape figure {  padding: 5px; margin: 0px; width: 40px; height: 40px; box-sizing: border-box; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .table-list .td-field { padding-top: 3px; padding-bottom: 3px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .table-list .td-area { text-align: center; width: 70px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .table-list .td-counter { text-align: center; width: 70px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .table-list .td-day-number { text-align: center; width: 50px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .table-list .td-date { text-align: center; width: 90px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .table-list .td-model { padding: 2px 2px 2px 5px; width: 45px; text-align: center; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .table-list .td-model img { display: inline-block; max-width: 100%; max-height: 30px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .table-list tbody tr:last-child td { border-bottom: none; }

.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .table-list .td-management { text-align: center; width: 1%; white-space: nowrap; padding-left: 0px; padding-right: 0px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .table-list .td-management > ul { background: #001C30; height: 40px; border-radius: 20px; box-sizing: border-box; padding: 5px 25px; list-style: none; margin: 0px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .table-list .td-management > ul li { display: inline-block; padding: 0px 10px 0px 10px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .table-list .td-management > ul li label { color: #67C3B7; text-transform: uppercase; font-weight: 200; font-size: 0.7em; display: block; margin: 0px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .table-list .td-management > ul li span { color: #C0D8EA; text-transform: uppercase; font-weight: 600; font-size: 0.8em; display: block; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .table-list .td-management > ul li:first-child { padding-left: 0px; }
.dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .table-list .td-management > ul li:last-child { padding-right: 0px; }
 
.dashboard-weather .calendar-box { padding: 0 20px 0 25px; margin: -80px 0px -10px 0px; height: 270px; overflow: hidden; }
.dashboard-weather .calendar-box .calendar-card { width: 110px; height: 340px; text-align: center; color: #C0D8EA; position: relative; }
.dashboard-weather .calendar-box .calendar-card h2 { font-weight: bold; text-transform: uppercase; font-size: 2.4em; margin: 0px; padding: 20px 0px 0px 0px; }
.dashboard-weather .calendar-box .calendar-card .date-time { font-weight: bold; text-transform: uppercase; font-size: 1.4em; color: #85A8C2; margin: -3px 0px 0px 0px; padding: 0px; }
.dashboard-weather .calendar-box .calendar-card.current { width: 330px; }
.dashboard-weather .calendar-box .calendar-card.current .current-box { background: #013D67; border-radius: 75px; position: absolute; transform: rotate(45deg); width: 280px; height: 280px; top: 30px; left: 25px; }

.dashboard-weather .calendar-box .calendar-card.current .current-line { position: relative; width: 100%; }
.dashboard-weather .calendar-box .calendar-card.current .current-line.line-1 { height: 72px; margin-top: 10px; }
.dashboard-weather .calendar-box .calendar-card.current .current-line.line-2 { height: 30px; margin-top: 5px; box-sizing: border-box; padding: 0px 20px 0px 20px; }
.dashboard-weather .calendar-box .calendar-card.current .current-line.line-3 { height: 30px; margin-top: 5px; box-sizing: border-box; padding: 0px 55px 0px 55px; }
.dashboard-weather .calendar-box .calendar-card.current .current-line.line-4 { height: 30px; margin-top: 5px; box-sizing: border-box; padding: 0px 55px 0px 55px; }

.dashboard-weather .calendar-box .calendar-card.current.HOME .current-line { position: relative; width: 100%; }
.dashboard-weather .calendar-box .calendar-card.current.HOME .current-line.line-1 { height: 50px; margin-top: 5px; }
.dashboard-weather .calendar-box .calendar-card.current.HOME .current-line.line-2 { height: 90px; margin-top: 5px; box-sizing: border-box; }
.dashboard-weather .calendar-box .calendar-card.current.HOME .current-line.line-4 { height: 30px; margin-top: 5px; box-sizing: border-box; padding: 0px 55px 0px 55px; }

.line-box { display: inline-block; margin: 0px 10px; text-align: center; }
.line-box label { display: block !important; }
.line-box span { display: block; }

.HOME .current-line .data-col { display: inline-block; border-right: 1.5px #85A8C2 solid; margin-right: 10px; padding-right: 10px; height: 80px; }
.HOME .current-line .data-col:last-child { border: none; margin-right: 0px; padding-right: 0px; }
.HOME .current-line .data-col label { display: block !important; }
.HOME .current-line .data-col span em { display: block !important; }
.HOME .current-line .data-col > div { display: inline-block; text-align: center; }
.HOME .current-line .data-col > div img { display: inline-block !important; width: 22px !important; opacity: 0.6; }
.HOME .current-line .data-col > div.half { padding: 0px 5px; }

.dashboard-weather .calendar-box .calendar-card.current figure { width: 55px; height: 55px; position: absolute; top: 5px; left: 55px; }
.dashboard-weather .calendar-box .calendar-card.current figure img { display: block; width: 100%; height: 100%; }
.dashboard-weather .calendar-box .calendar-card.current .temperature { width: 30px; height: 66px; position: absolute; top: 0px; right: 90px; background: transparent url('Images/weather-thermometer.png') top center no-repeat; background-size: cover; }
.dashboard-weather .calendar-box .calendar-card.current .temperature span { position: absolute; display: block; font-weight: bold; font-style: normal; text-transform: uppercase; font-size: 1.5em; margin: 0px; padding: 0px; }
.dashboard-weather .calendar-box .calendar-card.current .temperature span em { display: inline-block; font-weight: normal; font-style: normal; text-transform: uppercase; font-size: 0.55em; vertical-align: middle; margin: 0px 0px 0px -3px; padding: 0px; }
.dashboard-weather .calendar-box .calendar-card.current .temperature span.min { left: -43px; top: 39px; }
.dashboard-weather .calendar-box .calendar-card.current .temperature span.avg { right: -40px; top: 15px; }
.dashboard-weather .calendar-box .calendar-card.current .temperature span.max { left: -43px; top: -5px; }
.dashboard-weather .calendar-box .calendar-card.current .temperature-hour { width: 29px; height: 65px; position: absolute; top: 7px; right: 170px; background: transparent url('Images/weather-thermometer.png') top center no-repeat; background-size: cover; }
.dashboard-weather .calendar-box .calendar-card.current .temperature-hour span { position: absolute; right: -40px; top: 15px; display: block; font-weight: bold; font-style: normal; text-transform: uppercase; font-size: 1.5em; margin: 0px; padding: 0px; }
.dashboard-weather .calendar-box .calendar-card.current .temperature-hour span em { display: inline-block; font-weight: normal; font-style: normal; text-transform: uppercase; font-size: 0.55em; vertical-align: middle; margin: 0px 0px 0px -3px; padding: 0px; }
.dashboard-weather .calendar-box .calendar-card.current .temperature-dew { width: 46px; height: 50px; position: absolute; top: 12px; right: 75px; background: transparent url('Images/weather-dew.png') top center no-repeat; background-size: cover; }
.dashboard-weather .calendar-box .calendar-card.current .temperature-dew span { position: absolute; right: -40px; top: 10px; display: block; font-weight: bold; font-style: normal; text-transform: uppercase; font-size: 1.5em; margin: 0px; padding: 0px; }
.dashboard-weather .calendar-box .calendar-card.current .temperature-dew span em { display: inline-block; font-weight: normal; font-style: normal; text-transform: uppercase; font-size: 0.55em; vertical-align: middle; margin: 0px 0px 0px -3px; padding: 0px; }
.dashboard-weather .calendar-box .calendar-card.current .data { width: auto; display: inline-block; box-sizing: border-box; }
.dashboard-weather .calendar-box .calendar-card.current .data.data-left { text-align: left; float: left; }
.dashboard-weather .calendar-box .calendar-card.current .data.data-right { text-align: right; float: right; }
.dashboard-weather .calendar-box .calendar-card.current .data.data-center { text-align: center; }
.dashboard-weather .calendar-box .calendar-card.current .data.data-center label { display: inline-block; }
.dashboard-weather .calendar-box .calendar-card.current .data label { display: inline-block; font-weight: normal; font-style: normal; text-transform: uppercase; font-size: 1.1em; color: #85A8C2; margin: 0px; padding: 0px 3px 0px 0px; }
.dashboard-weather .calendar-box .calendar-card.current .data span { display: inline-block; font-weight: bold; font-style: normal; text-transform: uppercase; font-size: 1.2em; margin: 0px; padding: 0px; }
.dashboard-weather .calendar-box .calendar-card.current .data span em { display: inline-block; font-weight: normal; font-style: normal; text-transform: uppercase; font-size: 0.55em; vertical-align: middle; margin: 0px 0px 0px -3px; padding: 0px; }
.dashboard-weather .calendar-box .calendar-card.others { padding-top: 65px; }
.dashboard-weather .calendar-box .calendar-card.others h2 { font-size: 1.9em; }
.dashboard-weather .calendar-box .calendar-card.others .data { margin-top: 5px; }
.dashboard-weather .calendar-box .calendar-card.others .data label { display: block; font-weight: normal; font-style: normal; text-transform: uppercase; font-size: 0.9em; color: #85A8C2; margin: 0px; padding: 0px; }
.dashboard-weather .calendar-box .calendar-card.others .data span { display: block; font-weight: bold; font-style: normal; text-transform: uppercase; font-size: 1.3em; margin: -2px 0px 0px 0px; padding: 0px; }
.dashboard-weather .calendar-box .calendar-card.others .data span em { display: inline-block; font-weight: normal; font-style: normal; text-transform: uppercase; font-size: 0.55em; vertical-align: middle; margin: 0px 0px 0px -3px; padding: 0px; }
.dashboard-weather .calendar-box .calendar-card.others figure { width: 30px; height: 30px; margin: 5px auto 5px auto; }
.dashboard-weather .calendar-box .calendar-card.others figure img { display: block; width: 100%; height: 100%; }
.dashboard-weather .calendar-box .calendar-card.others > div.card-data { margin: 0px 10px 0px 10px; height: 100%; position: relative; transition: margin 0.25s ease; }
.dashboard-weather .calendar-box .calendar-card.others > div.card-data .card-content { position: relative; z-index: 2; }
.dashboard-weather .calendar-box .calendar-card.others > div.card-data .card-background { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; border-top-left-radius: 25px; border-top-right-radius: 25px; background: transparent; z-index: 1; }
.dashboard-weather .calendar-box .calendar-card.others > div.card-data:hover { margin-top: -50px; transition: margin 0.25s ease; }
.dashboard-weather .calendar-box .calendar-card.others > div.card-data:hover .card-background { background: #013D67; transition: background 0.25s ease; }
.dashboard-weather .calendar-box .calendar-card.others > div.card-data:hover .card-border > div { background: #013D67; transition: background 0.25s ease; }
.dashboard-weather .calendar-box .calendar-card > div { position: relative; z-index: 10; }


.dashboard-season { position: relative; }
.dashboard-season .season-identification {}
.dashboard-season .season-identification .season-name {}
.dashboard-season .season-identification .season-period {}
/* --------------------------------------------------------------------------------------------------- */




/* ------------------------------------------- ASIDE FEED -------------------------------------------- */
.aside-feed { width: 100%; }

.aside-feed .feed-item.weather-alert { display: block; padding: 10px 10px 15px 10px; margin: 0px 0px 12px 0px; position: relative; border-radius: 0px; border-bottom: 1px rgba(192, 216, 234, 0.65) solid; }
.aside-feed .feed-item.weather-alert:last-child { border-bottom: none; }
.aside-feed .feed-item.weather-alert figure { position: absolute; top: 12px; left: 10px; width: 36px; margin: 0px 20px 0px 0px; }
.aside-feed .feed-item.weather-alert figure img { display: block; width: 100%; }
.aside-feed .feed-item.weather-alert .greenhouse { display: block; padding-left: 55px; padding-right: 25px; color: #67C3B7; }
.aside-feed .feed-item.weather-alert .message { display: block; padding-left: 55px; padding-right: 25px; color: #C0D8EA; }
.aside-feed .feed-item.weather-alert .icon { position: absolute; top: 20px; right: 0px; margin-top: -9px; font-size: 16px; opacity: 0.8; }
.aside-feed .feed-item.weather-alert .time { position: absolute; bottom: 5px; right: 0px; margin-top: -9px; font-size: 10px; color: #85A8C2; }

.aside-feed .feed-item.weather-now { margin-bottom: 25px; padding: 10px 0px 25px 0px; border-bottom: 2px rgba(192, 216, 234, 0.75) solid; }
.aside-feed .feed-item.weather-now h3 { margin: 0px; text-align: center; text-transform: uppercase; font-weight: 200; font-size: 1.3em; color: #C0D8EA; }
.aside-feed .feed-item.weather-now .data-line { display: block; color: #C0D8EA; height: 50px; padding: 10px 0px 0px 0px; text-align: center; }
.aside-feed .feed-item.weather-now .data-line .date-time { display: inline-block; vertical-align: top; margin: 0px 10px 0px 0px; color: #85A8C2; }
.aside-feed .feed-item.weather-now .data-line .date-time span { display: block; font-weight: bold; font-size: 1.1em; }
.aside-feed .feed-item.weather-now .data-line .date-time span:first-child { font-size: 1.6em; margin-top: -2px; margin-bottom: -6px; }
.aside-feed .feed-item.weather-now .data-line figure { display: inline-block; width: 40px; height: 40px; margin: 0px 0px 0px 5px; vertical-align: top; }
.aside-feed .feed-item.weather-now .data-line figure img { display: block; width: 100%; height: 100%; }
.aside-feed .feed-item.weather-now .data-line .temperature-hour { display: inline-block; width: 18px; height: 40px; margin: 0px 40px 0px 20px; background: transparent url('Images/weather-thermometer.png') top center no-repeat; background-size: cover; position: relative; vertical-align: top; }
.aside-feed .feed-item.weather-now .data-line .temperature-hour span { position: absolute; right: -40px; top: 5px; display: block; font-weight: bold; font-style: normal; text-transform: uppercase; font-size: 1.5em; margin: 0px; padding: 0px; }
.aside-feed .feed-item.weather-now .data-line .temperature-hour span em { display: inline-block; font-weight: normal; font-style: normal; text-transform: uppercase; font-size: 0.55em; vertical-align: middle; margin: 0px 0px 0px -3px; padding: 0px; }
.aside-feed .feed-item.weather-now .data-line .temperature-dew { display: inline-block; width: 37px; height: 40px; margin: 0px 40px 0px 15px; background: transparent url('Images/weather-dew.png') top center no-repeat; background-size: cover; position: relative; vertical-align: top; }
.aside-feed .feed-item.weather-now .data-line .temperature-dew span { position: absolute; right: -40px; top: 5px; display: block; font-weight: bold; font-style: normal; text-transform: uppercase; font-size: 1.5em; margin: 0px; padding: 0px; }
.aside-feed .feed-item.weather-now .data-line .temperature-dew span em { display: inline-block; font-weight: normal; font-style: normal; text-transform: uppercase; font-size: 0.55em; vertical-align: middle; margin: 0px 0px 0px -3px; padding: 0px; }
.aside-feed .feed-item.weather-now .data-col { float: left; width: 33.33%; box-sizing: border-box; margin: 0px; padding: 10px 0px 0px 0px; text-align: center; color: #C0D8EA; }
.aside-feed .feed-item.weather-now .data-col .data label { display: block; font-weight: normal; font-style: normal; text-transform: uppercase; font-size: 1.1em; color: #85A8C2; margin: 0px; padding: 10px 0px 0px 0px; margin: 0px; }
.aside-feed .feed-item.weather-now .data-col .data label em { font-size: 0.6em; font-style: normal; padding: 0px 0px 0px 3px; }
.aside-feed .feed-item.weather-now .data-col .data span { display: inline-block; font-weight: bold; font-style: normal; text-transform: uppercase; font-size: 1.5em; margin: -5px 0px 0px 0px; padding: 0px; }
.aside-feed .feed-item.weather-now .data-col .data span em { display: inline-block; font-weight: normal; font-style: normal; text-transform: uppercase; font-size: 0.55em; vertical-align: middle; margin: 0px 0px 0px -3px; padding: 0px; }
/* --------------------------------------------------------------------------------------------------- */

@media (max-width: 767px) {
  .dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .item-actions { 
    position: relative;
    display: flex;
    gap: 12px;
  }

  .dashboard.dashboard-map .map-details-box .map-details-content .tab-items-container .items-details .details-field .state-box {
    min-width: 410px;
  }

  #frame-fitter {
    overflow: auto;
  }
}