@font-face
{
    font-family: helvetica;
    src:url('../resources/fonts/HelveticaNeue.ttf');
}
@font-face
{
    font-family:helvetica-35thin;
    src:url('../resources/fonts/HelveticaNeueLTPro-Th.otf');
}
@font-face
{
    font-family:helvetica-bold;
    src:url('../resources/fonts/HelveticaNeueLTPro-Ex.otf');
}

html, body {
  height: 100% !important;
  width: 100% !important;
  font-family: arial,helvetica,sans-serif;
}
body > header {
    width: 100%;
    height: 80px;
    font-family: arial,helvetica,sans-serif;
}

.tile-bg-selected {
  /*background-color: #3e45ec;*/
  border-bottom: 4px solid #3b7bea;
  color: #3b7bea !important;
  /*text-decoration: underline;*/
  border-radius: 10px;
}

body > header > div  .header-main {
    width:100%;
    height:80px;
    background: #f2f2f2; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f2f2f2, darkgray); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f2f2f2, darkgray); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f2f2f2, darkgray); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f2f2f2, darkgray); /* Standard syntax (must be last) */
}


.nav-anchor {
    color: #0e0202;
    padding: 10px 10px;
    font-size: 1.1em;
}
body > header > div > .header-main .header-nav a:hover {
    background-color: lightgray;
    border-radius: 10px;
}

.navbg {
    background: #f2f2f2; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f2f2f2, darkgray); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f2f2f2, darkgray); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f2f2f2, darkgray); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f2f2f2, darkgray); /* Standard syntax (must be last) */
}
.img-header-sphotalogo {
    height: 75px;
    margin-left: 10px;
    position: absolute;
    border-radius: 10px;
}

.topm10 {
  top: -10px;
  background-color: #005fad !important;
}
/* cm options begin */
#img-mm-options-campaign{
    width: 124px;
    top: -207px;
    position: relative;
    left: 46px;
}
.audience-options {
    background-color: white;
    position: absolute;
    box-shadow: 1px 1px 3px gray;
    border-radius: 10px;
    top: 40px;
    left: 10px;
    z-index: 100;
}

.textad-options {
    background-color: white;
    position: absolute;
    box-shadow: 1px 1px 3px gray;
    border-radius: 10px;
    top: 40px;
    left: 10px;
    z-index: 100;
}

.cm-options {
    width: 355px;
    background-color: white;
    position: absolute;
    box-shadow: 1px 1px 3px gray;
    border-radius: 10px;
    top: 35px;
    left: 60px;
    z-index: 100;
}
.ul-cm-options {
    width:210px;
    float:left;
    margin-top:10px;
}
.ul-audience-options {
    width:210px;
    float:left;
    margin-top:10px;
}
.ul-textad-options {
    width:210px;
    float:left;
    margin-top:10px;
}
.div-cm-options {
    float:left;
    width:200px;
    height:210px;
}
.div-audience-options {
    float:left;
    width:200px;
    height:120px;
}
.div-textad-options {
    float:left;
    width:200px;
    height:120px;
}
.cm-details{
    width: 172px;
    position: relative;
    height: 200px;
    left: 180px;
    border-radius: 10px;
}
ul.ul-cm-options.nav > li > a {
    background-color: #E0EFF2;
    width:210px;
    cursor:pointer;
    border-radius: 8px;
    color: #337ab7 !important;
    text-decoration: none;
    font-family:arial,helvetica,sans-serif;
}
 ul.ul-cm-options.nav > li > a:hover {
    background-color: #C0DEE4 !important;
 }
ul.ul-cm-options.nav > li {
    margin:2px 5px;
}

ul.ul-audience-options.nav > li > a {
    background-color: #E0EFF2;
    width:180px;
    cursor:pointer;
    border-radius: 8px;
    color: #337ab7 !important;
    text-decoration: none;
    font-family:arial,helvetica,sans-serif;
}
ul.ul-textad-options.nav > li > a {
    background-color: #E0EFF2;
    width:180px;
    cursor:pointer;
    border-radius: 8px;
    color: #337ab7 !important;
    text-decoration: none;
    font-family:arial,helvetica,sans-serif;
}

ul.ul-audience-options.nav > li > a:hover {
    background-color: #C0DEE4 !important;
}
ul.ul-textad-options.nav > li > a:hover {
    background-color: #C0DEE4 !important;
}
ul.ul-audience-options.nav > li {
    margin:2px 5px;
}
ul.ul-textad-options.nav > li {
    margin:2px 5px;
}
.audience-pointer-up{
    border-color: transparent;
    border-bottom-color: white;
    border-style: dashed dashed solid;
    border-width: 0 20px 20px;
    display: none;
    position: absolute;
    left: 6.5px;
    top: 37px;
    z-index: 1;
    height: 0;
    width: 0;
    -webkit-animation: gb__a .2s;
    animation: gb__a .2s;
    display: block;
    top: -13px;
}

.cm-pointer-up{
    border-color: transparent;
    border-bottom-color: white;
    border-style: dashed dashed solid;
    border-width: 0 20px 20px;
    display: none;
    position: absolute;
    left: 6.5px;
    top: 37px;
    z-index: 1;
    height: 0;
    width: 0;
    -webkit-animation: gb__a .2s;
    animation: gb__a .2s;
    display: block;
    top: -13px;
}
/* cm options end */

/* ds options begin */
#img-mm-options-decisionscience{
    width: 196px;
    top: -200px;
    position: relative;
    left: 78px;
}
.ds-options {
    width: 465px;
    background-color: white;
    position: absolute;
    box-shadow: 1px 1px 3px gray;
    border-radius: 10px;
    top: 35px;
    left: 10px;
    z-index: 100;
}
.ul-ds-options {
    width:250px;
    float:left;
    margin-top:10px;
}
.div-ds-options {
    float:left;
    width:250px;
    height:270px;
}
.ds-details{
    width: 250px;
    position: relative;
    height: 200px;
    left: 180px;
    border-radius: 10px;
}
ul.ul-ds-options.nav > li > a {
    background-color: #E0EFF2;
    width:250px;
    cursor:pointer;
    border-radius: 8px;
    color: #337ab7 !important;
    text-decoration: none;
    font-family:arial,helvetica,sans-serif;
}
ul.ul-ds-options.nav > li > a:hover {
    background-color: #C0DEE4 !important;
}
ul.ul-ds-options.nav > li {
    margin:2px 5px;

}
.ds-pointer-up{
    border-color: transparent;
    border-bottom-color: white;
    border-style: dashed dashed solid;
    border-width: 0 20px 20px;
    display: none;
    position: absolute;
    left: 6.5px;
    top: 37px;
    z-index: 1;
    height: 0;
    width: 0;
    -webkit-animation: gb__a .2s;
    animation: gb__a .2s;
    display: block;
    top: -13px;
    left: 56px;
}
/* ds options end */

/* bm options begin */
#img-mm-options-bidmanagement{
    width: 141px;
    top: -157px;
    position: relative;
    left: 26px;
}
.bm-options{
    width: 353px;
    background-color: white;
    position: absolute;
    box-shadow: 1px 1px 3px gray;
    border-radius: 10px;
    top: 50px;
    z-index: 100;
}
.ul-bm-options{
    width:200px;
    float:left;
    margin-top:10px;
}
.div-bm-options{
    float:left;
    width:200px;
    height:160px;
}
.bm-details{
    width: 200px;
    position: relative;
    height: 160px;
    left: 180px;
    border-radius: 10px;
}
ul.ul-bm-options.nav > li > a{
    background-color: #E0EFF2;
    width:200px;
    cursor:pointer;
    border-radius: 8px;
    color: #337ab7 !important;
    text-decoration: none;
    font-family:arial,helvetica,sans-serif;
}
ul.ul-bm-options.nav > li > a:hover{
    background-color: #C0DEE4 !important;
}
ul.ul-bm-options.nav > li{
    margin:2px 5px;

}
.bm-pointer-up{
    border-color: transparent;
    border-bottom-color: white;
    border-style: dashed dashed solid;
    border-width: 0 20px 20px;
    display: none;
    position: absolute;
    left: 6.5px;
    top: 37px;
    z-index: 1;
    height: 0;
    width: 0;
    -webkit-animation: gb__a .2s;
    animation: gb__a .2s;
    display: block;
    top: -13px;
    left: 56px;
}
/* bm options end */
/* insight options begin */
.insight-options {
    width: 260px;
    background-color: white;
    position: absolute;
    box-shadow: 1px 1px 3px gray;
    border-radius: 10px;
    top: 35px;
    left: 45px;
    z-index: 100;
}
.ul-insight-options {
    width:250px;
    float:left;
    margin-top:10px;
}
.div-insight-options {
    float:left;
    width:250px;
    height:120px;
}
ul.ul-insight-options.nav > li > a {
    background-color: #E0EFF2;
    width:250px;
    cursor:pointer;
    border-radius: 8px;
    color: #337ab7 !important;
    text-decoration: none;
    font-family:arial,helvetica,sans-serif;
}
ul.ul-insight-options.nav > li > a:hover {
    background-color: #C0DEE4 !important;
}
ul.ul-insight-options.nav > li {
    margin:2px 5px;

}
.insight-pointer-up{
    border-color: transparent;
    border-bottom-color: white;
    border-style: dashed dashed solid;
    border-width: 0 20px 20px;
    display: none;
    position: absolute;
    left: 6.5px;
    top: 37px;
    z-index: 1;
    height: 0;
    width: 0;
    -webkit-animation: gb__a .2s;
    animation: gb__a .2s;
    display: block;
    top: -13px;
    left: 20px;
}
/* insight options end */

.body.container{
    margin-top:10px;
    width:100%;
    position: relative;
}
.container{
    width:100% !important;
}
/* Login page */
#login-backdrop{
    background-color:#005fad;
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
}
#login-container{
    width: 350px;
    height: 220px;
    background-color: white;
    margin:0 auto;
    top: 150px;
    position: relative;
    border-radius: 20px;
    padding: 30px;
}
#login-head-logo{
    width: 300px;
    height: 50px;
    font-size: 2em;
    font-weight: bold;
}
.login-cred{
    margin:10px;
}
.login-cred > input{
    border:none;
    outline:none;
    border-bottom: 1px solid lightgray;
    width:272px;
}
footer {
  background-color: #fafafa;
  width: 100%;
  bottom: 0;
  position: fixed;
  text-align: center;
}
#login-btn-submit{
    float: right;
    margin-right: 8px;
    margin-top: 10px;
    width: 100px;
    border-radius: 5px;
}
#login-btn-submit:hover{
    background-color: #005fad;
    color:white;
}
#login-error-message{
    color:red;
}
#btn-logout{
    color: rgb(210, 201, 201);
    background-color: #8c1515;
    float:right;
    border: 1px solid transparent;
    border-radius: 4px;
    right: 100px;
    position: relative;
    top: 36px;
    outline:none;
    font-size: smaller;
    text-decoration: underline;
}
#btn-logout:hover{
    text-decoration:none;
}
#log-username{
    float: right;
    position: relative;
    right: 167px;
    top: 12px;
    color: white;
}

/* Budget Allocation Module */
.ba-title {
    font-family: arial,helvetica,sans-serif;
    font-weight: bold;
    font-size: large;
    margin-top: 10px;
    margin-bottom: 10px;
}
#ba-dimensions-container{
    background-color:rgb(234, 234, 234);;
    border-radius: 10px 10px 0 0;
    padding:10px 20px;
    height:180px;
}
#ba-daterange{
    width: 200px;
    top: -30px;
    position: relative;
    left: 342px;
}
#ba-dimensions-budget.ng-dirty.ng-invalid-number, #ba-dimensions-budget.ng-dirty.ng-invalid-required{
    border: 1px solid red;
}
.ba-results-header{
    background-color: lightgray;
}
.ba-result-dimension-item{
    margin-right: 10px;
    float:left;
    width:150px;
}
.ba-results-item{
    cursor: pointer;
    height:40px;
}
.ba-results-item:hover{
    background-color: rgb(234, 234, 234);
}
.dimension-selection-drilldown{
    position: absolute;
    top: 3px;
    float: right;
    right: 0px;
}
.dimension-to-show{
    width:150px;
    float:left;
}
#other-dimensions-to-show{
    position: relative;
    top: -26px;
    left: 148px;
}
#first-dimension-item-to-show{
    position: absolute;
    max-width: 150px;
    float: left;
}
.dimension-items-to-show{
    position: absolute;
    margin-left: 148px;
}
.ba-results-dimension-list-header{
    height: 43px;
}
.selected-dimension-header-name{
    margin-right: 10px;
    width: 150px;
    float: left;
}
li.ba-results-item > .badge{
    float:none;
}
.ba-dimensions-range-min-max-spec{
    width: 256px;
    position: relative;
    top: 4px;
    float: right;
    right: -5px;
}
.ba-dimensions-range-min-max-spec > input {
    width:80px;
}

/* Reporting */

#reporting-main-selection > li {
    cursor: pointer;
}
#dashboard-main-selection > li {
    cursor: pointer;
}
#div-reporting-date-selection{
    width: 189px;
    padding-top: 20px;
    float: right;
    position: relative;
    right: 400px;
    top: 74px;
    z-index: 900;
}
.reporting-result-header{
    background-color: lightgray !important;
    height:40px;
}
.reporting-result-header-item{
    float:left;
    top: -10px;
    position: relative;
    padding-top: 10px;
    padding-bottom: 9px;
    padding-left: 0px;
    text-align: right;
    font-weight: bold;
}
.reporting-result-header-item:hover{
    color:white;
    background-color: gray;
    padding-left: 5px;
    cursor: pointer;
}
.rrhi-expand-td{
    width:1px;
}
.rrhi-charts{
    width:55px;
    text-align: left;
}
.rrhi-name{
    width:200px;
    text-align: left !important;
    word-wrap: break-word;
}

.rrhi-name-grid {
    text-align: left !important;
    word-wrap: break-word !important;
    white-space: normal !important;
}
.rrhi-dimension-value{
    width:200px;
}
.rrhi-clicks{
    width:102px;
}
.rrhi-impr{
    width:100px;
}
.rrhi-cost{
    width:125px;
}
.rrhi-avgpos{
    width:79px;
}
.rrhi-qs{
    width:50px;
}
.rrhi-conversions{
    width:59px;
}
.rrhi-revenue{
    width:98px;
}
.rrhi-roi{
    width:70px;
}
.rrhi-ctr{
    width:120px;
}
.rrhi-cpc{
    width:108px;
}
.rrhi-cpconv{
    width:120px;
}
.rrhi-cr{
    width:90px;
}
.rrhi-rpc{
    width:80px;
}
.rrhi-conversion-rate{
    width:120px;
}
.rrhi-dimension{
    width:128px;
    text-align: left !important;
}
.rrhi-dimval{
    width:100px;
    text-align:left !important;
}
.rrhi-campaign-name{
    width:200px;
    text-align: left !important;
    word-wrap: break-word;
}
.reporting-result-response-item{
    float: left;
    height:39px;
    text-align: right;
    padding-right: 10px;
}

.reporting-result-response-item-grid {
    float: right;
    text-align: right;
    padding-right: 10px;
}

.score-intent {
    text-align: center;
}

.reporting-result-response-chart-item{
    float: left;
    height:39px;
    text-align: center;
    padding-right: 10px;
}
.reporting-result-response-container{
    height:40px;
    width:2100px;
}
.reporting-result-response-container-2{
    width:1800px;
}
.reporting-result-response-summary-header{
    background-color: lightgray;
}
.rrhi-keyword-matchtype{
    width:100px;
    text-align: left !important;
}
.rrhi-keyword-adgroup{
    width:150px;
    text-align: left !important;
    word-wrap: break-word;
}
.rrhi-keyword-campaign{
    width:150px;
    text-align: left !important;
    word-wrap: break-word;
}
.rrhi-keyword-textscore-header{
    width: 100px;
}
.rrhi-keyword-adscore-header{
    width: 80px;
}
.rrhi-keyword-textscore{
    border-radius: 100px;
    height: 27px;
    width: 27px;
    margin-left: 30px;
    color: white;
    text-align: center;
    padding-left: 7px;
    padding-top: 4px;
}
.rrhi-keyword-adscore{
    border-radius: 100px;
    height: 27px;
    width: 27px;
    margin-left: 30px;
    color: white;
    text-align: center;
    padding-left: 7px;
    padding-top: 4px;
}
/*.rrhi-conversion-rate-summary{
    position:relative;
    top:-20px;
}
.ui-grid-pager-panel { bottom: -35px !important; }
*/

.reporting-results-green-up-icon{
    color:green;
}
.reporting-results-red-down-icon{
    color:red;
}
.hide-it{
    display: none;
}
.reporting-play-up{
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    font-size: 0.7em;
}
.reporting-play-down{
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    font-size: 0.7em;
}
.reporting-results-aggregate-item{
    background-color: lightgray;
}
.reporting-results-aggregate-item > div{
    top:-9px;
    position: relative;
}
#div-reporting-page-capacity-selection{
    width: 200px;
    position: relative;
    left: 0px;
    top: 60px;
}
#reporting-pagecapacity{
    position: relative;
    left: 100px;
    top: -28px;
    width:100px;
}
.report-summary-header{
    background-color: lightgray;
    height:40px !important;
}
#div-reporting-summary{
    width:1430px;
}
.div-reporting-summary-item{
    width:105px;
    float:left;
    padding-left:4px;
    padding-right:4px;
}
.div-reporting-pagination-main{
    width:100%;
    height:40px;
    position:relative;
    left:208px;
}
.div-reporting-pagination-placeholder{
    height: 40px;
    position: relative;
    top: -22px;
}
.pagination > li{
    cursor: pointer;
}
.reporting-charts-icon{
    cursor: pointer;
}
.reporting-charts-icon-ui-grid {
    cursor: pointer;
    left: 40%;
    top: 40%;
}
.loading-modal-dialog{
    width: 95px;
    color: gray;
}
.reporting-charts-modal{
    width:95%;
}

.reporting-charts-comparision-item{
    width:200px;
    float: left;
}

#reporting-charts-week-lastweek-comparsion > ul > li{
    height:40px;
}
#div-reporting-summary ul.list-group li.list-group-item{
    height:60px;
}
.reporting-result-response-item-more-container{
    width:1500px;
    min-height:40px;
    margin-left: 251px;
}
.reporting-result-response-item-container {
    height: 40px;
}
#div-pivot-dimensionslist{
    float:left;
    min-height: 200px;
    margin-top: 50px;
}
#div-pivot-resultvalues{
    margin-top:86px;
    float:left;
    width:1650px;
    min-height:200px;
}
input.report-pivot-checkbox{
    margin-right:10px;
}
.pivot-date-range{
    margin-bottom: 10px;
    margin-top:5px;
}

.reporting-pivot-response-main{
    margin-left:50px;
}
.btn-pivot-reporting-li{
    float: left;
    margin-top: -8px;
    margin-left: -13px;
}
.pivot-data-output{
    height:40px;
}
.pivot-data-table-expand{
    position: relative;
    margin-top: 15px;
    width:1480px;
    text-align: right;
}
.pivot-data-table-expand tr td{
    height:36px;
}
/*.pivot-data-output-button-color-1{
    background-color: rgb(255, 232, 232);
}
.pivot-data-output-button-color-1:focus{
    background-color: rgb(255, 232, 232);
}*/
.pivot-data-output-button-color-2{
    background-color: rgb(242, 255, 255);
}
.pivot-data-output-button-color-2:focus{
    background-color: rgb(242, 255, 255);
}
.pivot-data-output-button-color-3{
    background-color: rgb(216, 249, 216);
}
.pivot-data-output-button-color-3:focus{
    background-color: rgb(216, 249, 216);
}
.pivot-data-output-button-color-4{
    background-color: rgb(255, 254, 176);
}
.pivot-data-output-button-color-4:focus{
    background-color: rgb(255, 254, 176);
}
.pivot-data-output-button-color-5{
    background-color: rgb(252, 207, 207);
}
.pivot-data-output-button-color-5:focus{
    background-color: rgb(252, 207, 207);
}
.pivot-data-output-button-color-6{
    background-color: rgb(178, 219, 255);
}
.pivot-data-output-button-color-6:focus{
    background-color: rgb(178, 219, 255);
}
.pivot-data-output-button-color-7{
    background-color: rgb(146, 250, 146);
}
.pivot-data-output-button-color-7:focus{
    background-color: rgb(146, 250, 146);
}
.pivot-data-output-button-color-8{
    background-color: rgb(255, 129, 129);
}
.pivot-data-output-button-color-8:focus{
    background-color: rgb(255, 129, 129);
}
.pivot-data-output-button-color-9{
    background-color: antiquewhite;
}
.pivot-data-output-button-color-9:focus{
    background-color: antiquewhite;
}
.pivot-dimensions-expand{
    cursor: pointer;
}
#div-pivot-selected-dimensions{
    position:absolute;
}
.div-pivot-selected-dimensions-item{
    width: 150px;
    float: left;
    background-color: darkcyan;
    margin-right: 10px;
    border-radius: 5px;
    margin-top: 5px;
    color: white;
    padding-left: 10px;
}
#reporting-pivot-save-query{
/*    margin-bottom: 10px;
    margin-top:5px;*/
    position: absolute;
    top: 107px;
    left: 510px;
    width: 200px;
}
#input-pivot-save-query-name{
    border-radius: 4px;
    color: black;
    width: 200px;
    margin-bottom: 5px;
}
#reporting-pivot-save-query-alert{
    color:red;
}
#btn-pivot-save-query{
    margin-top:5px;
    margin-bottom: 5px;
}
#btn-pivot-save-query-cancel{
    margin-top:5px;
    margin-bottom: 5px;
}

#reporting-pivot-delete-saved-query{
    margin-bottom: 10px;
    width: 200px;
    margin-top: 2px;
}
.pivot-saved-queries-list{
    margin-top: 5px;
}

#input-reporting-search{
    border-radius: 21px;
    padding-left: 10px;
    outline:none;
}
#btn-reporting-search{
    margin-left:5px;
}
.table th{
    font-weight: bold;
    color: black;
}
#dashboard-yesterday-comp {
    width: 100%;
    margin-bottom: 20px;
}
#dashboard-yesterday-yesterdatlastweek-comp {
    width: 100%;
    margin-bottom: 20px;
}
#dashboard-thisweek-lastweek-comp {
    width: 100%;
    margin-bottom: 20px;
}
.data-or-graph-heading{
    color:#8c1515;
}
#dashboard-chart-clicks-vs-impr {
    margin-bottom: 5px;
}
#dashboard-chart-clicks-vs-conversions {
    margin-bottom: 5px;
}
#dashboard-chart-cost-vs-roi {
    margin-bottom: 5px;
}
.dashboard-keywork-summary-item{
    width: 150px;
    height: 150px;
    background-color: red;
    border: 1px solid lightgray;
}
#dashboard-keyword-summary-ctr1-cr5{
    background-color: #ffff00;
}
#dashboard-keyword-summary-ctr2-cr5{
    background-color: #ffff00;
}
#dashboard-keyword-summary-ctr3-cr5{
    background-color: green;
}
#dashboard-keyword-summary-ctr4-cr5{
    background-color: green;
}
#dashboard-keyword-summary-ctr5-cr5{
    background-color: green;
}
#dashboard-keyword-summary-ctr1-cr4{
    background-color: #ffff00;
}
#dashboard-keyword-summary-ctr2-cr4{
    background-color: yellow;
}
#dashboard-keyword-summary-ctr3-cr4{
    background-color: #ffff00;
}
#dashboard-keyword-summary-ctr4-cr4{
    background-color: green;
}
#dashboard-keyword-summary-ctr5-cr4{
    background-color: green;
}
#dashboard-keyword-summary-ctr1-cr3{
    background-color: red;
}
#dashboard-keyword-summary-ctr2-cr3{
    background-color: #ffff00;
}
#dashboard-keyword-summary-ctr3-cr3{
    background-color:#ffff00;
}
#dashboard-keyword-summary-ctr4-cr3{
    background-color: yellow;
}
#dashboard-keyword-summary-ctr5-cr3{
    background-color: green;
}
#dashboard-keyword-summary-ctr1-cr2{
    background-color: red;
}
#dashboard-keyword-summary-ctr2-cr2{
    background-color: red;
}
#dashboard-keyword-summary-ctr3-cr2{
    background-color: orange;
}
#dashboard-keyword-summary-ctr4-cr2{
    background-color: orange;
}
#dashboard-keyword-summary-ctr5-cr2{
    background-color: orange;
}
#dashboard-keyword-summary-ctr1-cr1{
    background-color: red;
}
#dashboard-keyword-summary-ctr2-cr1{
    background-color: red;
}
#dashboard-keyword-summary-ctr3-cr1{
    background-color: red;
}
#dashboard-keyword-summary-ctr4-cr1{
    background-color: orange;
}
#dashboard-keyword-summary-ctr5-cr1{
    background-color: orange;
}
.dashboard-keyword-summary-details{
    color:white;
    padding-left: 10px;
}
.dashboard-keyword-summary-details-yellow{
    color:black;
}
#dashboard-keyword-summary{
    margin-top:50px;
    margin-bottom: 100px;
}
.dashboard-keywork-summary-ctr-index-row td{
    padding-top:10px;
}
.dashboard-keyword-summary-index-column{
    padding-right: 10px;
}
.report-pivot-input-buttons{
    float:left;
    margin-top:20px;
    margin-left:10px;
}

/* DOW */
.dw-title{
    font-family: arial,helvetica,sans-serif;
    font-size: large;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

.dw-input-container{
    display: flex;
    flex-direction:row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
}

.flex-row-wrap{
    display: flex;
    flex-direction:row;
    flex-wrap: wrap;
}

.dw-dim-selected {
    background-color: white;
}

.flex-row{
    display: flex;
    flex-direction:row;
}

#dw-input-dim > label {
    vertical-align: top;
}

#dw-input-dim > li {
    margin-left: 30px;
    list-style-type: none;
}


#dw-input-dim-items {
    margin-left: 10px;
    width: 200px;
    display: flex;
    flex-direction:row;
    flex-wrap: wrap;
}


#dw-input-dim-items > li > input{
    margin: 5px;
}

.li-no-style {
    list-style-type: none;
}

#dw-input-clicks{
    /*margin-left: 30px;*/
    height:32px;
}

#dw-input-period{
    /*margin-left: 50px;*/
    height:32px;
}

#dw-input-period1 {
    /*margin-left: 30px;*/
    height:32px;
}

#dw-form-container{
    background-color:rgb(234, 234, 234);
    border-radius: 10px 10px 0 0;
    padding:10px 20px;
    height:180px;
    position: relative;
}

#dw-submit-form-container{
    background-color:rgb(234, 234, 234);
    border-radius: 10px 10px 0 0;
    padding:10px 20px;
    height:auto;
    position: relative;
    margin:5px;
}

.dw-calc {
    #position: absolute;
    #bottom: 50;
    #right: 10px;
    #text-align: right;
}

.dw-calc1 {
    margin-left: -10px;
}

.dw-submit {
    margin:5px;
    text-align: right;
}

.dw-calc-button {
    height:20px;
    width:80px;
    text-align: center;
}

.dw-campaign-day-acc-heading {
    width:200px;
}

.dw-campaign-result-response-day{
    height:30px;
}

.dw-campaign-result-response-day-header{
    height:30px;
    background-color: lightgray;
}

.dw-campaign-result-response-item{
    float: left;
    width:14%;
    height:22px;
}

.dw-campaign-result-response-input-item{
    float: left;
    width:50px;
    height: 20px;
  color: #000;
  font-size: 12px;
  /*line-height: 1.2;*/
  font-family: arial,helvetica,sans-serif;
}

accordion .panel-group {
   margin-bottom: 0;
 }

/* END OF DOW */

/* TEXT MINING */

.grid {
  width: 100%;
  height: 400px;
  color: #000;
  font-size: 12px;
  /*line-height: 1.2;*/
  font-family: arial,helvetica,sans-serif;
}

.tm-li-header-item {
    position: relative;
    display: block;
    height: 20px;
}

.tm-display-item {
    position: relative;
    float: left;
    width: 10%;
    margin: 2px;
    height: 22px;
    text-align: right;
}


.tm-display-cost-item {
    position: relative;
    float: left;
    width: 20%;
    margin: 2px;
    height: 22px;
    text-align: right;
}

.btn {
    margin-right: 8px;
}

.angular-ui-tree-handle {
    background: #f8faff;
    border: 1px solid #dae2ea;
    color: #7c9eb2;
    padding: 0px;
    height: 30px;
}

.angular-ui-tree-handle:hover {
    color: #438eb9;
    background: #f4f6f7;
    border-color: #dce2e8;
}

.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.group-title {
    background-color: #687074 !important;
    color: #FFF !important;
}


/* --- Tree --- */
.tree-node {
    border: 1px solid #dae2ea;
    background: #f8faff;
    color: #7c9eb2;
}
.tree-node-content {
    margin: 0px;
}
.tree-handle {
    padding: 10px;
    background: #428bca;
    color: #FFF;
    margin-right: 10px;
}

.angular-ui-tree-handle:hover {
}

.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tm-word-container{
    border-radius: 10px 10px 0 0;
    padding:10px 0px;
    position: relative;
    display: flex;
}

.tm-word-item{
    display: inline;
    background-color:rgb(234, 234, 234);
    margin:5px;
}
/*END OF TEXT MINING */

.list-group-item{
    min-height: 40px;
}
#div-pivot-savedqueries{
    /*position: relative;
    top: -65px;
    */
    position:absolute;
    top:97px;
    left:510px;
}
reporting-pivot-data{
    position: relative;
    top: 60px;
}
#div-pivot-left-dimensions{
    top: -50px;
    position: relative;
}
#div-pivot-dimensionslist ul{
    margin-bottom: 5px;
}

.recogrid {
  height: 100%;
  width: 95%;
  color: #000;
  font-size: 12px;
 /* line-height: 1.2;*/
  font-family: arial,helvetica,sans-serif;
}

#tm-reco {
    width: 95%;
}

#tm-addstopwords-container {
    display: table-caption;
}

#tm-addstopwords-container-submit {
    margin:5px;
}
.sw-grid {
  width: 500px;
  height: 400px;
  color: #000;
  font-size: 12px;
 /* line-height: 1.2;*/
  font-family: arial,helvetica,sans-serif;
}
#tm-pg-kw-grid {
  width : 95%;
}
#tm-del-sw {
  margin-left : 20px;
}
.dw-del-sw-button {
  margin : 5px;
}
.kh-t-item{
    /*width: 300px;
    height: 140px;*/
    border: 1px solid gray;
    /*padding:5px;
    cursor: pointer;*/
}
.kh-t-item:hover{
    /*background-color:lightgray;
    color:black;*/
}
.kh-yellow{
    background-color:yellow;
}
.kh-green{
    background-color:green;
    color:white;
}
.kh-red{
    background-color:red;
    color:white;
}
.kh-orange{
    background-color:orange;
}
.keyword-heatmap-table{
    margin-top:10px;
}
#btn-reporting-edit-columns{
    margin:10px;
}
#tbl-reporting-edit-columns{
    width:100%;
}
#tbl-reporting-edit-columns th{
    font-weight: bold;
}
#tbl-reporting-edit-columns td{
    vertical-align: top;
    width:50%;
}
.btn-reporting-unselected{
    width:200px;
    margin:2px;
}
.btn-reporting-selected{
    width:200px;
    margin:2px;
}
#div-reporting-pagination-items{
    float: right;
    padding-right: 150px;
    margin-top: -50px;
    position:relative;
    top:50px;
}

.reporting-results-header-absolute-default{
    position: relative;
    width: 2100px;
    z-index: 10;
}


.score-class{
    color: white;
    border-radius: 100px;
    height: 27px;
    width: 27px;
    color: white;
    text-align: center;
    #padding-left: 7px;
    padding-top: 4px;
    margin-left: 40%;
}
.is-title{
    font-size: large;
    font-weight: bold;
}
.is-campaigns{
    font-size: medium;
}
.is-adgroups{
    font-size: medium;
}
.is-campaign-grid {
  height: 500px;
  width:95%;
  color: #000;
  font-size: 12px;
 /* line-height: 1.2;*/
  font-family: arial,helvetica,sans-serif;
}



#is-pivot-grid {

}

.is-lrRatio{
    font-size: large;
    font-weight: bold;
}

.dw-container ul[dnd-list],
.dw-container ul[dnd-list] > li {
    position: relative;
}

.dw-container ul[dnd-list] {
    min-height: 42px;
    padding-left: 0px;
}
.dw-container ul[dnd-list] .dndDraggingSource {
    display: none;
}

.dw-container ul[dnd-list] .dndPlaceholder {
    display: block;
    background-color: #ddd;
    min-height: 42px;
}

.dw-container ul[dnd-list] li {
    background-color: #fff;
    border: 1px solid #ddd;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    display: block;
    padding: 5px 10px;
    margin-bottom: -1px;
}

.dw-container ul[dnd-list] li.selected {
    background-color: #dff0d8;
    color: #3c763d;
}

/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
.dw-container .dropzone ul[dnd-list] {
    min-height: 42px;
    margin: 0px;
    padding-left: 0px;
}

/**
 * The dnd-lists's child elements currently MUST have
 * position: relative. Otherwise we can not determine
 * whether the mouse pointer is in the upper or lower
 * half of the element we are dragging over. In other
 * browsers we can use event.offsetY for this.
 */
.dw-container .dropzone li {
    background-color: #fff;
    border: 1px solid #ddd;
    display: block;
    padding: 0px;
}

/**
 * Reduce opacity of elements during the drag operation. This allows the user
 * to see where he is dropping his element, even if the element is huge. The
 * .dndDragging class is automatically set during the drag operation.
 */
.dw-container .dropzone .dndDragging {
    opacity: 0.7;
}

/**
 * The dndDraggingSource class will be applied to the source element of a drag
 * operation. It makes sense to hide it to give the user the feeling that he's
 * actually moving it. Note that the source element has also .dndDragging class.
 */
.dw-container .dropzone .dndDraggingSource {
    display: none;
}

/**
 * An element with .dndPlaceholder class will be added as child of the dnd-list
 * while the user is dragging over it.
 */
.dw-container .dropzone .dndPlaceholder {
    background-color: #ddd;
    min-height: 42px;
    display: block;
    position: relative;
}


.dw-container .toolbox ul {
    padding-left: 0px;
    cursor: move;
}

.dw-container .toolbox ul li{
    display: block;
}

.dw-container .toolbox button {
    margin: 5px;
    opacity: 1.0;
    font-size:12px;
}

.dw-container .toolbox .dndDragging {
    opacity: 0.5;
}

.dw-container .toolbox .dndDraggingSource {
    opacity: 1.0;
}

.dw-container .box {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.dw-container .box > h3 {
    color: #333;
    border-color: #ddd;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    background-repeat: repeat-x;
    display: block;
    font-size: 12px;
    padding: 10px 15px;
    margin-top: 0;
    margin-bottom: 0;
}

.dw-container .box-padding {
    padding: 15px;
}

.dw-container .box-padding > h3 {
    margin: -15px;
    margin-bottom: 15px;
}

.dw-container .box-grey {
    border-color: #ddd;
}

.dw-container .box-grey > h3 {
    background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
}

.dw-container .box-blue {
    border-color: #bce8f1;
}

.dw-container .box-blue > h3 {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    background-image: -webkit-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);
    background-image: linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);
}

.dw-container .box-yellow {
    border-color: #faebcc;
}

.dw-container .box-yellow > h3 {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    background-image: -webkit-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);
    background-image: linear-gradient(to bottom,#fcf8e3 0,#faf2cc 100%);
}


.dw-container .dropzone .item {
    padding: 10px 15px;
    text-align: center;
    font-size: 12px;
}
.dw-container .dropzone ul {
    list-style: none;
    padding-left: 0px;
    cursor: move;
}

.dw-container .dropzone button {
    background-color:white;
    font-size:12px;
}

.bam-campaign-grid {
  width: 95%;
  height: 300px;
  color: #000;
  font-size: 12px;
  /*line-height: 1.2;*/
  font-family: arial,helvetica,sans-serif;
}

#bam-results-grid .ui-grid-cell .ui-grid-cell-contents{
  text-align:right;
}

.anchor-reportin-download{
    cursor:pointer;
    margin-left:10px;
    color: white !important;
}



.dw-campaign-list-group{
    width:50%;
}
.dow-charts-roi{
    width:50%;
    height: 375px;
}
.dw-list-and-chart{
    display:flex;
}
.dtree-grid {
  height: 100%;
  width: 95%;
  color: #000;
  font-size: 12px;
  /* line-height: 1.2;*/
  font-family: arial,helvetica,sans-serif;
}
.kwvaluation-input {
  display: flex;
}
.cm-dims-title{
    font-size: large;
    font-weight: bold;
}
.cm-dims-keywords-title{
    font-size: large;
    font-weight: bold;
}
.cm-dims-keyword-grid{
  height: 900px;
  width: 95%;
  color: #000;
  font-size: 12px;
  /*line-height: 1.2;*/
  font-family: arial,helvetica,sans-serif;
}

.cm-dims-keyword-grid .ui-grid-header-cell {
  height: 60px;
}
/*.ui-select-choices-row{
  background-color:white;
}*/

.ui-grid-cell {
  overflow: visible;
  z-index: 99999;
}

.ui-grid-header-cell {float: left;}

.ui-grid-cell, ui-select-wrap {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tooltip-inner{
    min-width: 120px;
    max-width: 500px;
}

.reporting-keyworddimensions-select-container{
    max-width:300px;
    float:left;
    margin-top:10px;
    margin-right:20px;
}

.top20 {
    top: 20px;
}

.paddingTop5 {
    padding-top: 5px;
}

.kdChart-dimensionItem{
    padding:5px;
    margin-left:10px;
}
.kdchart-dimensionItem-subItem{
    padding: 5px;
    background-color: gray;
    width: 100%;
    color: white;
    border-radius: 10px;
    margin-bottom: 1px;
}
.cursor-pointer{
    cursor:pointer;
}
.kdchart-dimensionitems-selected-container{
    background-color:lightgray;
    border-radius: 10px;
    padding:10px;
}
.kwchart-selected-dimension-item-name{
    color:#8c1515;
    font-weight: bold;
}
.select-dimensions-header{
    margin-top:10px;
    margin-bottom:10px;
}
.rrhi-textad-ad{
    width:250px;
    text-align: left;
}
.reporting-height-150{
    height:150px;
}

.color-black{
    color:black;
}
.rep-dashboard-date-delete{
    position: relative;
    top: -23px;
    float: right;
    right: 10px;
}
.cm-uploads-container{
    max-width: 800px;
}

input[type=file]{
    width:90px;
    color:transparent;
}

.cm-uploads-title{
    margin-bottom: 20px;
}
.cm-uploads-span-title{
    font-weight: bold;
    display: block;
    font-family: arial,helvetica,sans-serif;
    font-size: large;
}
.cm-uploads-span-comment{
    display:block;
    font-family:arial,helvetica,sans-serif;
}

.lrration-yellow{
    background-color:yellow !important;
}
.lrration-green{
    background-color:green !important;
    color:white !important;
}
.lrration-red{
    background-color:red !important;
    color:white !important;
}
.lrration-orange{
    background-color:orange !important;
}

.marginTop5px{
     margin-top:5px;
}

.left-m30px {
    left: -30px;
}


.pivotSelectHeader {
  /* Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class */
}
.pivotSelectHeader .pivot-header-searchbox {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0;
}
.pivotSelectHeader .pivot-select-header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 10.667px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
}
.pivotSelectHeader md-content._md {
    max-height: 240px;
}

/* reporting.html */
#div-reporting-main {
    padding-left: 10px;
}

#div-dashboard-main {
    padding-left: 10px;
}
.level2-charts {
    margin-top: 5px;
}

.anchor-reporting-download-pivot {
    cursor:pointer;
}

.anchor-reporting-download-new-keywords {
    cursor:pointer;
    width: 40px;
}

.anchor-reporting-download-dest-keywords {
    cursor:pointer;
    padding-right: 10px;
}

#reporting-date-range{
    width: 200px;
}

#reporting-date-range-dimensions {
    width: 200px;
}

.lrratio-grid {
  height: 95%;
  width: 95%;
  color: #000;
  font-size: 12px;
 /* line-height: 1.2;*/
  font-family: arial,helvetica,sans-serif;
}

.reporting-grid {
  height: 100%;
  width: 95%;
  color: #000;
  font-size: 12px;
 /* line-height: 1.2;*/
  font-family: arial,helvetica,sans-serif;
}

.dashboard-ksa-grid {
  height: 400px;
  width: 97%;
  color: #000;
  font-size: 12px;
 /* line-height: 1.2;*/
  font-family: arial,helvetica,sans-serif;
}

.dashboard-ksa-qs-grid {
  height: 300px;
  width: 97%;
  color: #000;
  font-size: 12px;
 /* line-height: 1.2;*/
  font-family: arial,helvetica,sans-serif;
}

.dashboard-ksa-sq-grid {
  height: 600px;
  width: 97%;
  color: #000;
  font-size: 12px;
 /* line-height: 1.2;*/
  font-family: arial,helvetica,sans-serif;
}

.locAnalysis-grid {
  height: 100%;
  width: 95%;
  color: #000;
  font-size: 12px;
 /* line-height: 1.2;*/
  font-family: arial,helvetica,sans-serif;
}

.recommendations-grid {
  height: 500px;
  width: 95%;
  color: #000;
  font-size: 12px;
 /* line-height: 1.2;*/
  font-family: arial,helvetica,sans-serif;
}

.intra-day-stats-grid {
  width: 100%;
  color: #000;
  font-size: 12px;
 /* line-height: 1.2;*/
  font-family: arial,helvetica,sans-serif;
}

.reporting-grid-wfilter {
  height: 100%;
  width: 95%;
  color: #000;
  font-size: 12px;
 /* line-height: 1.2;*/
  font-family: arial,helvetica,sans-serif;
}

.reporting-grid-wfilter .ui-grid-header-cell {
  height: 60px;
}

.md-select-label {
  font-weight: bold;
  font-size: large;
  font-family: sans-serif;
}

.md-select-value span {
  font-size: small;
  font-family: sans-serif;
  color: darkblue;
}

#dimensionsAndFilters md-input-container {
  margin: 0px;
}

#dimensionsAndFilters md-switch {
  margin: 0px;
}

.reporting-charts-modal md-content {
  background-color: transparent !important;
}
.reporting-charts-modal md-content md-tabs {
  background: #f6f6f6;
  border: 1px solid #e1e1e1;
}
.reporting-charts-modal md-content md-tabs md-tabs-wrapper {
  background: white;
}
.reporting-charts-modal md-content h1:first-child {
  margin-top: 0;
}

#dimensionsAndFilters .panel-group {
    margin-bottom: 0px !important;
}
.reporting-footer {
    height: 40px;
}

.mTop5pxmLeft15px {
    margin-top: 5px;
    margin-left: 15px;
    color: blue;
}

.md-tab.md-active {
  background-color: lightgray;
  border-radius: 10px;
}

.md-tab {
    text-transform: none;
}

#locationMap {
    height: 400px;
}

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: #dddddd;
}

.md-button-png-icon{
    margin: 5px auto auto;
    padding: 0;
    display: inline-block;
    background-repeat: no-repeat no-repeat;
    pointer-events: none;
}

.dashboardsplit md-content {
    background-color: transparent !important;
}
.dashboardsplit md-content md-tabs {
    background: #f6f6f6;
    border: 1px solid #e1e1e1;
}
.dashboardsplit md-content md-tabs md-tabs-wrapper {
    background: white;
}
.dashboardsplit md-content h1:first-child {
    margin-top: 0;
}

.dashboardsplit .md-tab.md-active {
    background-color: white;
    border-radius: 10px;
}

.sect-filter {
    width: 100%;
    height: 20px;
}

.range-width {
    width: 350px;
}

.range-input-width {
    width: 80px !important;
}

md-slider-container > h5 {
    min-width: 100px !important;
    max-width: 100px !important;
}

md-slider-container md-input-container input[type=number] {
    text-align: center;
    padding-left: 10px;
    height: 50px;
    margin-top: -25px;
}