@import url(icomoon-icons.css);

.gr{
    width: 800px;
}
.dashboard-wrapper {
    background: url(../img/satinweave.png) repeat;
    
    margin-left: auto; 
    margin-right: auto;
    padding-top: 80px;
    padding-left: 20px;
    padding-right: 20px;
}   

.main > div.row-fluid {
    margin-bottom: 10px;
}
        /*************\
            Navbar
        \*************/

.dashboard-icon {
    text-shadow: 0 0 2px rgba(153, 153, 153, 0.72);
    padding: 10px 40px 10px;
    
    background: url(../img/dashboard2.png) left no-repeat;
    background-size: 25px 25px;
    line-height: 20px;
}

.dashboard-wrapper .navbar-inner img {
    height: 50px;
    margin-right: -10px;
}

.dashboard-wrapper .dash-settings-icon {
    background-image: url(../img/Settings_icn.png) !important;
    background-repeat: no-repeat;
    background-position: 5px;
    background-size: 16px 16px;
}
.dashboard-wrapper .help-icon {
    background-image: url(../img/Question_icn.png) !important;
    background-repeat: no-repeat;
    background-position: 5px;
    background-size: 16px 16px;
}
.dashboard-wrapper .save-icon {
    background-image: url(../img/Save_enabled.png) !important;
    background-repeat: no-repeat;
    background-position: 5px;
    background-size: 16px 16px;
}
.dashboard-wrapper .logout-icon {
    background-image: url(../img/exit.png) !important;
    background-repeat: no-repeat;
    background-position: 5px;
    background-size: 16px 16px;
}
.dashboard-wrapper .dropdown-menu li a {
    padding-left: 26px;
}
.dashboard-wrapper .dropdown-menu li a:hover {
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 5px;
}

        /*************\
          single box
        \*************/
        
.dashboard-wrapper .row-view {

}
.dashboard-wrapper .outer-view {
    background: none;
    border: 0px;
}

.dashboard-wrapper .inner-view {
    height: 100%;      
    /*min-height: 410px;        Needs to be checked with data and in the correct resolution   */
    background: #fff;

    width: 98%;
    border: 1px solid #c9c9c9;
    box-shadow: 1px 1px 2px #a7a7a7;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.dashboard-wrapper .inner-view .dropdown-menu li a {
    font-size: 12px;
    padding-left: 10px;
}
        
        /*************\
          Box header
        \*************/
/*
.main header .row-fluid {
    padding-top: 4px;
}*/

.dashboard-wrapper .search {
    width: 72%;
}
.dashboard-wrapper .search a {
    font-size: 14px;
    
}
.dashboard-wrapper .dropdown-toggle {
    -moz-transition: -moz- .3s ;
    -webkit-transition: -webkit- .3s ;
    -o-transition: -o- .3s ;
    transition: .3s ;
}
.dashboard-wrapper .results-scroll {
    background: inherit;
}
.dashboard-wrapper .dropdown-menu:after {
    border-bottom: 6px solid rgb(242, 242, 242);
    left: 14%;
}
.dashboard-wrapper .dropdown-menu:before {
    border-bottom: 7px solid rgb(179, 179, 179);
    left: 14%;
}

.dashboard-wrapper ul.dropdown-menu {
    padding: 0px;
    margin-top: 8px;
    margin-left: 8px;
    width: 100%;
    min-height: 15px;
}
.dashboard-wrapper .dropdown.search dropdown-menu {
    min-height: 15px;
    max-height: 310px;

    overflow-y: auto;
    
    padding-top: 2px;
    padding-bottom: 2px;
}
       
.icon-arrow-down-2 {
    margin-top: 4px;
    margin-left: 4px;
    
    opacity: 0;
    
    -moz-transition: -moz- .2s ;
    -webkit-transition: -webkit- .2s ;
    -o-transition: -o- .2s ;
    transition: .2s ;
}
.dashboard-wrapper .dropdown.search:hover .icon-arrow-down-2, .dashboard-wrapper .dropdown.search:active .icon-arrow-down-2 {
    opacity: 1;
}

/*.main div.search .btn.span10 {
    font-weight: bold;
    text-shadow:none;
    box-shadow: none;
    text-shadow: 1px 1px 0px rgba(153, 153, 153, 0.5);
    width: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-radius: 0px;
    
    border-right: 1px solid #CCCCCC;
    box-shadow: 1px 0 rgba(255, 255, 255, 0.3);
}*/

        /*************\
          Chart icons
        \*************/
.dashboard-wrapper .divider-vertical {
    margin: 8px 5px !important;    
}      

.dashboard-wrapper .magnify {
    width: 10%;
}
.magnify > img {
    height: 18px;
    padding-left: 15px;
    padding-top: 6px;
    opacity: .5;
}
.magnify:hover img {
    opacity: 1;

    -moz-transition: -moz- .3s ;
    -webkit-transition: -webkit- .3s ;
    -o-transition: -o- .3s ;
    transition: .3s ;
}



.dashboard-wrapper .icons {
    text-align: center;
    position: relative;
    width: 10%;
    padding-top: 2px;
}
.dashboard-wrapper .icons i {
    font-size: 22px;
    color: #999999;
    cursor: pointer;
    
    -moz-transition: -moz-color .3s ;
    -webkit-transition: -webkit-color .3s ;
    -o-transition: -o-color .3s ;
    transition: color .3s ;
} 
.dashboard-wrapper .icons i:hover {
    color: #434343;
}
.dashboard-wrapper .icons .slide-icons {
    position: absolute;
    z-index: 1000;
    top: 22px;
    right: 0;
    left: 0;
    opacity: 0;
    height: 100px;

    -moz-transition: -moz- .3s ;
    -webkit-transition: -webkit- .3s ;
    -o-transition: -o- .3s ;
    transition: .3s ;
}
.dashboard-wrapper .icons .slide-icons:hover,
.dashboard-wrapper .icons .slide-icons:active,
.dashboard-wrapper .icons .slide-icons:focus {
    opacity: 1;
}
.dashboard-wrapper .icons .slide-icons i {
    margin-top: 15px;
    display: inline-block;
    position: relative;
    
    padding-right: 10px;
}
.dashboard-wrapper .icons .slide-icons i:hover {
    color: #4e5051;
}


.dashboard-wrapper .icons .slide-icons .sliding-icon {
    padding-left: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
}
.dashboard-wrapper .icons .slide-icons .sliding-icon i:hover, .icons i:hover {
    font-size: 24px;

}
.dashboard-wrapper .icons:focus .slide-icons, .icons:hover .slide-icons {
    opacity: 1;
}

        /*************\
         chart content
        \*************/

.dashboard-wrapper .content {
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    margin-left: 0px;
    padding-top: 20px;
    margin-top: 20px;

}
.dashboard-wrapper .content img {
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 69%;
    height: 69%;
    vertical-align: middle;
}


.dashboard-wrapper svg:hover {
    cursor: pointer;
}


        /***********************\
          Magnify dashelt class
        \***********************/

.main .row-view .outer-view.span12 {
    height: 800px !important;
}        
.main .row-view .span12.outer-view .inner-view {
    /*height: 840px !important;*/
}

.dashboard-wrapper .span12.outer-view .search {
    width: 88%;
}
.dashboard-wrapper .span12.outer-view .magnify {
    width: 6%;
}
.dashboard-wrapper .span12.outer-view .icons {
    width: 4%;
}
  

        /*************\
            Graphs 
        \*************/
.graph {
    position: relative;
    float: left;   
}
/*.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}*/

.x.axis path {
  display: none;
}

.line {
  fill: none;
  stroke: steelblue;
  stroke-width: 1.5px;
}
/**  Bar chart text rotation  **/
.x.axis > g > text {   
    transform:rotate(-17deg);
    -moz-transform:rotate(-17deg);
    -webkit-transform:rotate(-17deg);
}

.y.axis > g > text{    
    transform: rotate(-17deg);
    -moz-transform: rotate(-17deg);
   -webkit-transform: rotate(-17deg);
}

/*.alex > g > text{    
    transform: rotate(-17deg);
    -moz-transform: rotate(-17deg);
   -webkit-transform: rotate(-17deg);
}*/