/** Add css rules here for your application. */


body {
    color: #333;
    font: 13px/20px Open Sans !important;
    background-color: #e4e7ea !important;
    padding-top:0px !important; 
    width:100%;
    height: 100%;
    overflow: hidden;
}

#block-header .navbar-inner {
	background-color: #72acd9 !important;
    background-image: none !important;
}

#block-header .navbar-inner .brand {
	background-color: #72acd9;
	color: #FFFFFF !important;
	text-shadow: none !important;
	width: 13.6%;
	/*font-weight: bold !important;*/
	padding: 15px 20px !important;
}

#block-header .navbar .nav {
	margin: 5px 10px 0 20px !important;
}

#block-header .navbar .nav > li {
    width: 100px;
}

#block-main {
    margin-top: -15px;
    height: 95%;
}

.leftColumn {
    width: 42%;
    margin-right: 10px;
    height: 100%;
    background-color: white;
    display: inline-block;
 	float:left;
}

.rightColumn {
	width: 56%;
    display: inline-block;
    margin-top: 1px;
}

.chartContent {
    margin-bottom: 10px;
    height: 70%;
    background-color: #ffffff;
   
}

#highchart{
	height:55vh;
	overflow:hidden;
}

#tableChart{
	height: 30vh;
	overflow: auto;
	padding: 20px;
}

.modal-general-body{
	background-color:#535364;
}

.main-navigation-bar > .nav-tabs{
	height:94vh;
	background-color:#535364;
	margin-bottom:0px;
	width: 40%;
	border-right: medium none !important;
}

.main-navigation-bar > .nav-tabs {
	background-color: #535364;
	border-right: none !important;
}

.main-navigation-bar .nav-tabs > li {
	margin: 0px !important;
}

.main-navigation-bar > ul > li > a {
	border-color: rgba(0, 0, 0, 0.1);
    border-style: none none solid;
    border-width: 1px;
    color: #c7c7d1;
    font-size: 14px;
    margin: 0 0 0 10px !important;
    padding: 10px 0 10px 3px !important;
}

.main-navigation-bar > ul > li.active > a {
	color: #464654;
}

.main-navigation-bar > ul > li:not(.folderTab) > a:hover, .main-navigation-bar > ul > li:not(.folderTab) > a:focus {
    background-color: #5c5c6c !important;
    border-bottom: 1px solid #5c5c6c !important;
}

.main-navigation-bar > ul > li.active > a:hover, .main-navigation-bar > ul > li.active > a:focus {
    background-color: #ffffff !important;
    border-bottom: 1px solid #ffffff !important;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
    border: none !important;
}

/*.tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus {
    border: none !important;
}*/

.main-navigation-bar > ul > li.active {
	background-color: #ffffff;
	border-left: 1px solid #ffffff !important;
}

.main-navigation-bar > ul > li:hover {
    background-color: #5c5c6c !important;
}

.main-navigation-bar > ul > li.active:hover, .main-navigation-bar > ul > li.active:focus {
    background-color: #ffffff !important;
    border-left: 1px solid #ffffff !important;
}

/*.main-navigation-bar li.folderTab, .main-navigation-bar li.dataserie-tab {
	background-color: #464654 !important;
}*/

.main-navigation-bar li.folderTab, .main-navigation-bar li.folderTab:hover, .main-navigation-bar li.folderTab:focus {
    background-image: url("https://live.amcharts.com/static/img/icons/folder_open.png") !important;
    background-position: 10px 14px;
    background-repeat: no-repeat;
}

.main-navigation-bar li.folderTab a {
	padding-left: 30px !important;
}

.nav > li.folderTab > a:hover, .nav > li.folderTab > a:focus {
    background-color: transparent !important;
    border-bottom: 1px solid #5c5c6c !important;
}


.tables-header{
	background-color: #2062B8;
    color: white;
	font-style: italic;
	margin:auto;
	left:0;
	right:0;
}

.tables-header > td {
	padding-left:30px;
	padding-right:30px;
}

.databox-header{
    font-style: italic;
	width:100%;
	margin:auto;
	left:0;
	right:0;
	font-size:15px !important!;
}

table td {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

table td:first-child {
	border-left: none;
}

table td:last-child {
	border-right: none;
}

.databox-header > td{
	padding-left:30px;
	padding-right:30px;
}

.databox-data {
	border:1px solid #ccc;
	text-align:center;
}

.databox-table{
	width:100%;
	text-align:center;
	border:1px solid #ccc;
	margin:auto;
}
.main-navigation-bar > li{
	top:35px;
}

.my-frame{
	height:100%;
	width:100%;
	overflow:hidden;
	border-color: #000 !important;
    border-width: 0 !important;
}

.nav-tabs > li {
	font-size:14px;
}

.add-serie-icon {
    background-color: #383843;
    border-radius: 10px;
    float: right;
    height: 10px;
    margin-right: 7px;
    padding: 5px;
}

.add-serie-icon{
	cursor:pointer;
}

.delete-icon {
    background-color: #c7c7d1;
    border-radius: 10px;
    float: right;
    height: 10px;
    margin-right: 7px;
    padding: 5px;
}

.delete-icon-filters{
	float:right;
	height: 25px;
	margin-right:7px;
	margin-top:-30px;
}

.delete-icon-autocomplete {
    border-radius: 10px;
    float: right;
    height: 20px;
    margin-right: 7px;
    padding: 5px;
}

.checked-icon-filters{
	float:right;
	height: 23px;
	margin-right:62px;
	margin-top:-30px;
}

.addNewFilterButton{
	margin-top:10px !important;
	margin-bottom:10px !important;
	margin-left:40%;
}

.applyFilter{
	margin-top:10px;
}

.cancelFilter{
	margin-top:10px;
	float:left;
}


.imageStartingModal{
	float:left;
	margin-right:15px;
	height: 30px;
	width: 30px;
}

.optionsHeaders{
	text-align:center;
}

.seperator{
	width:80%;
	margin-top:10px;
	margin-bottom:15px;
	margin-right:auto;
	margin-left:auto;
}

.generalOptionsTable{
	margin:auto;
}

.infoalert-apply{
	text-align:center;
}

.infoalert-add{
	text-align:center;
}

.previewBoxIcon{
	max-width:30px;
	max-height:30px;
}

.tabs-left > .nav-tabs > li > a {
    border-radius: 0 !important;
    color: #c7c7d1;
    font-size: 14px;
    margin: 0 0 0 10px !important;
    padding: 10px 0 10px 3px;
    border-color: rgba(0, 0, 0, 0.1);
    border-style: none none solid;
    border-width: 1px;
}

.tabs-left > .nav-tabs > li.active > a {
	color: #464654;
}

.dataserie-tab {
	background-image: url("./img/innerFolder.png") !important;
	background-repeat : no-repeat;
	background-position: 3px 5px;
}

.tabs-left > .nav-tabs > li.dataserie-tab > a {
    margin-left: 15px !important;
}

.tabs-left > .nav-tabs {
    margin-right: 0px !important;
}

.accordion-group {
    border-radius: 0px !important;
    border-bottom: 1px solid #e5e5e5 !important;
    border-top: 1px solid #e5e5e5 !important;
    border-left: none !important;
}

.accordionPanel .accordion-heading a:hover, .accordionPanel .accordion-heading a:focus {
    text-decoration: none !important;
}

.accordionHeading {
    text-align: center;
}

.accordionHeading [class^="icon-"], .accordionHeading [class*=" icon-"] {
    float: left;
    color: #72acd9 !important;
}

.leftColumn .tab-content .accordionHeading a, .leftColumn .tab-content .accordionHeading a:focus,
.leftColumn .tab-content .accordionHeading a:hover, .leftColumn .tab-content .accordionHeading a:visited {
	color: #72acd9 !important;
}

.accordionPanel > .control-label {
    width: 100% !important;
}

.accordionPanel > .controls {
	width:100% !important;
}
.accordionPanel > .controls {
    margin-left: 2% !important;
    margin-right: 2% !important;
}

.accordion-inner > form {
    /*margin: 15px 0 !important;*/
    margin-right:2%;
    margin-left:2%;
}

.accordion-inner .controls > select {
	width:100% !important;
}

.accordion-inner .controls > input {
	width: 96% !important;
}

#accordionGeneral > .accordion-body{
	overflow:visible !important;
}

label, input, button, select, textarea {
    font-size: 13px !important;
}


.flashing-button-apply{
	/*-webkit-animation-name:successAnimApply;
	-webkit-animation-duration:3s;
	-webkit-animation-iteration-count : infinite;
	animation-name:successAnimApply;
	animation-duration:3s;
	animation-iteration-count: infinite;*/
	-webkit-box-shadow: 0px 0px 5px 5px rgba(191,220,230,1) !important;
	-moz-box-shadow: 0px 0px 5px 5px rgba(191,220,230,1) !important;
	box-shadow: 0px 0px 5px 5px rgba(191,220,230,1) !important;

}


@keyframes successAnimApply{
	from{background-color:#2d2d86;}
	to{background-color:#8c8cd9;}
}

@-webkit-keyframes successAnimApply{
	from{background-color:#2d2d86;}
	to{background-color:#8c8cd9;}
}

.flashing-button{
	background-color:#00b300;
}


@keyframes successAnim{
	from{background-color:#990000;}
	to{background-color:#ff9999;}
}

@-webkit-keyframes successAnim{
	from{background-color:#990000;}
	to{background-color:#ff9999;}
}

.span2 {
	/*width: 21vh !important;*/
	width:120px !important;
}
.newFeature{
	text-align:center;
}
/*
.newFeature-button-ok{
	background-color: #6298e1 !important;
	color:white !important;
	border-radius:30px !important;
    margin: 3px 10px 0 0 !important;
    padding: 5px 7px !important;;
    line-height: 18px  !important;;
    opacity: 1 !important;
    cursor: pointer !important;
    margin-left:8px !important;
    margin-bottom:-6px !important;
}

.newFeature-button-cancel{
	background-color: #E61616 !important;
	color:white !important;
	border-radius:30px !important;
    margin: 3px 10px 0 0 !important;
    padding: 5px 7px !important;;
    line-height: 18px  !important;;
    opacity: 1 !important;
    cursor: pointer !important;
    margin-left:8px !important;
    margin-bottom:-6px !important;
}

*/
.saveFeature{
	text-align:center;
}

.loadFeature{
	text-align:center;
}

.infoParagraph{
	font-style: italic;
}

.loading {
    position: relative;
    min-height: 400px;
}

.loader-big {
    background: url("./loading_background.gif") no-repeat center;
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.whiteFilm {
    background: #fff none repeat scroll 0 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: 0;
}

.dataseries-content{
	height:90vh;
}


/******** Starting modal ********/

.startingmodal-general-body {
	border-radius : 0px !important;
    width: 772px !important;
    margin-top: 90px !important;
    margin-left: -365px !important;
}

.startingmodal-general-body .modal-body {
	padding: 0px !important;
}

.startingmodal-left {
	max-height: 390px !important;
    overflow-y: hidden !important;
}

.startingmodal-left .nav-tabs {
	background-color: #535364;
	width: 250px;
	border-right: none !important;
}

.startingmodal-left .nav-tabs > li {
	margin: 0px !important;
}

.startingmodal-left > ul > li > a {
	border-color: rgba(0, 0, 0, 0.1);
    border-style: none none solid;
    border-width: 1px;
    color: #c7c7d1;
    font-size: 14px;
    margin: 0 0 0 10px !important;
    padding: 15px 0 20px 3px !important;
}

.startingmodal-left > ul > li.active > a {
	color: #464654;
}

.startingmodal-left > ul > li > a:hover, .startingmodal-left > ul > li > a:focus {
    background-color: #5c5c6c !important;
    border-bottom: 1px solid #5c5c6c !important;
}

.startingmodal-left > ul > li.active > a:hover, .startingmodal-left > ul > li.active > a:focus {
    background-color: #ffffff !important;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
    border: none !important;
}

/*.tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus {
    border: none !important;
}*/

.startingmodal-left > ul > li.active {
	background-color: #ffffff;
	border-left: 1px solid #ffffff !important;
}

.startingmodal-left > ul > li:hover {
    background-color: #5c5c6c !important;
}

.startingmodal-left > ul > li.active:hover, .startingmodal-left > ul > li.active:focus {
    background-color: #ffffff !important;
    border-left: 1px solid #ffffff !important;
}



.startingmodal-left .thumbnail {
	border-color: rgba(0, 0, 0, 0.05) !important;
	border-radius: 0px !important;
	border-left: none !important;
	border-top: none !important;
	box-shadow: none !important;
	height: 159px;
	width:165px;
}

.startingmodal-left .thumbnail > div {
	padding-top: 25px;
}

.startingmodal-left .thumbnails {
	margin-left: 0px !important;
}

.startingmodal-left .thumbnails > li {
	margin-bottom: 0px !important;
	margin-left: 0px !important;
}

.startingmodal-left .thumbnails > li:hover {
    background-color: rgba(0, 0, 0, 0.02);
}

.startingmodal-left .thumbnail label {
	color: #464654;
	text-align: center;
}

.startingmodal-left a.thumbnail:hover, .startingmodal-left a.thumbnail:focus {
	text-decoration: none !important;
}

.startingmodal-left .tab-content .thumbnail img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.dataserie-checkbox{
	background-color:#c7c7d1;
	float:left;
	margin-right:13px;
	height:15px;
	margin-top: 4px;
	border-radius: 3px;
}

.predefined-dates{
	margin-right:10px;
	margin-left:10px;
}

.singleFilter-content {
	display: inline-block;
	border: 1px dashed #ccc;
    margin: 10px 5px;
    /*padding: 15px;*/
    width: 70%;
}

.singleFilter-content dl {
	margin-bottom: 5px !important;
}

.singleFilter-content .dl-horizontal dd {
    margin-left: 110px !important;
}

.singleFilter-content .dl-horizontal dt {
	width: 90px !important;
}

.singleFilter-action {
	display: inline-block;
	margin-bottom: 10px;
    margin-left: 8px;
    vertical-align: bottom;
}

.singleFilter-action > a {
	color : #535364 !important;
}

.filterModal > .modal-body{
	overflow:visible;
}
/********************************/

.groupLabel {
	font-size: 15px;
    letter-spacing: 2.7px;
}

.filterModal > .modal-body > div {
	margin-top: 20px;
}

.filterModal {
	border-radius: 0px !important;
}

.btn {
	border-radius: 0px !important;
}

.btn-primary {
	background-color: rgba(83, 83, 100, 0.85) !important;
	background-image: none !important;
}

.modal-header {
    color: #535364;
    letter-spacing: 1.1px;
}

.modal-header h3 {
    font-size: 21px !important;
}

.inlineBlock {
    display: inline-block;
}

.displayBlock {
  /*  display: block; */
  margin-left:4px;
}

.deleteIcon {
	margin-left: 8px;
}

.valuesPanel {
    margin-bottom: 5px;
}

a:hover{
	cursor:pointer;
}

.openExisting{
	background-color: #6298e1 !important;
	color:white !important;
	border-radius:30px !important;
    margin: 3px 10px 0 0 !important;
    padding: 5px 7px !important;;
    line-height: 18px  !important;;
    opacity: 1 !important;
    cursor: pointer !important;
    margin-left:8px !important;
    margin-bottom:-6px !important;
    
}
.exampleValues{
	font-size:11px;
	font-style: italic;
}
.editname{

	float:left;
	margin-right:13px;
	margin-top: 4px;
	border-radius: 3px;
	color:#c7c7d1;

}

.applyall-checkbox{
	float:left;
}

.info-preview{
	text-align:center;
	margin-top:12%;
}

.applychanges{
	margin-left:80%;
}

.radio-button-accordion {
	margin-left : 6%;
	text-align:left;
	min-height:0px !important;
	padding-left: 0px !important;
	display:inline-block !important;
}

.accordion-inner > select {
	width : 100% !important;
}

select:enabled {
	background-color:white !important;
}

.header-buttons > a{
	color:white !important;
}

.appearance-option-panel{
	margin-left: 30px;
}

.font-size-textbox{
	margin-bottom:0px !important;
	width:35px;
	height:21px !important;
	border-style:solid !important;
	padding:1px 3px 2px 3px !important;
	border-width:1px !important;
	border-style:solid !important;
	line-height:17px !important;
	border-radius:0px !important;
}

.appearance-option-panel .control-label {
	width : inherit !important;
}

.appearance-option-panel .controls {
	/*margin-left:90px !important;*/
}
.appearance-general-tab{
	height:90vh;
}
.info-paragraph{
	margin-top:-6px;
	font-style:italic;
	font-size: 12px;
	
}

.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.50 !important;
}

.modal.confirmationModal {
    margin-left: -230px;
    margin-top: 90px !important;
    width: 500px !important;
}

.confirmationModal .modal-footer .confirmationModalButtons .btn, .formModal .modal-footer .confirmationModalButtons .btn {
    margin-left: 10px;
}


table td{
	border-left:none !important;
	border-right:none !important;
}

.add-serie-icon-filter {
    background-color: #383843;
    border-radius: 10px;
    margin-top: -27px;
    height: 10px;
    margin-right: 7px;
    padding: 5px;
    float:right;
    cursor: pointer;
}