@charset "utf-8";
*{
    box-sizing:border-box;
    margin:0;
    padding:0;
    outline:none;
}
html{
    width:100%;
    height:100%;
    background-color:#66CCFF;
    color:#606C73;
    overflow: hidden;
    position: relative;
    text-align: left;
    font-size:12px;
    line-height: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans,Ubuntu,Cantarell, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    word-break:break-word;
    white-space: normal;
    -webkit-hyphens:auto;
    hyphens:auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale;
}
body{
    width:100%;
    height:100%;
}
ul{
    list-style:none;
}
h1,h2{
    color: #D9272D;
}
h1{
    font-size: 24px;
    line-height:24px;
    margin:10px 0;
}
h2{
    font-size: 18px;
    line-height:18px;
    margin:10px 3px 6px;
}
h3{
    font-size:14px;
    line-height:14px;
    margin:0;
}
html[type=button]{
    -webkit-appearance:button;
    appearance: button;
}
input[type=range]{
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    background: transparent;
}
input[type=range]::-ms-track{
    width: 100%;
    cursor: pointer;
    background: transparent; 
    border-color: transparent;
    color: transparent;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #A4A9AD;
    height: 16px;
    width: 32px;
    background-color: #0071CE;
    cursor: pointer;
    margin-top: -6px;
}
input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    background-color: #D1D3D3;
    border: 1px solid #A4A9AD;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background-color: #D1D3D3;
}
input[type=range]::-moz-range-thumb {
    border: 1px solid #A4A9AD;
    height: 16px;
    width: 32px;
    background-color: #0071CE;
    cursor: pointer;
    margin-top: -6px;
}
input[type=range]::-moz-range-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    background-color: #D1D3D3;
    border: 1px solid #A4A9AD;
}
input[type=range]::-ms-thumb {
    border: 1px solid #A4A9AD;
    height: 16px;
    width: 32px;
    background-color: #0071CE;
    cursor: pointer;
    margin-top: -6px;
}
input[type=range]::-ms-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    background-color: #D1D3D3;
    border: 1px solid #A4A9AD;
}
/*Table Schitt*/
table{
    border-collapse: separate;
    border-spacing: 0;
    background-color: transparent;
    width:100%;
    z-index: 1;
    position:relative;
    opacity:1;
}
thead{
    background-color:#606C73;
    color:#F4F4F5;
}
tbody{
    position:relative;
    z-index: 1;
    position:relative;
    opacity:1;
}
tr{
    position: relative;
}
th,td{
    text-align: left;
    padding:5px;
    cursor: default;
    position: relative;
}
/* tbody tr:nth-of-type(odd){
    background-color: #D1D3D3;
}
tbody tr:nth-of-type(even){
    background-color: #FFF;
} */
.icon_menu,
.user_controls_section,
.edit_layer_section{
    height:100%;
    width:300px;
    position:absolute;
    transition:right 80ms ease,width 80ms ease;
    will-change: transform;
    transform: translateZ(0);
    overflow:visible;
}
.control_panel{
    height:100%;
}
.control_panel h2{
    padding: 0 4px;
}
.reports_panel{
    width:100%;
    overflow-x:auto;
    overflow-y: hidden;
    padding:0 4px;
}
.share_map_section,
.map_info_section{
    padding:0 4px;
}
.full_width_control{
    width:850px;
    overflow-y:scroll;
}
.icon_menu{
    top:45px;
    right:0;
    width:auto;
    height: auto;
    z-index:9998;
}
.icon_menu_open{
    right:300px;
}
.icon_menu_open_all_maps,
.icon_menu_reports_open{
    right:849px;
}
.user_controls_section,
.edit_layer_section{
    top:0;
    right:-300px;
    padding:0;
    background-color:#F4F4F5;
    border-left:1px solid rgba(96,108,115,0.85);
}
.user_controls_section_open{
    right:0;
    z-index:2900;
}
.reports_control_width{
    right:0;
    width:850px;
}
.edit_layer_section{
    z-index:2899;
    overflow-y:scroll;
}
.edit_layer_section.edit_layer_section_right{
    right:300px;
}
.edit_layer_section .form-control{
    visibility: hidden;
}
.edit_layer_section_right .form-control{
    visibility: visible;
}
.edit_layers_header{
    margin-bottom:6px;
}
.mapboxgl-map,
.mapboxgl-canvas-container,
.mapboxgl-canvas{
    height:100%;
    width:100%;
}
.searchbox_input{
    border:none;
    border-top: 1px solid #F4F4F5;
    border-bottom:1px solid transparent;
    padding:4px 1px 3px 10px;
    width:329px;
    border-radius:0 0 2px 0;
    height:32px;
    z-index:3998;
    position:absolute;
    top:39px;
    left:0;
    background-color:#D1D3D3;
    box-shadow:0 2px 2px rgba(0,0,0,0.2);
}
.map_search_results{
    position:absolute;
    top:25px;
    left:0;
    background-color:#FFF;
    width:100%;
    max-height:500px;
    overflow-y:scroll;
    border: 1px solid #0071CE;
    border-radius:0 0 2px 2px;
    transition: top 80ms ease;
    box-shadow:0 2px 2px rgba(0,0,0,0.2);
    z-index:1000; 
}
.search_results{
    position:absolute;
    top:71px;
    left:0;
    background-color:#FFF;
    width:329px;
    max-height:500px;
    overflow-y:scroll;
    border-radius:0 0 2px 2px;
    transition: top 80ms ease;
    box-shadow:0 2px 2px rgba(0,0,0,0.2);
    z-index:1000;
}
.search_results_section{
    padding:6px;
}
.navigation_column{
    padding-top:30px;
    width:auto;
    margin:0 auto;
    vertical-align: top;
    object-fit:fill;
    display: inline-block;
    position: relative;
}
.tactile_input{
    font-size:12px;
    height:24px;
    line-height:24px;
    vertical-align:top;
    border:none;
    margin:0;
    width:275px;
    border-right:1px solid rgba(0,0,0,0.2);
    float:left;
}
.menu_logo{
    z-index:2;
    float:right;
    width:38px;
    background-repeat: no-repeat;
    cursor:pointer;
    background-clip: padding-box;
    box-shadow:none;
    transition: opacity 80ms ease;
    padding-top: 1px;
}
.menu_logo.fa,
.menu_logo.material-icons{
    font-size: 23px;
    font-weight: bold;
}
.menu_logo:hover{
    opacity: 1.0;
}
.float_right{
    float:right;
}
.float_left{
    float:left;
}       
.clearfix:after{
    content:"";
    display:block;
    height:0;
    clear:both;
    float:none;
    visibility:hidden;
}
.clearfix{
    display:block;
}
.list_of_options{
    font-size: 15px;
    overflow: hidden;
    width: 329px;
    padding:0;
    background-color: transparent;
    position: fixed;
    z-index: 1998;
    top: 71px;
    left: 0;
    box-shadow:0 2px 2px rgba(0,0,0,0.2);
}
.list_of_options_list{
    border-radius: 0 0 2px 0;
    box-shadow: none;
    background-color:rgba(255,255,255,1.0);
    margin:0;
}
.list_of_options_list_item{
    text-align:left;
    padding:0;
    padding-left:10px;
}
.list_option{
    position: relative;
    color: #8C8C8C;
    font-size:12px;
    line-height:24px;
    min-height:24px;
    padding-top:6px;
    padding-bottom:7px;
    border-top:1px solid #A4A9AD;
    cursor:pointer;
}
.list_search_term{
    color:#333;
    font-size:13px;
}
.colour_switch{
    height:10px;
    width:10px;
    border-radius:50%;
    border-width:1px;
    border-style:solid;
    margin:0 2px 1px;
    display:inline-block;
    border-color:rgba(164,169,173,1.0);
    background-color:transparent;
    text-align: right;
    vertical-align: middle;
}
.colour_square{
    height:14px;
    width:14px;
    border-width:1px;
    margin-right:5px;
    border-style:solid;
    display:inline-block;
    border-color:rgba(164,169,173,1.0);
}
.colour_square.symbol_square{
    height:21px;
    width:21px;
}
.symbol_square{
    object-fit: none
}
.colour_square+p{
    line-height: 13px
}
.hidden{
    display:none !important;
}
.column_width{
    padding-left:12px;
    border-left:1px solid rgba(0,0,0,0.2);
    max-width:700px;
    position: relative;
}
.el{
    width:33%;
    vertical-align: top;
    text-align: left;
    display:inline-block;
}
.nav_listing,
.nav_section{
    font-weight:bold;
    border-bottom:1px solid transparent;
    font-size: 14px;
    line-height:16px;
    vertical-align: middle;
    overflow: hidden;
}
.nav_listing:hover{
    border-bottom:1px solid rgba(164,169,173,0.6);
}

.nav_listing .material-icons{
    width:16px;
}
.nav_listing>div:first-child{
    width:80%;
}
.nav_section{
    background-color: #F4F4F5;
    border:1px solid #A4A9AD;
    border-left: none;
    border-right: none;
    padding:6px 4px;
    width:100%;
    margin-bottom:6px;
    cursor:pointer;
}
.theme_nav_listing .fa,
.theme_nav_listing .material-icons{
    text-align: left;
    margin:0 2px 1px;
    vertical-align: middle;
    color:#0071CE;
}
.theme_listing{
    margin:2px;
    position:relative;
    min-height:180px;
}
.theme_listing table{
    margin-bottom:16px;
    width:100%;
}
.theme_listing>.fa,
.theme_listing>.material-icons{
    color:#0071CE;
    text-align: right;
    cursor: pointer;
    position: absolute;
    top:2%;
    right:0;
    padding-right: 8px;
    -webkit-user-select: none;
    user-select: none;
}
.theme_nav_title{
    position: relative;
}
.theme_nav_title_header{
    color:#D9272D;
    border-bottom: 1px solid #D9272D;
    width:100%;
}
.theme_nav_title:after{
    content:"";
    display:block;
    height:0;
    clear:both;
    float:none;
    visibility:hidden;
}
.selected.colour_switch {
    background-color:rgba(164,169,173,1.0);
    border-color:transparent;
}
.layer_filter{
    padding:2px 6px 0 6px;
}
.layer_title{
    padding:2px 6px 2px 6px;
    border-bottom:1px solid #A4A9AD;
    border-top:1px solid #A4A9AD;
    background-color: #F4F4F5;
}
.layer_title h3{
    vertical-align: middle;
    line-height: 16px;
    width:50%;
}
.layer_list{
    margin:3px 5px 0 8px
}
input[type="range"]{
    margin-top:3px;
}
.slider_item .range-holder{
    margin:5px auto 10px;
}
.slider_value{
    font-weight:bold;
    margin-bottom:3px;
}
.logo_image{
    width: 128px;
    position: absolute;
    background-color: rgba(255, 255, 255,0.85);
    border-radius: 2px;
    padding: 2px;
    z-index: 10;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px;
    border: 1px solid rgba(0, 0, 0, 0.1);   
}
.ruler_class{
    position: absolute;
    background-color: rgba(255, 255, 255,0.85);
    border-radius: 2px;
    padding: 2px;
    z-index: 10;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px;
    border: 1px solid rgba(0, 0, 0, 0.1);    
}
.ruler_class .material-icons{
    font-size: 22px;
    vertical-align: middle;
}
.ruler_class_selected{
    background-color: rgba(164,169,173,0.85);
    color:#FFF;
}
.screenshot_control{
    background-color: rgba(164,169,173,1);
    color:#FFF;
    z-index:9999;
}
.filter_bubble{
    border-bottom:1px solid rgba(164,169,173,1.0);
    font-weight: bold;
}
.btn{
    display: inline-block;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    padding: 5px;
    border-radius: 2px;
    transition: all 120ms ease-in-out;
    margin:2px;
    font-size:10px;
    line-height:10px;
    cursor: pointer;
}
.btn-primary{
    color: #FFF;
    background-color: #0275D8;
    border-color: #0275D8
}
.btn-primary:hover{
    background-color: #025AA5;
    border-color: #01549B;
}
.btn-save{
    color: #FFF;
    background-color: #4F8A10;
    border-color: #4F8A10;
    cursor:not-allowed;
}
.btn-save:hover{
    background-color: #449d44;
    border-color: #419641;
    cursor:not-allowed;
}
.btn-error{
    color: #FFF;
    background-color: #D8000C;
    border-color: #D8000C;
    cursor:not-allowed;
}
.btn-error:hover{
    background-color: #c9302c;
    border-color: #c12e2a;
    cursor:not-allowed;
}
.btn-assoc{
    color:#606C73;
    background-color: #D1D3D3;
    border-color:#A4A9AD;
}
.btn-assoc:hover{
    background-color: #A4A9AD;
    border-color:#D1D3D3;
}
.fa,
.material-icons{
    -webkit-user-select:none;
    user-select: none;    
    margin:0;
    font-size: 16px;
    text-align: center;
    vertical-align: text-bottom;
}
#see_less_maps{
    padding-left:12px;
}
.icon_menu_icon .material-icons{
    font-size:20px;
    padding:2px;
    margin:0;
}
.icon_menu_icon.small_icon .material-icons{
    font-size:16px;
    line-height:20px;
    padding:1px 4px;
}
.map_header{
    width:100%;
    position:fixed;
    top:0;
    left:0;
    height:40px;
    background-color:#F4F4F5;
    border-bottom:1px solid rgba(96,108,115,0.2);
    box-shadow:0 2px 2px 0 rgba(96,108,115,0.2);
    z-index:4000;
}
.header_navigation{
    position:absolute;
    right:0;
    top:0;
    font-size:16px;
    line-height:12px;
    margin-right:20px;
}
.header_icon{
    vertical-align:middle;
    padding:8px 4px 11px;   
    font-weight: bold;
}
.header_icon:hover{
    background-color: #D1D3D3;
    box-shadow:2px 0 4px 0 rgba(96,108,115,0.2) inset;
    text-shadow: 1px 1px 1px rgba(96,108,115,0.5);
}
.header_icon_holder {
    position:relative;
    float:right;
    text-align:center;
}
.icon_menu_group{
    margin-bottom:10px;
    border-radius: 2px 0 0 2px;
}
.icon_menu_icon{
    font-size: 24px;
    color:#F4F4F5;
    cursor:pointer;
    opacity:0.95;
    background-color:#606C73;
    transition:opacity 80ms ease;
    border-top:1px solid rgba(0,0,0,0.4);
    border-left:1px solid rgba(0,0,0,0.4);
}
.icon_menu_icon:hover{
    opacity:0.9;
}
.icon_menu_icon.disabled:hover{
    opacity: 0.5;
}
.icon_menu_icon .material-icons,
.icon_menu_icon .fa-plus{
    text-align: center;
    vertical-align: middle;
}
.icon_menu_icon.icon_top{
    border-top:1px solid rgba(0,0,0,0.4);
    border-radius: 2px 0 0 0;
}
.icon_menu_icon.icon_bottom{
    border-radius: 0 0 0 2px;
    border-bottom:1px solid rgba(0,0,0,0.4);
}
.icon_menu_icon.single_icon{
    border-radius: 2px 0 0 2px;
    border-top:1px solid rgba(0,0,0,0.4);
    border-bottom:1px solid rgba(0,0,0,0.4);
}
.icon_menu_icon.selected{
    opacity: 1.0;
    background-color: #008996;
}
.wide_icon{
    font-size:18px;
}
.categories_section{
    width:100%;
    position: relative;
}
.all_maps_section{
    margin-top:8px;
}
.maps_section{
    padding:2px;
    width:285px;
    position: relative;
    display:table;
    line-height:64px;
    border-bottom:1px solid #606C73;
}
.map_thumb_actions,
.map_thumb,
.map_name{
    display:table-cell;
    vertical-align: middle;
    text-align:left;
}
.map_thumb+.map_name{
    height:64px;
}
.map_groups_section{
    padding:2px;
    width:285px;
    position: relative;
    display:block;
    border-bottom:1px solid #606C73;
}
.map_thumb {
    height:64px;
    width:64px;
    background-size:128px;
    background-repeat:no-repeat;
    background-position:center;
}
.saved_maps_section{
    height:100vh;
    height:calc(100vh - 39px);
    overflow-x:hidden;
    overflow-y:auto;
}
.image_thumb{
    width:100%;
    display: block;
}
.name_editor_group{
    width:200px;
}
.see_all_maps{
    text-align:left;
}
.map_name .material-icons,
.map_name .fa{
    margin:0 3px;
}
.map_description{
    padding-top:2px;
    font-size:12px;
}
.form-group{
    position: relative;
    line-height:15px;
    margin-bottom:4px;
}
.form-label,
.checkbox-label{
    display:inline-block;
    font-weight: bold;
}
.form-control{
    display: block;
    width: 100%;
    padding: 2px;
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    transition: border-color ease-in-out 120ms;
}
.form-control.checkbox{
    width:16px;
    height:16px;
    display: inline-block;
    margin:0 4px;
}
.form-control.checkbox+.form-label{
    line-height: 16px;  
    vertical-align: top;
}
.form-control:focus{
    color: #464a4c;
    background-color: #fff;
    border-color: #5cb3fd;
    outline: 0
}
.modal_underlay{
    background-color:#000;
    opacity:0.4;
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:2000;
    transition:opacity 80ms ease;
    overflow:hidden;
}
.modal_underlay_show{
    opacity:0.5;
}
.modal{
    overflow-x:hidden;
    overflow-y:auto;
    position:fixed;
    top:85px;
    left:0;
    width:100%;
    z-index:2001;
}
.modal_dialog{
    position: relative;
    max-width: 500px;
    margin: 30px auto;
    box-shadow:0 2px 2px rgba(0,0,0,0.2);
}
.inner_modal{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #F4F4F5;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(96,108,115,.8);
    border-radius: 2px;
}
.modal_header{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px;
    border-bottom: 1px solid rgba(96,108,115,.4);
    position:relative;
    font-size:15px;
}
.modal_title{
    margin-bottom: 0;
    line-height: 1.5;
    font-size:14px;
    color: #606C73;
}
.modal_body{
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 5px;
    overflow-y:auto;
    overflow-x:hidden;
    max-height:480px;
}
.modal_footer{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 5px;
    border-top: 1px solid rgba(96,108,115,.4);
}
.info_header{
    padding-bottom:4px;
    border-bottom: 1px solid #eceeef;
}
.info_section{
    margin-bottom:10px;
    padding-bottom:6px;
    border-bottom: 1px solid #eceeef;
}
.info_section strong{
    line-height: 1.5;
}
.disabled{
    opacity:0.5;
}
.large_navigation{
    z-index:1997;
    width:90%;
    height:90%;
    max-height:90%;
    min-width:337px;
    max-width:2000px;
    overflow:scroll;
    padding:8px 0;
    border:none;
    box-shadow:0 2px 2px rgba(0,0,0,0.2);
    border-radius:0 0 2px 0;
    position:fixed;
    top:-3000px;
    left:0;
    margin:0;
    background-color: #F4F4F5;
    will-change: top;
    transform: translateZ(0);
    transition:top 80ms ease;
}
.large_navigation:after{
    content:"";
    display:block;
    height:0;
    clear:both;
    float:none;
    visibility:hidden;
}
.large_navigation.large_navigation_full{
    top:39px;
}
.category_column{
    width:350px;
    margin:0;
}
.category_column .nav_listing{
    margin-bottom:6px;
    padding-left:4px;
    padding-right:4px;   
}
.category_column .selected .nav_listing{
    border-bottom:1px solid rgba(164,169,173,0.6);
}
.layer_column{
    min-width:350px;
    position: relative;
    width:calc(100% - 360px);
}
.divider_column{
    width:1px;
    position:relative;
    background-color: rgba(0,0,0,0.2);
    height:100%;
    margin-top:30px;
    display: inline-block;
}
.filter_group{
    margin:0;
    padding:0;
}
.filter_group>div{
    width: 32%;
    display:inline-block;
    margin: 0 1% 0 0;
}
.filter_group>div.smallish_hands{
    width:17%;
}
.filter_group>div>select{
    width:100%;
}
.filter_group>.fa,
.filter_group>.material-icons{
    padding: 0 4px;
    cursor: pointer;
}
.info_label{
    cursor:help;
}
.info_popup{
    position:absolute;
    display:none;
    top:25px;
    left:0;
    z-index:10;
    width:120px;
    background-color:#F4F4F5;
    border:1px solid #A4A9AD;
    font-size:12px;
    border-radius:2px;
}
.info_label:hover+.info_popup{
    display:block;
}
.layer_editor_form_group:after{
    content:"";
    display:block;
    height:0;
    clear:both;
    float:none;
    visibility:hidden;
}
.layer_editor_form_group>label,
.layer_editor_form_group>.form_input{
    float:left;
    display:block;
    text-align: left;
}
.layer_editor_form_group>label{
    width:60%;
}
.layer_editor_form_group>.form_input,
.layer_editor_form_group>.multi_input{
    width:40%;
}
.layer_editor_form_group>.multi_input{
    float:left;
    display:block;
    text-align: left;
    margin:0;
}
.layer_editor_form_group>label{
    padding-top:10px;
}
.form-control:placeholder-shown{
    font-style:italic;
    color:#D1D3D3; 
}
.form-control::placeholder{
    font-style:italic;
    color:#D1D3D3; 
}
.form-control::-webkit-input-placeholder{
    font-style:italic;
    color:#D1D3D3; 
}
.form-control::-moz-placeholder{
    font-style:italic;
    color:#D1D3D3; 
}
.form-control:-ms-input-placeholder{
    font-style:italic;
    color:#D1D3D3; 
}
.form_input>p{
    display:none;
    color:#C50909;
    font-size:10px;
    text-align: center;
}
.form_error p{
    display:block;
}
.form_error input,
.form_error select{
    border-color:#c50909;
}
.editor_section{
    background-color:#FFF;
    margin-bottom:2px;
    position: relative;
    padding-top:4px;
}
.editor_section_header{
    position: relative;
    background-color: #F4F4F5;
    border-bottom: 1px solid #D1D3D3;
    margin-bottom: 1px;
}
.editor_section_header>.fa,
.editor_section_header>.material-icons{
    cursor:pointer;
    display: block;
    position: absolute;
    top:4px;
    right:5px;
    -webkit-user-select: none;
    user-select: none;
}
.editor_section_header>.fa-sort-desc,
.editor_section_header>.material-icons{
    top:1px;
}
.editor_section_body{
    height:auto;
    max-height:9999px;
    transition:max-height 80ms ease;
}
.editor_section_body_close{
    max-height:0;
    overflow: hidden;
}
.editing_disabled{
    opacity: 0.5;
}
.editing_mode{
    opacity: 1.0;
}
.label_name{
    float:left;
    cursor: pointer;
    font-weight: bold;
}
.filter_type{
    margin:8px auto 6px;
    padding-bottom:2px;
}
.inner_large_nav{
    position:relative;
    overflow-y:scroll;
    height:100%;
}
.filter_bar{
    position:fixed;
    top:2px;
    right:0;
    background-color:#FFF;
    z-index:2;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    width:100%;
    padding:0 10px 0 337px;    
}
.filter_bar .form-group .form-label{
    line-height: 28px;
    margin-right:6px;
}
.switch-field {
    padding:6px 8px;
    overflow: hidden;
}
.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}
.switch-field label {
    float: left;
    background-color: #A4A9AD;
    color: #606C73;
    text-align: center;
    text-shadow: none;
    padding: 2px 6px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}
.switch-field label:hover {
    cursor: pointer;
}
.switch-field input:checked + label {
    background-color: #0071CE;
    color: #F4F4F5;
    -webkit-box-shadow: none;
    box-shadow: none;
    }
.switch-field label:first-of-type {
    border-radius: 4px 0 0 4px;
}
.switch-field label:last-of-type {
    border-radius: 0 4px 4px 0;
}
.filter_menu{
    line-height:18px;
}
.layer_table,
.index_table,
.tracking_table{
    width:100%;
    -webkit-perspective-origin:50% 50%;
    perspective-origin:50% 50%;
    backface-visibility: hidden;
}
.layer_table tbody tr:nth-of-type(odd),
.index_table tbody tr:nth-of-type(odd),
.tracking_table tbody tr:nth-of-type(odd),
.tracking_table tbody tr:nth-of-type(even),
.layer_table tbody tr:nth-of-type(even),
.index_table tbody tr:nth-of-type(even){
    background-color: #FFF;
}
.layer_table tbody tr td,
.index_table tbody tr td{
    border-top:2px solid #A4A9AD;
}
.index_table tbody tr td:last-child,
.index_table thead tr th:last-child{
    width:15%;
}
.sort_table tbody tr td:first-child,
.sort_table thead tr th:first-child{
    width:10%;
}
.report_box{
    min-width:256px;
    margin-bottom:0;
    height:100%;
    overflow: hidden;
    overflow-y:auto;
}
.report_box .index_table{
    table-layout: fixed;
    width:840px;
}
.report_box .index_table thead{
    width:840px;
    display:block;
}
.report_box .index_table th,
.report_box .index_table td{
    padding:2px 4px;
}
.report_box .index_table td{
    text-align:center;
}
.report_box .index_table tr td:first-child{
    text-align:left;
}
.report_box .index_table th{
    height: 40px;
    vertical-align: middle;
    text-align: center;
}
.report_box .index_table tbody{
    display:block;
    height:calc(100vh - 238px);
    overflow-y:auto;
    width:840px;
}
/*Tab stuff*/
.tabs {
    position: relative;   
    height:100vh;
    height:calc(100vh - 122px);
    clear: both;
}
.tab{
    float:left;
}
.text_tab {
    float:left;
    margin:0 2px;
}
.tab_label {
    background: #D1D3D3; 
    display:block;
    border: 1px solid #A4A9AD; 
    position: relative;
    cursor: pointer;
    color: #A4A9AD;
    line-height:1.7em;
    line-height:1.7rem;
    padding: 0 6px 2px;
    border-bottom: 0;
    height:20px;
    overflow-y:hidden;
}
.text_tab_label{
    background-color:#FFF;
    padding: 2px;
    position: relative;
    cursor: pointer;
    font-weight: bold;
    color:#A4A9AD;
    border:none;
    display:block;
    border-bottom: 1px solid transparent;
    font-size:14px;
    line-height:16px; 
}
.tab [type=radio],
.text_tab [type=radio]{
    display: none;   
}
.tab_content {
    margin-top:20px;
    width:100%;
    margin-bottom:36px;
    position: absolute;
    top: 0;
    left:0;
    background-color: #F4F4F5;
    display:none;
    border-radius: 2px;
    border:1px solid rgba(0,0,0,0.2);
    overflow:hidden;
    height:100vh;
    height:calc(100vh - 89px);
}
.tab_content.no_scroll{
    overflow: hidden;
}
.text_tab [type=radio]:checked ~ label {
    color:#008996;
    z-index: 2;    
}
.tab [type=radio]:checked ~ label {
    background-color: #F4F4F5;
    z-index: 2;
    color: #606C73;
}
.tab [type=radio]:checked ~ label ~ .tab_content,
.text_tab [type=radio]:checked ~ label ~ .tab_content{
    z-index: 1;
    display:block;
}
.return_level{
    color:#0071CE;
    font-size: 16px;
    line-height: 16px;
    cursor: pointer;
    padding:4px;
}
.tab_content .tabs{
    position:absolute;
    /* overflow:hidden; */
    height: calc(100vh - 150px);
}
/*Map & Report stuff*/
.report_desktop{
    z-index:1;
    overflow-y:scroll;
    width:100%;
    height:100%;
    height:100vh;
    z-index:1;
    display:none;
    background-color: #FFF;
}
.map_desktop{
    overflow:hidden;
    position:fixed;
    width:100%;
    height:calc(100vh - 40px);
    will-change: transform;
    transform: translateZ(0);
    z-index:2;
    display:none;
    background-color: #66CCFF;
}
.desktop_top{
    z-index:2;
    display:block;
    overflow: hidden;
    top:40px;
}
.digital_top{
    margin-top:40px;
    z-index:2;
    display:block;
    overflow: hidden;
    overflow-y:scroll;
    width:100%;
    height:100%;
    height:100vh;
    z-index:1;
    background-color: #FFF;
}
/*Report section*/
.report_dashboard{
    width:100%;
    padding:50px 8px 0;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}
/*New client selector*/
.client_selector{
    padding:3px 2px;
    position: absolute;
    margin-top: -10px;
    top:50%;
    right: 10px;
    cursor: pointer;
}
.client_info{
    position: relative;
    border-top: 1px solid rgba(0,0,0,0.2);
    border-bottom: 1px solid rgba(0,0,0,0.2);
    padding:2px;
}
.client_info img{
    height:24px;
    margin:0 6px;
}
.client_logo{
    padding:4px 4px 4px 10px;
    position:absolute;
    top:0;
    left:0;
    cursor: pointer;
    line-height: 32px;
}
.client_title_name{
    margin:0 6px;
    line-height: 30px;
}
.cat_select{
    margin:0 6px;
    line-height: 21px;
}
.client_switcher{
    top:39px;
    z-index:3999;
    left:0;
    border:none;
    max-height:600px;
    border-radius:0 0 0 2px;
    position:fixed;
    margin:0;
    background-color: #F4F4F5;
    will-change: transform;
    transform: translateZ(0);
    transition:top 80ms ease;
}
.client_switcher_open{
    top:40px;
}
.client_name{
    font-weight: bold;
    font-size:18px;
    line-height: 24px;
    padding:0;
    width:216px;
    vertical-align: middle;
}
.client_name img{
    display: inline-block;
}
.division_picker{
    display: block;
}
.division_name{
    font-weight:bold;
    padding:1px 4px;
    line-height:18px;
}
.division{
    cursor:pointer;
    border-bottom:1px solid rgba(0,0,0,0.2);
    padding-left: 18px;
}
.division:hover{
    color:#0071CE;    
    background-color: #F4F4F5;
}
.division.selected{
    color:#008996;
    background-color: rgba(164,169,173,0.4);
}
/*Folder view stuff*/
.workspace_option_caret{
    position: absolute;
    font-size:18px;
    top: 21px;
    left: 302px;
}
.workspace_option .form-label{
    display:block;
}
.workspace_option .form-control {
    display:block;
    width:298px;
}
.root_div{
    position: relative;
}
.level_down{
    padding-left:20px;
}
.workspace_item>.fa,
.workspace_item>.material-icons{
    padding:0 2px 0 1px;
}
.workspace_search_box{
    border:1px solid rgba(0,0,0,0.4);
    border-radius:2px;
    width:421px;
    padding:4px;
    position:absolute;
    left:4px;
    background-color: #FFF;
    max-height: 246px;
    overflow-y:scroll;
}
.column_creator{
    background-color: #F4F4F5;
    position:relative;
}
.radio_select{
    margin:2px 4px;
}
.column_picker,
.workspace_option{
    padding:2px 4px;
    position: relative;
}
.column_picker_text{
    padding:4px 0;
}
.column_picker_select{
    padding:2px 4px;
}
.custom_column{
    padding:4px 0;
    width:100%;
    margin:0 0 8px 0;
}
.style_editor {
    z-index: 5000;
}
.cover {
    position: fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    padding-left:20px;
}
.admin_link{
    font-size:12px;
    font-weight:bold;
    margin:4px;
}
.admin_link_sub{
    margin-left:20px;
}
.admin_link.selected{
    color:#EDAA00;
}
.admin_nav{
    position:fixed;
    width:250px;
    height:100%;
    border-right:1px solid rgba(0,0,0,0.2);
    z-index:100;
    top:0;
    left:0;
    background-color: #F4F4F5;
    padding:50px 8px 0;
    overflow-x:visible;
    overflow-y: auto;
}
.admin_nav.share_report{
    padding-top:4px;
    top:70px;
    height:calc(100% - 70px);
}
.admin_main{
    position:fixed;
    top:0;
    left:0;
    padding-left:250px;
    padding-top:40px;
    height: 100vh;
    width:100%;
}
.close_creator_button{
    background-color:#D1D3D3;
    border-radius:12px;
    border:1px solid rgba(0,0,0,0.2);
    box-shadow:0 2px 2px rgba(0,0,0,0.2) inset;
    font-size:10px;
    line-height:12px;
    position:absolute;
    top:0;
    right:0;
    padding:2px 4px;
    margin:4px;
    cursor: pointer;
}
.variable_component{
    background-color: #F4F4F5;
}
.button_link,
.button_link:visited{
    color:#0071CE;
    text-decoration:none;

}
.button_link_grey,
.button_link_grey:visited{
    color:#606C73;
    text-decoration:none;

}
.bottom_buttons{
    margin:12px auto;
}
.breadcrumb{
    background-color:#F4F4F5;
    border-radius: 2px;
    padding:0;
    margin:0 0 2px;
    border-bottom: 1px solid rgba(96,108,115,0.2);
    box-shadow: 0 2px 0 0 rgba(96,108,115,0.2);
}
.breadcrumb .button_link{
    padding:2px;
    font-size: 14px;
    line-height:20px;
}
.breadcrumb ul>li {
    display: inline-block;
    margin:4px 2px;
}
.breadcrumb ul>li:last-child span a{
    color:#606C73;
}
.breadcrumb ul>li+li:before{
    padding: 0 2px 0 1px;
    color: #D1D3D3;
    content: "/\00a0";
}
.layer_options_table{
    margin-top:16px;
}
.layer_options_table h3{
    padding-bottom:2px;
    border-bottom:1px solid rgba(0,0,0,0.2);
}
.properties_section{
    position:fixed;
    background-color: #F4F4F5;
    border:1px solid rgba(0,0,0,0.2);
    width:338px;
    right:0;
    height:100vh;
    height:calc(100vh - 122px);
    overflow-x:hidden;
    overflow-y: auto;
    padding-bottom:8px;
}
.main_table_section{
    width: calc(100% - 338px);
    overflow-x:hidden;
    overflow-y:auto;
    height: calc(100% - 7px);
}
.property_view{
    border-radius: 2px 0 0 0;
}
.property_view h3{
    color:#F4F4F5;
    background-color:#606C73;
    padding:2px;
    margin-bottom:4px;
    position: relative;
}
.property_view h3 .fa,
.property_view h3 .material-icons{
    color:#FFF;
    position: absolute;
    top:50%;
    right:10px;
    margin-top:-10px;
    cursor: pointer;
}
.table_holder{
    position:relative;
}
.table_view{
    /* position:relative; */
    margin:0 4px;
    height: calc(100vh - 71px);
    overflow-y: auto;
}
.seperator{
    border-bottom:3px solid rgba(0,0,0,0.4);
    margin:12px 0 6px 5px;
    border-color: #008996;
    color: #008996;
}
.table_view .seperator{
    margin-left:0;
}
.form-group [type=radio]{
    display:inline-block;
}
.form-group [type=radio]:checked ~ label{
    background-color: #FFF;
    border:none;
}
.add_space{
    margin-right:10px;
}
.column_picker_select label,
.column_picker_select select {
    float:left;
}
.column_picker_select select {
    width:60%;
}
.column_picker_select label {
    display: block;
    width: 40%;
    padding: 8px 4px;
    text-align: left;
    line-height: 12px;
}
input[type="checkbox"]{
    margin: 5px 8px 6px;
    vertical-align: middle;
}
.form_builder{
    position:relative;
    z-index: 1000;
}
/*Login stuff*/
.full_page{
    z-index:1;
    overflow:hidden;
    width:100%;
    height:100%;
    height:100vh;
    z-index:1;
    background-color: #FFF;
}
.login_form{
    width:50%;
    margin:0 auto;
    min-width:640px;
}
input[type="text"],
input[type="password"]{
    padding:4px;
    line-height: 18px;
}
input[type="radio"]{
    margin:4px;
}
.error{
    color: #D8000C;
    padding:10px 4px;
    background-color: #FFBABA;
    border-radius:2px;
    line-height: 18px;
    vertical-align: middle; 
}
.feedback_indicator,
.modal_control{
    position:absolute;
    top:50%;
    right:6px;
    font-size:16px;
    display:none;
    -webkit-user-select: none;
    user-select: none;
    display: inline-block;
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.modal_control{
    display: block;
    cursor: pointer;
}
.valid .feedback_indicator{
    color:#4F8A10;
    display:block;
}
.form_error .feedback_indicator{
    color: #D8000C;
    display:block;
}
.form_error select+.feedback_indicator{
    right:20px;
    top:55.5%;
}
.valid .form-control,
.valid select{
    border: 1px solid #4F8A10;
}
.form_error .form-control,
.form_error select{
    border: 1px solid #D8000C;
}
.error_message{
    color: #D8000C;
    font-weight: bold;
    font-size: 12px;
    margin: 0 4px;
    line-height: 11px;
    vertical-align: middle;
}
.warning_message{
    color: #FFC107;
    font-weight: bold;
    font-size: 12px;
    margin: 0 4px;
    line-height: 11px;
    vertical-align: middle;
}
.invalid_message{
    color: #D8000C;
    font-weight: bold;
    font-size: 8px;
    margin: 0 4px;
    line-height: 11px;
    vertical-align: middle;
}
.form_error .invalid_message{
    display: inline;
}
.summary_message{
    background-color: #FFF;
    border-radius: 2px;
    padding:6px;
    margin: 4px 0;
}
.summary_message.valid{
    border: 3px solid #4F8A10;
    color:#4F8A10;
}
.summary_message.invalid{
    border: 3px solid #D8000C;
    color:#D8000C;
}
.column_creator .form-label{
    display: block;
}
.column_creator .form_input,
.column_creator .form-control{
    width:100%;
}
.vintage_picker{
    position:absolute;
    top:0;
    right:0;
}
.vintage_picker .form-label{
    float: left;
    padding:5px 0;
}
.vintage_picker .form_input{
    float: left;
}
.report_picker{
    float:right;
}
.report_picker .form-label{
    margin-top:5px;
}
.fa.fa-ellipsis-h{
    display: block;
    margin:0;
    line-height: 4px;
}
.error_icon{
    display: none;
    color:#D8000C;
    -webkit-user-select: none;
    user-select: none;
    display: inline-block;
}
.error_row .error_icon{
    display:inline;
}
.floating_label{
    height: 20px;
    display: inline-block;
    padding: 5px 0;
    font-weight: bold;
}
/*Queue/Notifications things*/
.queue_button{
    -webkit-transform: translateZ(1);
    transform: translateZ(1);
    padding:4px 8px;
    cursor: pointer;
}
.queue_button.error{
    color: #606C73;
    background-color: #FFF;    
}
.queue_button .loader{
    display:none;
}
.queue_button.processing .loader{
    display: block;
}
.queue_button.error .notification_centre_circle{
    color: #606C73;
    padding: 0;
    border-color:#D8000C;
    border-width: 2px;
    border-style:solid;
    background-color: #FFBABA;
}
.notification_centre_circle{
    display: block;
    position: relative;
    border-radius: 50%;
    border-color:transparent;
    border-width: 2px;
    border-style:solid;    
    width:32px;
    height:32px;
    background-color: #F4F4F5;
    font-size: 16px;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
    text-shadow: 1px 1px 1px #A4A9AD;
    z-index: 100;
}
.queue_number{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;   
    border: 2px solid #FFF;
    width: 16px;
    height: 16px;  
    background-color: #FFF;
    position: absolute;
    top: -5px;
    font-size: 9px;
    line-height: 12px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
}
.queue_number.processing{
    background-color: #0071CE;
    left:-8px;
}
.queue_number.queued{
    background-color: #A4A9AD;
    left:20px;
}
.queue_number.queue_error{
    background-color: #D9272D;
    left:20px;
}
.queue_button mark{
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 1;
    animation-duration: 120ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;               
}
.queue_button mark:hover {
    -webkit-animation-name: pulsate;
    animation-name: pulsate;
}
.notification_centre_square{
    color:#F4F4F5;
    text-align:left;
    font-size:10px;
    padding:4px 40px;
    font-weight:bold;
    background-image:none;
    background-color:#0071CE;
    border-color:#2d6ca2;
}
.notification_centre_square:hover{
    -webkit-animation:pulsate 120ms linear;
    -moz-animation:pulsate 120ms linear;
    -o-animation:pulsate 120ms linear;
    -ms-animation:pulsate 120ms linear;
    animation:pulsate 120ms linear;
    -webkit-animation-iteration-count:1;
    -moz-animation-iteration-count:1;
    -o-animation-iteration-count:1;
    -ms-animation-iteration-count:1;
    animation-iteration-count:1;
}
.notification_centre_button_error{
    background-color:#D9272D;
    border-color:#F4F4F5;
    background-image:none;
}

@-webkit-keyframes pulsate{0% {-webkit-transform:scale(1.0,1.0);} 50% {-webkit-transform:scale(1.2,1.2);} 100% {-webkit-transform:scale(1.0,1.0);}}
@-moz-keyframes pulsate{0% {transform:scale(1.0,1.0);} 50% {transform:scale(1.2,1.2);} 100% {transform:scale(1.0,1.0);}}
@-o-keyframes pulsate{0% {-moz-transform:scale(1.0,1.0);} 50% {-moz-transform:scale(1.2,1.2);} 100% {-moz-transform:scale(1.0,1.0);}}
@-ms-keyframes pulsate{0% {-ms-transform:scale(1.0,1.0);} 50% {-ms-transform:scale(1.2,1.2);} 100% {-ms-transform:scale(1.0,1.0);}}
@keyframes pulsate{0% {transform:scale(1.0,1.0);} 50% {transform:scale(1.2,1.2);} 100% {transform:scale(1.0,1.0);}}

@-webkit-keyframes load_spin {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@-moz-keyframes load_spin {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes load_spin {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}

.create_queue_button .process{
    opacity: 0;
    width:48px;
    height:48px;
    border-radius: 50%;
    background-color: #FFF;
    font-size: 24px;
    box-shadow: 1px 1px 5px #A4A9AD;
    text-align: center;
    vertical-align: middle;
    line-height: 48px;
    position: absolute;
    top:110px;
    left:15px;
    z-index:9999;
    transition-property: top left;
    transition-duration:120ms;
    transition-timing-function:ease-out;
}
.create_queue_button:hover .process{
    opacity:1;
    top:20px;
    left:300px;
}
.loader{
    display: block;
    z-index:1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    position: absolute;
    background-color: transparent;
    top:2px;
    left:6px;
    border-top: 4px solid #008996;
    border-left: 4px solid #008996;
    border-right: 4px solid rgba(255, 255, 255, 0);
    border-bottom: 4px solid rgba(255, 255, 255, 0);
    -webkit-animation: load_spin 3s infinite linear;
    animation: load_spin 3s infinite linear;
}
.progress_size{
    width:95%;
}
@-webkit-keyframes animate_progress_bar{from {background-position:-200px 0;} to{background-position:0 0;}}
@-moz-keyframes animate_progress_bar{from {background-position:-200px 0;} to{background-position:0 0;}}
@-o-keyframes animate_progress_bar{from {background-position:-200px 0;} to{background-position:0 0;}}
@-ms-keyframes animate_progress_bar{from {background-position:-200px 0;} to{background-position:0 0;}}
@keyframes animate_progress_bar{from {background-position:-200px 0;} to{background-position:0 0;}}
.progress {
    background-image:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance: none;
    height:auto;
}
.progress,
.progress_bar{
    border:none;
    background-size:auto;
    background-color:#606C73;
    position:relative;
}
.progress_bar,
.progress_fill {
    -moz-animation:animate_progress_bar 3s linear infinite;
    -webkit-animation:animate_progress_bar 3s linear infinite;
    animation:animate_progress_bar 3s linear infinite;
    height: 14px;
    background-size:40px 40px,100% 100%,100% 100%;
	will-change:background-position;
	transform: translate3d(0, 0, 0);    
}
.progress_fill,
.progress {
    -moz-box-shadow:inset 0 0 0.1em rgba(0,0,0,0.3);
    -webkit-box-shadow:inset 0 0 0.1em rgba(0,0,0,0.3);
    -ms-box-shadow:inset 0 0 0.1em rgba(0,0,0,0.3);
    -o-box-shadow:inset 0 0 0.1em rgba(0,0,0,0.3);
    box-shadow:inset 0 0 0.1em rgba(0,0,0,0.3);
}
.progress,
.progress_bar,
.progress_fill {
    -o-border-radius:0.85em;
    -ms-border-radius:0.85em;
    -webkit-border-radius:0.85em;
    -moz-border-radius:0.85em;
    border-radius:0.85em;
}
.progress_fill{
    width:0%;
}
.geomedia_gradient{
    background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(244,244,245,1)),color-stop(0.25,rgba(164,169,173,1)),color-stop(0.5,rgba(164,169,173,1)),color-stop(0.5,rgba(244,244,245,1)),color-stop(0.75,rgba(244,244,245,1)),color-stop(0.75,rgba(164,169,173,1)),to(rgba(164,169,173,1)));
    background-image:-webkit-linear-gradient(45deg,rgba(244,244,245,1) 25%,rgba(164,169,173,1) 25%,rgba(164,169,173,1) 50%,rgba(244,244,245,1) 50%,rgba(244,244,245,1) 75%,rgba(164,169,173,1) 75%,rgba(164,169,173,1));
    background-image:-moz-linear-gradient(45deg,rgba(244,244,245,1) 25%,rgba(164,169,173,1) 25%,rgba(164,169,173,1) 50%,rgba(244,244,245,1) 50%,rgba(244,244,245,1) 75%,rgba(164,169,173,1) 75%,rgba(164,169,173,1));
}
.close_process{
    cursor:pointer;
    text-decoration:none;
    position:absolute;
    right:8px;
    top:4px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    color:#606C73;
    font-weight:bold;
}
.pushed_in{
    display:inline-block;
    border-radius:16px;
    -ms-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.75);
    -o-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.75);
    -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.75);
    -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.75);
    box-shadow:inset 1px 1px 1px rgba(0,0,0,0.75);
    text-align:center;
    vertical-align:middle;
}
/*notification tray*/
.notification_tray{
    height:100%;
    position:absolute;    
    transform: translateZ(0);
    transition:right 40ms ease-out;
    overflow:hidden;
    top:0;
    background-color: #FFF;
    width:329px;
    padding:40px 0 0 0;
    z-index:2901;
    border-left:1px solid rgba(0,0,0,0.2);
    overflow-x:hidden;
    overflow-y:auto;
    box-shadow:-2px 0 2px rgba(0,0,0,0.2);
    will-change: right;
}
.tray_closed{
    right:-329px;
}
.tray_open{
    right:0;
}
.queue_item{
    position: relative;
    padding:4px 8px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    box-shadow:0 2px 2px rgba(0,0,0,0.2);
    margin-bottom:2px;
    min-height: 64px;
}
.empty_tray{
    padding:12px 12px;
    text-align: center;
}
.queue_item h4,
.empty_tray h4{
    border-bottom: 3px solid rgba(0,0,0,0.4);
    margin: 0;
    border-color: #008996;
    color: #008996;
    width:85%;
}
.empty_tray h4{
    width:100%;
    border:0;
    top:50%;
    position: absolute;
    padding-top:41px;
}
.tray_options{
    width:100%;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    background-color: #D1D3D3;
    padding:4px 0;
    text-align: center;
}
.queue_display{
    margin: 6px 0;
    line-height: 10px;
}
.clickable_link{
    color:#0071CE;
    font-weight: bold;
    cursor: pointer;   
}
.clickable_link .material-icons{
    margin-left:0;
}
.error_link{
    color: #D8000C;
}
/*Layer section stuff*/
.polygon_editor_map_container{
    overflow:hidden;
    width:100%;
    height:100vh;
    height:calc(100vh - 126px);
    min-height:200px;
    will-change: transform;
    transform: translateZ(0);
    background-color: #FFF;
    padding:2% 0;
}
.editor_map_container{
    overflow:hidden;
    width:100%;
    height:100vh;
    height:calc(100vh - 226px);
    min-height:200px;
    will-change: transform;
    transform: translateZ(0);
    background-color: #FFF;
    padding:0
}
.editor_map{
    width:90%;
    height:99%;
    min-height:300px;
    margin:0 auto;
    border:1px solid #606C73;
    background-color: #66CCFF;
}
.sources_section{
    overflow:hidden;
    height:100vh;
    height:calc(100vh - 69px);
    padding:4px 4px 0;
    will-change: transform;
    transform: translateZ(0);
    overflow-y:auto;  
}
/*Colour picker*/
.menu_list{
    background-color:#F4F4F5;
    border-bottom:1px solid #A4A9AD;
    line-height: 13px;
    width: 180px;
}
.menu_list:after{
    content:"";
    display:block;
    height:0;
    clear:both;
    float:none;
    visibility:hidden;
}
.menu_list li{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    margin:2px;
}
.dropdown_menu{
    position:absolute;top:27px;
    z-index:3001;
    box-shadow:0 2px 2px rgba(0,0,0,0.2);
}
.cell_colour_menu{
    top:251px;
    background-color:#F4F4F5;
}
.colour_circle{
    height:24px;
    width:24px;
    float:left;
    border:1px solid #D1D3D3;
    margin:2px 4px;
    cursor: pointer;
    opacity:0.6;
    transition:opacity 80ms ease-out;
}
.colour_square:hover{
    border:2px solid #606C73;
    opacity:1.0;
}
.colour_square.selected{
    border:2px solid #000;
}
.current_colour{
    opacity: 1.0;
    border:2px solid #606C73;
}
.map_save_div{
    background-color: #FFF;
    margin:0;
    padding:5px;
}
.error_indicator{
    display:none;
    color: #D8000C;
    margin: -2px 8px;
}
.layer_error .error_indicator{
    display:block;
}
.no_tab_section .properties_section{
    top:70px;
    height: calc(100vh - 60px);
}
.tab_content .properties_section{
    top:97px;
    height: calc(100vh - 97px);
}
.short_input{
    width:296px;
}
/*New Mega Menu*/
.mega_menu_list{
    position: fixed;
    background-color:transparent;
    top: 71px;
    left:0;
    transition:top 80ms ease-out;
    will-change:left;
    z-index:3999;
}
.top_list{
    position: relative;
    background-color: #F4F4F5;
    width:185px;
    z-index:999;
    border-bottom:1px solid rgba(0,0,0.2);
    box-shadow:0 2px 2px rgba(0,0,0,0.2); 
}
.the_header_one{
    color:#606C73;
    margin-bottom: 6px;
    padding-left: 4px;
    padding-right: 4px;
    border-bottom: 1px solid transparent;
    font-size: 14px;
    line-height: 16px;
    vertical-align: middle;
    z-index:1;
    cursor: default;
    position: relative;
}
.active_header{
    color:#000;
}
.sub_list{
    position: absolute;
    top:0;
    left:329px;
    transition:left 80ms ease-out;
    will-change:left;
    background-color: #F4F4F5;
    width:185px;
    border-top: none;
    border-bottom:none;
    border-bottom:1px solid rgba(0,0,0.2);
    box-shadow:0 2px 2px rgba(0,0,0,0.2);
}
.sub_list_two{
    position: absolute;
    top:0;
    left:657px;
    transition:left 80ms ease-out;
    will-change:left;
    background-color: #F4F4F5;
    width:185px;
    border-top: none;
    height:100%;
    z-index:999;
    border-bottom:1px solid rgba(0,0,0.2);
    box-shadow:0 2px 2px rgba(0,0,0,0.2);    
}

.open_sub_list{
    visibility: visible;
}
.the_header_one:hover{
    color:#000;
}
.menu_layer{
    width:329px;
    height:320px;
    border:none;
    border-top:1px solid rgba(0,0,0,0.2);
}
.menu_layer li{
    position:relative;
}
.menu_nav_section{
    width: 100%;
    z-index:2;
    background-color: #F4F4F5;
    border-left:none;
}
.menu_nav_section>h3{
    color: #D9272D;
    font-weight: bold;
    font-size: 18px;
    line-height:18px;   
    padding:2px 4px 4px;
    border-bottom:1px solid rgba(0,0,0,0.2);
}
.menu_nav_section>h3>.float_left{
    width:72%;
}
.menu_nav_section>h3>.float_right{
    width:28%;
    color:#606C73;
    text-align: right;
}
.menu_nav_section>h3>.float_right .material-icons{
    margin-top:-10px;
    font-size:21px
}
.menu_nav_section+ul{
    padding-top:6px;
    max-height:294px;
    overflow-y:auto;
    border-left: 1px solid #F4F4F5;
}
.landing_page{
    height: 100%;
    overflow-y:auto;
}
.landing_page .form-group{ 
    margin:4px 0;
    width:50%;
    min-width:298px;
}
.source_picker{
    padding:2px 4px;
}
.report_name{
    width:298px;
}
.sortable_table tbody tr td{
    background-color:#FFF;
    border-bottom:#606C73 2px solid;
}
tbody tr.selected td{
    background-color: #EDAA00;
    color:#606C73;
}
.error_row{
    border:2px solid #D8000C;
}
.actions_table tbody tr td{
    cursor: pointer;
}
.actions_table thead tr th:last-child,
.actions_table tbody tr td:last-child{
    text-align: center;
}
.actions_table tbody tr td:first-child{
    min-width:40%;
}
.clickable{
    cursor:pointer;
}
.draggable{
    cursor:move;
    cursor:-moz-grab;
    cursor:-webkit-grab;
    cursor:grab;
}
.image_holder{
    display:block;
    border:1px solid rgba(0,0,0,0.2);
    margin:2px;
    padding:2px;
}
.modal_body>ul{
    height: 100%;
    overflow-y: scroll;
}
/*Modal stuff*/
.dropdown_parent{
    width:296px;
}
.dropdown_parent_wide{
    width:592px;
}           
.dropdown_a{
    height:23px;
    overflow:hidden;
    cursor: pointer;
    border-radius: 2px;
    border:1px solid rgba(0,0,0,0.2);
    margin:1px;
    position: relative;
    background-color: #FFF;
    width:100%;
}
.dropdown_a>span{
    padding:1px;
}
.dropdown_b{
    border:1px solid rgba(0,0,0,0.4);
    background-color: #FFF;
    border-radius: 2px;
    width:100%;
    max-height:350px;
}
.dropdown_d:hover{
    background-color: #D1D3D3;
    cursor: pointer;
}
.dropdown_c ul{
    padding-left:12px;
    background-color: #FFF;
}
.folder .dropdown_c{
    cursor: pointer;
}
.folder .dropdown_c:hover{
    background-color: #D1D3D3;
}
.folder .dropdown_d,
.folder .dropdown_d:hover{
    background-color:#FFF;
    opacity:0.5;
    cursor:default;
}
.dropdown_c .material-icons,
.dropdown_c .fa-folder,
.dropdown_c .fa-folder-open{
    cursor: pointer;
}
.modal_closer {
    position:absolute;
    right:5px;
    top:50%;
    margin-top:-8px;
    cursor: pointer;
}
/*New range slider*/
.range-holder{
    width: 90%;
    cursor: pointer;
    display:block;
}
.dragdealer {
    position: relative;
    height: 8px;
    background: #FFF;
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,0.2);
    box-shadow:0 2px 2px rgba(0,0,0,0.2);
    width:100%;
}
.dragdealer .handle {
  position: absolute;
  top: 0;
  left: 0;
}
.stripe{
    background: #FFF;
    margin: 3px auto;
    height: 3px;
    border-radius: 8px;
}
.square{
  position: absolute;
  top: -5px;
  left: -1px;     
  cursor: -webkit-grab;
  width: 16px;
  height: 16px;
  background: #606C73;
  border-radius: 50%;
  color: #FFF;
  box-shadow:0 2px 2px rgba(0,0,0,0.2);
  font-size: 14px;
  line-height: 16px;
  text-align: center;
}
.slider_info{
    margin: 6px 0;
    padding: 0;
    border: 1px solid #606C73;
    border-radius: 2px;
}
.slider_info>div:first-child{
    width: 10%;
    border-right: 1px solid #606C73;
    margin-right: 6px;
    margin-left: -2px;
}
.slider_info>div:first-child>.material-icons{
    font-size:24px;
    line-height:24px;
    vertical-align: middle;
}
.slider_info>div:last-child{
    width:87%;
    font-weight: bold;
    line-height:24px;
    vertical-align: middle;
    color: #0071CE;
}
.infobox{
    -webkit-user-select: none;
    user-select: none;
}
.innerbox{
    padding: 2px 0;
    text-align: center; 
    vertical-align: middle;
    line-height: 10px;
}
.variable_div{
    border:1px solid rgba(0,0,0,0.2);
    position:absolute;
    top:10px;
    left:10px;
    box-shadow:0 2px 2px rgba(0,0,0,0.2);
    width:200px;
    height:100px;
    background-color:#FFF;
    z-index:1;
    overflow-y:scroll;
}
.variable_div>p:hover{
    background-color: #D1D3D3;
}
.cluster_icon{
    border-radius:50%;
    background-color:#000;
    color:#FFF;
    width:24px;
    height:24px;
    padding:4px 2px 2px 1px;
    line-height: 16px;
    display: inline-block;
    box-shadow:0 2px 2px rgba(0,0,0,0.2);
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}
.alignment_issue>.form-input{
    margin-left:4px;
}
.cell_colour_menu{
    top: 336px;
    background-color: #F4F4F5;
    right: 338px;
}
.client_logo .material-icons,
.client_switcher .material-icons{
    font-size: 24px;
    font-weight: bold;
    margin-top:4px;
}
.flip_icon{
    transform:rotate(90deg);
    margin-top:-6px;
    font-weight: bold;
    margin-left:-3px;
}
.header_navigation .material-icons{
    font-size:20px;
}
.summary_   message .material-icons,
.see_all_maps .material-icons{
    font-size: 18px;
    font-weight:bold;
}
.see_less_maps{
    padding-left:8px;
}
.btn .material-icons{
    font-size:11px;
}
.menu_nav_section .material-icons{
    vertical-align: middle;
}
.control_panel .btn{
    margin:0 5px;
}
.control_panel .action .btn{
    margin:1px 5px;
}
.control_panel.layer_panel{
    overflow-y: auto;
    overflow-x:hidden;
    height:calc(100vh - 37px);
}
.back_to_folder{
    line-height:25px;
}
.back_to_folder:hover{
    font-weight: bold;
}
.action{
    margin:5px 2px;
}
.new_folder_square{
    margin: 10px 2px 8px;
    border: 1px solid #606C73;
    padding: 2px;
    border-radius: 2px;
}
.new_folder_square label{
    font-weight:bold;
}
.new_folder_square>input{
    width:100%;
    border:1px solid #F1F1F1;
}
.new_folder_square div.btn{
    margin:4px 4px 0 0;
}
.dd_column{
    color: #0071CE;
    text-decoration: underline;
    font-weight: bolder;
    cursor:pointer;
}
.return_level span{
    font-size:10px;
}
.map_report_title{
    width:80%;
    line-height:25px;
    text-align: center;
}
/*Expand/Collapse Table stuff*/
.pretty_print{
    font-size:0.95em;
    font-size:0.95rem;
    border:0 !important;    
}
.report_text_center{
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.reports_panel .btn{
    margin:2px;
}
.tab_content .tab_content{
    height: auto;
    border-bottom:0;
    border-left:0;
    border-right:0;
    height:100vh;
    margin-top:20px;
}
.tab_content .index_table{
    margin-top:10px;
}
.tab_group{
    background-color:#D1D3D3;
    height:30px;
    border:1px solid #A4A9AD;
    border-bottom:0;
    line-height:30px;
}
.tab_content .tab_content .report_box{
    height: calc(100vh - 223px);
}
.action_area{
    padding:6px 4px 11px;
    position: relative;
    min-width: 842px;
}
.search {
    position: relative;
    display:inline-block;
    margin:0 2px 0 0;
    width:330px;
}
.search label{
    display:block;
    font-weight:bold;
    margin:0 5px;
}
.search input{
    width:100%;
}
.search select{
    margin-top: 4px;
    width:auto;
}
.search_term {
    width: 100%;
    border: 1px solid #0071CE;
    padding:2px 4px !important;
    margin:2px 0;
}
.search_button {
    position: absolute;
    right: 0;
    top:2px;
    width: 27px;
    height: 23px;
    border: 1px solid #0071CE;
    background: #0071CE;
    text-align: center;
    color: #fff;
    border-radius: 0 2px 2px 0;
    cursor: pointer;
    font-size: 10px;
}
.label_div{
    line-height: 28px;
    font-weight:bold;
    margin:0 4px;
}
/*Digigal Dashboard UI*/
.white_background{
    background-color: #F4F4F5;
    padding: 20px 0 0;
    margin-top: 76px;
    overflow-y:  auto;
    height: calc(100vh - 76px);
}
.top_graphs{
    width:84%;
    margin:0 auto;
}
.digital_dashboard{
    height:100vh;
    background-color:#F4F4F5;
}
.digital_toolbar{
    position: fixed;
    width:100%;
    height:37px;
    top:39px;
    left:0;
    border-top: 1px solid rgba(96,108,115,0.2);
    border-bottom: 1px solid rgba(96,108,115,0.2);
    box-shadow: 0 2px 2px 0 rgba(96,108,115,0.2);
    background-color: #F4F4F5;
    z-index:3998;
    -webkit-user-select: none;
    user-select: none;    
}
.digital_toolbar .header_icon,
.digital_toolbar .header_icon:hover{
    padding: 10px 4px 8px;
    background-color: #F4F4F5;
    box-shadow:none;
    text-shadow:none;
    -webkit-user-select: none;
    user-select: none;
}
.digital_toolbar .header_icon.selected{
    background-color: #A4A9AD;
    color:#F4F4F5;
}
.digital_toolbar .btn-primary{
    margin: 1px 8px 0 4px;
    padding: 6px;
    display: block;
}
.digital_toolbar .material-icons{
    font-size: 14px;
    line-height: 11px;
    margin: 0px 4px 0 0;
}
.dashboard_dates{
    margin:3px 5px;
    line-height: 29px;
}
.data_graphs,
.data_table{
    position: relative;
    z-index:2;
    margin:56px auto 0  ;
}
.dashboard_dropdown{
    position:absolute;
    width:250px;
    height:312px;
    overflow-y: auto;
    box-shadow: 0 2px 2px 0 rgba(96,108,115,0.2);
    background-color: #A4A9AD;
    top:35px;
    padding:6px;
}
.dashboard_dropdown h3{
    margin-bottom:6px;
    border-bottom: 1px solid rgba(244,244,245,0.2);
    color:#F4F4F5;
    padding-bottom:5px;
}
.dashboard_dropdown input{
    margin-right:6px;
}
.dashboard_dropdown.campaigns{
    right:314px;
}
.dashboard_dropdown.channels{
    right:205px;
}
.dashboard_dropdown.demographics{
    right:67px;
}
.dashboard_dropdown label{
    font-weight:bold;
    color:#F4F4F5;
}
/*Classes for Digital dashboard*/
.data_graphs>div{
    width:33.333%;
    float: left;
    height:250px;
    position:relative;
}
.impressions_ctr>div{
    position:absolute !important;
    top:0;
    left:0;
}
/*Digital Table*/
.digital_table>thead{
    background-color: #D9272D;
    color:#F4F4F5;
}
.digital_table>tfoot{
    background-color: #F4F4F5;
    font-weight: bold;
    color:#606C73
}
.digital_table>tbody{
    background-color: #F4F4F5;
    font-weight: normal;
    color:#606C73
}
.digital_table th,
.digital_table td{
    text-align: right;
}
.digital_table tr td:first-child,
.digital_table tr th:first-child{
    text-align: left;
}
.big_tab .tab_content{
    height:calc(100vh - 186px);
}
.big_tab .tab_content .tab_content,
.big_tab .tab_content .tab_content .report_box{
    height: calc(100vh - 233px);
}
.big_tab .tab_content .tab_content .report_box .index_table tbody{
    height: calc(100vh - 274px);
}
.medium_tab .tab_content{
    height:calc(100vh - 154px);
}
.medium_tab .tab_content .tab_content,
.medium_tab .tab_content .tab_content .report_box{
    height: calc(100vh - 200px);
}
.medium_tab .tab_content .tab_content .report_box .index_table tbody{
    height: calc(100vh - 241px);
}
.graph_div{
    position:relative;
    float:left;
    text-align: center;
}
.graph_div h2{
    text-align:center;
    width: 100%;
    margin:0 0 10px;
}
.dropdown_toolbox{
    /* max-height:128px; */
    height:auto;
    width:100%;
    background-color:#A4A9AD;
    border-bottom:1px solid #606C73;
    padding:2px 6px;
    box-shadow:0 2px 2px rgba(0,0,0,0.2);
    text-align: center;
}
.dropdown_toolbox .material-icons{
    float:left;
    margin:0 4px;
    font-weight: bold;
    color:#F4F4F5;
    font-size:18px;
    cursor:pointer;
}
.opacity_slider{
    width:100%;
}
.opacity_slider>h4{
    margin-bottom:4px;
    color:#F4F4F5;
}
.opacity_slider .range-holder{
    margin:0 auto;
}
/*Box with arrow stuff*/
.box {
    background-color: #A4A9AD;
    border:none;
    position: relative;
    z-index:9999;
    color:#F4F4F5;  
    border-radius:2px;
}
.box .header_icon{
    font-size: 16px;
    line-height: 12px;
    text-align: left;
    border-bottom:1px solid rgba(0,0,0,0.2);    
    border-radius:2px;
}
.box:after {
    content: "";
    display: block;
    border-width: 20px 20px 0;
    border-style: solid;
    border-color: #A4A9AD transparent transparent;
    margin-left: -20px;
    position: absolute;
    bottom: -20px;
    left: 50%;
}
.box.arrow-top-center:after{
    border-top-color: transparent;
    border-bottom-color: #A4A9AD;
    top: -20px;
    bottom: auto;
    border-top-width: 0;
    border-bottom-width: 20px;
}
.no_float{
    float:none !important;
    clear:both !important;
}
.dropdown_options{
    position: absolute;
    top: 120%;
    right: -66.5px;
    width: 165px;
    max-height: 168px;
    box-shadow:0 2px 2px rgba(0,0,0,0.2);
    z-index: 5000;
}
.internal_map{
    position: fixed;
    top: 39px;
    left: 42%;
    color: #000;
    font-weight: bold;
    background-color: #EDAA00;
    border-radius: 0 0 4px 4px;
    z-index: 9999;
    padding: 6px 12px;
    text-transform: uppercase;
    -moz-text-shadow: 0px 1px #161616, 1px 0px #161616, 1px 1px #161616;
    -ms-text-shadow: 0px 1px #161616, 1px 0px #161616, 1px 1px #161616;
    -webkit-text-shadow: 0px 1px #161616, 1px 0px #161616, 1px 1px #161616;
    text-shadow: 0px 1px #130a0a, 1px 0px #161616, 1px 1px #161616;
    letter-spacing: 1px;
    box-shadow:0 2px 2px rgba(0,0,0,0.2);
}
.opacity_slider>h4{
    line-height: 29px;
    width:30%;
}
.opacity_slider>div{
    width:70%;
}
.opacity_slider>div select{
    width:100%;
}
.digital_table{
    width:80%;
    margin:20px auto;
    font-size:1.25em;
    font-size:1.25rem;
    line-height:1.25em;
    line-height:1.25rem;
}
.digital_table tr>th:nth-child(1),
.digital_table tr>td:nth-child(1){
    width:21.1%;
}
.digital_table tr>th:nth-child(2),
.digital_table tr>td:nth-child(2){
    width:16.8%;
}
.digital_table tr>th:nth-child(3),
.digital_table tr>td:nth-child(3){
    width:22.9%;
}
.digital_table tr>th:nth-child(4),
.digital_table tr>td:nth-child(4){
    width:8.1%;
}
.digital_table tr>th:nth-child(4),
.digital_table tr>td:nth-child(4){
    width:19.3%;
}

.digital_table>thead{
    background-color: #D9272D;
    font-weight: bold;
    color:#FFF;
    font-size:1.5em;
    font-size:1.5rem;
    line-height:1.5em;
    line-height:1.5rem;
}
.digital_table>tfoot{
    background-color: #606C73;
    color:#FFF;
    font-weight: bold;
    font-size:1.5em;
    font-size:1.5rem;
    line-height:1.5em;
    line-height:1.5rem;
}
.tooltip {	
    position: absolute;			
    text-align: left;			
    padding: 4px;				
    font: 12px sans-serif;		
    background-color: rgba(244,244,245,0.9);
    color:#606C73;
    font-weight:bold;
    border: 0;		
    border-radius: 2px;			
    pointer-events: none;			
}
.tooltip>h3{
    border-bottom:1px solid #008996;
    margin-bottom:6px;
    padding-bottom:2px;
}
.graph_div>svg{
    display:block;
}
.legend_div{
    width:100%;
    display:inline-block;
}
.legend_div>div{
    display:inline-block;
    margin-right:10px;
    text-align:center;
}
.legend_div>div>span{
    display:inline-block;
}
.legend_div>div>span:first-child{
    width:20px;
    height:20px;
    margin-right:2px;
}
.legend_div>div>span:last-child{
    line-height:6px;
    height:20px;
    vertical-align: middle;
    font-weight:bold;
}
.sub_sublayer_indent{
    margin-left:15px;
}
.floaty_thing_popup{
    display:block;
    position:absolute;
    background-color:#000;
    padding:2px 4px;
    color:#FFF;
    font-weight:bold;
    border-radius: 2px;
    text-align:left;
    font: 1rem/1.2rem -apple-system, BlinkMacSystemFont,'Helvetica Neue', Helvetica, Arial, sans-serif;
    white-space: nowrap;
    -webkit-hyphens:auto;
    hyphens:auto;
    transform: translate3d(0px, 0px, 9999px) scale(1);  
    z-index:9999;
    max-width:250px;  
}
.nav_right_hand_side{
    position:absolute;
    top:0;
    right:6px;    
}
.sources_section .form-group{
    width:298px;
    margin:4px 0 8px;
}
.middle_label{
    line-height:24px;
}
.form-group>.colour_square{
    margin-top:6px;
    cursor: pointer;
}
.smallish_hands+input.form-control{
    width:115px;
    display:inline-block;
    line-height:8px;
}
.media_event_table th:nth-child(1),
.media_event_table td:nth-child(1){
    width:5%;
}
.media_event_table th:nth-child(2),
.media_event_table td:nth-child(2){
    width:35%;
}
.media_event_table th:nth-child(3),
.media_event_table td:nth-child(3){
    width:5%;
}
.media_event_table th:nth-child(4),
.media_event_table td:nth-child(4),
.media_event_table th:nth-child(5),
.media_event_table td:nth-child(5){
    width:20%;
    text-align:center;
}
.media_event_table th:nth-child(6),
.media_event_table td:nth-child(6){
    width:15%;
    text-align:left;    
}
.info_box{
    padding:8px;
    border-radius:2px;
    border:1px solid #ebcccc;
    margin:6px 0;
    max-height:256px;
    overflow:hidden auto;
    width:100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
    hyphens: auto;    
}
.info_box h3{
    font-size:18px;
    padding:4px 0;
}
.info_box li{
    margin:6px 0 6px 10px;
    font-size:16px;
}
.info_box.red{
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442;
}
.info_box.green{
    background-color: #DFF0D8;
    border-color: #448944;
}
.big_icon{
    font-size: 20px;
    line-height: 16px;
    vertical-align: middle;
}
.ads_lists h2{
    width:80%;
    margin:10px auto;
}
/*Progress button*/
.btn_progress{
    height:23px;
    position: relative;
}
.btn_progress .progress_indicator{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:0%;
    background-color: #AAAD00;
    transition:width 120ms ease-in-out;
}
.btn_progress .button_text{
    position:relative;
    display:block;
    z-index:10;
}
.tick text{
    font-weight: bold;
    font-size: 10px;
}
.slider_title{
    padding:2px 8px;
}
.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
    margin-bottom:-1px !important;
    border-bottom-color: #F4F4F5 !important;
}
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{
    border-top-color:#F4F4F5 !important;
    margin-top:-1px !important;
}
.mapboxgl-popup-content{
    background-color:#F4F4F5 !important;
    padding:4px 18px 4px 10px !important;
    color:#606C73 !important;
    box-shadow: none !important;
    border: 1px solid #606C73;
    position: relative !important;
}
.mapboxgl-popup-anchor-top .mapboxgl-popup-tip:before{
    content: '' !important;
    position: absolute !important;
    top: -21px !important;
    left: 0 !important;
    right:0 !important;
    margin: 0 auto !important;
    -webkit-align-self: center !important;
    align-self: center !important;
    border-top: none !important;
    width: 4px !important;
    height: 13px !important;
    border: 9px solid transparent !important;
    border-bottom-color: #F4F4F5 !important;
    z-index: 1 !important;      
}
.mapboxgl-popup-anchor-top .mapboxgl-popup-tip:after{
    content: '' !important;
    position: absolute !important;
    top: -23px !important;
    left: 0 !important;
    right:0 !important;
    margin: 0 auto !important;
    -webkit-align-self: center !important;
    align-self: center !important;
    border-top: none !important;
    width: 4px !important;
    height: 13px !important;
    border: 10px solid transparent !important;
    border-bottom-color: #606C73 !important;
    z-index: 0 !important;      
}
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip:before{
    content: '' !important;
    position: absolute !important;
    bottom: -21px !important;
    left: 0 !important;
    right:0 !important;
    margin: 0 auto !important;
    -webkit-align-self: center !important;
    align-self: center !important;
    border-bottom: none !important;
    width: 4px !important;
    height: 13px !important;
    border: 9px solid transparent !important;
    border-top-color: #F4F4F5 !important;
    z-index: 1 !important;      
}
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip:after{
    content: '' !important;
    position: absolute !important;
    bottom: -23px !important;
    left: 0 !important;
    right:0 !important;
    margin: 0 auto !important;
    -webkit-align-self: center !important;
    align-self: center !important;
    border-bottom: none !important;
    width: 4px !important;
    height: 13px !important;
    border: 10px solid transparent !important;
    border-top-color: #606C73 !important;
    z-index: 0 !important;      
}
.mapboxgl-popup-close-button{
    border: 1px solid #606C73 !important;
    border-top:none !important;
    border-right:none !important;
    padding: 1px 1px 0 1px!important;
    font-weight: bold !important;
    border-radius: 0 0 0 3px !important;
    line-height: 8px !important;
    margin: 0 !important;
}
/*Map & Folder stuff*/
.folder,
.map_name{
    padding-left:4px;
    font-size: 1.25em;
    font-size: 1.25rem;
    font-weight: bold;
    width: 136px;
    line-height: 1.5em;    
    line-height: 1.5rem;
}
.folder{
    font-weight:bold;
}
.checkbox_label{
    display: inline-block;
    text-align: left;
    margin: 2px;
    user-select: none;
}
input[type="checkbox"].form-control{
    display: inline-block;
    width: auto;
    margin: 3px 2px;
}
.spacer_de_dacer{
    margin:4px 0;
}
.popover {
    position: relative;
    z-index: 5000;
}
.clear_button{
    padding:6px 4px 0px;
}
.reports_panel p{
    padding: 3px 2px;
    margin: 0px 6px;
    font-size: 1.5em;
    font-size: 1.5rem;
}
.reports_panel .smaller_p p{
    font-size:1em;
    font-size:1rem;
}

.left_label{
    width: 10%;
    float: left;
    margin-top: 6px;
}
.left_input{
    width:90%;
    float:left;
}
.report_box .index_table tr td:first-child.limit_exceed_row{
    text-align:center;
}
.report_box .index_table tr td:first-child.limit_exceed_row .material-icons,
.email_list .material-icons{
    color:#EDAA00;
}
.share_map_button .btn {
    margin: 2px 1px;
}
.share_map_section h2 {
   margin-left:-4px;
}
.email_list{
    position: absolute;
    top: 75px;
    left: 4px;
    background-color: #FFF;
    width: 291px;
    max-height: 500px;
    overflow-y: auto;
    border-radius: 0 0 2px 2px;
    transition: top 80ms ease;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    z-index: 1000;    
    border: 1px solid #5cb3fd;
    border-top:0;
    outline: 0;    
}

.email_list h4{
    padding:4px 0 4px 2px;
}
.email_list h4.clickable:hover{
    background-color:rgba(96, 108, 115,0.3);
}
.share_map_section .search_results_section{
    padding:0;
}
.share_map_section .search_results_section>div{
    margin-bottom:4px;
}
.share_map_section .search_results_section>div:last-child{
    margin-bottom:0;
}
.share_map_section .search_results_section>div:before{
    top:50%;
    left:20px;
}
.share_map_button>div:first-child{
    margin-right:4px;
}
.share_map_button>div:last-child>div {
    padding: 6px 5px 5px;
}
.print_map_control{
    margin:0 4px;
}
.print_map_control input{
    width:42px; 
    height:20px;
    margin-left:2px;
}
.print_map_control select{
    width:120px;
    height:20px;
    margin-left:2px;
}
.print_map_control label{
    line-height: 20px;
}
.print_legend{
    min-width:140px;
    max-height:305px;
    display: block;
}
.print_legend_header{
    padding: 1px;
    color:#121212;
    margin:2px 1px;
    text-align:center;
    border-bottom: 1px solid #121212;
    padding: 2px;
}
.print_legend h4{
    margin: 2px 4px 2px -4px;
    font-size: 10px;
    color: #121212;
}
.legend_item>h5{
    width:75%;
}
.print_legend .legend_item,
.print_legend .group_item{
    line-height: 17px;
    display: block;
    width: 140px;
    -webkit-print-color-adjust:exact;
}
.print_legend .legend_item{
    padding:1px 0 1px 8px;
    width:138px;
}
.print_legend .group_item{
    padding:1px;
    margin: 2px 4px;
    width:140px;
}
.print_legend .group_item .colour_square{
    margin: 2px 4px 2px 0;
}
.print_map_control .form-label{
    width:68px;
}
.print_map_control .checkbox_label{
    margin:0;
}
.print_map_control input[type="checkbox"]{
    margin-left:0px;
    margin-right:40px;
    height:auto;
}
.print_map_control textarea{
    width: 164px;
    margin: 0 0 0 4px;
    padding: 2px;
}
.print_map_section{
    margin-bottom:4px;
}
.close_print_map{
    border: 1px solid #FFF;
    border-radius: 2px;    
    padding:0;
}
.ruler_class_selected h3{
    border-bottom: 1px solid #FFF;
    margin-bottom: 6px;
    padding-bottom:4px;
}
.print_map_control input[type="text"]{
    width:81px;
}
.print_map_control textarea{
    resize:none;
}
.ruler_class .close_print_map .material-icons{
    padding: 0;
    margin: 0;
    font-size: 18px;
}
.bulk_label{
    color: rgb(18, 18, 18);
    font-weight: normal;
}
.bulk_label_div{
    position:relative;
    display:block;
    width:180px;
}
.scroll_indicator{
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    background-color: #F4F4F5;
    border-top: 1px solid rgba(0,0,0,0.2);
    z-index:11;
}
.scroll_indicator>.material-icons{
    font-size: 12px;
    display:inline-block;
}
.main_table_section>.table_view,
.table_holder>.table_view{
    height:auto;
}
.downlod_link{
    padding:0 6px;
    font-weight: bold;
    line-height: 22px;
}
.middle_icon{
    margin:0 -5px;
}
.no_link,
.no_link:visited{
    text-decoration:none;
    color:#121212;
    cursor: pointer;
}
.no_link-error,
.no_link-error:visited{
    text-decoration:none;
    color:#ff0000;
    cursor: pointer;
}
.header_icon>a,
.header_icon>a:visited{
    color:#F4F4F5;
    text-decoration: none;
}
.maps_report_tabs{
    min-width:845px;
    overflow-x:auto;
    overflow-y:hidden;
    height:calc(100vh - 133px);
}
.tab_content .tabs.maps_report_tabs_b{
    min-width:840px;
    height: calc(100vh - 182px);
}
.tab_content .maps_report_tabs_b .tab_content,
.tab_content .maps_report_tabs_b .tab_content .report_box{
    height:calc(100vh - 204px);
}
.sort_select{
    position:relative;
    overflow: hidden;
    width:22px;
    height:20px;
    border:0;
    display: inline-block;
    text-align: right;
}
.sort_select select{
    position: absolute;
    top:0;
    right:0;
    padding: 10px;
    height: 20px;    
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance:none;
    appearance:none;
    background-color:#F4F4F5;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgAQMAAADYVuV7AAAABlBMVEUAAAAzMzPI8eYgAAAAAXRSTlMAQObYZgAAACRJREFUeAFjIBOMAv7/UPCBhpwhEQYfaMsZ/GHwgZYcSsAoAACcmo9xPNb3qAAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: contain;
    background-position:right;
    border:0;
    -moz-transition: none;
    -webkit-transition:none;
    transition: none;
}

.drag_icon{
    cursor:ew-resize;
    color:#606C73;
    background-color:#F4F4F5;
    width:12px;
    border-radius:2px 0 0 2px;
    font-size:16px;
    padding:2px;
    margin:36px 0;
    border-top:1px solid rgba(0,0,0,0.4);
    border-bottom:1px solid rgba(0,0,0,0.4);
    border-left:1px solid rgba(0,0,0,0.4);
    float:right;
    height:40px;
    line-height:35px;
    z-index:9999;
    border-right:1px solid #F4F4F5;
    padding-left:0;
}
.drag_icon .material-icons{
    text-align:left;
    margin-left:-2px;
}
.form-group.horizontal .form-label,
.form-group.horizontal .form-input,
.form-group.horizontal .form_input{
    float:left;
    display:block;
}
.form-group.horizontal .form-label{
    text-align:left;
}
.form-group.horizontal .form-input,
.form-group.horizontal .form_input{
    padding-left:4px;
}
.clearfix.but_not{
    display:inline-block;
    margin:0 auto;
    width:auto;
}
.markup_tool_block{
    position:relative;
}
.markup_tool_block h4{
    text-align:left;
    border-bottom:1px solid #606C73;
    margin:8px 0;
}
.markup_tool_block h4:first-child{
    margin-top:0;
}
.double_controls>div.form-group{
    width:50%;
}
.push_pin_container{
    background-color:#F4F4F5;
    width:100%;
    height:100px;
    position:relative;
    margin: 2px;
    max-width: 410px;
    overflow: hidden auto;
}
.push_pin{
    border-radius:2px;
    background-color:#606C73;
    border:1px solid #121212;;
    color:#F4F4F5;
    font-weight: bold;
    padding:2px;
    margin:2px;
    display:inline-block;
}
.push_pin_container .material-icons{
    font-size:12px;
    line-height:12px;
    font-weight:bold;
    padding-left:4px;
}
.type_ahead input{
    width:100%;
}
.type_ahead_dd>div:hover{
    background-color:#606C73;
}
.type_ahead_dd{
    top:25px;
    left:0;
    position:absolute;
    width:413px;
    height:100px;
    overflow: hidden auto;
    z-index:9999;
    background-color: #A4A9AD;
}
.sc_title{
    width:80%;
    margin:0 auto;
    text-align:center;
    margin-bottom:20px;
}
.sc_close{
    position:absolute;
    top:0;
    right:0;
}
.sc_clear_list{
    position: absolute;
    top:6px;
    right:2px;
    color:#606C73;
}
.overview_squares{
    padding:4px;
    margin:0 auto;
}
.overview_square{
    width:18.25%;
    float:left;
    margin:3px 1% 0;
    max-width:300px;
    min-width:150px;
    font-size:1em;
    height:130px;
    position: relative;
}
.overview_squares>.overview_square:first-child{
    margin-left:0;
}
.overview_squares>.overview_square:last-child{
    margin-right:0;
}

.overview_info{
    padding:8px;
    border:1px solid rgba(0,137,150,0.8);
    border-radius:2px;
    position: relative;
    z-index:2;
    cursor: pointer;
}
.overview_square.selected{
    font-size:1.25em;
    margin-top:0;
    height:100%;
}
.overview_square.selected>.overview_info{
    border-radius:2px 2px 0 0;
    border-color: rgba(0,137,150,1);
    border-width:4px;
    border-bottom-color:#FFF;
    padding-bottom:0;
}
.overview_square h2{
    margin:0;
    font-size:1.25em;
    line-height:1em;
}
.overview_square>h4{
    margin:0 0 0.4em 0;
    font-size:0.8em;
}
.overview_square .info{
    width:75%;
    float:left;
}
.overview_square .icon{
    width:25%;
    float:right;
    margin-top:18px;
}
.overview_square .icon .material-icons{
    font-size:4em;
    font-size:4rem;
    line-height: 1em;
    line-height: 1rem;
    text-align: center;
}			
.overview_square .actual{
    color:#D9272D;
    font-size:1.8em;
    font-weight:bold;
    margin: 0 0 8px 0;
    line-height:1em;
}
.overview_square .benchmark{
    color:#0071CE;
    font-size:1.2em;
    font-weight:bold;
    margin: 0;
    line-height:1em;
}
.drill_down{
    border:3px solid #008996;
    padding:10px;
    position: relative;
    border-radius: 0 2px 2px 2px;
    height:100vh;
    height: calc(100vh - 181px);
    overflow: hidden auto;
}
.chart{
    width:50%;
    padding:8px;
    position:relative;
    border-radius:2px 2px 0 0;
    cursor: pointer;
    float:left;
}
.chart text{
    font-size:2px;
    font-weight:bold;	
    color:#606C73;
    fill:#606C73;
}
.chart h3{
    color:#D9272D;
    margin:4px 0 8px;
    font-size:1.6em;
    font-size:1.6rem;
    padding:8px 0;
    border-bottom:1px solid #A4A9AD;
}	
.chart_table h3{
    color:#D9272D;
    margin:4px 0 8px;
    font-size:1.6em;
    font-size:1.6rem;
    padding:8px;
}		
.chart.selected{
    background-color:#F4F4F5;
    border:3px solid #A4A9AD;
    border-bottom-color:#F4F4F5;
}
.tables{
    margin-top:-3px;
}
.chart_table{
    width:100%;
    background-color:#F4F4F5;
    border:3px solid #A4A9AD;
    border-radius:0 2px 2px 2px;
}			
.chart_table thead th{
    background-color:transparent;
    border-bottom:2px solid #008996;
    text-align:center;
    font-size: 1.5em;
    font-size: 1.5rem;
        line-height: 2em;
    line-height: 2rem;
}
.chart_table thead th:first-child{
    text-align:left;
    padding:6px;
}
.chart_table tbody td{
    padding:8px 0;
    font-size:1.33em;
    font-size:1.33rem;
}
.chart_table tbody td{
    border-bottom:1px solid #008996;
}
.chart_table tbody tr td:first-child{
    color:#606C73;
    font-weight:bold;
}
.chart_table tbody tr td:last-child{
    color:#D9272D;
}
.daily_table tr th:first-child,
.daily_table tr td:first-child{
    width:40%;
    padding:6px;
}
.daily_table tr th:nth-child(2),
.daily_table tr td:nth-child(2),
.daily_table tr th:nth-child(3),
.daily_table tr td:nth-child(3),			
.daily_table tr th:nth-child(4),
.daily_table tr td:nth-child(4){
    width:20%;
    text-align:center;
    font-weight:bold;
}
.daily_table tr td:nth-child(2){
    color:#D9272D;
}
.daily_table tr td:nth-child(3){
    color:#0071CE;
}
.tab_content.budget{
    left:-286px;
}
.fake_link{
    color:#0071CE;
    text-decoration:underline;
    cursor:pointer;
    text-align:center;
}
.digital_top{
    margin-top:40px;
    background-color:#FFF;
}
.overview_square>.tab_content{
    width:100vw;
    width:calc(100vw - 28px);
    top:95px;
    border:0;
    height:100vh;
    height:calc(100vh - 206px);
    background-color:#FFF;
}
.summaries_overview .overview_info{
    height:108px;
}
.summaries_overview.selected .overview_info{
    height:118px;
}
.overview_square>.tab_content>.drill_down{
    height:100%;
}
.overview_square.selected>.tab_content {
    display: block;
}
.gooble_window{
    height:calc(100vh - 86px);
}
.overview_squares.tabs{
    height:100vh;
}
.reach_content{
    left:-111%;
}
.impressions_content{
    left:-222%;
}
.clicks_content{
    left:-333%;
}
.summaries_content{
    left:-444%;
}
.tables_list>table{
    margin-bottom:10px;
}
.filter_table_section{
    overflow-x:hidden;
    overflow-y:auto;
    width: calc(100% - 7px);
    height: calc(100% - 198px);
    border:1px solid rgba(0,0,0,0.2); 
    margin:2px 4px;
}
.clear_date{
    float:left;
    padding-top:25px;
    padding-left:10px;
}
.polygon_filter input{
    width:100%;
}
.polygon_filter .push_pin_container{
    max-width: 100%;
    margin:2px 0;
}
.polygon_close{
    line-height: 15px;
}
.DateInput_input{
    padding: 2px;
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    transition: border-color ease-in-out 120ms;
    font: 12px/16px -apple-system, BlinkMacSystemFont,'Helvetica Neue', Helvetica, Arial, sans-serif;   
    /* width:180px;  */
    width:100px; 
}
.SingleDatePickerInput__withBorder{
    border:none;
    border-radius: 0;
}
.DateInput{
    width:auto;
    /* width:100px; */
}
.SingleDatePicker_picker {
    top: 28px !important;
    z-index:1000;
}
.campaign_selector{
    padding:0 10px;
}
.campaign_selector .material-icons{
    margin-top:6px
}
.campaign_switcher{
    position: absolute;
    top:58px;
    left:12px;
}
.delete-menu {
    position: absolute;
    background: white;
    padding: 3px;
    color: #666;
    font-weight: bold;
    border: 1px solid #999;
    font-family: sans-serif;
    font-size: 12px;
    box-shadow: 1px 3px 3px rgba(0, 0, 0, .3);
    margin-top: -10px;
    margin-left: 10px;
    cursor: pointer;
}
.delete-menu:hover {
    background: #eee;
}
.search_control{
    position: relative;
}
.search_control:before{
    content:"";
    position:absolute;
    top:3px;
    left:3px;
    width:24px;
    height:24px;
	background-image: url("../images/search_icon.svg");
	-webkit-background-size: 80% 80%;
	-moz-background-size: 80%;
	-o-background-size: 80%;
	background-size: 80%;
	background-repeat:no-repeat;
	background-position: center; 
    background-clip: content-box;  
    display:block;
    opacity: 0.8;
}
.map_search{
    width: 400px;
    margin: 0 0 0 5%;
}
.map_search>input{
    width:100%;
}
.map_search.search_control:before{
    top:0;
    left:0;
}
.search_control input[type=search]{
    padding-left:20px;
    -webkit-appearance: textfield;
}
.stores_section{
    height:calc(100vh - 152px);
    overflow-y:auto;
    overflow-x:hidden;
    position:relative;
    padding:0 8px;
}
/* .store_props~.variable_component>.stores_section{
    height:calc(100vh - 252px);
} */
.stores_section>.clickable:hover{
    border-bottom:1px solid rgba(0,0,0,0.2);
    background-color:#D1D3D3;
}
/*Mobile Data Report*/
.mobile_data_boxes{
    position:relative;
    background-color:#FFF;
}
.mobile_data_box{
    float: left;
    width: calc(25% - 8px);
    padding: 4px;
    border: 1px solid rgba(0,0,0,0.4);
    background-color: #FFF;
    border-radius: 2px;
    margin: 4px;
}
.mobile_select_stuff{
    position: relative;
}
.mobile_select
.mobile_report_middle h3,
.mobile_data_box h3{
    line-height: 2.5rem;
    text-align: left;
}
.mobile_select_stuff .region_text,
.mobile_report_middle .region_text,
.mobile_data_box .region_text{
    background-color:#66CCFF;
    border:1px solid #0071CE;
    color:#0071CE;
    font-weight:bold;
    line-height: 2rem;
    font-size:1.15rem;
    text-align:center;
    padding:2px 4px;
    border-radius:2px;
    -webkit-appearance:none;
    appearance: none;
}
.mobile_select_stuff .region_text option, 
.mobile_select_stuff .region_text optgroup { 
    -webkit-appearance: none; 
    appearance: none;
}
.mobile_select_label{
    width:140px;    
    display:block;
    z-index:1;
}
.mobile_select_hider{
    position:fixed;
    top:0;
    left:0;
    z-index:2;
    width:100vw;
    height:100vh;
    background-color: transparent;
}
.mobile_select{
    position:absolute;
    opacity:0;
    z-index:3;
    /* top:10px; */
    left:0;
    width:125px;    
}
.mobile_data_box .description{
    margin:8px 0;
}
.mobile_data_box .description>p{
    color:#0071CE;
}
.mobile_data_box .description>p:first-child{
    line-height: 1rem;
    font-size:1rem;
    font-weight:bold;
}
.mobile_data_box .description>p:last-child{
    line-height: 0.8rem;
    font-size:0.8rem;
}
.top_line_report{
    position:relative;
}
.top_line_report>div{
    padding:2px;
    float:left;
}
.top_line_report .arrow .material-icons{
    font-size: 4rem;
}
.top_line_report .arrow{
    width:20%;
}
.top_line_report .amount{
    width:50%;
}
.top_line_report .moe{
    width:30%;
    margin:8px 0 0;
}
.top_line_report .arrow .up,
.mobile_table .arrow .up{
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    text-shadow: -1px 1px 1px rgba(96,108,115,0.8);
}
.top_line_report .arrow .down,
.mobile_table .arrow .down{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    text-shadow: 1px -1px 1px rgba(96,108,115,0.8);
}
.top_line_report .amount{
    color:#0071CE;
    letter-spacing: 0.05rem;
    font-size:2.0rem;
    line-height:4rem;
    font-weight: bold;
    text-align: center;
}
.top_line_report .moe>p{
    color:#606C73;
    text-align: center;
}
.top_line_report .moe>p:first-child{
    font-weight:bold;
    font-size:1.0rem;
    line-height:1rem;
    position: relative;
}
.top_line_report .moe>p{
    position: relative;
}
/* .top_line_report .moe>p>span:first-child:after{
    content:"\00b1";
    position: absolute;
    top:-1px;
    left:-28px;
    font-weight: bold;
    display:block;
    height:100%;
    width:100%;
} */
.bottom_line_report .moe>p:last-child,
.top_line_report .moe>p:last-child{
    font-size:0.8rem;
    line-height:0.8rem;
}
.bottom_line_report{
    position:relative;
    border-top:1px dashed rgba(96,108,115,0.8);
}
.bottom_line_report>div{
    width:50%;
    padding:8px 2px;
    float:left;
    font-weight: bold;
    font-size:0.8rem;
    line-height:0.8rem;
    position: relative;
}
.bottom_line_report>div>p:first-child{
    color:#0071CE;
    text-align:center;
}
.bottom_line_report .amount{
    color:#0071CE;
    letter-spacing: 0.05rem;
    font-size:1.3rem;
    line-height:2rem;
    font-weight: bold;
    text-align: center;    
}
.bottom_line_report .moe>p{
    position: relative;
}
.bottom_line_report .moe>p>span:first-child:after{
    content:"\00b1";
    position: absolute;
    top:-1px;
    left:-20px;
    font-weight: bold;
    display:block;
    height:100%;
    width:100%;
}
.bottom_line_report .pointing_arrow{
    position: absolute;
    top: 15px;
    left: -12px;
    color: #0071CE;   
}
.bottom_line_report .pointing_arrow>.material-icons{
    font-size:2.5rem;
}
.mobile_report_middle{
    padding:4px 12px;
    height:525px;
    position: relative;
}
.data_and_graph>.mobile_report_middle:first-child{
    width: 25%;
}
.data_and_graph>.mobile_report_middle:last-child{
    width: 95%;
}
.mobile_report_middle .form-label{
    display:block;
    margin-bottom:4px;
}
.mobile_report_middle .form-input{
    display:block;
}
.mobile_report_middle .form-input>select{
    width:100%;
}
.form-spacing{
    margin:4px 0 8px;
    z-index:1000;
}
.pre_header>div:first-child,
.post_header>div:first-child{
    background-color:#D1D3D3;
    font-weight:bold;
    text-align: center;
    color:#606C73;
    border-left:1px solid rgba(0,0,0,0.4)
}
.pre_header>div:not(:first-child),
.post_header>div:not(:first-child){
    background-color: #FFF;
    font-weight:bold;
    text-align: center;
    border-left:1px solid rgba(0,0,0,0.4)
}
/* .pre_header>div:not(:first-child){
    color:#008996;
}
.post_header>div:not(:first-child){
    color:#D9272D;
} */
.pre_value{
    color:#008996;
}
.post_value{
    color:#D9272D;
}
.form-spacing.top>.form-label{
    width:80px;
}
.graph_headers{
    padding:0 81px 0 39px;
    /* width:750px; */
    width:100%;
}
.pre_header{
    background-color:#D1D3D3;
    font-weight:bold;
    color:#008996;
}
.post_header{
    background-color:#D1D3D3;
    font-weight:bold;
    color:#D9272D;
}
.graph_title>.float_left{
    margin-right:8px
}
.graph_title>.selector{
    width:200px
}
.graph_title>h3{
    line-height:25px;
}
.sig_header{
    font-size:8px;
    line-height: 10px;
    text-align:center;
    display: inline-block;
    font-style: italic;
    padding:0 0 0 4px;
    word-break:normal;
    white-space: nowrap;
}
.mobile_table th,
.mobile_table td{
    text-align: center;
    position:relative;
    padding:4px 2px;
}
.lift_gradient{
    position:absolute;
    top:5px;
    height:16px;
    left:16%;
    background:linear-gradient(to right,rgba(40,133,41,0.8),rgba(40,133,41,0.1));
    width:1px;
    border-left:2px dashed #000;
    z-index:1;
}
.lift_gradient.negative{
    background:linear-gradient(to right,rgba(221,0,82,0.1),rgba(221,0,82,0.8));
    border-left:0;
    border-right:2px dashed #000;
}
tbody tr.competitor_row>td{
    border-top:none;
    background-color:#F4F4F5;
}
.competitor_row.title_row>td{
    text-align:left;
    border-top:1px solid #A4A9AD;
    color:#0071CE;
    font-weight: bold;
    padding:2px 0 0 12px;
}
.comp_label{
    line-height: 2.5em;
    line-height: 2.5rem;
    padding:0 4px;
}
.graph_header{
    margin:6px 0;
}
.SingleDatePicker,
.DayPicker,
.DayPicker_transitionContainer{
    z-index:1000;
}
.graph_legend{
    position:absolute;
    top:105px;
    right:-15px;
    background-color:#FFF;
}
.graph_legend>div{
    margin:4px 0;
}
.legend_box{
    width:10px;
    height:10px;
    border:1px solid #A4A9AD;
    margin:4px;
}
.legend_text{
    word-break:break-word;
    white-space: normal;
    width:90px;
    font-size:10px;
    line-height: 1em;
    line-height: 1rem;
    padding:2px 0;
}
input[type="checkbox"].header_check{
    margin:1px 4px;
}
.sidebar_options{
    border-bottom: 1px solid rgba(0,0,0,0.2);
    margin-bottom:4px;
    padding-left:2px;
}
.sidebar_options>ul{
    padding-left:6px;
}
.sidebar_options h3{
    color:#606C73;
}
.sidebar_section{
    padding:0;
    margin:0 0 12px;
}
.sidebar_section>h3{
    color:#D9272D;
    margin:0 0 4px;
    padding-bottom:4px;
    border-bottom: 1px solid #606C73;
}
.sidebar_section .sidebar_options:last-child{
    border:none;
}
.bottom_row .SingleDatePicker{
    z-index:2;
}
.DayPickerNavigation{
    z-index:9999;
}
.sidebar_options .workspace_option{
    padding:0;
}
.sidebar_options .form-group{
    margin-bottom:0;
}
/* .react-datepicker{
    position: absolute !important;
    left: 86%;
    top: 2px;    
    z-index:9456;
} */
.react-datepicker-popper[data-placement^="bottom"] {
    z-index:9999;
}
.date_things{
    position: relative;
}
.date_things>div{
    width:100px;
    margin:0 2px;
}
.date_things>div input{
    width:100%;
}
ul.sidebar_options_list li{
    z-index: 10;
}
.far_right .react-datepicker{
    left:-85px;
}
.far_right .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle{
    left:162px !important;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle{
    left:13px !important;
    z-index:9999;
}
.choises input[type="checkbox"]{
    width:15%;
    margin: 5px 0px 6px 8px;
}
.choises label{
    width:60%;
}
.retailer .deco_checkbox:first-child>input[type=checkbox]:checked~div{
    background-color: #008996;
    border: #008996 1px solid;
}
.retailer .deco_checkbox:last-child>input[type=checkbox]:checked~div{
    background-color: #EDAA00;
    border: #EDAA00 1px solid;
}
.retailer .deco_checkbox+label{
    width:80%;
    line-height:14px;
    padding:4px 0px 1px 6px;
    text-align: center;
    opacity: 0.6;
}
.retailer .deco_checkbox.left+label{
    text-align: left;
    opacity: 1.0;
}
.retailer .deco_checkbox.right+label{
    text-align: right;
    opacity: 1.0;
}
.left_tray_step_header{
    border-bottom:3px solid #008996;
    color:#008996;
    font-size:14px;
    line-height: 14px;
    margin:16px 0 4px;
    padding:0 0 4px 0;
}
.left_tray_step_header.first{
    margin-top:0;
}
.sidebar_section>h3.last_section{
    margin-top:16px;
}
.report_desktop .breadcrumb{
    margin-top:42px;
    width:calc(100vw - 250px);
    margin-left:250px;
}
.report_desktop .admin_main .breadcrumb{
    margin-top:0;
    margin-left:0;
    width:auto;    
}
/*Checkbox Styled*/
.deco_checkbox{
	border: #BFBFBF 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #F1F1F1;
	position: relative;
	cursor: pointer;
	width: 14px;
	height: 14px;  
	display: inline-block;
    margin: 4px 2px 8px 2px;
}
.deco_checkbox>input[type=checkbox]{
	position: absolute;
	cursor: pointer;
	z-index: 2;
	opacity: 0;
	height: 0;
	width: 0;
	padding:0;
	margin:0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.deco_checkbox>input[type=checkbox]~div{
    position: absolute;
    top:-1px;
    left:-1px;
    width: 14px;
    height: 14px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.deco_checkbox>input[type=checkbox]:checked~div{
  background-color: #209CFF;
  border: #209CFF 1px solid;
}
.deco_checkbox>input[type=checkbox]:hover~div,
.deco_checkbox>input[type=checkbox]:focus~div{
	background-color: #BFBFBF;
}
.deco_checkbox>input[type=checkbox]~div>label{
	width: 100%;
	cursor: pointer;
	height: 100%;
	display:inline-block;
}
.deco_checkbox>input[type=checkbox]:checked~div>label:before {
	top: 0px;
	left: 4px;
	width: 2px;
	height: 8px;
	content: "";
	position: absolute;
	border: solid #FFF;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	display: block;
}
.ret_comparison{
    width:14px;
    height:14px;
    display: inline-block;
    margin:-2px 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;    
}
.ret_comparison.compare_a{
    background-color: #008996;
    border: #008996 1px solid;
}
.ret_comparison.compare_b{
    background-color: #EDAA00;
    border: #EDAA00 1px solid;
}
.compare_title{
    text-align:center;
    border:1px solid rgba(96,108,115,0.6);
    padding:2px;
}
/*Content loader*/
.loading{
    border-radius: 4px;
    width: 40px;
    background-color: #D1D3D3;
    position: absolute;
    height: 20px;
    top:2px;
    right:0;
    display:block;
}
.loading:after {
    content: ' .';
    -webkit-animation: dots 0.5s steps(6, end) infinite;
    animation: dots 0.5s steps(6, end) infinite;
    font-size: 3em;
    line-height: 0em;
    color: #0071CE;
    display: block;
    position: absolute;
    top:-1px;
    padding:0 6px;
}
@-webkit-keyframes dots {
    0%, 20% {
        color: #0071CE;
        text-shadow:
            .25em 0 0 rgba(0,0,0,0),
            .5em 0 0 rgba(0,0,0,0);
    }
    40% {
        color: #0071CE;
        text-shadow:
            .25em 0 0 rgba(0,0,0,0),
            .5em 0 0 rgba(0,0,0,0);
    }
    60% {
        text-shadow:
            .25em 0 0 #D9272D,
            .5em 0 0 rgba(0,0,0,0);
    }
    80%, 100% {
        text-shadow:
            .25em 0 0 #D9272D,
            .5em 0 0 #EDAA00;
    }
}			
@keyframes dots {
    0%, 20% {
        color: #0071CE;
        text-shadow:
            .25em 0 0 rgba(0,0,0,0),
            .5em 0 0 rgba(0,0,0,0);
    }
    40% {
        color: #0071CE;
        text-shadow:
            .25em 0 0 rgba(0,0,0,0),
            .5em 0 0 rgba(0,0,0,0);
    }
    60% {
        text-shadow:
            .25em 0 0 #D9272D,
            .5em 0 0 rgba(0,0,0,0);
    }
    80%, 100% {
        text-shadow:
            .25em 0 0 #D9272D,
            .5em 0 0 #EDAA00;
    }
}

.wrapper {
    height: 375px;
    position: relative;
}
.graphContainer {
    height: 375px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 5;
}
.secondGraph {
    height: 375px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 4;
}
.index_table .react-datepicker-wrapper input[type="text"]{
    padding:2px;
    margin:1px;
    width:100%;
}

/*Media reports*/
.date_display{
    color:#FFF;
    background-color: #000;
    margin:0 0 36px;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    padding:4px 0;
}
.date_display>span{
    display: inline-block;
    border-right:2px solid #D9D9D9;
    padding:0 8px;
}
.tracking_dashboard_section{
    position: relative;
    margin-bottom:36px;
    border:1px solid #606C73;
    text-align: left;
    min-width:800px;
    max-width:1600px;
    margin:0 auto 8px;
    width:100%;
    
}
.tracking_dashboard_row{
    padding:8px 2px;

}
.tracking_dashboard_row>div{
    position: relative;
}
.tracking_dashboard_row.twins .tracking_dashboard_section{
    padding:0 12px 8px 12px;
}
.tracking_dashboard_row.twins .tracking_dashboard_section>h2{
    margin-left:-12px;
}
.tracking_dashboard_row.twins .tracking_dashboard_section:last-child{
    border-left:none;
}
.inv_summary_table th,
.inv_summary_table td,
.tracking_table th,
.tracking_table td{
    padding:1px;
}
.tracking_table.far_right{
    width:200px;
    margin:0 auto;
}
.tracking_table.far_right tr>td:first-child{
    width:70px;
    margin:0 auto;
}
.inv_summary_table thead tr>th{
    background-color:#606C73;
    color:#F4F4F5;
    text-align: center;
}
.inv_summary_table thead tr>th:first-child,
.overlap_summary_table thead tr>th:first-child{
    background-color: #F4F4F5;
    border:none;
}
.inv_summary_table tbody td{
    text-align: center;
}
.tracking_table.inv_summary_table.fourths{
    width:250px;
}
.tracking_table.fourths,
.tracking_table.all_combined_summary{
    width:750px;
    margin:0 auto;
}
.tracking_table.inv_summary_table.with_total,
.inv_summary_table.sevenths,
.tracking_table.overlap_summary_table{
    width:400px;
    margin:0 auto;
}
.inv_summary_table.sevenths thead th:nth-child(5),
.inv_summary_table.sevenths thead tr:first-child th:nth-child(3),
.inv_summary_table.sevenths tbody td:nth-child(5){
    background-color: #F4F4F5;
    border:none;
    width:2.5%;
}
.inv_summary_table.sevenths thead th:nth-child(4),
.inv_summary_table.sevenths thead tr:first-child th:nth-child(2),
.inv_summary_table.sevenths tbody td:nth-child(4),
.tracking_table thead tr:last-child th{
    border-right:1px solid #D9D9D9;
}
.inv_summary_table thead th,
.inv_summary_table tbody td,
.tracking_table thead th,
.tracking_table tbody td{
    border:1px solid #D9D9D9;
    border-bottom:none;
    border-right:none;
}
.tracking_table tbody tr>td:first-child{
    width:124px;
}
.tracking_table.overlap_summary_table tbody tr>td:first-child{
    width:172px;
}
.tracking_table.fourths tbody tr>td:first-child{
    width:200px;
}
.inv_summary_table thead tr:last-child th{
    border-bottom:none;
}
.inv_summary_table tbody tr:last-child td,
.tracking_table tbody tr:last-child td{
    border-bottom:1px solid #D9D9D9;
}
.inv_summary_table tbody tr td:last-child,
.tracking_table tbody tr td:last-child{
    border-right:1px solid #D9D9D9;
}
.inv_summary_table thead tr:first-child th,
.tracking_table thead tr:first-child th{
    border-right:none;
}
.inv_summary_table thead tr:first-child th:last-child,
.tracking_table thead tr:first-child th:last-child{
    border-right:1px solid #D9D9D9;
}

.graphContainer.centred{
    position: relative;
    margin:0 auto;
}
.tracking_table{
    margin:4px 0 8px;
}
.tracking_table.dashboard{
    width: 100px;
    margin: 0 auto;
}
.tracking_table th,
.tracking_table td{
    text-align:center;
}
.inv_summary_table tbody tr:first-child>td,
.inv_summary_table.with_total tbody tr:nth-child(2)>td,
tr.total_row>td{
    background-color:#D1D3D3;
    font-weight: bold;
}
tr.empty_last_column>td:last-child{
    background-color: #F4F4F5;
    border: none !important;
}
.inv_summary_table.with_total tbody tr:first-child>td{
    background-color:#FFF;
}
.inv_summary_table tbody tr>td:first-child,
.inv_summary_table.with_total tbody tr>td:first-child{
    width:72px;
}
.combined_summary{
    height:165px;
}
.geo_digital_colour{
    background-color:#002060;
    color:#FFF;
    font-weight:bold;
}
.print_colour{
    background-color:#FFC000;
    color:#000;
    font-weight:bold;
}
.flipp_colour{
    background-color:#9999FF;
    color:#000;
    font-weight:bold;
}
.dm_colour{
    background-color:#118987;
    color:#000;
    font-weight:bold;
}
.other_header{
    background-color:#990033;
    color:#FFF;
    font-weight:bold;
}
.tracking_dashboard_row>div.graph_thirds{
    width:100%;
}
.graph_thirds>div{
    width:33.33%;
}
.overlap_graphs>div{
    position: absolute;
    top:0;
    left:0;
}
.tracking_table.all_combined_summary tbody td{
    width:10%;
}
.tracking_table.all_combined_summary tbody td:first-child{
    width:23%;
}
.tracking_table.all_combined_summary tbody td:last-child{
    width:40%;
}
.two_graphs>div.float_left{
    width:50%;
}
.dashboard_header{
    position: relative;
    background-color: #000;
}
.dashboard_header>h2{
    color:#FFF;
    padding:4px;
    text-align: left;
    margin: 0;
    font-size: 16px;
    display: inline-block;
}
.dashboard_date_div{
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    line-height: 2.25em;
    line-height: 2.25rem;
    color: #FFF;
    width:100%;
    position: absolute;
    top:0
}
.legend {
    margin: 4px;
}
.legend.horizontal:after{
    content:"";
    display:block;
    height:0;
    clear:both;
    float:none;
    visibility:hidden;
}
.legend.horizontal{
    display: block;
    margin: 4px auto;
}
.legend.horizontal>.legend_item{
    float: left;
}
.legend.horizontal.short{
    width:100%;
}
.legend .legend_item{
    margin:2px;
}
.legend_item>div{
    height:20px;
    width:20px;
    margin-right: 2px;
}
.legend_item>p{
    font-size: 0.9em;
    font-size: 0.9rem;
    line-height: 20px;
    width: 200px;
}
.print-button{
    position: absolute;
    right:4px;
    top:-2px;
    
}
.print-button .material-icons{
    font-size: 16px;
    color:#FFF;
    font-weight:bold;
}
.tracking_dashboard_section h3{
    text-align: center;
    line-height: 1.5em;
    line-height: 1.5rem;
}
.tracking_dashboard_row.digital{
    margin-bottom:50px;
}
.legend.horizontal.clearfix .legend_item{
    display: inline-block;
}
.tracking_dashboard_section>p{
    padding:2px 6px;
    font-weight: bold;
}
.legend.horizontal.clearfix{
    padding:0 4px;
}
.legend.horizontal.small_legend{
    padding-left:32%
}
.ctr{
    margin:0 auto;
}
.ctr .float_left{
    width:50%;
}
.wkly_summaries{
    margin: 0 auto;
    width:80%;
}
.ctr_summary{
    background-color: #FFF;
    font-size: 2em;
    font-size: 2rem;
    line-height: 2.25em;
    line-height: 2.25rem;
    font-weight: bold;
    text-align: center;
    padding: 4px 2px;
    width:48%;
    margin:2px;
}
.dashboard_table th,
.dashboard_table td{
    padding:1px;
}
.tracking_table.print_delivery_stats{
    width:400px;
    margin:0 auto 8px;
}
.tracking_dashboard_section.executive{
    width:800px
}
.legend_table{
    margin: 0 auto;
    width:80%;   
}
.legend_table>tbody>tr{
    color:#000;
    padding:2px;
    margin:0 1px;
    font-size: 14px;
    font-weight: bold;
}
.legend_table>tbody>tr>td,
.legend_table>thead>tr>th{
    padding:4px 2px;
    text-align: center;
}
.legend_table>tbody>tr>td:first-child{
    text-align: left;
}
.legend_table>tbody>tr>td:first-child,
.legend_table>tbody>tr>td:last-child{
    background-color: #F4F4F5;
}
table.legend_table>thead{
    background-color: #F4F4F5;
    color:#000;
}
.total_data_summary>table.dashboard_table>tr>td:first-child>table{
    margin: 0 0 0 auto;
}
.total_data_summary>table.dashboard_table>tr>td:last-child>table{
    margin: 0 auto 0 0;
}
.total_data_summary .tracking_table.overlap_summary_table{
    width:350px;
}
.total_data_summary .tracking_table.overlap_summary_table>tbody>tr>td:first-child{
    width:120px;
}
.clearfix .legend.float_left{
    margin-top:10%;
}

.page {
    /* position: relative; */
    /* overflow: hidden; */
    /* padding-left: 0.8in;
    padding-right: 0.8in;
    padding-top: 1.8in;
    padding-bottom: 1.8in; */
    page-break-after: always;
}
/* .page.landscape {
    width: 11.7in;
    height: 8.2in;
}
.page.portrait {
    width: 8.3in;
    height: 11.6in;
} */
/* @page {
    size: A4 portait;
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 40px;
    margin-bottom: 40px;
} */