| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341 | /*    Core: General style----------------------------*/html, body {    overflow-x: hidden!important;    font-family: 'Source Sans Pro', sans-serif;    -webkit-font-smoothing: antialiased;    min-height: 100%;    background: @body-bg;}a {    color: @link-color;}a:hover, a:active, a:focus {    outline: none;    text-decoration: none;    color: @link-hover-color;}/* Layouts */.wrapper {    min-height: 100%;    .clearfix();    }/* Header */body > .header {    position: absolute;    top: 0;    left: 0;    right: 0;    z-index: 1030;}/* Define 2 column template */.right-side, .left-side {    min-height: 100%;    display: block;}/*right side - contins main content*/.right-side {    background-color: @body-bg;    margin-left: @left-side-width;}/*left side - contains sidebar*/.left-side {    position: absolute;    width: @left-side-width;    top: 0;}@media screen and (min-width: @screen-md) {    .left-side {        top: 50px;    }    /*Right side strech mode*/    .right-side.strech {        margin-left: 0;        > .content-header {            margin-top: 0px;        }    }    /* Left side collapse */    .left-side.collapse-left {        left: -@left-side-width;    }}/*Give content full width on xs screens*/@media screen and (max-width: @screen-md) {    .right-side {        margin-left: 0;    }}/*    By default the layout is not fixed but if you add the class .fixed to the body element    the sidebar and the navbar will automatically become poisitioned fixed*/body.fixed {    > .header, .left-side, .navbar {        position: fixed;    }    > .header {        top: 0;        right: 0;        left: 0;    }    .navbar {        left: 0;        right: 0;    }    .wrapper {        margin-top: 50px;    }}/* Content */.content {    padding: 20px 15px;    background: @body-bg;}/* Utility *//* H1 - H6 font */h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {    font-family: 'Source Sans Pro', sans-serif;}/* Page Header */.page-header {    margin: 10px 0 20px 0;    font-size: 22px;    > small {        color: #666;        display: block;        margin-top: 5px;    }}/* All images should be responsive */img {    max-width: 100%important;}.sort-highlight {    background: #f4f4f4;    border: 1px dashed #ddd;    margin-bottom: 10px;}/* 10px padding and margins */.pad {    padding: 10px;}.margin {    margin: 10px;}/* Display inline */.inline {    display: inline;    width: auto;}/* Background colors */.bg-red,.bg-yellow,.bg-aqua,.bg-blue,.bg-light-blue,.bg-green,.bg-navy,.bg-teal,.bg-olive,.bg-lime,.bg-orange ,.bg-fuchsia,.bg-purple,.bg-maroon,.bg-black {    color: #f9f9f9 !important;}.bg-gray {    background-color: @gray!important;}.bg-black {    background-color: @black!important;}.bg-red {    background-color: @red !important;}.bg-yellow {    background-color: @yellow !important;}.bg-aqua {    background-color: @aqua !important;}.bg-blue {    background-color: @blue !important;}.bg-light-blue {    background-color: @light-blue !important;}.bg-green {    background-color: @green !important;}.bg-navy {    background-color: @navy !important;}.bg-teal {    background-color: @teal !important;}.bg-olive {    background-color: @olive !important;}.bg-lime {    background-color: @lime !important;}.bg-orange {    background-color: @orange !important;}.bg-fuchsia {    background-color: @fuchsia !important;}.bg-purple {    background-color: @purple !important;}.bg-maroon {    background-color: @maroon !important;}/* Text colors */.text-red {    color: @red !important;}.text-yellow {    color: @yellow !important;}.text-aqua {    color: @aqua !important;}.text-blue {    color: @blue !important;}.text-light-blue {    color: @light-blue !important;}.text-green {    color: @green !important;}.text-navy {    color: @navy !important;}.text-teal {    color: @teal !important;}.text-olive {    color: @olive !important;}.text-lime {    color: @lime !important;}.text-orange {    color: @orange !important;}.text-fuchsia {    color: @fuchsia !important;}.text-purple {    color: @purple !important;}.text-maroon {    color: @maroon !important;}/*Hide elements by display none only*/.hide {    display: none !important;}/* Remove borders */.no-border {    border: 0px !important;}/* Remove padding */.no-padding {    padding: 0px !important;}/* Remove margins */.no-margin {    margin: 0px !important;}/* Remove box shadow */.no-shadow {    box-shadow: none!important;}/* Don't display when printing */@media print {    //Add to elements that you do not want to show when printing    .no-print {        display: none;    }          //Elements that we want to hide when printing    .left-side, .header, .content-header {        display: none;    }    //This is the only element that should appear, so let's remove the margins    .right-side {        margin: 0;    }}/* Remove border radius */.flat {    .border-radius(0)!important;}/* Change the color of the striped tables */.table-striped > tbody > tr:nth-child(odd) {    > td,    > th {        background-color: @table-striped-color;    }}/* .text-center in tables */table.text-center {    td, th {        text-align: center;    }}/* _fix for sparkline tooltip */.jqstooltip{    padding: 5px!important;    width:auto!important;    height:auto!important;}
 |