/*  normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/*****************************************************************************/
/********************************** General **********************************/
/*****************************************************************************/

body {
    font-family: 'myriad-pro',sans-serif !important;
    letter-spacing: 1px;
    font-style: normal;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */
}

/*****************************************************************************/
/********************************** Header ***********************************/
/*****************************************************************************/
#header {
    padding-top: 0.5%;
    /*padding-bottom: 2em;*/
    padding-right: 15px;
    padding-right: 15px;
}
#headerLine {
    width: 100%;
    height: 12px;
    border-bottom: 1px solid #7A7A7A;
    text-align: left;
    padding-right: 15px;

}
#headerText {
    font-family: 'Hoefler Text' !important;
    color: #7A7A7A;
    font-size: 20px;
    background-color: #FFFFFF;
    padding-left: 15px;
    padding-right: 5px;
    float: left;

}
#the {
        font-style: italic;
}

/*****************************************************************************/
/********************************** Legend ***********************************/
/*****************************************************************************/
.legend {
    font-family: 'myriad-pro-condensed',sans-serif !important;
    background-color: #D1D3D4;
    padding: 15px 10px 15px 10px;
}
/****************************** bullets / pills ******************************/
.bullet_container{
    position: relative;
    background: gray;
    width: 100%;
    margin-bottom: 2px;
}
.bullet_container:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-left-color: gray;
    border-width: 10px;
    margin-top: -10px;
}
/* colors */
.phase1.bullet_container{
    background: #265392; }
.phase1.bullet_container:after {
    border-left-color: #265392; }
.phase2.bullet_container{
    background: #E2A40E; }
.phase2.bullet_container:after {
    border-left-color: #E2A40E; }
.phase3.bullet_container{
    background: #042A5E; }
.phase3.bullet_container:after {
    border-left-color: #042A5E; }
.phase4.bullet_container{
    background: #2A9BF3; }
.phase4.bullet_container:after {
    border-left-color: #2A9BF3; }

.highlight_bullet.bullet_container{
    opacity: .7; }
.highlight_bullet.bullet_container:after {
    border-left-color: .6; }

.bullet {
    text-align: left;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    color: #fff ;
    padding: 0 15px;
    white-space: no-wrap;
    color: white;
    display: table-cell;
    vertical-align: middle;
    width: inherit !important;

}
.bullet_text {
    letter-spacing: 1px;
    font-size: 15px;
    text-align: center;
    vertical-align: middle !important;
}

@media (min-width: 250px) {
    .phase1.bullet_container:after {
        border-width: 20px;
        margin-top: -20px;}
    .phase2.bullet_container:after {
        border-width: 20px;
        margin-top: -20px;}
    .phase3.bullet_container:after {
        border-width: 20px;
        margin-top: -20px;}
    .phase4.bullet_container:after {
        border-width: 20px;
        margin-top: -20px;}
}
@media (min-width: 300px) {
    .phase1.bullet_container:after {
        border-width: 20px;
        margin-top: -20px;}
    .phase2.bullet_container:after {
        border-width: 20px;
        margin-top: -20px;}
    .phase3.bullet_container:after {
        border-width: 10px;
        margin-top: -10px;}
    .phase4.bullet_container:after {
        border-width: 10px;
        margin-top: -10px;}
}
@media (min-width: 360px) {
    .phase1.bullet_container:after {
        border-width: 10px;
        margin-top: -10px;}
    .phase2.bullet_container:after {
        border-width: 10px;
        margin-top: -10px;}
    .phase3.bullet_container:after {
        border-width: 10px;
        margin-top: -10px;}
    .phase4.bullet_container:after {
        border-width: 10px;
        margin-top: -10px;}
}
@media (min-width:  1px ) {
     .bullet {
        height: 40px;
    }
    .bullet_container:after {
        border-width: 20px !important;
        margin-top: -20px !important;
    }
}
/* sm Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .bullet {
        height: 40px;
    }
    .bullet_container{
    }
    .bullet_container:after {
        border-width: 20px !important;
        margin-top: -20px !important;
    }
}

/* md Medium devices (desktops, 992px and up) */
@media (min-width:  768px ) {
     .bullet {
        height: 86px;
    }
    .bullet_container:after {
        border-top-width: 43.5px !important;
        border-right-width: 0px !important;
        border-bottom-width: 43.5px !important;
        border-left-width: 20px !important;
    /*border-width:  50px 0 50px 20px !important;*/
        margin-top: -43.5px !important;
    }
}
@media (min-width:  950px ) {
     .bullet {
        height: 40px;
    }
    .bullet_container:after {
        border-width: 20px !important;
        margin-top: -20px !important;
    }
}
/* lg Large devices (large desktops, 1200px and up) */
@media (min-width:  1200px) {
     .bullet {
        height: 40px;
    }
    .bullet_container{
    }
    .bullet_container:after {
        /*border-left-color: red;*/
        border-width: 20px !important;
        margin-top: -20px !important;
    }
}


/************************ right legend (total days) **************************/

.totaldays_container{
    display: table-cell;
    vertical-align: middle;
    width: inherit !important;
    height: 40px;

}
.totaldays {
    text-transform: uppercase;
    line-height: 22px;
    letter-spacing: 0.5px;
    font-weight: 600;
    font-size: 15px;
    text-align: right;
    vertical-align: middle;
}
/* sm Small devices (tablets, 768px and up) */
/*@media (min-width: 768px) {
    .totaldays_row {
    }
}*/
/* md Medium devices (desktops, 992px and up) */
@media (min-width:  1px ) {
    .totaldays_container {
        height: 86px;
    }
    .margin-right:
}
@media (min-width:  950px ) {
    .totaldays_container {
        height: 40px;
    }
    .margin-right:
}
/* lg Large devices (large desktops, 1200px and up) */
@media (min-width:  1200px) {
    .totaldays_container {
        height: 40px;
    }
}

.confirmed {
    color: green;
}



/**************** Bar chart ***************/
.highlight_pill.btn1.phase1{
    opacity: .7;
}
.highlight_pill.btn1.phase2{
    opacity: .7;
}
.highlight_pill.btn1.phase3{
    opacity: .7;
}
.highlight_pill.btn1.phase4{
    opacity: .7;
}






/*****************************************************************************/

/* md Medium devices (desktops, 992px and up) */
/*@media (min-width:  1px ) {
}*/
/* lg Large devices (large desktops, 1200px and up) */
/*@media (min-width:  1200px) {
}
*/






/*****************************************************************************/
/**************************** legacy           *******************************/
/*****************************************************************************/


.timeline {
    margin-bottom: 30px;
}
.name {
    font-weight: bold;
    margin-bottom: 8px;
    font-family: "myriad-pro", sans-serif;
}
.total {
    font-weight: normal
}
.confirmed{
    color: green;
    /*font-size: 25px;*/
}
.pipe{
    font-size: 20px;
    padding: 10px;
    color: #AAA;
}
.legend {
    background-color: #dadbdc;
    /*padding: 20px 20px 40px 20px;*/
}
.legend .btn {
    text-align: left !important;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    height: 22px;
    line-height: 22px;
    font-size: 15px;
    position: relative;
    /*   overflow-x: scroll; */
}
.legend .right {
    text-transform: uppercase;
    line-height: 26px;
    font-family: "myriad-pro-condensed", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    margin-right: 20px;
}
.legend .btn-group2 span.btn:not(:first-child) {
    margin-left: 20px !important;
}

@media (min-width: 1401px) {
    .legend .btn-row:nth-child(1) {
        float: left;
        width: 35% !important;
    }
    .legend .btn-row:nth-child(2) {
        float:left;
         width: 35% !important;
    }
    .legend .btn-row:nth-child(1) .btn{
        width: 35% !important;
    }
    .legend .btn-row:nth-child(2) .btn{
        width: 35% !important;
    }
    .legend .single-btn .btn {
        width: 15% !important;
    }
    .legend .right{
        padding-top: 5px;
    }
}

.arrow:before {
    content: "";
    position: absolute;
    top: 0;
    right: -24px;
    border-style: solid;
    border-width: 11px 11px 11px 13px;
}
.waiting-text {
    margin-left: 0px;
    font-weight: bold;
}
.btn1.phase1 {
    background-color: #2b5d99;
    border-color: transparent transparent transparent #2b5d99;
}
.btn1.phase1.arrow:before {
    border-color: transparent transparent transparent #2b5d99;
}
.btn1.phase2 {
    background-color: #e6a80e;
}
.btn1.phase2.arrow:before {
    border-color: transparent transparent transparent #e6a80e;
}
.btn1.phase3 {
    background-color:  #003366;
}
.btn1.phase3.arrow:before {
    border-color: transparent transparent transparent  #003366;
}
.btn1.phase4 {
    background-color: #2aa4f4;
}
.btn1.phase4.arrow:before {
    border-color: transparent transparent transparent #2aa4f4;
}
.btn1.phase5 {
    background-color: #749690;
}
.btn1.phase5.arrow:before {
    border-color: transparent transparent transparent #749690;
}
.btn1 {
    text-decoration: none;
    color: #FFF;
    font-size: 16px;
    padding: 0px;
    padding-right: 4%;
    padding-left: 2%;
    line-height: 32px;
    max-height: 40px;
    display: inline-block;
    text-align: center;
    background-color: #999;
}
.only-pill {
    -webkit-border-radius: 16px !important;
    -moz-border-radius: 16px !important;
    border-radius: 16px !important;
}
.right {
    right: 20px;
    position: absolute;
    line-height: 34px;
    text-transform: uppercase;
    font-family: "myriad-pro-condensed", sans-serif;
    font-weight: 700;
    font-size: 15px;
}
.btn1.round {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.btn1.pillx {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}
.btn-group2 > .btn1.round:not(:first-child),
.btn-group2 > .btn1.pillx:not(:first-child) {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-left: -5px;
}
.btn-group2 > .btn1.round:first-child,
.btn-group2 > .btn1.pillx:first-child {
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn1.pillx:nth-last-child(1) {
    padding-left: 15px;
    text-align: center;
}

.btn-group2 > .btn1.pillx:nth-last-child(1) {
    /*-webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;*/
    -webkit-border-top-right-radius: 16px;
    -webkit-border-bottom-right-radius: 16px;
    -moz-border-radius-topright: 16px;
    -moz-border-radius-bottomright: 16px0;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}
.btn-group2 .btn1 + .btn1 {
    border-left: 1px solid rgba(0, 0, 0, .1);
    margin-left: -1px;
}
.btn-group2 {
    /*max-width: 95%;*/
}
.btn-group2.waiting > .btn1.pillx:nth-last-child(1) {
    background-image: linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent) !important;
}
/* Tooltips */
/*
span.tooltips {
    position: relative;
    display: inline;
}
span.tooltips span {
    font-family: "myriad-pro", sans-serif;
    font-weight: normal;
    position: absolute;
    width: 330px;
    font-size: 15px !important;
    color: #000000;
    background: #FFFFFF;
    border: 2px solid #58595A;
    line-height: 20px;
    text-align: center;
    visibility: hidden;
    padding: 5px 0px;
}
span.tooltips span:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 10%;
    margin-left: -12px;
    width: 0;
    height: 0;
    border-top: 12px solid #58595A;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
}
span.tooltips span:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 10%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid #FFFFFF;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
span:hover.tooltips span {
    visibility: visible;
    bottom: 30px;
    left: 10%;
    z-index: 999;
    text-transform: none;
    text-align: left;
    padding-left: 7px;
}*/
em {
    font-style: normal;
}
.hide{
    display: none;
}
textarea{
    width: 80%;
    margin-right: 20px;
}

/* responsive hacks */
@media (max-width: 1400px) {
    .timeline{
        margin-bottom: 0px !important;
    }
    .btn-row {
        float: none !important;
        display: block;
        width: auto !important;
        /*padding-bottom: 5px;*/
    }
    .btn-row .btn1{
        width: 100% !important;
    }
    .totaldays {
        margin-top: 2%;
    }
    .single-btn{
        display: block;
    }
    .single-btn .btn1 {
        margin-left: 24% ;
        width: 43% !important;
        text-align: center;
    }
    .legend .btn-row .btn1 {
        /*display: block;*/
        width: 43% !important;
        margin-bottom: 10px;
        text-align: center;
    }

    .legend .btn-row .btn1:first-child {
        margin-right: 3%;
    }

    span.tooltips span{
        width: 200px;
        font-size: 14px;
        line-height: 16px;
    }
    .legend .btn-group2 span.btn1:not(:first-child) {
        margin-left: 0px !important;
    }
    .right {
        position: static;
        display: inherit;
        text-align: right;
        margin-right: 0px;
    }
    .btn1{
        text-align: center;
    }
    .legend{
        /*padding: 20px 20px 20px 20px;*/
    }
}
@media (max-width: 568px) {

    .timeline .btn-group2 {
        width: 100%;
    }
    .btn1.pillx {
        display: block;
        border-radius: 0px !important;
    }
    .btn1.pillx.phase5 {
        width: 0.1% !important;
    }
    .btn-group2 > .btn1.round:not(:first-child), .btn-group2 > .btn1.pillx:not(:first-child){
        margin-left: 0px;
    }
}
@media (max-width: 1400px) {
    .hide-when-small{
        display: none;
    }
}
@media (max-width: 700px) {
    .legend .btn-row .btn1 {
        display: block;
        width: 88% !important;
        margin-bottom: 5px;
        text-align: left;
    }
    .btn1{
        text-align: right;
    }
    .single-btn .btn1 {
        margin-left: 0%;
        display: block;
        width: 88% !important;
        margin-bottom: 5px;
        text-align: left;
    }
/*    .hide-when-small{
        display: none;
    }*/
    .totaldays {
        /*display: none;*/
    }
    .legend em.right{
        margin-right: 0px;
    }
    .legend{
        /*padding: 20px 20px 15px 20px;*/
    }
}


#viewdata{
    text-align:right;
    margin-bottom: 0px !important;
}




@media (min-width: 200px) {
    .waiting-text {
        margin-left: 0px;
    }
}
/* sm Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .waiting-text {
        margin-left: 0px;
    }
}
/* md Medium devices (desktops, 992px and up) */
@media (min-width:  1px ) {
     .waiting-text {
        margin-left: 0px;
    }
}
/* lg Large devices (large desktops, 1200px and up) */
@media (min-width:  1200px) {
     .waiting-text {
        margin-left: 10px;
    }
}

.sharetext{
    margin-bottom: 3px;
}

.share {
    margin-bottom: 3px;

}

.bottomline {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.twitter {
    display: inline-block;
}

.fb {
    display: inline-block;
}
.fb-share-button {
 top:-5px;
}

.tool {
    width: 500px !important;
}
#toptitle {
    font-family: 'myriad-pro' !important;
    letter-spacing: normal !important;
}
#toptext{
        font-family: 'myriad-pro' !important;
    letter-spacing: normal !important;
}

div.name > span.tooltips {
    font-family: 'myriad-pro' !important;
    letter-spacing: normal !important;
    font-size: 16px;
}
.president {
    font-size: 12px;
    font-family: 'myriad-pro' !important;
    letter-spacing: normal !important;
    font-weight: lighter;
}

.tpd-content {
      font-family: 'myriad-pro';
}
/*
@media only screen and (min-width:800px) and (max-width: 900px)  {

}*/

.legend .container-fluid {
    padding-left: 5;
    padding-right: 5;
}

.btn-group2 > .btn1.pillx:nth-last-child(1) {
    padding-left: 9.5px;
}