/* General layout (do not edit) */
body {
  color:#313131;
  margin: 0;
  padding: 0 0 150px;
  line-height: 1.5;
  /* default overridables values */
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  background-color:#ededed;
  border-top: 2px solid #0096c7;
}

/* Navigationnal header styles (do not edit)*/
.dashboardTabsWrapper {
  position:relative;
  margin: auto;
  width: 1040px;
}

.dashboardTabs {
  position:absolute;
  z-index:15000;
  right:0;
  top:0;
}

  .dashboardTabs a {
    display:block;
    margin-left:3px;
    float:right;
    border-radius:0 0 3px 3px;
    text-align:center;
    font-weight:bold;
    text-decoration:none;
}
  .dashboardTabs a.btnPrint, .dashboardTabs a.btnShare {
    padding: 5px;
    width: 22px;
    margin:2px 0 0 4px;
    height: 14px;
    color: #000;
    opacity: 0.75;
    border: 1px solid #D4D4D4;
    border-radius: 2px;
  }

  .dashboardTabs a.btnPrint span, .dashboardTabs a.btnShare span {
    position:absolute;
    left:-9999em;
  }

  .dashboardTabs a.btnPrint {
    background:#fff url(/Content/Shared/btnPDF.png) 50% no-repeat !important;
  }

  .dashboardTabs a.btnShare {
    background:#fff url(/Content/Shared/btnShare.png) 50% no-repeat !important;
  }

  .dashboardTabs a.btnShare:hover, .dashboardTabs a.btnPrint:hover {
    opacity: 1;
  }


.btnUpdateStatus {

    display:inline-block;
    float:right;
    height:26px;
    margin:2px 0 0 4px;
    position:relative;
    width:26px;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAetJREFUeNrsVTtqAmEQng0+12LFd6OigoWNpRjB4BECWlt5BA1YiFgInsEr5HGEgLAkll5AwRQiisTC9a35xmDAQDSrQVI48LPr7Mx+znzfzArr9ZrOYVd0JrsA/X8gzW+CwuGwZDQaUzhRrVbrZt98Pm+Px2MZ57HRaAwPvUM4JO9IJBJ3OBw5l8tlslqtBLCNX1EUGgwG1Ol0lF6vV6nX67WjgWKxWNzn8xX9fr9gs9nIZDKRRvPZhMViQaPRiPr9PjWbzXWr1SrKslxTzREqMQPkLhQKCV6vl8xmM+l0OprNZpROpxOr1Wrj42ccw7GcoxoI7bpFJaLT6dwACIKw8Q+Hw68r+/gZx3AscpKqgcBJjNsF8nf80+l058rGMXa7nXOiqoEsFouHOdlWspdoxIiiSBCLR7W8OXFL/GQyoUwmk9g7J4iFIufHzFEbJ7BtUzabfWZe+F6v11MwGNwJZvXidFQDYU5kSDjAZPOLmXBWGRv/liRpJ365XBKG90U1EIbxCXOSBNGiwWAgPj8ZV4M/piDnXrUYqtXqO4axglVz8MvIMbwdOOfoFVQul2/QthxX9l2BnAsQpdvtVvL5fO2kXcdWKBQkzEkKSryGutzIAX2LN3TrFVU/lEql05fq5cN3Afpz+xBgALu31cv3CEwEAAAAAElFTkSuQmCC);
    background-repeat:no-repeat;
}

.btnUpdateStatus:after {
  content:"";
  display:block;
  position:absolute;
  height:26px;
  width:26px;

  background-position:center;
  background-repeat:no-repeat;
}
.btnUpdateStatus.green:after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALBJREFUeNpi/P//PwM9ABMDncCoRaMWjVo0atGoRSPWou/fvwcC8S4g/gylAzEUgSo+SvC3b9+Cbr679d/5iOt/nq38YBrEB4qHIaujhkW7nYCGM2xigWO7w44gi/Yjq2OktCoHBZfYfkmeL3+/wsXYmNgYPji9+cXJyclOzTg6YcZvhiJgwW8Ooo7RJI5Awce9lQ9M33h3k/pxBLMMFFdA/AVKB6GrYRxtbpELAAIMAMTSW8t4g9yiAAAAAElFTkSuQmCC);
}

.btnUpdateStatus.yellow:after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANBJREFUeNpi/P//PwM9ABMDncCoRaMWjVo0atGoRYPRou/fv6sBcT+IxibPSI36CGg4IwPD/38sN+Yz/NFIBBnLxMnJ+Z8WPqplfnqAgfnBZgYQDeJT3UdA3ygy/Pl2j+1wNgPjzw8M/9kFGH7ZTmVgYOFSAfrqLjV9lMdydzXYErDLgTTLnVUgZg7Vgg7oG2/Gb88LmB9uRRFnfrSNASQOkqeWjzJZrs9lYPj3G1UUyAeLA+VhQiwUWjT9t3ENiPbGIgfy5nSqJu+RWQQBBBgAvuVTEbOeUDEAAAAASUVORK5CYII=);
}

.btnUpdateStatus.gray:after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARxJREFUeNrslbGORFAUhv/ZBh0PwAPozBZCojP7Bh5inmg70cu+gJkazSo1oqEVTCUqe88Nmyk3cTPZwp+cuPfcE797z4fTsix4hd7wIh1Gh9FhdBgdRn/UNE0+iy8WjzVo7D/XnPb+JtgNv8dxPKdpirZteU7XdbiuC1VVC0VR3ncb0VMPw3CL4xiGYcDzPEiShLIskec5giCApmkXZnbfe3TXLMswzzOqqkIYhoiiCKZp8hytUY2IHvnbcW2iXdV1zcdN09DlQzh1tm1DlmUkSSKcujs1flPf9yiK4ndOfWNKRBh9Oo7DASBZlsX7Q6IcrVGNMLwZeWdqfNd1NOd4kwkjTgzez5ivdF3W1I12QlgLe2H/3bfuR4ABABnKhoYXNzprAAAAAElFTkSuQmCC);
}

.btnUpdateStatus.red:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAF1JREFUeNpi/P//PwM9ABMDncCoRaMWjVo0atGoRYPJou/fv08D4v848DSYOkZK6yOQge+yo7DKCU1dxsDJyck4GkejFqEAaqQ6UBLOxCE9HZjqsqhi0ciNI4AAAwBvbDZzmf4lfAAAAABJRU5ErkJggg==);
}


.lastUpdateStatus {
  background-color:#fff;
  box-shadow:0 2px 2px rgba(0,0,0,0.2);
  border-radius:2px 0 2px 2px;
    font-size:12px;
    padding:10px;
    position:absolute;
    top:22px;
    right:0;
    width:200px;
    z-index:10;

    display:none;
   }

.btnUpdateStatus:hover {
  background-color:#fff;
  }

.btnUpdateStatus:hover .lastUpdateStatus {display:block;}


.disabledTabs {
    display:block;
    margin-left:3px;
    float:right;
    padding:5px 20px;
    background: #b0b0b0;
    border-radius:0 0 3px 3px;
    color: #dddddd;
    text-align:center;
    font-weight:bold;
    font-size:11px;
    text-decoration:none;
}

.groupNav {
  float:right;
  margin:0;
  padding:0;
  min-width:250px;
  list-style:none;
  border-radius: 0 0 3px 3px;
  background:#0096C7;
}

.groupNav li {
  margin:0;
  padding:0;
  display:none;
}
  .groupNav li a {
    padding-left:10px;
  }

  .groupNav li.active {
    display:block;
  }

  .groupNav li.active a {
    background-image: url(/Content/Shared/arrowDwn.png);
    background-position:right 50%;
    background-repeat:no-repeat;
  }

  .groupNav.hover li.active a{
    background-image:none;
  }

.groupNav.hover li {
  display:block;
}

.dashboardTabs li a {
  float:none;
  margin:0;
  text-align:left;
}


/* Header and navigation (do not edit) */
#header {
  width: 1030px;
  margin: auto;
  padding: 25px 10px 10px;
  position: relative;
  min-height:55px;
  overflow:auto;
}

#header select {
  min-width: 400px;
  border: 1px solid #cbcbcb;
  padding: 3px;
}

#dummyReportPeriod {
  display:none;
}

#headerWrap {
  width: 100%;
  clear: both;
}

/* Dashboard titles */

h1 {
  margin: 0;
}

h1 span {
    font-family: inherit;
    font-weight:300;
    font-size: 36px;
    font-weight: normal;
    text-transform:none;
}

h1 input {
  border: none;
  margin: 0;
  padding: 0;
  width: 592px;
  font-family:inherit;
  font-size:inherit;
  color:inherit;
}

    h1 input:hover, h1 input:focus {
      outline: 1px solid #E6E6E6;
      background: #f4f4f4;
}

/* Main (blue) Ribbon */
#navWrap {
  background:#0096c7;
  position:fixed;
  top:0;
  z-index:15; /* a moved widget is z-index:10, so must be over 10 */
  width:100%;
  height:70px;
}

    #navEditor {
      width: 1040px;
      height: 70px;
      color:#fff;
      background: #0097c8;
      margin:auto;
      position:relative;
      font-size:12px;
    }

      #navEditor b {
        background-color:#0082ac;
        color:#fff;
        padding:6px 12px;
        display:block;
        text-transform:uppercase;
      }

    /* blue ribbon icons */
    #navIndicator > a {
      background:url(/Content/Shared/iconIndicator.png) 50% 0;
    }

    #navAdvanced > a {
      background: url(/Content/Shared/iconAdvanced.png) 50% 0;
    }

    #navCustom > a {
      background: url(/Content/Shared/iconCustom.png) 50% 0;
    }

    #navText > a {
      background: url(/Content/Shared/iconText.png) 50% 0;
    }

    #navSection > a {
      background: url(/Content/Shared/iconSection.png) 50% 0;
      border-left:1px solid #78c4de;
    }

    #navComments > a {
      background: url(/Content/Shared/iconComments.png) 50% 0;
    }

  #navCsv > a {
      background: url(/Content/Shared/iconCSV.png) 50% 0;
    }

    #navEditableNumber > a {
      background: url(/Content/Shared/iconEditableNumbers.png) 50% 0;
    }

    #navEmailNotifications > a {
      background: url(/Content/Shared/iconEmailNotifications.png) 50% 0;
      border-left:1px solid #78c4de;
    }

    #navRevert {
      float: right;
      cursor: pointer;
    }

      #navRevert > a {
        background: url(/Content/Shared/iconRevert.png) 50% 0;
      }

    #navSave {
      float: right;
      cursor: pointer;
    }

      #navSave > a {
        background: url(/Content/Shared/iconSave.png) 50% 0;
      }

      /*#navHelp {
        float:right;
        cursor:pointer;
      }

       #navHelp > a {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFGNDI3NkNEQjM5NDExRTQ5QzJERDIyRDAwQTIzOTI1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFGNDI3NkNFQjM5NDExRTQ5QzJERDIyRDAwQTIzOTI1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUY0Mjc2Q0JCMzk0MTFFNDlDMkREMjJEMDBBMjM5MjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUY0Mjc2Q0NCMzk0MTFFNDlDMkREMjJEMDBBMjM5MjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7MElsLAAACJ0lEQVR42uyZu0oDQRSGE+OFYC1ewYDBF7C2FkFBQWOpYCOijYXBxlLQFFqotYKIeEds9Bm0sbGJNzBGa8FgIMZ/4GwTM7tLwm7Y8T/wNdkzm90vM2fPTsLFYjHE+Bt1VEAxFEMxFEMxFEMxFEMxFEMxDIqhGIqhGF+j3usvyOVynpw3Go0aO2MaQQLsgyfwDT7BvXw2Ljk1ibDXW5uaGTMK1kDcYXgaJMGp6TMmAlblRuMu8lXOiYyJGFVjSmIFLFYwzhqTNHEpjYEjm9R38AE6QIsmR9WdY5OWkiqi65pjBbALBsEAGAIXoNwvtuFXQfZLjPqluzTHrsG0CJoFb2BBCm9pdMqTzBgxIzbHvsAE2APLYB48gMcKzhW4GvMMujUpeXUdoAFkRJKqN1egp0z+C4h5XWP8eiq1OdSfkBTeGWnwdjRSVLSb9LhWs6LJIecAXEqBHf4vL5FZl7NqyoWUrEkz5g70OuT0g1YXS+XGpBlz7iJnG0xaDVyV5wqMGNXxvjrkqB4lJp2vLjIO3XMgXwlUk3dok/qj0kGzTU7CEmPS27W6oZTDtdhJSfk1W2qx7bAENisYtyVjQ6aKKUjLP6Z5FyqNtCzBORnrW9RqB8/qeNVNq928Pim+VoG9BWeydPLlBntdY2oppqoIvJigBv9XohiKoRiKoRiKoRiKoRiKoRgGxVAMxVAMxVAMxVAMxVAMxTAohmIohmIohmIoJljxK8AANn55REZ0wlIAAAAASUVORK5CYII=');
        background-position:50%;
        }*/


    #navIndicator ol.levelTwo>li:hover>a {
            background:#00567f url(/Content/Shared/arrowRight.png) no-repeat 215px 50%;
            cursor:default;
   }

    #navEditor ol.levelOne >li:hover>a {
            /*color:#fff;*/
            opacity:0.75;
          }

    ol.levelTwo {
      background: #00769d;
      line-height:1.2;
    }

    ol.levelThree {
      background: #00769d;
      min-height:700px;
      min-width:280px;
    }

    ol.levelFour {
      background: #00567f;
      height: 350px;
    }

    ol.levelOne, ol.levelTwo, ol.levelThree, ol.levelFour {
      list-style: none;
      margin: 0;
      padding: 0;
    }

ol.levelTwo, ol.levelThree, ol.levelFour {
  min-height: 900px;
}

      ol.levelOne > li {
        float: left;
      }

        ol.levelOne > li > a {
          width: 75px;
          height: 30px;
          text-align: center;
          padding-top:40px;
          font-family: Arial;
          font-size: 11px;
          line-height: 1.1;
        }

    ol.levelTwo {
      display: none;
      width: 225px;
      box-shadow:0 5px 5px rgba(0,86,127,0.15);
    }

      ol.levelTwo > li > a, ol.levelThree > li > a {
        min-width: 201px;
        padding:6px 12px;
      }

    #navEditor ol li a, #navEditor ol li:hover ol li a {
      text-decoration: none;
      display: block;
      white-space: nowrap;
      color:#fff;
      opacity:0.5;
    }

    #navEditor ol li:hover, #navEditor ol li.selected  {
      background: #00769d;
    }

    ol.levelFour li:hover  {
      background: #00567f;
    }

    ol.levelTwo li:hover>a {
      background:#00567f;
      color: #fff;
      opacity:1;
    }

    ol.levelThree {
      left: 225px;
      top: 0;
      position: absolute;
      display: none;
      border-left: 1px solid #00567f;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
      box-shadow:0 5px 5px rgba(0,86,127,0.15);
    }

    ol.levelFour {
      left: 225px;
      top: 0;
      /*width: 519px;*/
      position: absolute;
      display: none;
      box-shadow:0 5px 5px rgba(0,86,127,0.15);
    }

    ol.levelOne li:hover ol.levelTwo, ol.levelTwo li:hover ol.levelThree, ol.levelThree li:hover ol.levelFour {
      display: block;
      position: absolute;
    }

    ol.levelThree li:hover a {
      color: #fff;
      opacity:1;
    }

    ol.levelFour {
    }

    ol.levelFour button {
        background:#87b236;
        border:1px solid #87b236;
        border-radius:3px;
        color:#fff;
      }

ol.levelOne > li.btnEdit a {
  background: url(/Content/Shared/iconDone.png) 50% 0;
}

ol.levelOne > li.btnEdit {
  float: right;
  }

.blueLayout .editorNavBar {
position:static;
margin:15px 5px 0 0;
float:left;
width:100%;
clear:both;
background:none;
}

.btnSupport {
  background-color:#0097c8;
  color:#fff;
  font-size:13px;
  display:inline-block;
  position:fixed;
  bottom:0;
  right:30px;
  z-index:100;

      -moz-animation-name: showHelp;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 1s;

    -webkit-animation-name: showHelp;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    animation-name: showHelp;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1s;



}

.btnSupport a {color:#fff; display:inline-block; padding:4px 15px; text-decoration:none;}
.btnSupport a:hover {background-color:#00769d; padding-bottom:5px;}

@-moz-keyframes showHelp {
    0% {
        -moz-transform: translateY(40px);
    }
    100% {
        -moz-transform: translateY(0);
    }
}
@-webkit-keyframes showHelp {
    0% {
        -webkit-transform: translateY(40px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}
@keyframes showHelp {
    0% {
        transform: translateY(40px);
    }
    100% {
        transform: translateY(0);
    }
}

@media screen and (max-width: 1080px) {
    .btnSupport {
        opacity:0.75;
        right:0;
    }

    .btnSupport:hover {opacity:1;}
}

/* customEditor */
#customEditor {

}

#customEditor legend {
  padding:0;
}

  #customEditor .noValue {
    opacity: 0.5;
  }




#customEditor fieldset {
  border:none;
  margin:1em 0 0 0;
  padding-left:0;
  padding-right:0;
  border-top:1px solid #0097c8;
}

  #customEditor button {
    font-family:'Open Sans';
    background: none repeat scroll 0 0 #0096C7;
    border:none;
    color: #FFFFFF;
    font-size: 12px;
    padding: 2px;
    text-align: center;
    text-decoration: none;
    margin:2px 0;
    width:100%;
  }

#customEditor button#addFilter {width:84%; margin-right:1%;}
#customEditor button#cancelAddFilter {width:15%; background-color:#006d94;}

  #customEditor button.btnDelete {
    display:block;
    width:16px;
    height:16px;
    border:none;
    background: url(/Content/Shared/btnDelete.png) no-repeat 50% 50%;
  }



  #customEditor button::-moz-focus-inner {
    border:0;
    padding:0;
}

#customEditor input, #customEditor select {
  margin:1px 0;
  background-color:#fff;
  border: 1px solid #CBCBCB;
  font-family:'Open Sans';
}

  #customEditor input.ui-state-error, #customEditor select.ui-state-error {
    border: 1px solid #cd0a0a;
    color: #cd0a0a;
    background:#fff;
  }

.genericAdapterFilters.filterOperator {
    font-weight: bold;
    text-transform: uppercase;
}

.editorNavBar {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  background:#e6e6e6;
}

#wizardNext {
  display: none;
  text-decoration:none;
  background:#0096c7;
  color:#fff;
  min-width:70px;
  padding: 5px 15px;
  font-weight: bold;
  font-size: 12px;
  text-align:center;
  float:right;
  clear:left;
  }

.selectSource {
  color:#aaa;
  }

.selectSource label {
  color:#fff;
}


.sourceSelector {
  display:inline-block;
  width:auto !important;
}

#customEditor label {
  margin:10px 0 5px;
  }

/* background handles
Pour la poignée verticale positions: -32px -224px
Pour la poignée horizontale positions: -16px -224px
   */

.ui-resizable-handle.ui-resizable-s:after {
    content:"";
    background: url(/Content/Libraries/JQueryUI/images/ui-icons_222222_256x240.png) no-repeat -16px -224px;
    position: absolute;
    top:-12px;
    display: block;
    height: 12px;
    width: 12px;
    left:50%;
    margin-left:-12px;
}

 /*

[data-sizey="6"] .ui-resizable-handle.ui-resizable-s:after {
  background-position: 0 -16px;
}

[data-sizey="2"] .ui-resizable-handle.ui-resizable-s:after {
  background-position: -64px -16px;
}

[data-sizey="4"] .ui-resizable-handle.ui-resizable-s:after {
  background-position: -128px -16px;
}
*/

/*
.ui-resizable-s:hover:after {
    background-position: -48px -224px;
}
*/

.ui-resizable-e:after {
    content:"";
    background: url(/Content/Libraries/JQueryUI/images/ui-icons_222222_256x240.png) no-repeat 0 -224px;
    position: absolute;
    left:-12px;
    display: block;
    height: 12px;
    width: 12px;
    top:50%;
    margin-top:-12px;
}
/*
.ui-resizable-e:hover:after {
    background-position: -32px -224px;
}
*/



.loadingSpan {
  color:#fff;
}

/*
.loader {
  background: url("/Content/Shared/loader.gif") no-repeat scroll 50% 50% rgba(0, 0, 0, 0.7);
  border-radius: 5px 5px 5px 5px;
  height: 64px;
  width: 64px;
    margin: 60px auto;
}
*/


/*.loader {
  background: url("/Content/Shared/loader.gif") no-repeat scroll 50% 15px rgba(0, 0, 0, 0.7);
  background:  rgba(0, 0, 0, 0.7);

  border-radius: 5px 5px 5px 5px;
  min-height: 72px;
  width: 95px;
    margin: 30px auto 0;
}

[data-sizey="1"] .loader {
  margin-top:0;
}*/

.loaderTitle {
  color:#aaa;
  font-family:'Open Sans';
  opacity:0.7;
  position:relative;
  top:10px;
  text-align:center;
  width:100%;
}

.loaderValue {
  color:#aaa;
  font-family:'Open Sans';
  position:relative;
  top:10px;
  text-align:center;
  width:100%;
}

.loaderProgressBar {
  background-color:rgba(255,255,255,0.2);
  height:5px;
  margin:auto;
  position:relative;
  top:15px;
  width:95%;
}

.loaderWait {
  background: url("/Content/Shared/53.gif") no-repeat scroll 50% 50%;
  height:5px;
  margin:auto;
  position:relative;
  top:15px;
  width:95%;
  opacity:0.9;
}


.loaderProgressBarValue {
  background-color:#fff;
  height:5px;
  width:10px;
}

  .rollingContainer  .loaderPercentage {background-color:#2a4655; color:#2a4655;}

#logoFile {
  border:none;
  /*background:#00769d;
  color:#fff;*/
}

#indicatorTypesSelector {
  /*width: 100%;*/
  list-style-type: none;
  cursor: pointer;
  color: #fff;
  margin:0;
  padding:0;
  margin-left:-15px;
  margin-right:-15px;

  float:left;
  width:50%;
}


.blueLayout.ui-dialog .ui-dialog-content {
  padding:0.5em 15px;
}

#indicatorTypesSelector li {
  background:transparent;
  }

/*  Skin advanced editor modal window (ui overrides) */

body .ui-dialog .ui-dialog-titlebar-close span { margin:0; }
body .ui-button-icon-only .ui-icon { left: 0; }
body  .ui-button-icon-only .ui-icon, body .ui-button-text-icon-primary .ui-icon, body .ui-button-text-icon-secondary .ui-icon, body .ui-button-text-icons .ui-icon, body .ui-button-icons-only .ui-icon { top: 0; }
.blueLayout .ui-state-default, .blueLayout .ui-widget-content .ui-state-default, .blueLayout .ui-widget-header .ui-state-default {border:1px solid transparent; background:none;}
.blueLayout .ui-widget-content {color:#fff;}

.blueLayout.ui-dialog.ui-widget {
  border:none;
  background:#00769d;
  font-size:12px;
  font-family:'Open Sans';
  padding:0;
  z-index:30;
  }

.blueLayout.ui-widget input[type=checkbox][disabled]{
  opacity:0.5;
}

.blueLayout .selected {
  background-color: #0097c8;
  color: white;
  font-weight: bold;
}

.blueLayout .ui-widget-header .ui-icon  {
  background-image:url(/Content/Shared/ui-icons_ffffff_256x240.png) !important;
  }

#indicatorTypesSelector li {
  opacity:0.5;
  padding:11px 16px;
    width:203px;
}

  #indicatorTypesSelector li.selected {
    opacity:1;
    color: #fff;
    font-weight:normal;
    background:#00608e;
  }

.selectSource {
  list-style-type:none;
  margin:0;
  padding:0;
}

  .selectSource li {
    margin-left:-10px;
    margin-right:-10px;
}

.ui-widget .selectSource label {
  padding:8px;
}

  #indicatorTypesSelector li:hover, .selectSource li:hover {
    opacity:1;
    background:#00567f;
  }

#indicatorTypePreview {
  width: 200px;
  height: 200px;
  box-shadow:0px 0px 8px rgba(0,0,0,0.25);
  background:#e5e5e5;
  float:right;
}

.blueLayout .ui-widget label {
  color:#fff;
}

.ui-dialog .ui-dialog-content {
  border: 1px solid #e5e5e5;
}

  .ui-dialog .ui-dialog-content h2 {
    font-size:12px;
    color:#fff;
}

  #indicatorTypesSelector li:first-child {
    border:none;
}

.additionalData, .advEditorInput {
  color:#fff !important;
  padding:4px 0;
  background:#006587 !important;
  border-color:#0096c7 !important;
  }

.blueLayout .ui-widget-header {
  color:#fff;
}

.blueLayout .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
  margin: 4px;
  background:transparent;
  border: none;
  }

.blueLayout .ui-dialog .ui-dialog-title {
    color: #fff;
  font-size: 12px;
  font-weight:normal;
  font-family: 'Open sans', sans-serif;
  line-height: 1.5;
  }

.blueLayout .ui-state-hover .ui-icon {
  background-color:#00567f;
  }

.blueLayout .ui-state-hover, .blueLayout .ui-widget-content .ui-state-hover, .blueLayout .ui-widget-header .ui-state-hover, .blueLayout .ui-state-focus, .blueLayout .ui-widget-content .ui-state-focus, .blueLayout .ui-widget-header .ui-state-focus {border-color:#00567f; background:#00567f; }

/* end Skin popup dashboard (advanced editor) */

/* Boxes */

/* Center the loading image while loading datas in a widget */

.error {
  outline: 2px solid #dc5151;
}

/* cloning */
#badSources {
  list-style:none;
  background:#dc5151;
  border-radius:3px;
  color:#fff;
  font-size:13px;
  padding:10px 10px 10px 25px;
}

#badSources a {
  color:#fff;
}

  #badSources a.reset {
     background: url("/Content/Shared/btnRefresh.png") no-repeat scroll left 50% #000000;
     border-radius:3px;
     font-size:11px;
     padding-left:20px;
     padding-right:5px;
     text-decoration:none;
     text-transform:uppercase;
  }

  #badSources a.reset:hover {
     text-decoration:underline;
  }

  #badSources a.report {
     background: url("/Content/Shared/btnReport.png") no-repeat scroll left 50% #be1a1a;
     border-radius:3px;
     font-size:11px;
     padding-left:18px;
     padding-right:5px;
     text-decoration:none;
     text-transform:uppercase;
  }

  #badSources a.report:hover {
     text-decoration:underline;
  }



/* Content */
#contentWrap {
  width: 1040px;
  margin: auto;
}

/* Boxes (widget containers) */
div:focus {
  outline:0;
}

.box {
  width: 250px;
  height: 250px;
  background-color: #fff;
  box-shadow: 0 0 1px rgba(0,0,0,0.05);
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;
  page-break-inside: avoid;
}

  .box:hover {
  /*box-shadow: 0 0 1px rgba(0,0,0,0.5);*/
  box-shadow: 0 0 5px 0 #3649534d;
  /*box-shadow:0 0 0 1px #0093c3;*/
}

  .box.span2 {
    width: 510px;
}

  .box.span3 {
    width: 770px;
}

  .box.span4 {
    width: 1030px;
}

.boxHeader {
  height: 10px;
  padding: 10px;
  z-index: 1;
  position: relative;
}

.box h2 {
  margin: 0;
  font-size: 12px;
  line-height:1.1; /* <=1.2 to display 3 lines in a widget header w/our compromising data readability */
  text-transform: uppercase;
  word-wrap:break-word;
}

.boxHeader h2 b {
  display: block;
  font-size: 11px;
  font-weight: normal;
  text-transform: none;
  /*
  height: 2em;
  overflow: hidden;
  */
}

.boxHeader h2 img {
  position: absolute;
  right: 0;
  top: 0;
  }

.box h2 input, .table1 caption input {
  font-size: inherit;
  font-weight: inherit;
  text-align:inherit;
  text-transform: uppercase;
  border:none;
  width: 100%;
  font-family:inherit;
  color:inherit;
  background:transparent;
}

  .box h2 input:hover, .box h2 input:focus, .table1 caption input:hover, .table1 caption input:focus {
    outline: 1px solid #E6E6E6;
    background: #f4f4f4;
    color:#000 !important;
  }



/*
  fix annotations icon over titles when not editing

.box h2 {
  padding:1px 0;
  margin:4px 0;
}

.box h2 input {
  margin:0;
  padding:0;
}
*/


.boxContent {
  padding: 10px;
/*  overflow:hidden;*/
}

.boxErrorMessage {
  font-size:12px;
}

.boxErrorMessage strong {
  font-size:13px;
}

.boxContent.compact {
  padding-top: 0;
}


/* Boxes (widget containers) headerWidget */

.headerWidget{
    background:#ededed;
}

.headerWidget h2 input, .headerWidget h2  {
    font-size:30px;
    font-family:inherit;
  font-weight:normal;
  text-transform:none;
    color:#fff;
  line-height:1.5;
}

  .headerWidget .boxHeader {
    background-color:#61A3C5;
    margin-top:60px;
    height:60px;
      -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;    /* Firefox, other Gecko */
      box-sizing: border-box;         /* Opera/IE 8+ */
  }

  .headerWidget .boxContent {
    display:none;
  }

.headerWidget h2 input:hover, .headerWidget h2 input:focus {
    background-color:#5995b5;
    outline-color:#4b7d98;
}

/* Boxes (widget containers) numberWidget */


/* Widget options (edit, close) */
.boxOptions {
  text-decoration: none;
  position: absolute;
  top: 0;
  right: 0;
  width:100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}

/* widget buttons */
  .boxOptions a {
    display:none;
    position:absolute;
    text-decoration:none;
    width:20px;
    height:20px;
    transition: width 0.15s;
    -webkit-transition: width 0.15s; /* Safari */
     z-index:20;
    overflow:hidden;
  }

  /* widget button labels */
  .boxOptions span {
    display: none;
    font-size: 10px;
    line-height: 1;
    color: #fff;
    margin: 5px;
  }

  .boxOptions a:hover {
    color: #fff;
    cursor: pointer;
    width: 120px;
}

    .boxOptions a:hover span {
      display: block;
      width:120px;
      pointer-events:none;
  }

   .boxOptions a.annotation.opened span {
      display: block;
      margin: 0;
      margin-left:-20px;
      padding:5px 5px 5px 20px;
      width:100%;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;
  }


  .boxOptions a.annotation.opened span {
    background:transparent url(/Content/Shared/btnMinimiseNoteTransparent.png) right 50% no-repeat;
  }

  .boxOptions a.annotation.opened span:hover {
    background:transparent url(/Content/Shared/btnMinimiseNote.png) right 50% no-repeat;
  }

  .boxOptions a.annotation.on,
  a.annotation.on {
    display:block;
  }

  .boxOptions a.annotation:hover {
    left:0;
    width:105px;
    padding-left:15px;
  }

  .boxOptions a.annotation.opened {
    left:0;
    width:100%;
    padding-left:20px;
    display:block;
    z-index:25;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
  }

.annotationText.hide, .boxContent.hide {
  display:none;
}

.annotationText {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  padding:20px 2px 2px 2px;
  background:#ffa51d;
  color:#fff;
  font-size:11px;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 z-index:22;
 line-height:1.5;
 opacity:0.97;
}

  .annotationText textarea {
    background:#e98b00;
    border:1px solid #d07d00;
    font:inherit;
    color:#fff;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
      overflow-y:auto;
    width:100%;
    height:100%;
  }


.annotationText input[type="button"] {
  color:#fff;
  background:#e98b00;
  border:1px solid #e98b00;
  font-size:10px;
  padding:3px 10px;
  cursor:pointer;
  line-height:1;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   height:22px;
}

.annotationText input:disabled[type="button"] {
  color:#d07d00 ;
  border:1px solid #d07d00;
  background:#ffa724;
  cursor:default;
}

/* show all options on hover (in edit mode) */
    .boxOptions.visible a {
        display: block;
    }

.boxContent p.error {
  background-color:#dc5151;
  color:#fff;
  font-size:12px;
  text-align:center;
  padding:5px;
  margin:0;
  outline:none;
  position:relative;
  z-index:2;
}


.widgetInitializationError {
  border:1px solid #dc5151;
}

.widgetInitializationError .wrapRolling {
  height:100%;
}

.widgetInitializationError strong {
  font-size: 15px;
}

.widgetInitializationError .sourceName {
  font-weight: bolder;
}

.widgetInitializationError ul.errorList {
  margin: 5px 0 20px;
}

  .widgetInitializationError ul.errorList li {
    list-style: none;
    margin: 5px 10px;
  }

.warningOverlay {
  outline:1px solid #d07d00;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1
}

.warningOverlay:after {
  background-color:#ff9900;
  border:none;
  color:#fff;
  content:"Action required";
  font-size:12px;
  text-align:center;
  position:absolute;
  left:11px;
  top:39px;
  padding:5px;
  width:calc(100% - 30px);
}

.widgetSourceError .boxContent  {
    height: inherit;
    position: absolute;
    width: 100%;
}

.widgetCloneError:after {
  background-color:#dc5151;
  border:none;
  color:#fff;
  content:"Cannot be cloned";
  font-size:12px;
  text-align:center;
  position:absolute;
  left:11px;
  top:39px;
  padding:5px;
  width:calc(100% - 30px);
}

.boxOptions.visible ~ .warningOverlay {
  background-color: rgba(255,216,0,0);
}

.warningContainer {
  background: transparent;
  margin: 1px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  opacity:0;

  -webkit-transition:all 0.25s linear;
  transition:all 0.25s linear;
}


.warningContainer p {
  font-size:13px;
  color:#fff;
  margin:0;
  padding: 10px 15px;
  background:#ff9900;
}

.warningContainer div {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}

.warningContainer.visible {
  opacity:1;
}

.warningContainer button {
  background-color:#000;
  border:none;
  color:#fff;
  cursor:pointer;
  font-family:'Open Sans';
  font-size:12px;
}

.warningContainer button.confirm {
  margin:2px 4px;
  padding:1px 12px;
}

/* Center gauges */
.gauge table {
  margin:auto !important;
}

/* draggable hint */
.editMode .box:hover .boxHeader:before {display:block; border-bottom:1px solid #d0d0d0; content:""; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAIAAAAmzuBxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIxMDZCRjVBRkZFOTExRTRCMTI4RTc0MkRDRjhGQkVGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIxMDZCRjVCRkZFOTExRTRCMTI4RTc0MkRDRjhGQkVGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjEwNkJGNThGRkU5MTFFNEIxMjhFNzQyRENGOEZCRUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjEwNkJGNTlGRkU5MTFFNEIxMjhFNzQyRENGOEZCRUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6xAV3tAAAAzUlEQVR42mL88P4tAwz8/v37+NEjltY2rKyscEEmOOv///9HDh18+vQJkASysag4e+b0ixfPgQwgCWTDxRmAtrx/92bv7u1ABhBNnzIBwtizaztQHMhg+vXr14H9+27dvMmACm7fugkUB8oybt6w9smTxww4gIyMLJO5pZWEpCSQExkdC0TIDKA4UJaFjY3NwdEZxWlgoKqmbmxiyggE8PA4c/oU0G6otKqaiZk5um+BOsQlJIAMIGlsagYXZ0QL02NHD1tZ2yKHKUCAAQBYOG8T/KWC2gAAAABJRU5ErkJggg==');
background-position:50%; background-repeat:no-repeat; color:#979490; text-transform:uppercase; text-align:center; position:absolute; top:0; left:0; right:0; background-color:#f0efed; height:12px; z-index:2;}

.editMode .dragging .box:hover .boxOptions, .editMode .dragging .box:hover .ui-resizable-handle {display:none;}


.editMode .rollingContainer .box.headerWidget:hover .boxHeader:before {display:block; border-bottom:1px solid #d0d0d0; content:""; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAIAAAAmzuBxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIxMDZCRjVBRkZFOTExRTRCMTI4RTc0MkRDRjhGQkVGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIxMDZCRjVCRkZFOTExRTRCMTI4RTc0MkRDRjhGQkVGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjEwNkJGNThGRkU5MTFFNEIxMjhFNzQyRENGOEZCRUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjEwNkJGNTlGRkU5MTFFNEIxMjhFNzQyRENGOEZCRUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6xAV3tAAAAzUlEQVR42mL88P4tAwz8/v37+NEjltY2rKyscEEmOOv///9HDh18+vQJkASysag4e+b0ixfPgQwgCWTDxRmAtrx/92bv7u1ABhBNnzIBwtizaztQHMhg+vXr14H9+27dvMmACm7fugkUB8oybt6w9smTxww4gIyMLJO5pZWEpCSQExkdC0TIDKA4UJaFjY3NwdEZxWlgoKqmbmxiyggE8PA4c/oU0G6otKqaiZk5um+BOsQlJIAMIGlsagYXZ0QL02NHD1tZ2yKHKUCAAQBYOG8T/KWC2gAAAABJRU5ErkJggg==');
background-position:50%; background-repeat:no-repeat; color:#979490; text-transform:uppercase; text-align:center; position:absolute; top:-9px; left:0; right:0; background-color:#f0efed; height:12px; width:1040px;}


.commentsWidgetNote {
  color:#808080;
  font-style:oblique;
  text-align:center;
}

/* dashboard CSV and Image import */
#commentImageUploader, #commentImageUploader *,
#csvUploader, #csvUploader * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#commentImageUploader, #csvUploader {
  background-color: #fff;
  border-radius: 0 0 3px 3px;
  font-family: 'Open Sans';
  font-size: 14px;
}

#progress {
  color: #fff;
  background-color: #2b537d;
  margin: 5px 0;
}

#error {
  color: #a41010;
  background-color: #fbd9d8;
  margin: 5px 0;
}

#browse {
  display: inline-block;
  background-color: #f3f3f3;
  border: 1px solid #c5c5c5;
  color: #424242;
  font-size: 12px;
  padding: 2px 10px;
  margin: 5px 0 5px 5px;
  text-decoration: none;
}

#upload {
  display: inline-block;
  background-color: #f3f3f3;
  border: 1px solid #c5c5c5;
  color: #424242;
  font-size: 12px;
  padding: 2px 10px;
  margin: 5px 0 5px 5px;
  text-decoration: none;
}

.editableText {
  height:100%;
  background:#d6d6d6;
  overflow:auto;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
  padding:10px;
}

.editableTextView {
     -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
  padding:10px;
}

/* Default color and size values */

#headerWrap {
    background: url(/Content/Shared/headerGradient.png) left bottom repeat-x;
}


.addLogoLabel {
    position:absolute;
    top:0;
    left:14px;
  }

.unsetLogoLabel {
    position: absolute;
    top: 0;
    left: 100px;
}

  #addLogo a:hover {
    text-decoration:underline;
}

#btnUpload, #logoFile {
  width:auto;
}

#logoFile {
  background:transparent;
}
/* Add logo */
/* crop when logo is too large (>220px) or too tall (>125px) */
#addLogo {
  color:#b8b8b8;
  float:left;
  max-width:250px;
  max-height:125px;
  margin:5px 10px 0 0;
  overflow:hidden;
  position:relative;
}

#addLogo a {
  text-decoration:none;
  color:inherit;
  font-size:16px;
  display:block;
  width:250px;
  min-height:40px;
  max-height:125px;
  /*background:#748795 url(/Content/Shared/bgInsertImage.gif) 50%;*/
  border-radius:3px;
  background:url(/Content/Shared/bgInsertImage.png) 50%;
}

  #addLogo:hover {
      background-color:#d8d8d8;
  }


#addLogo div.delete {
  display:none;
  color:#fff;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background:  #D0D0D0 url("/Content/Shared/btnDelete.png") right top no-repeat;
  transition: width 0.15s;
  -webkit-transition: width 0.15s; /* Safari */
}

  #addLogo div.delete:hover, #addLogo div.edit:hover {
    width:120px;
  }

  #addLogo div.delete:hover span, #addLogo div.edit:hover span {
    display:block;
    font-family:'Open Sans';
    white-space:nowrap;
    color: #FFFFFF;
    font-size: 10px;
    line-height: 1;
    margin: 5px;
  }

#addLogo div.delete:hover {
    background-color:#D83E3E;
        /*width:120px;*/
}

#addLogo span {
    color: #FFFFFF;
    display: none;
    font-size: 9px;
    line-height: 1;
    position: absolute;
}

#addLogo:hover span {
    color: #FFFFFF;
    display: none;
    font-size: 10px;
    line-height: 1;
    margin: 5px;
    position: absolute;
}

#addLogo div.edit {
  display:none;
  color:#fff;
  position: absolute;
  right: 0;
  top: 20px;
  width: 20px;
  height: 20px;
  background: #D0D0D0 url("/Content/Shared/btnEdit.png") right top no-repeat;
  transition: width 0.15s;
  -webkit-transition: width 0.15s; /* Safari */
}

  #addLogo:hover div.edit, #addLogo:hover div.delete {
    display:block;
  }


#addLogo div.edit:hover {
    background-color:#0096c7;
        /*width:120px;*/
}

#addLogo img {
  border: none;
}


/* Tabs throught different dashboards and Edit button when logged as admin */
  .dashboardTabs a {
    background: #0096c7;
    color: #fff;
    font-size:11px;
  }

  .dashboardTabs a:hover {
    background:#00769d;
  }


/* indicators */
span.trend {
  font-size: 12px;
  font-weight: bold;
  text-shadow: rgba(0,0,0,0.25) 0px -1px 0;
  color: #fff;
  margin: 0;
  padding: 0;
  display: inline-block;
  border-radius: 3px;
  padding: 0;
  min-width: 70px;
}

table.previous td.third {
    display: none;
}

table.third td.previous {
    display: none
}

table.absolute span.perc, table.absolute span.last {
    display: none;
}

table.perc span.absolute, table.perc span.last {
    display: none;
}

table.last span.absolute, table.last span.perc {
    display: none;
}

table.none span.absolute, table.none span.perc, table.none span.last {
    display: none;
}

table.absolute td.overSpan:hover span.absolute{
    display: none;
}

table.absolute td.overSpan:hover span.perc{
    display: block;
}

table.perc td.overSpan:hover span.perc{
    display: none;
}

table.perc td.overSpan:hover span.absolute{
    display: block;
}

table.last td.overSpan:hover span.last{
    display: none;
}

table.last td.overSpan:hover span.absolute{
    display: block;
}

/*graphBars */
.barNb {
  text-align: center;
  font-size: 30px;
  color:inherit;
  height: 70px;
  font-family: 'Capriola', sans-serif;
}

.compact .barNb {
  height: 40px;
}

.barComp {
  font-size: 10px;
  display: flex;
}

  .barComp1 div:first-child, .barComp2 div:first-child {
    opacity:0.9;
}

  .barComp div {
    margin: 3px 0 2px;
    font-size:11px;
}

.barComp span.trend {
    padding: 0 5px;
}

.barComp2 div {
  text-align: right;
}

#poweredBy, #poweredBy a, #poweredBy a:visited
{
    margin:20px auto;
    text-align:center;
    font-size:10px;
    color:#bbb;
}

/*.editError input {
  background: #ffdddd !important;
  outline: 1px solid #ff0000 !important;
  box-shadow: inset 0 0 5px #ddd;
}*/

/* Data Tables */

/**/
.dataTable {width:100%; display:table; max-width:490px;  font-size:13px;}
.theader  {display:table-cell; max-width:280px; }
 .theader div.wrap {width:100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.tcell {display:table-cell; text-align:right; white-space: nowrap; width:1%;}
.trow {display:table-row;}
.trow:nth-child(2) {background-color: rgba(0, 0, 0, 0.05);}

.table4 {width: 100%; border-collapse: collapse; line-height:1.3; font-size:13px; }
.table4 thead { display: none }
.table4 th {text-align:left; width: 100%; font-weight:normal; max-width:280px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.table4 td {text-align:right; white-space: nowrap; padding-left:2px; padding-right:2px;}
.table4 td.noStats {text-align: center;}
.table4 td.numbers {font-weight:bold; font-size:14px;}
  .table4 span.trend {display: block;}


/* pie chart (list fomatter) */
/* svg.pie path.selected {stroke:#fff; }*/
svg.pie text {
  pointer-events:none;
}




.table5 {width: 100%; font-size:13px; border-collapse: collapse; line-height:1.3;}
.table5 tbody th {text-align:left; width: 100%; font-weight:normal; max-width:280px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.table5 tbody td, .table5 tfoot td {
    text-align: right;
    white-space: nowrap;
    padding-left: 2px;
    padding-right: 2px;
}
.table5 tbody td.numbers {font-weight:bold; font-size:14px; padding-left:15px; padding-right:5px;}
  .table5.none tbody td.numbers {min-width:50px; }
  .table5 span.trend {display: block;}
  .table5 .tdHeading {text-align:center; font-weight:600; max-width: 300px;}
  .table5 thead th span.tdHeadingWrap {
    position:relative;
    display:block;
    padding-top: .6rem;
  }

.campaignMultiColumnList .table5 thead th span.tdHeadingWrap {
    height: 0px;
}

.table5 thead th span.tdHeading {
    position: relative;
    left: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    padding-right: 5px;
    padding-left: 7px;
}

.campaignMultiColumnList .table5 thead th span.tdHeading {
    top: -30px;
}

.table5 .dimension + .dimension {
    padding-left: 10px;
    padding-right: 10px;
}

/* table 6 */
.standingDogRankingReport {overflow: hidden;}

.standingDogRankingReport h2:before {
  padding-right:5px;
  vertical-align:text-bottom;
}
  .standingDogRankingReport.google h2:before {
    content: url(/Content/Shared/icnGoogle.gif);
  }

  .standingDogRankingReport.bing h2:before {
    content: url(/Content/Shared/icnBing.gif);
  }

  .standingDogRankingReport.yahoo h2:before {
    content: url(/Content/Shared/icnYahoo.gif);
  }

.standingDogRankingReport.box h2 input {margin:0; width:97%; width: calc( 100% - 25px );}

.table6 {width: 100%; font-size:13px; border-collapse: collapse; line-height:1.3;}
 .table6 thead th {padding:0 1px;}
.table6 tbody th {text-align:left; font-weight:normal; letter-spacing: -0.3px; max-width:250px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
  .table6 tbody td:first-of-type {text-align:left; letter-spacing: -0.3px;}
.table6 tbody  td {text-align:right; white-space: nowrap; padding:2px;}
.table6 tbody td.noStats {text-align: center;}
.table6 tbody td.numbers {font-weight:bold; font-size:12px; padding-left:10px; padding-right:10px;}
.table6.none tbody td.numbers {min-width:50px; }
.table6 span.trend {display: block; min-width: 40px; width:40px;}
.table6 .tdHeading {text-align:center; font-weight:600;}
  .table6 thead th:nth-child(n+2) {font-size:12px; padding-top:4px;}
  .table6 .highlight {background:rgba(200,200,200,0.2);}

  /* highlight borders supporting colspan */
  .table6  thead th.highlight {border-top:1px solid #bbb; border-right:1px solid #bbb; border-left:1px solid #bbb;}
  .table6 tr td.highlight.numbers {border-left:1px solid #bbb;}
  .table6 tr td.highlight[colspan="2"] {border-right:1px solid #bbb}
  .table6 tr td.highlight:not(.numbers) {border-right:1px solid #bbb;}
  .table6 tr:last-child td.highlight {border-bottom:1px solid #bbb;}

  /* 3 last row isolation */
  .table6 tr:nth-last-child(3) th, .table6 tr:nth-last-child(3) td {border-top:1px solid #666;}

    /* 3 last row isolation */
  .table6 tr:nth-last-child(3) th {font-weight:bold;}
  .table6 tr:nth-last-child(2) th {font-weight:bold;}
  .table6 tr:nth-last-child(1) th {font-weight:bold;}

  .table6 th:nth-child(3), .table6 th:nth-child(n+8) {width:86px;}
.table6 thead th:nth-child(-n+2)  {text-align:left;}
.table6 thead th {background-color:#fff;  border-bottom: 1px solid #EEEEEE; font-size:12px; vertical-align:top; text-transform:uppercase;}
.table6 thead th span.tdHeadingWrap {position:relative; display:block;}
.table6 thead th span.tdHeading {position:absolute; left: 0; top: -30px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.table6 tbody td.numbers:nth-child(n+4) {text-align: center;}



.table1 {
  width: 100%;
  border-collapse: collapse;
  font-size: 11px;
  line-height:1.3;
  table-layout: fixed; /* ellipsis */
}

[data-sizey="4"] .table1, [data-sizey="4"] .table4, [data-sizey="4"] .table5  {
      line-height:1.51;
}

[data-sizey="6"] .table1, [data-sizey="6"] .table4, [data-sizey="6"] .table5   {
      line-height:1.58;
}


  .table1 caption {
    color: #292929;
    font-weight: bold;
    font-size: 12px;
    margin: 0;
    text-transform: uppercase;
    text-align: left;
    height: 22px;
  }

  .table1 th {
    text-align: left;
    font-weight: normal;
      font-size: 13px;
    padding: 0;

      font-family:inherit;
    overflow: hidden;  /* ellipsis */
    white-space: nowrap;  /* ellipsis */
    text-overflow: ellipsis;  /* ellipsis */
  }

.table1 td {
  text-align: center;
  width: 75px;
  padding: 1px;
}

  .table1 td.noStats {
    text-align: center;
    font-style: italic;
  }

  .table1 td input {
    text-align: right;
  }

  .table1 td.numbers {
    font-family:inherit;
    font-size: 14px;
    font-weight: bold;
   /*width: auto;*/
    position: relative; /* visible overflow */
    width:105px;
    text-align: right;
  }

  .table1 td.reference {
    text-align: right;
  }

    .table1 td.numbers .editableRegionInput {
      width: auto;
    }

.table1 caption:hover {
  outline: 1px solid #EFEFEF;
  background: #fbfbfb;
}

/* Social tables */

.social {
  width: 100%;
  border-collapse: collapse;
}

  .social tbody:nth-child(1) th {
    border: none;
  }

  .social tbody:nth-child(1) td {
    border: none;
  }

  .social th {
    text-align: left;
    font-size: 12px;
    padding: 8px 5px 4px;
    margin: 0;
    vertical-align: middle;
    border-top: 1px solid #e5e5e5;
  }

  .social td {
    text-align: right;
    font-size: 18px;
    padding: 8px 5px 4px;
    margin: 0;
    vertical-align: middle;
    border-top: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
  }

  .social tr.details th {
    color: #999999;
    font-size: 10px;
    font-weight: normal;
    border: none;
    padding: 0 0 6px 5px;
  }

  .social tr.details td {
    font-size: 10px;
    padding: 0 5px 6px 5px;
    border: none;
  }

.filterExamples
{
    color:#ededed;
    font-size:10px;
}

.filterExamples code
{
    font-family:'Courier New';
    font-size:11px;
}

#AdwordsStatusFilters
{
    color:#fff;
}


/*Section widget*/
.sectionWidget {
    background-color:#0097C8;
}

/* Gridster - begin  */
.gridster .preview-holder {
  background-color: rgba(2,37,50,0.1) !important;
  box-shadow: inset 0 0 10px rgba(50,50,50,0.5) !important;
}

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

    .gridster {
      width: 1040px;
      position: relative;
      }

[data-sizey="1"] {
    height: 120px;
}
[data-sizey="2"] {
    height: 250px;
}
[data-sizey="3"] {
    height: 380px;
}
[data-sizey="4"] {
    height: 510px;
}
[data-sizey="5"] {
    height: 640px;
}
[data-sizey="6"] {
    height: 770px;
}
[data-sizey="7"] {
    height: 900px;
}
[data-sizey="8"] {
    height: 1030px;
}
[data-sizey="9"] {
    height: 1160px;
}
[data-sizey="10"] {
    height: 1290px;
}
[data-sizey="11"] {
    height: 1420px;
}
[data-sizey="12"] {
    height: 1550px;
}
[data-sizey="13"] {
    height: 1680px;
}
[data-sizey="14"] {
    height: 1810px;
}
[data-sizey="15"] {
    height: 1940px;
}
[data-sizey="16"] {
    height: 2070px;
}
[data-sizey="17"] {
    height: 2200px;
}
[data-sizey="18"] {
    height: 2330px;
}
[data-sizey="19"] {
    height: 2460px;
}
[data-sizey="20"] {
    height: 2590px;
}
[data-sizex="1"] {
    width: 120px;
}
[data-sizex="2"] {
    width: 250px;
}
[data-sizex="3"] {
    width: 380px;
}
[data-sizex="4"] {
    width: 510px;
}
[data-sizex="5"] {
    width: 640px;
}
[data-sizex="6"] {
    width: 770px;
}
[data-sizex="7"] {
    width: 900px;
}
[data-sizex="8"] {
    width: 1030px;
}
[data-sizex="9"] {
    width: 1160px;
}
[data-sizex="10"] {
    width: 1290px;
}
[data-sizex="11"] {
    width: 1420px;
}
[data-sizex="12"] {
    width: 1550px;
}
    /* gridster - end */

/* Mask print button */
 .editMode #headerOptionSelector, .editMode .dashboardEditButtonWrapper  {
    display: none;
  }
/* campaign */
 /* detailedNumberWidget basis */
.detailedNumberWidget .campaignNumberContent {
   display: flex;
   flex-direction: column;
   margin-bottom: 0;
   padding-bottom: 15px;
 }
.detailedNumberWidget .loaderPercentage {background-color:#fff; color:#fff;}
.detailedNumberWidget h2 {color:#fff;}
.detailedNumberWidget .boxContent {width: 240px; padding: 0; margin: auto; overflow:visible;}
.detailedNumberWidget {background-color: #2a4655; font-size:12px;}

.detailedNumberWidget .textfill {
    color:#fff;
    font-size:36px;
    line-height: 1;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    white-space: nowrap;

}

/* meter bars */
.meter {background:#cccccc; width:100%; height:20px; margin:auto; position:relative; font-family:'Open Sans'; margin-top:10px;flex-shrink: 0; flex-grow: 0}
.meter-bar {position:absolute; top:0; display:block; background:#61a3c5; border-color:#61a3c5; width:0; height:100%; transition: all 0.2s ease;}
.meter-bubble {display:inline-block; background:inherit; border-color:inherit; color:#fff; position:absolute; left:100%; top:-32px; padding:2px 5px; display:none; white-space:nowrap;}
.meter-bubble:before {
    content: " ";
    border-top: 10px solid #61a3c5;
    border-top-color: inherit;
    border-right: 10px solid transparent;
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left:0;
    bottom:-10px;
}
.bad .meter-bubble:before {
    border-top-color: #e06153;
}
.meter-bar:hover .meter-bubble {display:inline-block;}

.meter-bar.objective {background:#000; height:4px; top:9px;}
.meter-bar.objective:hover {height:10px; top:5px}
.objective .meter-bubble {background:#000;}
.objective .meter-bubble:before {border-top: 10px solid #000;}

/* reversed bubbles */
.meter-bar.reversed .meter-bubble {left:auto; right:0; border-top-color: inherit;	}
.meter-bar.reversed .meter-bubble:before {border-right:0; border-left: 10px solid transparent; left:auto; right:0;}

.detailedNumberWidget .variation {color:#61a3c5; font: bold 18px/1;  font-size:18px; font-weight:bold; height:30px; padding-left: 5px; flex-shrink: 0; flex-grow: 0;}
.detailedNumberWidget .variation.good {color:#87b236; background:transparent;}
.detailedNumberWidget .variation.bad {color:#d83e3e; background:transparent;}
.detailedNumberWidget .variation.neutral {color:#bababa; background:transparent;}

[data-sizey="1"].detailedNumberWidget .meter {display:none;}
/* EO - campaign */


.standingDogYoyLegend, .standingDogVisibilityLegend {line-height:1; text-align:center;}

/* Trending as datatable widget */

.standingDogTrend table tr:nth-child(3n+1) td {border-bottom:1px solid #bbb;}

/* remove texthover cursor */
[data-widget-loader="StandingDogVisibilityFormatter"] text {
  pointer-events:none;
}

.trendingAsDataTableTH {
  border-bottom:1px solid #f9f9f9;
  font-family:'Open Sans';
  font-size: 13px;

  padding-right:5px !important;
  text-align:right;
}

.trendingAsDataTableTD {
  font-family:'Open Sans';
  font-size: 13px;

  padding-right:5px !important;
  text-align:right;
}

.trendingAsDataTableTH.highlight,
.trendingAsDataTableTD.highlight {
  border-left:1px solid #bbb;
}




.trendingAsDataTableTH:nth-child(14) {
  font-weight:bold;
  border-color:#000 !important;
  border-width:2px !important;
}

.trendingAsDataTableTD:nth-child(14) {
  font-weight:bold;
}

.trendingAsDataTableTD:first-child {
  font-weight:600;
  text-align:left;
}

.trendingAsDataTableTDHover {
}

.trendingAsDataTableTH:nth-child(odd), .trendingAsDataTableTD:nth-child(odd) {
/* background-color: rgba(0, 0, 0, 0.005);
color: #999;*/
color:#0087bf;
}

.trendingAsDataTableTH:first-child, .trendingAsDataTableTD:first-child {
  color:#000;
  white-space:nowrap;
  width:125px;
}



/* Colors used in indicators */
.good {
  background-color: #87b236;
  border-color: #87b236;
  fill: #87b236;
}

  .wrapChange.good {
    color:#87b236;
  }

.medium {
  background-color: #ff9900;
  border-color: #ff9900;
}

  .wrapChange.medium {
    color:#ff9900;
  }

.bad {
  background-color: #d83e3e;
  border-color: #d83e3e;
  fill: #d83e3e;
}

  .wrapChange.bad {
    color:#d83e3e;
  }

.new {
  background-color: #0096c7;
  border-color: #0096c7;
  fill: #0096c7;
}

  .wrapChange.new {
    color:#0096c7;
  }

.neutral {
  background-color: #bababa;
  border-color: #bababa;
}

  .wrapChange.neutral {
    color:#bababa;
  }

.background {
  /* rgba NOT allowed */
  /* background-color: transparent for transparency
  */
  background-color:#f9f9f9;
}

.font {
  font-family: 'Open Sans';
  font-size: 12px;
  color: #000;
}

.oddTable tbody tr:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.02);
}

  .oddTable tbody tr:hover {
    background-color:#e5eff4;
  }

  .oddTable tbody tr:nth-child(odd):hover {
    background-color:#dfe9ee;
  }

.border {
  background-color: #dfdfdf;
}

.color1 {
  background-color: #61a3c5; /* Main char color (bars, ...) #0096c7;*/
  fill: #61a3c5; /* Main char color (bars, ...) #0096c7;*/
}

.line.color1 {
  stroke: #61a3c5;
}

.color2 {
  background-color: #98c73d;
  fill: #98c73d;
}

.line.color2 {
  stroke: #98c73d;
}

.color3 {
  background-color: #fcd920;
  fill: #fcd920;
}

.line.color3 {
  stroke: #fcd920;
}

.color4 {
  background-color: #ec6c20;
  fill: #ec6c20;
}

.line.color4 {
  stroke: #ec6c20;
}

.color5 {
  background-color: #ec3b42;
  fill: #ec3b42;
}

.line.color5 {
  stroke: #ec3b42;
}

/* new colz */
.color6 {
  background-color: #d05a9a;
  fill: #d05a9a;
}

.line.color6 {
  stroke: #d05a9a;
}

.color7 {
  background-color: #0059a9;
  fill: #0059a9;
}

.line.color7 {
  stroke: #0059a9;
}

.color8{
  background-color: #01994e;
  fill: #01994e;
}

.line.color8 {
  stroke: #01994e;
}

.color9{
  background-color: #f5a301;
  fill: #f5a301;
}

.line.color9 {
  stroke: #f5a301;
}

.color10{
  background-color: #ce571c;
  fill: #ce571c;
}

.line.color10 {
  stroke: #ce571c;
}

.color11{
  background-color: #c5003c;
  fill: #c5003c;
}

.line.color11 {
  stroke: #c5003c;
}

.color12 {
  background-color: #5f1584;
  fill: #5f1584;
}

.line.color12 {
  stroke: #5f1584;
}

.color13 {
  background-color: #79f6de;
  fill: #79f6de;
}

.line.color13 {
  stroke: #79f6de;
}

.color14 {
  background-color: #3be723;
  fill: #3be723;
}

.line.color14 {
  stroke: #3be723;
}



.line {
  fill: none;
  stroke-width: 2px;
}

/* Logo manager */
#appendImage {
  background:#748795;
  color:#a2b1bd;
  font-size:16px;
  text-align:center;
  display:table;
  vertical-align:middle;
}

  #appendImage span {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
  }

#imageSelector {
  height: 250px;
  overflow: auto;
}

.image {
  width: 250px;
  height: 125px;
  margin: 5px;
  float: left;
  overflow: hidden;
}

.ui-widget-content .btnAccept, .ui-widget-content .btnCancel {
  text-decoration: none;
  background: #b4b4b4;
  color: #000;
  min-width: 70px;
  padding: 5px 15px;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  float: right;
  clear: left;
  margin-left:1px;
}


.blueLayout .ui-widget-content .btnAccept, .blueLayout .ui-widget-content .btnCancel {
  text-decoration: none;
  background: #0096c7;
  color: #fff;
  min-width: 70px;
  padding: 5px 15px;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  float: right;
  clear: left;
  margin-left:1px;
}

  .image:hover, .image.selected {
    cursor:pointer;
    color:#fff;
    outline:2px solid #ffa811;
  }

#logoThumbHeader {
    float: left;
    /*color: #FFF;*/
}

#logoThumb {
    clear: left;
    float: left;
    width: 250px;
    height: 125px;
    /*outline: #FFF dashed 1px;*/
    outline: #000 dashed 1px;
    position: relative;
    overflow: hidden;
}

#logoControls {
    float: left;
    clear: left;
    margin-top: 10px;
}

#logoContainerHeader {
    margin-left: 270px;
    color: #FFF;
}

#logoContainer {
    margin-left: 260px;
    position: relative;
}

    #logoContainer img {
        max-width: 800px;
        max-height: 800px;
    }

/* End of logo manager styles */


#reportPeriod {
    z-index: 10;
    position: relative;
}

.ui-dialog {
    z-index: 20;
}

.ui-widget-overlay { /* must be over everithing except ui-dialog */
  z-index:16;
}

/* Rolling */
.rollingContainer .box {
  box-shadow:none;
}

.rollingContainer .box:hover {
  box-shadow:0 0 1px rgba(0, 0, 0, 0.1);
}

/*.widgetContainer.rollingContainer {
  background:#cfcfcf;
}*/

.rollingContainer .ui-sortable-placeholder {
  height:100%;
}

/*  */
.rollingContainer [data-sizex="1"] {
    width: 100%;
}

.rollingContainer .headerWidget[data-sizey="1"] {
    height: auto;
    margin-top:5px;
}

.rollingContainer [data-sizey="1"] {
    height: 80px;
}

  .rollingContainer [data-sizey="1"] .loader {
    margin-top:8px;
  }

.rollingContainer [data-sizey="2"] {
    height: 161px;
}

  .rollingContainer [data-sizey="2"] .loader {
    margin-top:48px;
  }


.rollingContainer [data-sizey="3"] {
    height: 242px;
}

  .rollingContainer [data-sizey="3"] .loader {
    margin-top:89px;
  }

.rollingContainer [data-sizey="4"] {
    height: 323px;
}

  .rollingContainer [data-sizey="4"] .loader {
    margin-top:130px;
  }

.rollingContainer [data-sizey="5"] {
    height: 404px;
}

  .rollingContainer [data-sizey="5"] .loader {
    margin-top:170px;
  }

.widgetContainer.rollingContainer .box {
  overflow: hidden;
  border-bottom: 1px solid #cfcfcf;
}




/**/
.widgetContainer.rollingContainer box.headerWidget {
  overflow:visible;
}

.widgetContainer.rollingContainer .headerWidget .boxContent {
  display:block;
      border-top: 3px solid #CFCFCF;
      /*border-top: 5px solid #0096C7;*/
}

.rollingTitles table {
  background:#fff;
  width:100%;
  text-align:right;
  border-collapse:collapse;
  border-top:1px solid #bebebe;
  /*margin-top:50px;*/
  font-size:12px;
  font-weight:bold;
}

  .rollingTitles table td, .rollingTitles table th  {
    padding:5px;
  }

  .rollingTitles table th {
    width:206px;
    padding:0;
  }

  .rollingTitles table td {
    width:155px;
    text-align:right;
    text-transform:uppercase;
    border-left:1px solid #ededed;
    font-family: inherit;
  }

  .rollingTitles table td:first-of-type {
    width:504px;
    height:26px;
      border:none;
  }

.widgetContainer.rollingContainer .boxHeader {
  width:190px;
  height:70px;
  float:left;
  margin:0;
  padding:10px 5px 0;
  color:#fff;
}



.widgetContainer.rollingContainer .headerWidget h2 input, .widgetContainer.rollingContainer .headerWidget h2 {
  color:#000;
  font-family: inherit;
  font-size:12px;
  text-transform:uppercase;
  font-weight:bold;
}

.widgetContainer.rollingContainer .box h2 {
  line-height: 1.5;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}


.rollingContainer .headerWidget h2 input:hover, .rollingContainer .headerWidget h2 input:focus {
    background-color:#f4f4f4;
  outline-color: #e6e6e6;
}

.widgetContainer.rollingContainer .boxContent {
  height:auto;
  padding:0;
  background:#fff;
  display:inline;
}


.widgetContainer.rollingContainer .headerWidget .boxHeader {
  position:absolute;
  top:13px;
  padding:0 5px;
  height:25px;
  width:350px;
  background-color:#fff;
  opacity:0.9;
  color:#000;
}


/* table2 layout */

.rollingContainer .box table.table2 {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
}

table.table2 {
  border-top: 3px solid #CFCFCF;
  font-size: 12px;
  border-collapse: collapse;
  line-height: 1.45;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
}

.table2 .trend {
  /*font-size:12px;*/
}

.table2 col.header {
  width: 290px;
}

.table2 col.value {
  width: 120px;
}

.table2 col.change {
  width: 75px;
}

.table2 col.wrapRank {
  width: 55px;
}


table.table2 tbody tr:nth-child(odd) th, table.table2 tbody tr:nth-child(odd) td {
  background-color: #f5f5f5;
}

table.table2 tbody tr:nth-child(n+9) {
  display:none;
}

  table.table2 th, table.table2 td {
    background: #fff;
  }

  table.table2 thead td {
    color: #ababab;
    font-size: 11px;
    text-align: right;
  }

  table.table2 thead th {
    font-family:inherit;
    text-transform: uppercase;
    text-align: left;
      padding:10px 5px 0;
  }

  table.table2 th.period {
    text-align: right;
    border-right: 1px solid #ededed;
    /*padding-right:20px;*/
  background:#fff;
    color: #5d5d5d;
  }

   table.table2 .period.headerSortUp {
    background-position:100% -22px;
    color: #000;
  }

  table.table2 .period.headerSortDown {
     background-position:100% -48px;
    color: #000;
  }

  table.table2 tbody th {
    font-family:inherit;
    text-align: left;
    padding-left: 5px;

    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

  }

  table.table2 tbody td {
    text-align: right;
  }

  table.table2 td.wrapValues {
    font-weight: bold;
    padding-right: 3px;
  }

  table.table2 td.wrapRank {
    color: #ababab;
    border-right: 1px solid #ededed;
    padding: 3px 5px;
  }

  table.table2 thead td.wrapTrend {
    text-align: center;
  }

  table.table2 td.noStats {
    text-align: center;
  }
/* EO table2 layout */


/* table3 layout */

.rollingContainer .box table.table3 {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
}

.table3 {
    background: #cccccc;
  }

table.table3 th, table.table3 td {background: #fff;}

table.table3 {
  font-size: 12px;
  border-collapse: collapse;
  line-height: 1.3;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
  table-layout: fixed;
  height:80px;
}

table.table3 thead th {
  text-transform: uppercase;
    border-bottom:2px solid #ededed;
}

table.table3 th.period {
    text-align: right;
    border-right: 1px solid #ededed;
}

.header1 {
    width:140px;
    text-align: left;
    padding: 10px 5px;
}

.header2 {
    width:369px;
    text-align: right;
    padding: 10px 5px;
    border-right:1px solid #ededed;
}

.header3{
    width:239px;
    text-align: right;
  padding: 10px 5px;
    border-right:1px solid #ededed;
}

.header4{
    width:239px;
    text-align: right;
  padding: 10px 5px;
    border-right:1px solid #ededed;
}

.box.rollingList {
  margin-top:5px;
}

/*.wrapRolling {
  position: relative;
}*/

.widgetContainer.rollingContainer .wrapRolling {
  background: #0096c7;
  position: relative;
}


.widgetContainer.rollingContainer .rollingList .boxHeader {
  position:absolute;
  top:4px;
  height:25px;
  width:340px;

  opacity:0.9;
  color:#000;
}

.wrapSparkine {
  text-align: center;
  padding:0;
  width:349px;
}

.wrapValue {
  text-align: right;
  font-weight: bold;
  padding:0;
  padding-right:5px;
  width:95px;
}

.wrapChange {
  border-right: 1px solid #ededed;
  padding:0;
  text-align: center;
  width:64px;
  color:#5f5f5f;
}

.wrapChange.hidden {
  display: none;
}

.placeholder-highlight {
  display:block;
  width: 100%;
  height: 50px;
  line-height: 1.2em;
}

.donutWrap {
  height: 50px;
  width: 50px;
  position: relative;
}

.donutGraph {
  position: absolute;
  left: 0;
  top: 0;
  height: 50px;
  width: 50px;
  pointer-events: none;
}

    .donutGraph:after{
        background: #fff;
        left:5px;
        top:5px;
        border-radius: 100%;
        -moz-border-radius: 100%;
        content: '';
        display: block;
        padding: 20px;
        position: absolute;
        z-index: 2;
    }

    .donutGraph.success:after{
        display:none;
    }

    .donutGraph.good:after {
      background-color: #87b236;
    }

    .donutGraph.bad:after {
        background-color: #d83e3e;
    }

.donutValue {
  position: absolute;
  top: 17px;
  width: 50px;
  z-index:10;
}

    .donutValue.good, .donutValue.bad {
        background: transparent;
        font-size: 12px;
        font-weight: bold;
        color: #FFF;
    }

/* EO table3 layout */

/* EO Rolling */

/* Email notification manager */
.emailOptions
{
display:none;
}

.EmailNotificationWrap {
    display:none;
    width:100%;
    height:100%;
    position: fixed;
    z-index:100;
    top: 0;
    left:0;
    background:rgba(0,0,0,0.2);
}

.EmailNotificationBox {
    background-color: #fff;
    display: table;
    font-size: 13px;
    margin: 0 auto;
    width: 525px;
    border:1px solid #aaa;
    margin-top:50px;
}

.EmailNotificationOptions {
  display:table-cell;
  padding:10px;
}

  .EmailNotificationOptions h2 {
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 600;
    margin: 5px 0 10px;
  }

  .EmailNotificationOptions em {
    font-style:normal;
    opacity:0.5;
  }

  .EmailNotificationOptions .formButton {
    font-size:11px;
    margin:5px 0;
    padding:2px 10px;
    display:inline-block;
  }

  .EmailNotificationOptions .emailList {
    padding:5px 0;
  }

  .EmailNotificationOptions .emailList ul {
    list-style:none;
    margin:0;
    padding:0;
    line-height:1;
  }

  .EmailNotificationOptions .emailList ul li {
    display:inline-block;
    margin:3px 3px 0 0;
    border-radius:2px;
    background-color:#f5f5f5;
    border:1px solid #d9d9d9;
    padding:2px 4px;
    color:#000;

    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .EmailNotificationOptions li span.delete
  {
    vertical-align:middle;
    margin-left:8px;
    opacity:0.6;
  }

  .EmailNotificationOptions li span.delete:hover
  {
    opacity:1;
    color:#000;
    cursor:pointer;
  }

  .EmailNotificationOptions input[type="text"] {
      width:445px;
      font-family:'Open Sans';
      font-size:13px;
      border:1px solid #ccc;
      padding:2px;
  }

  .EmailNotificationOptions input[type="checkbox"] {
      vertical-align:top;
  }

  .EmailNotificationOptions textarea {
      width:500px;
      height:4em;
      font-family:'Open Sans';
      font-size:13px;
      border:1px solid #ccc;
      padding:2px;
  }

  .EmailNotificationOptions select {
      width:150px;
      border:1px solid #ccc;
      padding:2px;
  }

.EmailNotificationBox .formLine {
  margin: 1em 0;
}

#EmailNotificationCancel {
  color:#555;
  text-decoration: none;
  padding: 5px;
  margin-right: 5px;
}

  .EmailNotificationOptions label {
    display:block;
  }

.EmailNotificationFrequencyOption, #options {
  width:155px;
  display:inline-block;
}

.EmailNotificationFooter {
  display: table-caption;
  caption-side: bottom;
  border:1px solid #aaa;
  background: #f5f5f5;
  padding: 5px;
  margin-top:-1px;
}

.EmailNotificationFooter a {
  float:right;
}

/*Email Notification manager */



/*EO Email Notification manager */

/* UI calendar skin  */
.ui-datepicker {
  width: 216px !important;
  height: auto !important;
  margin: 5px auto 0 !important;
  background: #ededed !important;
  font-size: 12px !important;
  font-family: 'Open Sans' !important;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .05);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .05);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .05);
  border: 1px solid rgba(0,0,0,0.5);
}

  .ui-datepicker a {
    text-decoration: none;
  }

  .ui-datepicker table {
    width: 100%;
    border-collapse: collapse;
  }

.ui-datepicker-header {
  background: #0095c7 !important;
  color: #fff;
  font-weight: bold;
  line-height: 30px;
}

.ui-datepicker-title {
  text-align: center;
}

.ui-datepicker-prev, .ui-datepicker-next, .ui-datepicker-prev:hover, .ui-datepicker-next:hover {
  display: inline-block ;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
  line-height: 600%;
  overflow: hidden;
  background:none !important;
}

.ui-datepicker-prev {
  float: left;
  display: block;
  width: 0;
  height: 0;
  margin: 10px 0 0 10px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #fff;
}

  .ui-datepicker-prev .ui-state-hover {
    background:red;
    border:3px solid blue;
  }

.ui-datepicker-next {
  float: right;
  display: block;
  width: 0;
  height: 0;
  margin: 10px 10px 0 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #fff;
}

.ui-widget-header .ui-state-hover.ui-datepicker-prev {
  height:0;
  width:0;
  border-left:none;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #fff;
}

.ui-widget-header .ui-state-hover.ui-datepicker-next {
  height:0;
  width:0;
  border-right:none;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #fff;
}

.ui-datepicker-unselectable.ui-state-disabled .ui-state-default, .ui-datepicker-unselectable.ui-state-disabled .ui-state-hover {
  border:none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: none;
}

.ui-datepicker thead {
  background-color: #f7f7f7;
  border-bottom: 1px solid #bbb;
}

.ui-datepicker th {
  text-transform: uppercase;
  font-size: 10px;
  padding: 2px 0;
  color: #666666;
}

/* Dates */
.ui-datepicker-unselectable .ui-state-default {
  background: #f4f4f4;
  color: #b4b3b3;
}

.ui-datepicker tbody td {
  padding: 0;
  border-top:1px solid #e7e7e7;
}

  .ui-datepicker tbody td:last-child {
    border-right: 0px;
  }

/* Hover, etc states */
.ui-datepicker td span, .ui-datepicker td a {
  display: inline-block;
  font-weight: bold !important;
  text-align: center;
  width: 29px;
  height: 30px;
  line-height: 30px;
  color: #666666;
}

.ui-datepicker td a {
  border:inherit !important;
}

.ui-datepicker-calendar .ui-state-default {
  background: #dcdcdc !important;
}

.ui-datepicker-unselectable .ui-state-default {
  background: #f4f4f4 !important;
  color: #b4b3b3 !important;
}

.ui-datepicker-calendar .ui-state-hover {
  background: #f7f7f7 !important;
  /*border:none !important;*/
}


.ui-datepicker-calendar .ui-state-active {
  background: #0095C7 !important;
  color: #F6F6F6 !important;
  position: relative;
}

/* Left border fix */
.ui-datepicker-calendar td:first-child {
  padding-left: 1px;
  border-right:1px solid #e7e7e7;
  width: 28px;
}


/* EO ui calendar skin */

.period {
}

.periodComparison {
    color: #757575;
    font-size: 13px;
}

.axis path,
.axis line {
  shape-rendering: crispEdges;
}

.axis text {
  font-size: 12px;
}

.y.axis path {
  fill: #f8f8f8;
  opacity: 0.8;
}

.y.axis line {
  stroke: #424242;
}

/* Bubbles */
#bubble {
  position:absolute;
  z-index:12;
  pointer-events: none;
}

#bubble .legend-marker {
  display: inline-block;
  width: 10px;
  height: 10px;
}

#bubble>div {
  background: white;
  border-radius: 2px;
  box-shadow:0 0 1px black;
  color: black;
  font-family:'Open Sans';
  font-size: 13px;
  margin: 0;
  padding: 3px 5px;
  position: absolute;
  z-index: 5;
}

  #bubble p {
    white-space:nowrap;
  }

  #bubble > div p {
    margin: 0 0.5em;
  }


  #bubble.left>div {
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

      #bubble.left>div:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-top: 7px solid transparent;
      border-bottom: 7px solid transparent;
      border-left: 6px solid rgba(0,0,0,0.25);
      top: calc(50% - 7px);
      right: -6px;
      position: absolute;
      z-index: 98;
    }

    #bubble.left>div:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-left: 5px solid white;
      top: calc(50% - 5px);
      right: -5px;
      position: absolute;
      z-index: 99;
    }


  #bubble.topleft>div {
    bottom: 5px;
    right: 0;
    margin-right: -10px;
  }

      #bubble.topleft>div:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-top: 0;
      border-bottom: 7px solid transparent;
      border-right: 7px solid rgba(0,0,0,0.25);
      right: 9px;
      position: absolute;
      bottom: -7px;
      z-index: 98;
    }

    #bubble.topleft>div:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-top: 0;
      border-bottom: 5px solid transparent;
      border-right: 5px solid white;
      right: 10px;
      position: absolute;
      bottom: -5px;
      z-index: 99;
    }

  #bubble.top>div {
    bottom: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

    #bubble.top>div:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 6px solid rgba(0,0,0,0.25);
      left: calc(50% - 6px);
      position: absolute;
      bottom: -6px;
      z-index: 98;
    }


    #bubble.top>div:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid white;
      left: calc(50% - 5px);
      position: absolute;
      bottom: -5px;
      z-index: 99;
    }


  #bubble.topright>div {
    bottom: 5px;
    left: 0;
    margin-left: -10px;
  }

      #bubble.topright>div:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-top: 0;
      border-bottom: 7px solid transparent;
      border-left: 7px solid rgba(0,0,0,0.25);
      left: 9px;
      position: absolute;
      bottom: -7px;
      z-index: 98;
    }

    #bubble.topright>div:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-top: 0;
      border-bottom: 5px solid transparent;
      border-left: 5px solid white;
      left: 10px;
      position: absolute;
      bottom: -5px;
      z-index: 99;
    }

  #bubble.right>div {
    left: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

    #bubble.right>div:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-top: 7px solid transparent;
      border-bottom: 7px solid transparent;
      border-right: 6px solid rgba(0,0,0,0.25);
      top: calc(50% - 7px);
      left: -6px;
      position: absolute;
      z-index: 98;
    }

    #bubble.right>div:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-right: 5px solid white;
      top: calc(50% - 5px);
      left: -5px;
      position: absolute;
      z-index: 99;
    }



  #bubble.bottomright>div {
    left: 0;
    top: 5px;
    margin-left: -10px;
  }

    #bubble.bottomright>div:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-top: 7px solid transparent;
      border-bottom:0;
      border-left: 7px solid rgba(0,0,0,0.25);
      left: 9px;
      position: absolute;
      top: -7px;
      z-index: 98;
    }


    #bubble.bottomright>div:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-left: 5px solid white;
      left: 10px;
      position: absolute;
      top: -5px;
      z-index: 99;
    }


  #bubble.bottom>div {
    top: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

    #bubble.bottom>div:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 6px solid rgba(0,0,0,0.25);
      left: calc(50% - 6px);
      position: absolute;
      top: -6px;
      z-index: 98;
    }


    #bubble.bottom>div:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid white;
      left: calc(50% - 5px);
      position: absolute;
      top: -5px;
      z-index: 99;
    }


  #bubble.bottomleft>div {
    right: 0;
    top: 5px;
    margin-right: -10px;
  }


    #bubble.bottomleft>div:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-top: 7px solid transparent;
      border-bottom:0;
      border-right: 7px solid rgba(0,0,0,0.25);
      right: 9px;
      position: absolute;
      top: -7px;
      z-index: 98;
    }

    #bubble.bottomleft>div:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-top: 5px solid transparent;
      border-bottom:0;
      border-right: 5px solid white;
      right: 10px;
      position: absolute;
      top: -5px;
      z-index: 99;
    }


  .PDFloader:after {
  background: rgba(0, 0, 0, 0.7);
  color:#fff;
  content:url("/Content/Shared/loader2.gif") " Generating PDF, please wait...";
  display:block;
  font-family:'Open Sans';
  font-size:16px;
  margin:auto;
  padding:25px;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  text-align:center;
  z-index:20000;
}

  /* dashboard wizard */

  .dashboardWizard1 {
    background:rgba(0,0,0,0.8) url("/Content/Shared/overlayQuickStart.png") 50% 0 no-repeat ;
    bottom:0;
    color:#fff;
    left:0;
    top:0;
    right:0;
    position:fixed;
    z-index:200000;
  }








 /* */
.advancedList[data-sizey="1"] {
    height: 120px !important;
}
.advancedList[data-sizey="2"] {
    height: 250px !important;
}
.advancedList[data-sizey="3"] {
    height: 380px !important;
}
.advancedList[data-sizey="4"] {
    height: 510px !important;
}
.advancedList[data-sizey="5"] {
    height: 640px !important;
}
.advancedList[data-sizey="6"] {
    height: 770px !important;
}
.advancedList[data-sizey="7"] {
    height: 900px !important;
}
.advancedList[data-sizey="8"] {
    height: 1030px !important;
}
.advancedList[data-sizey="9"] {
    height: 1160px !important;
}
.advancedList[data-sizey="10"] {
    height: 1290px !important;
}
.advancedList[data-sizey="11"] {
    height: 1420px !important;
}
.advancedList[data-sizey="12"] {
    height: 1550px !important;
}
.advancedList[data-sizey="13"] {
    height: 1680px !important;
}
.advancedList[data-sizey="14"] {
    height: 1810px !important;
}
.advancedList[data-sizey="15"] {
    height: 1940px !important;
}
.advancedList[data-sizey="16"] {
    height: 2070px !important;
}
.advancedList[data-sizey="17"] {
    height: 2200px !important;
}
.advancedList[data-sizey="18"] {
    height: 2330px !important;
}
.advancedList[data-sizey="19"] {
    height: 2460px !important;
}
.advancedList[data-sizey="20"] {
    height: 2590px !important;
}



/* resizeicon */
.ui-resizable-handle.ui-resizable-n:after,
.ui-resizable-handle.ui-resizable-s:after,
.ui-resizable-handle.ui-resizable-e:after,
.ui-resizable-handle.ui-resizable-w:after {
 background:none;
}



/* resizable UP */
.ui-resizable[data-sizey="2"][data-resizable-parameters*='maxY":"2"']:hover .ui-resizable-handle.ui-resizable-s:after,
.ui-resizable[data-sizey="6"][data-resizable-parameters*='maxY":"6"']:hover .ui-resizable-handle.ui-resizable-s:after,
.ui-resizable[data-sizey="8"][data-resizable-parameters*='maxY":"8"']:hover .ui-resizable-handle.ui-resizable-s:after,
.ui-resizable[data-sizey="30"][data-resizable-parameters*='maxY":"30"']:hover .ui-resizable-handle.ui-resizable-s:after,
.ui-resizable[data-sizey="40"][data-resizable-parameters*='maxY":"40"']:hover .ui-resizable-handle.ui-resizable-s:after {
    content: "";
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAIAAAC0tAIdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM4MUMzNEVERkZFRjExRTRCODNGQTI2NTZCMjU5MDVEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM4MUMzNEVFRkZFRjExRTRCODNGQTI2NTZCMjU5MDVEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzgxQzM0RUJGRkVGMTFFNEI4M0ZBMjY1NkIyNTkwNUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzgxQzM0RUNGRkVGMTFFNEI4M0ZBMjY1NkIyNTkwNUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4HqRrfAAAA9UlEQVR42oySQQqCQBSGU8dF0EC5SKjc5KJAGugstewIHaEu1BlcVLSpjYZrgzATQQoKAgurPwIDNdGFfu9/nzP6lLMsK4qiUoFDEASCi9JqgPJVrHj0fD7dCMJouHBxTreS9uXxhKp7t8HcBefZ9+drtPLMUwjenkMwkmwb8XjtL/1bnICRvDLtqRnM9tfE1kgmRhCXnL4x+u1mkZkYO5fIZfKtbdt2nEPaU5SWqqoAmL8nQSTL9YSK5KtmzKTT6dZq1bgEI/k7QZ7nNE2jlIIprYCR5H0dQghjPUmSGGPgZDf9WqIo4obMyXxs53As+A++BRgALSNbaW4dJ7cAAAAASUVORK5CYII=');
    background-position: 50%;
    position: absolute;
    top: -5px;
    display: block;
    height: 15px;
    width: 15px;
    left: 50%;
    margin-left: -7px;
}

/* resizable DOWN */
.ui-resizable[data-sizey="1"][data-resizable-parameters*='minY":"1"']:hover .ui-resizable-handle.ui-resizable-s:after,
.ui-resizable[data-sizey="2"][data-resizable-parameters*='minY":"2"']:hover .ui-resizable-handle.ui-resizable-s:after
.box.expandable:hover .ui-resizable-handle.ui-resizable-s:after {
    content: "";
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAIAAAC0tAIdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE5QzM1OTcwRkZGMDExRTQ4MjMxQURDRUI4Q0FFODgyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE5QzM1OTcxRkZGMDExRTQ4MjMxQURDRUI4Q0FFODgyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTlDMzU5NkVGRkYwMTFFNDgyMzFBRENFQjhDQUU4ODIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTlDMzU5NkZGRkYwMTFFNDgyMzFBRENFQjhDQUU4ODIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7AStZbAAAA+klEQVR42mK8fPny379/GYgAzMzMLEBKVkYKyMKvFGjis+cvmTAlfv/+fenSZSCJKYWu+s+fP5cuXXr37h1QA5CNT/W/f/+vXr36+fMXIPvz589ANlAEp+qbN2+8f/8BzgWygSLYVd+9e/fly1doVgNFgOJwLsvL73+kwCxlMMATLECVLOKcLBBO9fk3U2++x1SUoyHYYiACZABVIlzSYigSJs+LphQo0gxWiu5uRgaGKebiduJccBEgGyjCiCtM2JgYl9hI6guyA9kGQuxANlAEX+zwsTKtdZB2keRaYy8NZKPJsmB6S4SdGagUa7CAVD9+8ozINAgQYACOV2Kw+LadXwAAAABJRU5ErkJggg==');
    background-position: 50%;
    position: absolute;
    top: -7px;
    display: block;
    height: 15px;
    width: 15px;
    left: 50%;
    margin-left: -7px;
}

/* resizable up and down */
.ui-resizable:hover .ui-resizable-handle.ui-resizable-s:after {
    content: "";
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAIAAAC0tAIdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYwQkY1QjMzRkZGNDExRTRBNTI2RTk5MDU3NEYxMTEzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYwQkY1QjM0RkZGNDExRTRBNTI2RTk5MDU3NEYxMTEzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjBCRjVCMzFGRkY0MTFFNEE1MjZFOTkwNTc0RjExMTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjBCRjVCMzJGRkY0MTFFNEE1MjZFOTkwNTc0RjExMTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7VJA1zAAAA/UlEQVR42mK8fPny379/GYgAzMzMLEBKVkYKyMKvFGjis+cvmTAl3vz8G3LwKZDElEJX/en3P6DSPc+/BR94CmTjU/3r3/+YI88vvPsJZF98/xPIBopgVw0Uzjn58tDLb3ARIBso8h+r6toLb1Y9/IxmNVCk5vwbOJdxz6nzhkrSxITJ+XtPWcQ5WSD8mgtvptx4j6kuW12w1VAEyACqRLik2UAkTJ4XTSlQpAWsFN3djAwMU8zF7cS54CJANlCEEVcIsjExLrGRNBBiB7L1BdmBbKAIvtjhY2VaYy/tIsm11kEayEaTZcH0lgg7M1AD1pABqX785BmRaRAgwADNRGDcPr0zEAAAAABJRU5ErkJggg==');
    background-position: 50%;
    position: absolute;
    top: -5px;
    display: block;
    height: 15px;
    width: 15px;
    left: 50%;
    margin-left: -7px;
}

/* resize to left */
.ui-resizable[data-sizex="8"][data-resizable-parameters*='maxX":"8"']:hover .ui-resizable-e:after {
    content: "";
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAIAAAC0tAIdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRERTlCNTUxRkZGMDExRTQ5MjI5QTU2NEJBRDI5QzRFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRERTlCNTUyRkZGMDExRTQ5MjI5QTU2NEJBRDI5QzRFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RERFOUI1NEZGRkYwMTFFNDkyMjlBNTY0QkFEMjlDNEUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RERFOUI1NTBGRkYwMTFFNDkyMjlBNTY0QkFEMjlDNEUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4wn5O2AAABDElEQVR42mK8fPkyAwZ4+f2POCcLpjjL379/ZWWk0ESlGLCAx0+egQxgZmZmIA4wofH/MzBUn38DZNy9e5eA6l///qcffzH15nuQvY+fXL9+/d+//yjuhrM+/f4Xc+T5oZffEH59+erXr1/a2tosLCwoZr/5+dd33xNkpRDw/v2Hixcv/v79G0V1xokXF9//xOqzz5+/XL9+A0X1DAsJAyF2rKp5eXk1NTVQVIuwM29ylLET50JTKigooK+vx8rKih4mfKxMa+ylwuR54SLi4mK6unpwL6KECRCwMTHOtJQQA8e5rKyMsrIygdhhZGBoMRABMjCVQs0GJhUiY54FmEiePX9JTBoEqgQIMAAOoVshsp/ACAAAAABJRU5ErkJggg==');
    background-position: 50%;
    position: absolute;
    left: -5px;
    display: block;
    height: 15px;
    width: 15px;
    top: 50%;
    margin-top: -7px;
}

/* resize to left and right */
.ui-resizable:hover .ui-resizable-handle.ui-resizable-e:after {
    content: "";
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAIAAAC0tAIdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNBRDQ5OEM3RkZGMjExRTQ4Q0MxQ0EwNjcyNUNDM0E3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNBRDQ5OEM4RkZGMjExRTQ4Q0MxQ0EwNjcyNUNDM0E3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0FENDk4QzVGRkYyMTFFNDhDQzFDQTA2NzI1Q0MzQTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0FENDk4QzZGRkYyMTFFNDhDQzFDQTA2NzI1Q0MzQTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7tJBmJAAAA9UlEQVR42mK8fPkyAwZ4+f2POCcLpjjL379/ZWWk0ESlGLCAx0+egQxgZmZmIA4wofH/MzBUn3/DACb/41f969//9OMvpt58D2QDSSAbKIJd9aff/0IOPlv18DNcBMgGigDF0VW/+fnXd9+TQy+/oVkNFAGKA2VRVGeceHHx/U+sPgOKA2VRVM+wkDAQYseqGigOlEVRLcLOvMlRxk6cC00pUAQoDpRF9yUfK9Mae6kweV64CJANFAGKI+IS2SQ2JsaZlhJi4DjP0RBsNhBhRLWK8cKFCwryssRE5IOHj0HGAJMKkTHPAkwkz56/JCYNAlUCBBgA7hthqlHYjQAAAAAASUVORK5CYII=');
    background-position: 50%;
    position: absolute;
    left: -5px;
    display: block;
    height: 15px;
    width: 15px;
    top: 50%;
    margin-top: -7px;
}

/* resize right only */
.ui-resizable[data-sizex="1"][data-resizable-parameters*='minX":"1"']:hover .ui-resizable-e:after,
.ui-resizable[data-sizex="2-"][data-resizable-parameters*='minX":"2"']:hover .ui-resizable-e:after {
    content: "";
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAIAAAC0tAIdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY4NTAyRDM1RkZGMjExRTQ4NkJBOEY5RTIwOUY3NDQ4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY4NTAyRDM2RkZGMjExRTQ4NkJBOEY5RTIwOUY3NDQ4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Njg1MDJEMzNGRkYyMTFFNDg2QkE4RjlFMjA5Rjc0NDgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Njg1MDJEMzRGRkYyMTFFNDg2QkE4RjlFMjA5Rjc0NDgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5pv2XnAAABDUlEQVR42mK8fPkyAwZ4+f2POCcLpjjL379/ZWWk0ESlGLCAx0+egQxgZmZmIA4wYQrdvXsXSFaff/Mfv+p///5fv3798eMnQPbUm+/Tj7/49e8/dtV//vy5fPnSy5ev4CKrHn4OOfjs0+9/6Kp///598eLF9+8/oFl96OU3331P3vz8i6L6+vUbnz9/weqzi+9/Zpx4gaJaU1ODl5cXq2oDIfYZFhIoqllZWfX19QQFBdCU2olzbXKUEWFnRvclCwuLrq6euLgYXCRMnneNvRQfK5IalABiYtTU1GRjYwOyczQEmw1EGNFiHtOhysrKQLLFQARLOgFiYFIhMuZZgInk2fOXxKRBoEqAAAMAAftdDBCW84cAAAAASUVORK5CYII=');
    background-position: 50%;
    position: absolute;
    left: -6px;
    display: block;
    height: 15px;
    width: 15px;
    top: 50%;
    margin-top: -7px;
}


.popupBoxContainer {
    content:'';
    background-color:rgba(0,0,0,0.25);
    display:block;
    z-index: 1100;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:hidden;
    font-size:14px;
}

.popupBoxForm {
    min-height:150px;
    width:400px;
    background-color:#fff;
    color:#000;
    box-shadow: 0 3px 7px rgba(0,0,0,0.25);
    margin:auto;
    padding:20px 15px;
    position: relative;
    text-align:center;
    top: 50%;
    transform: translateY(-50%);
}

.pinText {font:inherit; font-weight:600; margin:1em auto; width:10em; display:block; border:1px solid #bbb;}
.savePin {color:#fff; background-color:#0096c7; border:none; border-radius:3px; padding:5px 15px;}
.cancelPin, #draggable .ui-widget-content.ui-selected a.cancelPin {color:#0096c7; margin-left:15px;}

.relink {color:#fff; background-color:#0096c7; border:none; border-radius:3px; padding:5px 15px;}
.cancelRelink, #draggable .ui-widget-content.ui-selected a.cancelPin {color:#0096c7; margin-left:15px;}


.instructions {margin:0; font-weight:600;}
.details {color:#666; font-size:14px; margin:0;}

.pinError  {color:#d83e3e; font-weight:bold;}
.err input[type="password"]{border-color:#d83e3e;}

.yoy-trend .YoYLegend {
    text-align: center;
    font-size: 12px;
}

.yoy-trend .line {
    fill: none
}


.multicolumnList  .widgetTitle,
.campaignMulticolumnList  .widgetTitle {

    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}


.adwords-ad-dimension {
  padding: 5px;
}

.adwords-ad-dimension .adwords-ad-dimension-header {
  font-size: 14px;
  color: #1a0dab;
  text-decoration: none
}

.adwords-ad-dimension .adwords-ad-dimension-link {
    font-size: 12px;
    color: #006621;
}

.multicolumnList .wrapRolling,
.campaignMulticolumnList .wrapRolling {
    overflow-y: hidden;
    height: 100%;
}

.multicolumnList .dimension,
.campaignMulticolumnList .dimension {
    white-space: normal;
}

.multicolumnList .stringDimension,
.multicolumnList .imageDimension,
.campaignMulticolumnList .stringDimension,
.campaignMulticolumnList .imageDimension {
    max-height: 74px; /* Value determined scientifically using quantum calculations */
}

.multicolumnList .trend,
.campaignMulticolumnList .trend {
    width: 70px;
}

.multicolumnList .dimension:first-child,
.campaignMulticolumnList .dimension:first-child {
    text-align: left;
    padding-left: 0px;
    padding-right: 10px;
}

.multicolumnList .dimension:first-child span.tdHeading, 
.campaignMulticolumnList .dimension:first-child span.tdHeading {
    padding-left: 0;
}

.multicolumnList .linkWithText .linkWithText__linkAndText {
    color: #364953;
}

.table5 thead .dimension .tdHeading {
    text-align: left;
}

.adwords-ad  th:not(:first-child){
  padding-left:10px;
}

.table5 span.trend.absolute, .table5 span.trend.last, .table5 span.trend.perc {
    min-width: 70px;
    width: auto;
}

/*flip reversed delta arrows on certain legacy white labels*/

.box .trend.reversed:before,
.box .trend.reversed:after
{
    -webkit-transform: scaleY(-1); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
      -ms-transform: scaleY(-1); /* IE 9 */
          transform: scaleY(-1); /* IE 10, Fx 16+, Op 12.1+ */

}
/* remove flickeing on chart tooltip hover
 * fixes google chart bug
 * https://github.com/google/google-visualization-issues/issues/2162
 */
.box svg > g > g:last-child {
  pointer-events:none;
}


.dimensioned-trend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.dimensioned-trend .wrapRolling {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.dimensioned-trend .boxHeader {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}

.dimensioned-trend .boxContent {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    overflow: hidden;
}

.dimensioned-trend__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  max-height: 100%;
}

.dimensioned-trend__graph {
  width: 66%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 66%;
          flex: 1 0 66%;
}

.dimensioned-trend__legend, .dimensioned-trend__legend * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.dimensioned-trend__legend {
    height: 100%;
    min-width: 80px;
    padding-left: 10px;
    margin-bottom: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.dimensioned-trend__legend-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding-left: 5px;
}

.dimensioned-trend__legend-item:nth-child(odd) {
  background-color: #dfe9ee;
  background-color: rgba(0, 0, 0, 0.02);
}

.dimensioned-trend__legend-item.dimensioned-trend__legend-item--selected {
  background-color: #f7f8f9;
}

.dimensioned-trend__legend-bullet {
  width: 10px;
  height: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.dimensioned-trend__legend-dimension {
  padding: 5px;
}

.dimensioned-trend__legend-dimension .adwords-ad-dimension {
  padding: 0;
}

.dimensioned-trend__tooltip-item {
  padding: 5px;
}

.dimensioned-trend__tooltip-item-dimension {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding-left: 5px;
}

.dimensioned-trend__tooltip-item-data {
  padding-top: 5px;
  padding-left: 20px;
}

.dimensioned-trend__tooltip-item-value {
  font-weight: bold;
}

.listenLinkDimension {
    color: #36b89b;
    text-decoration: underline;
}

.trackingNumberDimension__phoneNumber,
.contactDimension__phoneNumber,
.trackingNumberDimension__sourceName,
.contactDimension__location {
    white-space: nowrap;
}

.separator {
    border-bottom: 1px solid rgba(54, 73, 83, 0.1);
    margin: 20px 0 20px 0; 
}

#logo-selector-custom-themes-incentive{
    margin-top: auto;
    margin-bottom: 10px;
}

#logo-selector-custom-themes-incentive a {
    cursor: pointer;
    text-decoration: underline;
    color: #3F4951
}

#logo-selector-blade-content {
    display: flex;
    flex-direction: column;
}