/* page layout */
body{font-family: 'Open Sans', sans-serif;}
.pagetitle{background-color:#fff;color:#666;margin-bottom:20px;margin-top:5px;padding-bottom:10px;padding-top:5px;}
.pagetitle .addbutton{margin-top:10px;font-size:14pt;padding:20px;}
.pagetitle .addbutton .glyphicon {margin-right:20px;}
.container-large{width:1120px;margin:0 auto;}
.container-xlarge{width:98%;margin:0 auto;}
#section_main{/*background-color:#f0f0f0;*/padding-bottom:80px;/*border-bottom:1px solid #ccc;*/}
footer p{text-align:center;padding-top:50px;color:#888;font-size:9pt;}



/* dashboard */
.pagetitle.preamble{background-color:#e2eefa;color:#000;font-weight:lighter;padding-bottom:60px;}
.preamble .whitebg{background-color:#fff;}
.preamble .welcome{padding:10px 0;font-size:13pt;margin-bottom:10px;}
.dashbox{padding:16px;text-align:center;}
.dashbox{padding:22px 0 16px 0;}
.dashbox .bigvalue{font-size:38pt;}
.dashbox.rightborder{border-right:1px solid #cfcfcf;}
.row.whitebg.first{padding-top:15px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.row.whitebg.last{padding-bottom:15px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;

    -webkit-box-shadow: 0px 1px 0px 0px rgba(180, 180, 180, 1);
    -moz-box-shadow:    0px 1px 0px 0px rgba(180, 180, 180, 1);
    box-shadow:         0px 1px 0px 0px rgba(180, 180, 180, 1);
}
.row.whitebg.even{background-color:#f5f8fd;}
.row .rightaligned{text-align:right;}
.row.rowheader{font-size:10pt;}

h3.reptitle{text-transform:uppercase;text-align:center;font-size:12pt;font-weight:bold;color:#000;margin-top:0;}
.metricsmenu{border:1px solid #eaeaea;font-weight:lighter;padding:0 !important;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding:10px 0;
}
.metricsmenu .bootstrap-select{width:75% !important;}
.metricsmenu > div {padding:10px;}
.btn-shinytech {
  color: #fff;
  /*background-color: #3c8abb;*/
  background-color: #41a234;
  border-color: transparent;
  font-weight:lighter;
  padding-top:0;padding-bottom:0;
}
.report-datepicker input, .report-datepicker .dpbutton{
  color: #fff;
  /*background-color: #3c8abb;*/
  background-color: #41a234;
  border-color: transparent;
  font-weight:lighter;
  padding-top:0;padding-bottom:0;height:auto;
}
.rbordered{border-right:1px solid #cfcfcf;}

.report-table{margin-top:40px;}
.row.whitebg.whitebordered{border:1px solid #efefef;}
.report-table .row.whitebg{padding:10px 0;}
.report-table .row.whitebg.first{padding:10px 0;}
.report-table .row.whitebg.last{padding:10px 0;}

.bootstrap-select.btn-group .dropdown-menu {z-index:10000;}

.filter-option{color:#fff;}

.metricsmenu{display:none;}


/* loading bar */
#loading-bar .bar { background-color:#fff !important;height:1px !important;top:2px !important;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 3px 0px rgba(0, 0, 0, 0.75);
}
#loading-bar-spinner .spinner-icon {
  width: 14px !important;
  height: 14px !important;
  border-top-color: #fff !important;
  border-left-color: azure !important;
}



/* main navigation */
header{display:none;}
.navigation-block {background:#3b8abb url(../img/logo-shinytech.png) no-repeat 10px 32px;}
.main-navigation{padding-left:210px;}
.main-navigation ul{list-style:none;float:right;padding:0 20px 0 0;}
.main-navigation ul li{list-style:none;display:inline-block;font-size:8pt;text-align:center;text-transform:uppercase;}
.main-navigation ul li.active{background:url(../img/active_menu_bg.png) repeat-x 0 100%;}
.main-navigation ul li a{display:block;padding:20px 10px;}
.main-navigation ul li a{color:#fff;text-decoration:none;}
.main-navigation ul li a:visited{color:#fff;text-decoration:none;}
.main-navigation ul li a:hover{color:#fff;text-decoration:none;background-color:#44a1dc;
	-webkit-transition: background 200ms linear;
	-moz-transition: background 200ms linear;
	-ms-transition: background 200ms linear;
	-o-transition: background 200ms linear;
	transition: background 200ms linear;
}
.main-navigation ul li .glyphicon{font-size:20pt;display:block;padding:20px;}


/* fixed header */
#section_main {margin-top: 95px;}
.navigation-block {
    width: 100%;
    height: 95px;
    position: fixed;
    top: 0;
    z-index: 10000;

    -webkit-transition: height 200ms ease;
    -moz-transition: height 200ms ease;
    -ms-transition: height 200ms ease;
    -o-transition: height 200ms ease;
    transition: height 200ms ease;
}

#section_main.miniheader .navigation-block {
    height: 51px;
    background:#3b8abb url(../img/logo-shinytech.png) no-repeat 50px 16px;
    background-size: 155px 25px;
}
#section_main.miniheader .main-navigation ul li .glyphicon {
    padding: 0;
}
#section_main.miniheader .main-navigation ul li a {
    padding: 18px 12px;
}


/* login */
.content-login h2{text-align:center;color:#666;padding-top:60px;margin-bottom:20px;}
.content-login p{text-align:center;padding-top:15px;}
.card{width:420px;margin:0 auto;background-color:#fff;
-webkit-box-shadow: 0px 3px 10px 0px rgba(163, 163, 163, 1);
-moz-box-shadow:    0px 3px 10px 0px rgba(163, 163, 163, 1);
box-shadow:         0px 3px 10px 0px rgba(163, 163, 163, 1);
}
.card form{padding:40px;}
.card form button{width:100%;margin-top:25px;height:60px;}




/* angular ng-grid style */
.headfilter{padding:10px 15px;font-size:9pt;background-color:#ddd;margin-bottom: 15px;}
.headfilter select{font-size:9pt;padding:3px 6px;height:auto;}
.ngGrid{background-color: transparent !important;}
.ngTopPanel{background-color: transparent !important;}
.gridStyle{
    border: none;
    width: auto;
    margin: 30px 0;
}
.ngViewport{overflow:visible !important;}
.ngVerticalBar{display:none !important;}
.ngCellText{font-size:10pt;padding:15px 5px !important;}
.campaignState,.campaignActions{padding:15px 5px !important;}
.ngRow:hover{background-color:#dcebf4 !important;}
.ngCellText.cell_bold{font-weight:bold;text-transform: uppercase;}
.actioncell{cursor:auto !important;}
.ngGrid .glyphicon{font-size:14pt;margin-right:10px;line-height:40px;}

.publishers_accounts_list .ngCellText .account{font-size:14pt;font-weight:bold;}
.publishers_accounts_list .ngCellText .url{font-size:9pt;color:#888;}





/* categories checkbox tree */
.categories-tree ul {list-style:none;}
/*.categories-tree .secondaryCategory{margin-left: 30px;}*/
.categories-tree li {display:inline-block;padding:3px 5px;}
.categories-tree li label{font-weight:bold;font-size:10pt;}
.categories-tree li.secondaryCategory label{font-weight:normal;}
.categories-tree li.primaryCategory{display:block;background-color:#ddd;margin-top:20px;}
.categories-tree li label.selected{background-color:#ffff00 !important;}

/* global stats (home) */
.globalstat_item{background-color:#fff;color:#fff;font-size:12pt;margin-bottom:5px;margin-right:0;padding:10px;}
.globalstat_item .gs_graph{margin-top:20px;}
.globalstat_item .gs_value{font-size:36pt;}
.globalstat_item .gs_trend{padding-top:20px;text-align:center;}

.globalstat_itembig{margin-bottom:5px;color:#666;}
.globalstat_itembig .gs_value{font-size:54pt;}
.globalstat_itembig .gs_label{font-size:12pt;}

.gs_blue{color:#3b8abb;}
.gs_orange{color:#f79263;}
.gs_green{color:#9abc32;}
.gs_bgblue{background-color:#3b8abb;}
.gs_bgorange{background-color:#f79263;}
.gs_bggreen{background-color:#9abc32;}



.rightexport{float:right;}
.rightexport a {color:#888;margin-left:10px;}
.rightexport a span{color:#000;}
.rightexport a:hover {text-decoration:none;color:#000;}
.rightexport a {cursor:pointer;}



.sft-networkList{}
.sft-networkList .publisher{}
.sft-networkList .publisherAccount{margin-left: 40px;}






.sft-agGrid{height: 390px;background-color:#ccc;}

.sft-agGrid .ag-root {
  font-family: 'Open Sans', sans-serif;
}
.sft-agGrid .ag-cell {
  padding: 2px;
  line-height: 25px;
  font-size:13px;
}
.sft-agGrid .ag-cell .glyphicon {
	font-size:16px;margin-right:10px;
}
.sft-agGrid .ag-cell-focus {
  border: 1px solid #a9a9a9;
}
.sft-agGrid .ag-cell-no-focus {
  border-right: 1px solid transparent;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.sft-agGrid .ag-pinned-header {
  border-bottom: 1px solid #808080;
}
.sft-agGrid .ag-header-container {
  border-bottom: 1px solid #d4d4d4;
  font-weight: bold;
}
.sft-agGrid .ag-header-cell {
	text-align:left;
  /*border-right: 1px solid #808080;*/
}
.sft-agGrid .ag-header-group-cell {
  border-right: 1px solid #808080;
}
.sft-agGrid .ag-header-group-cell-with-group {
  border-bottom: 1px solid #808080;
}
.sft-agGrid .ag-header-cell-label {
  padding: 4px 2px 4px 2px;
}
.sft-agGrid .ag-header-cell-text {
  padding-left: 2px;
}
.sft-agGrid .ag-header-group-cell-label {
  padding: 4px;
  font-weight: bold;
}
.sft-agGrid .ag-header-group-text {
  margin-right: 2px;
}
.sft-agGrid .ag-header-cell-menu-button {
  padding: 2px;
  margin-top: 4px;
  border: 1px solid transparent;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; /* When using bootstrap, box-sizing was set to 'border-box' */
}
.sft-agGrid .ag-header-cell-menu-button:hover {
  border: 1px solid #000;
}
.sft-agGrid .ag-header-icon {
  color: #800000;
}
.sft-agGrid .ag-dark .ag-header-expand-icon:hover {
  cursor: pointer;
}
.sft-agGrid .ag-row-odd {
   background-color: #fff;
}
.sft-agGrid .ag-row-even {
  background-color: #f1f1f1;
}
.sft-agGrid .ag-loading-panel {
  background-color: rgba(255,255,255,0.5);
}
.sft-agGrid .ag-loading-center {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 10px;
}
.sft-agGrid .ag-body {
  background-color: #fafafa;
}
.sft-agGrid .ag-row-selected {
  background-color: #b0e0e6;
}
.sft-agGrid .ag-group-cell-entire-row {
  background-color: #aaa;
  padding: 4px;
}
.sft-agGrid .ag-footer-cell-entire-row {
  background-color: #aaa;
  padding: 4px;
}
.sft-agGrid .ag-group-cell {
  font-style: italic;
}
.sft-agGrid .ag-group-expand {
  padding-right: 2px;
}
.sft-agGrid .ag-footer-cell {
  font-style: italic;
}
.sft-agGrid .ag-filter-checkbox {
  position: relative;
  top: 2px;
  left: 2px;
}
.sft-agGrid .ag-filter-header-container {
  border-bottom: 1px solid #d3d3d3;
}
.sft-agGrid .ag-filter-apply-panel {
  border-top: 1px solid #d3d3d3;
  padding: 2px;
}
.sft-agGrid .ag-filter {
  border: 1px solid #000;
  background-color: #f0f0f0;
}
.sft-agGrid .ag-filter-value {
  margin-left: 4px;
}
.sft-agGrid .ag-selection-checkbox {
  margin-left: 4px;
}
.sft-agGrid .ag-paging-panel {
  padding: 4px;
}
.sft-agGrid .ag-paging-button {
  margin-left: 4px;
  margin-right: 4px;
}
.sft-agGrid .ag-paging-row-summary-panel {
  display: inline-block;
  width: 300px;
}
.sft-agGrid .ag-column-not-visible {
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
}
.sft-agGrid .ag-not-dragging {
  border: 1px solid transparent;
}
.sft-agGrid .ag-drop-target-above {
  border-top: 5px solid #a9a9a9;
}
.sft-agGrid .ag-drop-target-below {
  border-bottom: 5px solid #a9a9a9;
}
.sft-agGrid .ag-dragging {
  border: 1px dotted #a9a9a9;
}
.sft-agGrid .ag-list-item-selected {
  color: #f0f0f0;
}
.sft-agGrid .ag-list-item-not-selected {
  font-style: italic;
  color: #a0a0a0;
}
.sft-agGrid .ag-tool-panel-container {
  background-color: #eee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #a9a9a9;
  padding: 4px;
}
.sft-agGrid .ag-list-selection {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sft-agGrid .ag-popup-list .ag-list-item:hover {
  background-color: #add8e6;
}
.sft-agGrid .ag-visible-icons {
  padding-left: 2px;
  padding-right: 2px;
}

.sft-agGrid .sftCampaignValid{
  background-color: lightgreen;
}

.sft-agGrid .sftCampaignExpiring{
  background-color: yellow;
}

.sft-agGrid .sftCampaignExpired{
  background-color: red;
}

.sft-agGrid .sftPackageValid{
  background-color: lightgreen;
}

.sft-agGrid .sftPackageExpiring{
  background-color: yellow;
}

.sft-agGrid .sftPackageExpired{
  background-color: red;
}

.userInfo{
	position:absolute;
	top:0;
	right:0;
    font-size: 8pt;
    padding: 5px 25px;
    color: white;
	z-index:999999;
}

.userImpersonate{
  padding: 5px;
}

@media screen and (max-width: 1200px) {
	.navigation-block {background:#3b8abb url(../img/logo-shinytech.png) no-repeat 50px 52px;background-size: 155px 25px;}
	.main-navigation{padding-left:200px;}
	.main-navigation ul li a{display:block;padding:20px 12px;}
}

/* CSS per centrare la finestra modale */
.center-modal {
    position: fixed;
    top: 25%;
    left: 18.5%;
    z-index: 1050;
    width: 80%;
    height: 80%;
    margin-left: -10%;
}

/* fix per firefox per il calendario */
td button.btn {width:auto !important;}