/*! * --------------------------------------- * Rollie Osayan | osayan.rollie@gmail.com * --------------------------------------- */ body,html{font-family:sans-serif;-webkit-font-smoothing:antialiased;text-shadow:0 0 2px rgb(255 255 255 / .5);height:100%;margin:0;padding:0}.form-control,select.form-control{font-size:12px}select.form-control{width:100%;max-width:100%;height:calc(2.25rem + 2px);padding:.375rem 1.75rem .375rem .75rem;line-height:1.25;color:#464a4c;vertical-align:middle;background:#fff url("data:image/svg+xml;charset=utf8,") no-repeat right .75rem center;-webkit-background-size:8px 10px;background-size:8px 10px;border:1px solid rgb(0 0 0 / .15);border-radius:.25rem;-moz-appearance:none;-webkit-appearance:none}select.form-control:focus{border-color:#5cb3fd;outline:0}select.form-control:focus::-ms-value{color:#464a4c;background-color:#fff}select.form-control:disabled{color:#636c72;cursor:not-allowed;background-color:#eceeef}select.form-control::-ms-expand{opacity:0}select.form-control-sm{padding-top:.375rem;padding-bottom:.375rem;font-size:75%}.location-dropdown{opacity:1}.main-wrapper{margin:0;padding:0 0 0 250px;display:block;height:100%}.sidebar-nav{z-index:1000;position:fixed;left:250px;width:250px;height:100%;margin-left:-250px;overflow:hidden;overflow-y:auto;background:rgb(255 255 255 / .75);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;color:rgb(0 0 0 / .85);border-top:10px solid #fff;border-bottom:10px solid #fff}.geotag-albums::-webkit-scrollbar-track,.legend-info::-webkit-scrollbar-track,.popup-right::-webkit-scrollbar-track,.sidebar-nav::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgb(0 0 0 / .3);background-color:#f4f4f4}.geotag-albums::-webkit-scrollbar,.legend-info::-webkit-scrollbar,.popup-right::-webkit-scrollbar,.sidebar-nav::-webkit-scrollbar{width:4px;background-color:#f4f4f4}.geotag-albums::-webkit-scrollbar-thumb,.legend-info::-webkit-scrollbar-thumb,.popup-right::-webkit-scrollbar-thumb,.sidebar-nav::-webkit-scrollbar-thumb{background-color:#f90}.sidebar-nav .logos{text-align:center;display:block;margin:0 auto 1px;padding:0 0 10px 0;border-bottom:1px solid rgb(255 255 255 / .05)}.sidebar-nav .logos .logo-wrapper{width:auto;max-height:200px;display:inline-block;background-color:#fff0}.sidebar-nav .logos .logo-wrapper img{width:auto;max-height:200px;height:auto}.sidebar-nav header{position:relative;height:50px;overflow:hidden;background-color:#f4f4f4}.sidebar-nav .background-grey{position:absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%;background-color:#222;transform:skewY(-6deg);transform-origin:top left}.sidebar-nav .header-name{text-align:center;font-size:10px;font-weight:700;color:#fff;margin:0;padding:12px 0;text-align:center;position:relative;text-transform:uppercase;text-shadow:none!important}.section-divider{height:1px;width:100%;margin:20px auto;background-color:#fff;opacity:.5}.contract-list{display:block;margin:0;padding:0}.contract-list ul{list-style:none;display:block;margin:0;padding:5px}.contract-list ul li{display:block;margin:2px 0;padding:10px;font-size:12px;line-height:12px;cursor:pointer;border:1px solid #fff}.contract-list ul li:hover{border:0;border-top:1px dashed orange;border-bottom:1px dashed orange;background-color:#f4f4f4}.contract-list ul li.active-contract{border:0;border-top:1px dashed orange;border-bottom:1px dashed orange;background-color:#f4f4f4}.contract-list ul li span{display:block}.contract-list ul li span.contract-code{font-size:11px;font-weight:700;width:100%;color:#555;margin-bottom:3px}.contract-list ul li span.contract-description{font-weight:400;color:#999;margin-top:3px 0 0 3px;text-align:justify}.contract-list ul li a.view-scurve-btn{font-weight:700;font-size:10px;margin-top:5px;display:block;text-align:right}.contract-list ul li a.view-scurve-btn::after{clear:both}.contract-list ul li span i{margin-right:5px;color:orange}.map-wrapper{background-color:#f4f4f4;display:block;height:100%;overflow:hidden}.swal2-modal{z-index:11011!important;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:1px 2px 3px rgb(0 0 0 / .25);-moz-box-shadow:1px 2px 3px rgb(0 0 0 / .25);box-shadow:1px 2px 3px rgb(0 0 0 / .25)}.leaflet-control,.modal,.swal2-container{text-shadow:none}.modal table{width:100%;font-size:13px;font-family:sans-serif;-webkit-font-smoothing:antialiased}.modal table td{padding:5px 10px;border:1px solid #ddd}.loading{display:none;position:absolute;top:50%;left:50%;margin-top:-9px;margin-left:115px}.loading-bar{display:inline-block;width:4px;height:18px;border-radius:4px;animation:loading 1s ease-in-out infinite}.loading-bar:nth-child(1){background-color:#3498db;animation-delay:0}.loading-bar:nth-child(2){background-color:#c0392b;animation-delay:90ms}.loading-bar:nth-child(3){background-color:#f1c40f;animation-delay:0.18s}.loading-bar:nth-child(4){background-color:#27ae60;animation-delay:0.27s}@keyframes loading{0%{transform:scale(1)}20%{transform:scale(1,2.2)}40%{transform:scale(1)}}.leaflet-control-layers-list{line-height:normal}.leaflet-control-layers-list label{line-height:normal;margin:2px 0}.filter-contracts{background-color:#f4f4f4;text-align:left;padding:10px;border-bottom:1px solid #ddd;margin:0 0 10px 0}.filter-contracts .trigger{display:inline-block;position:relative;padding-left:30px;margin:5px;cursor:pointer;font-size:12px;font-weight:400}.filter-contracts label.trigger input{position:absolute;z-index:-1;opacity:0}.trigger-indicator{position:absolute;top:0;left:0;height:20px;width:20px;background:#e6e6e6;border-radius:2px 2px 2px 2px}.trigger input:focus~.trigger-indicator,.trigger:hover input~.trigger-indicator{background:#ccc}.trigger input:checked~.trigger-indicator{background:#2aa1c0}.trigger input:checked:focus~.trigger-indicator,.trigger:hover input:not([disabled]):checked~.trigger-indicator{background:#0e647d}.trigger input:disabled~.trigger-indicator{background:#e6e6e6;opacity:.6;pointer-events:none}.trigger-indicator:after{content:"";position:absolute;display:none}.trigger input:checked~.trigger-indicator:after{display:block}.trigger-checkbox .trigger-indicator:after{left:8px;top:4px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.trigger-checkbox input:disabled~.trigger-indicator:after{border-color:#7b7b7b}.community-map{font-size:12px;background-color:orange;position:fixed;right:136px;bottom:27px;color:#fff;line-height:normal;font-weight:400;cursor:pointer;z-index:799;text-align:center;padding:5px 10px;-webkit-box-shadow:0 1px 1px rgb(0 0 0 / .1);-moz-box-shadow:0 1px 1px rgb(0 0 0 / .1);box-shadow:0 1px 1px rgb(0 0 0 / .1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.community-map-legend{display:none;top:12px;right:12px;position:absolute;z-index:1000;background-color:#fff;border-radius:5px;padding:10px;border-radius:4px!important;-moz-border-radius:4px!important;border-radius:4px!important;-webkit-box-shadow:0 0 0 2px rgb(0 0 0 / .25);-moz-box-shadow:0 0 0 2px rgb(0 0 0 / .25);box-shadow:0 0 0 2px rgb(0 0 0 / .25)}.community-map-legend ul{list-style:none;margin:0;padding:0}.community-map-legend b{font-size:10px;font-weight:700;text-transform:uppercase}.community-map-legend img{width:20px;height:20px;margin-right:5px}.community-map-legend span{font-size:11px;font-weight:400;line-height:11px;text-transform:uppercase}.leaflet-control-layers{width:35px;height:25px;padding:3px}.leaflet-control-layers-expanded{width:auto;height:auto}.leaflet-touch .leaflet-control-layers-toggle{width:20px;height:20px;margin-left:2px;margin-top:-4px}.leaflet-retina .leaflet-control-layers-toggle{background-size:20px 20px}.kml-map-polyline{font-size:12px;background-color:orange;position:fixed;right:96px;bottom:27px;color:#fff;line-height:normal;font-weight:400;cursor:pointer;z-index:799;text-align:center;padding:5px 10px;-webkit-box-shadow:0 1px 1px rgb(0 0 0 / .1);-moz-box-shadow:0 1px 1px rgb(0 0 0 / .1);box-shadow:0 1px 1px rgb(0 0 0 / .1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.kml-map-polygon{font-size:12px;background-color:orange;position:fixed;right:56px;bottom:27px;color:#fff;line-height:normal;font-weight:400;cursor:pointer;z-index:799;text-align:center;padding:5px 10px;-webkit-box-shadow:0 1px 1px rgb(0 0 0 / .1);-moz-box-shadow:0 1px 1px rgb(0 0 0 / .1);box-shadow:0 1px 1px rgb(0 0 0 / .1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.contract-map{font-size:12px;background-color:orange;position:fixed;right:136px;bottom:27px;color:#fff;line-height:normal;font-weight:400;cursor:pointer;z-index:799;text-align:center;padding:5px 10px;-webkit-box-shadow:0 1px 1px rgb(0 0 0 / .1);-moz-box-shadow:0 1px 1px rgb(0 0 0 / .1);box-shadow:0 1px 1px rgb(0 0 0 / .1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.toggle-nav{font-size:12px;background-color:orange;position:fixed;left:210px;bottom:12px;color:#fff;line-height:normal;font-weight:400;cursor:pointer;z-index:1001;text-align:center;padding:5px 10px;-webkit-box-shadow:0 1px 1px rgb(0 0 0 / .1);-moz-box-shadow:0 1px 1px rgb(0 0 0 / .1);box-shadow:0 1px 1px rgb(0 0 0 / .1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.geotag-albums{background-color:#fff;height:auto;min-height:110px;position:absolute;z-index:1000;bottom:0;display:none;border:0;border-top:5px solid #000;height:125px;overflow-y:auto}.album{width:100px;height:100px;padding:5px;border-radius:5px;text-align:center;cursor:pointer;display:inline-block;position:relative;margin:5px 0 0 5px}.album b{font-size:11px;font-weight:400;color:#fff;padding:3px;background-color:rgb(0 0 0 / .5);position:absolute;left:0;bottom:0;width:100%;border-radius:0 0 5px 5px}.active-album,.album:hover{opacity:.75}.dashboard-compare-info{top:0;left:0;width:75%;height:auto;position:absolute;z-index:10001;display:none;overflow:hidden;text-align:center;color:#fff;margin:0;padding:20px 0}.dashboard-compare-info b{font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 1px rgb(0 0 0 / .5)}.dashboard-compare-info .compare-dates{width:100%;display:block;position:relative;padding:0;margin:10px 0 0 0}.dashboard-compare-info .compare-dates .compare-date,.dashboard-compare-info .compare-dates .current-date{width:50%;float:left;padding:0;margin:0;font-size:14px;text-transform:uppercase;font-weight:700;text-shadow:0 1px 1px rgb(0 0 0 / .5)}.dashboard-compare-notes{bottom:0;left:0;width:75%;height:auto;position:absolute;z-index:10001;display:none;overflow:hidden;text-align:center;color:#fff;margin:0;padding:0}.dashboard-compare-notes .compare-notes{width:100%;display:block;position:relative;padding:0;margin:10px 0 0 0}.dashboard-compare-notes .compare-notes .compare-note,.dashboard-compare-notes .compare-notes .current-note{width:50%;float:left;padding:0;margin:0;font-size:14px;font-weight:700;text-shadow:0 1px 1px rgb(0 0 0 / .5);background-color:rgb(0 0 0 / .25);padding:10px}.dashboard-compare-notes .compare-notes .compare-note:focus,.dashboard-compare-notes .compare-notes .current-note:focus{outline:0;border-top:2px solid orange}.popup-dashboard{top:0;left:0;width:100%;height:100%;position:absolute;z-index:10000;background-color:#fff;display:none;overflow:hidden}.popup-dashboard .close-dashboard{top:0;right:0;position:absolute;z-index:10001;background-color:orange;font-size:15px;width:22px;height:22px;cursor:pointer;color:#fff;text-align:center}.popup-dashboard .close-dashboard:hover{background-color:red}.popup-dashboard .popup-left{float:left;width:37.5%;height:100%;background-color:#000;margin:0;padding:0}.popup-dashboard .popup-center{float:left;width:37.5%;height:100%;background-color:#000;margin:0;padding:0}.popup-dashboard .popup-right{float:right;width:25%;height:100%;background-color:#fff;margin:0;padding:0;overflow-y:auto}.popup-dashboard .popup-left .current-photo{width:100%;height:100%;padding:0;margin:0;background-color:#000;position:relative}.popup-dashboard .popup-center .compare-photo{width:100%;height:100%;padding:0;margin:0;background-color:#000;position:relative;display:none}.popup-dashboard .popup-left .current-photo img{max-width:100%;max-height:100%;height:auto;width:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.popup-dashboard .popup-center .compare-photo img{max-width:100%;max-height:100%;height:auto;width:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.popup-dashboard .popup-left .current-photo .next,.popup-dashboard .popup-left .current-photo .prev{height:auto;width:auto;position:absolute;top:50%;width:28px;height:46px;margin-top:-23px;cursor:pointer;z-index:1;opacity:.5}.popup-dashboard .popup-left .current-photo .next:hover,.popup-dashboard .popup-left .current-photo .prev:hover{opacity:.75}.popup-dashboard .popup-left .current-photo .prev{left:5px;background:url(../img/prev.png) center top no-repeat}.popup-dashboard .popup-left .current-photo .next{right:5px;background:url(../img/next.png) center top no-repeat}.rotate{position:absolute;bottom:50px;right:50%;transform:translateX(50%);z-index:1;opacity:.5}.rotate i{font-size:20px;color:#fff;margin:0 2.5px;cursor:pointer}.rotate i:hover{opacity:.75}.popup-dashboard .popup-right .contract-info{width:100%;height:auto;background-color:#fff;padding:10px 30px 10px 10px}.popup-dashboard .popup-right .contract-info b{font-size:12px;font-weight:700;line-height:12px;color:#555;display:block;padding:0 0 3px 0;margin:0 0 2px 0;border-bottom:1px dotted #ddd}.popup-dashboard .popup-right .contract-info span{font-size:12px;padding:5px 10px;background-color:#f4f4f4;width:auto;display:inline-block;margin-left:16px;border-left:2px solid orange;border-radius:0 2px 2px 0;margin-top:5px}.popup-dashboard .popup-right .contract-info span.progress-chart{font-size:12px;padding:5px 10px;background-color:orange;width:auto;display:inline-block;margin-left:16px;border-radius:2px;margin-top:5px}.popup-dashboard .popup-right .contract-info span.progress-chart a{text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:700;color:#fff}.popup-dashboard .popup-right .mini-map{width:100%;height:250px;background-color:#fff;border-bottom:1px solid #ddd;border-top:1px solid #ddd}.popup-dashboard .popup-right .compare-control{width:100%;min-height:100px;background-color:#fff}.popup-dashboard .popup-right .compare-control .compare-select{padding:10px}.popup-dashboard .popup-right .compare-control .compare-select span{font-size:11px;font-weight:400;text-transform:uppercase}.popup-dashboard .popup-right .compare-control .compare-options{display:none;padding:10px 10px 5px 10px;margin:5px 10px;position:relative;text-align:center;background-color:#000;border-radius:5px}.popup-dashboard .popup-right .compare-control .compare-options a.compare-thumb{width:75px;height:75px;padding:5px;border-radius:5px;text-align:center;cursor:pointer;display:inline-block;position:relative;margin:0 5px 0 5px;background-color:#000}.shareable-link{margin-left:10px;text-transform:uppercase;font-size:10px;font-weight:700}.project-links{margin:10px 0 15px 0;padding:0;display:block;width:100%;text-align:center;border-bottom:1px solid #ddd}.project-links a{font-size:11px;font-weight:700;text-transform:uppercase;color:#555;text-decoration:none;margin:0 5px;display:inline-block;padding:5px 10px;border:1px solid #ddd;border-bottom:0;border-radius:5px 5px 0 0}.project-links a:hover{background-color:orange;text-decoration:none;color:#fff;border-color:orange}.project-links a.active-project{background-color:#ddd;border-color:#ccc;color:#555}