html, body { /*background: url("../img/bgp3.png") repeat scroll 50% 0 #EEF0F6;*/
    background-color: #f8f8f8;
}

body {
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    /*font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    
    font-weight: normal;
    
    padding-bottom: 40px;
    padding-top: 60px;*/
    /*for bostrap top nav */
}

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

/*Facebook like transform bootstrap class */

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

.panel-default > .panel-heading {
    background-color: #F6F7F8; /*Facebook panel head background*/
}

.panel-title {
    color: #6A7480;
    font-weight: bold;
}

.panel-title > a {
    color: #6A7480;
    font-weight: bold;
}

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

/*Generci customization  */

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

textarea { border-color: #A9A9A9; }

.section-title {
    color: #6A7480;
    font-size: 18px;
    font-weight: bold;
}

.hx-title {
    color: #6A7480;
    font-weight: bold;
}

/*-----------------------------*/

/*Spark info inline*/

/*-----------------------------*/

.spark-x {
    color: #6A7480;
    font-weight: bold;
}

.spark-x .spark-separator {
    color: #CCC;
    font-size: 20px;
    margin: 0 10px;
    vertical-align: middle;
}

.spark-x .spark-bar:before {
    border-left: dotted 1px #b1b1b1;
    content: "\00a0";
    font-size: 100%;
    margin: 0 10px;
    vertical-align: bottom;
}

.spark-x .spark-item {
    /*color: #333;*/
    display: inline;
    font-size: 80%;
    font-weight: normal;
    /*line-height: 30px;*/
    /*line-height: 60px;*/
    vertical-align: middle;
}

.spark-datetime {
    color: #2A75BC;
    color: #57889C;
    /*font-weight: bold!important;*/
}

.spark-count {
    color: #2A75BC;
    color: #496949 !important;
    /*font-weight: bold!important;*/
}

/*-----------------------------*/
/*Home class*/
/*-----------------------------*/
.resultPanel {
    margin: 20px 0 0px 0;
}


/*-----------------------------*/

/*Spark info block*/

/*-----------------------------*/

/*.sparks-block {
    display: block;
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    text-align: right;
}*/

/* ne korisit se za sada 
.sparks {
    list-style: none;
    text-align: right;
}

.sparks li:first-child {
    border-left: 0;
    padding-left: 0;
}

.sparks li {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    border-left: 1px dotted #C7C7C7;
    box-sizing: content-box;
    display: inline-block;
    max-height: 47px;
    overflow: hidden;
    padding: 0 10px;
    text-align: left;
}

.sparks-info { min-width: 70px; }

.sparks li h5 {
    border: 0;
    color: #555;
    float: left;
    font-size: 11px;
    font-weight: 400;
    margin: 3px 0 0 0;
    padding: 0;
    text-transform: uppercase;
}*/

/*---------------------*/



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

/*Bootstrap customization */

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

.panel-textarea {
    margin-bottom: 0px;
    /*background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
      */
}

.page-header {
    border-bottom: 1px solid #eee;
    margin: 25px 0 20px;
    padding-bottom: 0px;
}

pre {
    background-color: #FFFFFF;
}

/******************************/
/*sb-admin.css customization */
/******************************/

#page-wrapper {
border-bottom: 1px solid #E7E7E7;
}

@media(min-width:768px) {
    #page-wrapper {
        border-bottom: 1px solid #E7E7E7;
    }
}

#page-wrapper-footer {
    padding: 0 15px;
    /*min-height: 568px;*/
    background-color: #fff;
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
}

@media(min-width:768px) {
    #page-wrapper-footer {
        position: inherit;
        margin: 0 0 0 250px;
        padding: 0 30px;
        /*min-height: 1300px;*/
        border-top: 1px solid #E7E7E7;
        border-bottom: 1px solid #E7E7E7;
        border-left: 1px solid #e7e7e7;
        
    }
}