html, body {
    height: 100%
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #555;
    background: #f1f1f1;
}

h1, h2 {
    font-family: "latolight"
}

h3, h4, h5, h6 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

hr {
    border-top-color: #ddd
}

hr.inner-separator {
    border-style: dashed
}

label {
    font-weight: 300
}

blockquote {
    border-color: #e4e4e4
}

input {
    border-radius: 0
}
/*@media screen and (min-width: 768px) {*/
    /*.container {*/
        /*max-width: 100%;*/
        /*width: 100%*/
    /*}*/
/*}*/

@font-face {
    font-family: "latolight";
    src: url('/templates/fonts/lato-lig-webfont.eot');
    src: url('/templates/fonts/lato-lig-webfont.eot?#iefix') format('embedded-opentype'), url('/templates/fonts/lato-lig-webfont.woff') format('woff'), url('/templates/fonts/lato-lig-webfont.ttf') format('truetype'), url('/templates/fonts/lato-lig-webfont.svg') format('svg')
}

@font-face {
    font-family: "latoregular";
    src: url('/templates/fonts/lato-reg-webfont.eot');
    src: url('/templates/fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'), url('/templates/fonts/lato-reg-webfont.woff') format('woff'), url('/templates/fonts/lato-reg-webfont.ttf') format('truetype'), url('/templates/fonts/lato-reg-webfont.svg') format('svg')
}

@font-face {
    font-family: "latobold";
    src: url('/templates/fonts/lato-bol-webfont.eot');
    src: url('/templates/fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'), url('/templates/fonts/lato-bol-webfont.woff') format('woff'), url('/templates/fonts/lato-bol-webfont.ttf') format('truetype'), url('/templates/fonts/lato-bol-webfont.svg') format('svg')
}

.rlcontainer{
    max-width: 100%;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.wrapper {
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -34px
}



.left-sidebar {
    padding-right: 0;
    padding-left: 0;
    /*width: 22%;*/
}

.left-sidebar-common{
    background-color: #e7e7e7;
    border-bottom-right-radius: 10px;
    border-right: 1px solid #c4c4c4;;
    border-bottom: 1px solid #c4c4c4;;
}

.left-sidebar.minified {
    width: 40px;
    margin-right: -40px;
    z-index: 9
}


@media screen and (max-width: 992px) {
    .left-sidebar {
        display: none
    }
}

@media screen and (min-width: 992px) {
    .left-sidebar {
        display: block !important;
        overflow: visible !important
    }
}

.sidebar-minified {
    text-align: center;
    position: relative;
    margin-top: 19px
}

@media screen and (max-width: 992px) {
    .sidebar-minified {
        display: none
    }
}

.sidebar-minified:before {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    content: "";
    height: 0;
    border-top: 1px solid #c4c4c4;
    position: absolute;
    left: 10px;
    right: 10px;
    top: 13px
}

.sidebar-minified .fa {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    width: 25px;
    height: 25px;
    position: relative;
    border: 1px solid #A2A2A2;
    color: #A2A2A2;
    padding: 4px;
    background-color: #f1f1f1;
    cursor: pointer
}

.sidebar-minified .fa:hover {
    background-color: #f6f6f6
}

/*.content-wrapper {
    padding: 15px 30px;
    width: 78%;
}*/
.row-padding{
    padding-top: 15px;
}

.reporttable-toolbar{
    background-color: rgb(232, 232, 232);
    border: 1px solid rgb(199, 199, 199);
    border-radius: 3px;
}
.content-wrapper.expanded {
    width: 100%;
    padding-left: 65px
}

@media screen and (max-width: 480px) {
    .content-wrapper {
        padding: 15px
    }
}
.middle .container .content-wrapper {
    background-color: #f1f1f1;
}

.breadcrumb li + li:before {
    font-family: FontAwesome;
    font-size: 14px;
    content: "\f105";
    color: #b2b6bf;
    margin-right: 2px;
    padding: 0 5px 0 2px;
    position: relative;
    top: 1px
}

.breadcrumb {
    background-color: inherit;
    padding-left: 0
}

.breadcrumb a {
    color: #555
}

.breadcrumb .fa {
    font-size: 1.2em;
    margin-right: 5px
}

.breadcrumb .active {
    font-weight: 300
}

.topbar {
    padding: 5px 0;
    background-color: #555
}


.topbar .logo {
    position: relative;
    top: 0px
}

.topbar .topbar-right {
    text-align: right;
    padding-right: 15px
}

.topbar .topbar-right .btn-link {
    color: #ddd
}

.topbar .topbar-right .btn-link:hover {
    color: #fff
}

@media screen and (min-width: 992px) {
    .topbar .topbar-right {
        float: right;
        position: relative;
        top: 15px
    }
}

.topbar .logged-user {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    text-align: left
}

.topbar .dropdown-menu {
    padding: 0
}

.topbar .dropdown-menu > li > a {
    padding: 8px
}

.topbar .dropdown-menu > li > a:hover {
    background-color: #fafafa
}

.topbar .logged-user .btn {
    padding: 0;
    border: none;
    font-size: 0.9em;
    font-weight: 700;
    text-decoration: none;
    color: #fff
}

.topbar .logged-user .btn .name {
    font-weight: 400
}

.topbar .logged-user .btn .caret {
    border-top-color: #fff
}

.topbar .logged-user .btn:hover {
    color: #fff;
    text-decoration: none
}

.topbar .logged-user .btn img {
    border: 1px solid #5e5e5e
}

.topbar .logged-user .open .btn {
    color: #fff
}

.topbar .logged-user .dropdown-menu {
    left: -36px;
    top: 31px;
    padding: 0
}

.topbar .logged-user .dropdown-menu > li {
    border-top: 1px solid #f1f1f1
}

.topbar .logged-user .dropdown-menu > li:first-child {
    border-top: none
}

.topbar .logged-user .dropdown-menu > li > a {
    color: #555;
    font-size: 0.9em
}

.topbar.navbar-fixed-top + .bottom {
    margin-top: 44px
}




.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs, tr.visible-xs, th.visible-xs, td.visible-xs {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-xs.visible-sm {
        display: block !important
    }

    tr.visible-xs.visible-sm {
        display: table-row !important
    }

    th.visible-xs.visible-sm, td.visible-xs.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-xs.visible-md {
        display: block !important
    }

    tr.visible-xs.visible-md {
        display: table-row !important
    }

    th.visible-xs.visible-md, td.visible-xs.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-xs.visible-lg {
        display: block !important
    }

    tr.visible-xs.visible-lg {
        display: table-row !important
    }

    th.visible-xs.visible-lg, td.visible-xs.visible-lg {
        display: table-cell !important
    }
}

.visible-sm, tr.visible-sm, th.visible-sm, td.visible-sm {
    display: none !important
}

@media (max-width: 767px) {
    .visible-sm.visible-xs {
        display: block !important
    }

    tr.visible-sm.visible-xs {
        display: table-row !important
    }

    th.visible-sm.visible-xs, td.visible-sm.visible-xs {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-sm.visible-md {
        display: block !important
    }

    tr.visible-sm.visible-md {
        display: table-row !important
    }

    th.visible-sm.visible-md, td.visible-sm.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-sm.visible-lg {
        display: block !important
    }

    tr.visible-sm.visible-lg {
        display: table-row !important
    }

    th.visible-sm.visible-lg, td.visible-sm.visible-lg {
        display: table-cell !important
    }
}

.visible-md, tr.visible-md, th.visible-md, td.visible-md {
    display: none !important
}

@media (max-width: 767px) {
    .visible-md.visible-xs {
        display: block !important
    }

    tr.visible-md.visible-xs {
        display: table-row !important
    }

    th.visible-md.visible-xs, td.visible-md.visible-xs {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-md.visible-sm {
        display: block !important
    }

    tr.visible-md.visible-sm {
        display: table-row !important
    }

    th.visible-md.visible-sm, td.visible-md.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md, td.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-md.visible-lg {
        display: block !important
    }

    tr.visible-md.visible-lg {
        display: table-row !important
    }

    th.visible-md.visible-lg, td.visible-md.visible-lg {
        display: table-cell !important
    }
}

.visible-lg, tr.visible-lg, th.visible-lg, td.visible-lg {
    display: none !important
}

@media (max-width: 767px) {
    .visible-lg.visible-xs {
        display: block !important
    }

    tr.visible-lg.visible-xs {
        display: table-row !important
    }

    th.visible-lg.visible-xs, td.visible-lg.visible-xs {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-lg.visible-sm {
        display: block !important
    }

    tr.visible-lg.visible-sm {
        display: table-row !important
    }

    th.visible-lg.visible-sm, td.visible-lg.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-lg.visible-md {
        display: block !important
    }

    tr.visible-lg.visible-md {
        display: table-row !important
    }

    th.visible-lg.visible-md, td.visible-lg.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important
    }
}

.hidden-xs {
    display: block !important
}

tr.hidden-xs {
    display: table-row !important
}

th.hidden-xs, td.hidden-xs {
    display: table-cell !important
}

@media (max-width: 767px) {
    .hidden-xs, tr.hidden-xs, th.hidden-xs, td.hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-xs.hidden-sm, tr.hidden-xs.hidden-sm, th.hidden-xs.hidden-sm, td.hidden-xs.hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-xs.hidden-md, tr.hidden-xs.hidden-md, th.hidden-xs.hidden-md, td.hidden-xs.hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-xs.hidden-lg, tr.hidden-xs.hidden-lg, th.hidden-xs.hidden-lg, td.hidden-xs.hidden-lg {
        display: none !important
    }
}

.hidden-sm {
    display: block !important
}

tr.hidden-sm {
    display: table-row !important
}

th.hidden-sm, td.hidden-sm {
    display: table-cell !important
}

@media (max-width: 767px) {
    .hidden-sm.hidden-xs, tr.hidden-sm.hidden-xs, th.hidden-sm.hidden-xs, td.hidden-sm.hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm, tr.hidden-sm, th.hidden-sm, td.hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-sm.hidden-md, tr.hidden-sm.hidden-md, th.hidden-sm.hidden-md, td.hidden-sm.hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-sm.hidden-lg, tr.hidden-sm.hidden-lg, th.hidden-sm.hidden-lg, td.hidden-sm.hidden-lg {
        display: none !important
    }
}

.hidden-md {
    display: block !important
}

tr.hidden-md {
    display: table-row !important
}

th.hidden-md, td.hidden-md {
    display: table-cell !important
}

@media (max-width: 767px) {
    .hidden-md.hidden-xs, tr.hidden-md.hidden-xs, th.hidden-md.hidden-xs, td.hidden-md.hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-md.hidden-sm, tr.hidden-md.hidden-sm, th.hidden-md.hidden-sm, td.hidden-md.hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md, tr.hidden-md, th.hidden-md, td.hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-md.hidden-lg, tr.hidden-md.hidden-lg, th.hidden-md.hidden-lg, td.hidden-md.hidden-lg {
        display: none !important
    }
}

.hidden-lg {
    display: block !important
}

tr.hidden-lg {
    display: table-row !important
}

th.hidden-lg, td.hidden-lg {
    display: table-cell !important
}

@media (max-width: 767px) {
    .hidden-lg.hidden-xs, tr.hidden-lg.hidden-xs, th.hidden-lg.hidden-xs, td.hidden-lg.hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-lg.hidden-sm, tr.hidden-lg.hidden-sm, th.hidden-lg.hidden-sm, td.hidden-lg.hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-lg.hidden-md, tr.hidden-lg.hidden-md, th.hidden-lg.hidden-md, td.hidden-lg.hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg, tr.hidden-lg, th.hidden-lg, td.hidden-lg {
        display: none !important
    }
}

.visible-print, tr.visible-print, th.visible-print, td.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print, td.visible-print {
        display: table-cell !important
    }

    .hidden-print, tr.hidden-print, th.hidden-print, td.hidden-print {
        display: none !important
    }
}

.main-nav-toggle {
    float: left;
    color: #fff
}

.main-nav-toggle .fa {
    font-size: 28px
}

.main-nav-toggle:hover, .main-nav-toggle:focus {
    color: #ddd
}


.table-params>tbody>tr>th,
.table-params>tbody>tr>td
{
    border-top: none;
}


.ringolinetooltipster{
    border-radius: 5px;
    border: 2px solid #000;
    background: #4c4c4c;
    color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.ringolinetooltipster .tooltipster-content {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 16px;
    padding: 8px 10px;
}

.form-control::-ms-expand{
    background-color:transparent;border:0
}

input::-ms-clear {
    display: none;
}