﻿@font-face {
    font-family: OpenSans;
    font-style: normal;
    font-weight: normal;
    src: url(fonts/opensans-regular.woff) format("woff"),
         url(fonts/opensans-regular.ttf) format("truetype");}

@font-face {
    font-family: OpenSans;
    font-style: normal;
    font-weight: bold;
    src: url(fonts/opensans-bold.woff) format("woff"),
         url(fonts/opensans-bold.ttf) format("truetype");}

@font-face {
    font-family: OpenSans;
    font-style: italic;
    font-weight: normal;
    src: url(fonts/opensans-italic.woff) format("woff"),
         url(fonts/opensans-italic.ttf) format("truetype");}

body {
    background-color: #f9f9f9;
    font-family: OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.5;}

.h1, .h2, .h3, .h4, .h5, .h6, 
h1, h2, h3, h4, h5, h6 {
    font-family: OpenSans, sans-serif;}
	
.small-box p {
	font-size: 14px;}
 
.main-header .logo {
    font-size: 0;
	display: block;}
 
.main-header .logo img {
    height: 30px;}
 
.skin-black .left-side, 
.skin-black .main-sidebar, 
.skin-black .wrapper {
    background-color: #f4f4f4;}
 
.skin-black .main-header {
    background-color: #1e282c;}
 
.content-wrapper, .right-side {
    background-color: #f9f9f9;}
 
.skin-black .main-header > .navbar {
    background-color: #173753;}
 
.skin-black .sidebar-menu > li.active > a, 
.skin-black .sidebar-menu > li:hover > a {
    background: #ddd;
    border-left-color: #ddd;}
 
.skin-black .sidebar-menu > li.active > a {
    color: #333;}
 
.skin-black .main-header > .logo {
    background-color: #143049;
    color: #fff;
    border-right: 1px solid #143049;}
 
.skin-black .main-header > .logo:hover {
    background-color: #143049;}
 
.skin-black .main-header > .navbar > .sidebar-toggle {
    color: #fff;
    border-right: 1px solid #173753;}
 
.skin-black .main-header > .navbar > .sidebar-toggle:hover {
    color: #fff;
    background-color: #143049;}
 
.skin-black .sidebar a, .skin-black .treeview-menu > li > a {
    color: #555;}
 
.skin-black .sidebar-menu > li > .treeview-menu {
    background: #eeeeee;
    color: #555;}
 
.skin-black .sidebar a, 
.skin-black .treeview-menu > li > a:hover,
.skin-black .sidebar-menu > li > .treeview-menu:hover,
.skin-black .sidebar-menu > li:hover > a,
.skin-black .treeview-menu > li.active > a, 
.skin-black .treeview-menu > li > a:hover {
    color: #333;}
 
.skin-black .sidebar-menu > li > .treeview-menu {
    margin: 0 0;}
 
.alert-info, .bg-aqua, 
.callout.callout-info, 
.label-info, 
.modal-info .modal-body {
    background-color: #30638e !important;}
 
.small-box .icon-large {
    right: 15px;}
 
.box.box-info {
    border-top-color: #30638e;}
 
footer {
    position: fixed;
    bottom: 10px;
    left: 73px;}
 
footer img {
    height: 30px;}
 
#shiny-tab-dashboard .col-sm-7 {
    width: 100%;}
 
#shiny-tab-analyse .col-sm-5 {
    width: 30%;}
 
#shiny-tab-analyse .col-sm-7 {
    width: 70%;}
 
#shiny-tab-dashboard div.dataTables_filter,
#shiny-tab-dashboardtag div.dataTables_filter,
#shiny-tab-analyse div.dataTables_filter,
#shiny-tab-position div.dataTables_filter,
#shiny-tab-duplicate div.dataTables_filter,
#shiny-tab-vision div.dataTables_filter,
#shiny-tab-morelli div.dataTables_filter {
    float: left;
    margin: 2px 0;}
 
.table-striped.dataTable tbody tr.active td, 
.table-striped.dataTable tbody tr.active td:hover, 
.table-striped.dataTable tbody tr.active:hover, 
#dashboardTableArtist .table.dataTable tbody tr.active:hover td, 
#dashboardTableArtist .table.dataTable tbody tr.active:hover th, 
#dashboardTableArtwork .table.dataTable tbody tr.active:hover td, 
#dashboardTableArtwork .table.dataTable tbody tr.active:hover th {
    background-color: #e12986 !important;}
 
#shiny-tab-dashboard .box,
#shiny-tab-dashboardtag .box,
#shiny-tab-base .box,
#shiny-tab-analyse .box,
#shiny-tab-morelli .box,
#shiny-tab-duplicate .box,
#visionSingle .box,
#combineSingle .box,
#combineDouble .box  {
    min-height: 150px;}
     
#shiny-tab-dashboard .shiny-output-error-validation,
#shiny-tab-dashboardtag .shiny-output-error-validation,
#shiny-tab-analyse .shiny-output-error-validation,
#shiny-tab-base .shiny-output-error-validation,
#shiny-tab-position .shiny-output-error-validation,
#shiny-tab-duplicate .shiny-output-error-validation,
#shiny-tab-vision .shiny-output-error-validation,
#shiny-tab-morelli .shiny-output-error-validation {
    padding-top: 33px;
    padding-left: 78px;
    z-index: 1;
    margin: 8px;}
 
#shiny-tab-dashboard .shiny-output-error-validation::after,
#shiny-tab-dashboardtag .shiny-output-error-validation::after,
#shiny-tab-analyse .shiny-output-error-validation::after,
#shiny-tab-base .shiny-output-error-validation::after,
#shiny-tab-position .shiny-output-error-validation::after,
#shiny-tab-duplicate .shiny-output-error-validation::after,
#shiny-tab-vision .shiny-output-error-validation::after,
#shiny-tab-morelli .shiny-output-error-validation::after {
    content: "\f05a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 70px;
    color: #f9f9f9;
    top: 3px;
    left: 0px;
    z-index: 0;}
 
#shiny-tab-analyse .col-sm-8 .box .shiny-output-error-validation, 
#shiny-tab-base .col-sm-8 .box .shiny-output-error-validation,
#shiny-tab-position .col-sm-8 .box .shiny-output-error-validation,
#shiny-tab-duplicate .col-sm-8 .box .shiny-output-error-validation,
#shiny-tab-vision .col-sm-8 .box .shiny-output-error-validation,
#shiny-tab-morelli .col-sm-8 .box .shiny-output-error-validation {
    padding-left: calc(20% + 78px);
    padding-right: 20%;
	background-color: white;}

#shiny-tab-analyse .col-sm-8 .col-sm-4 .box .shiny-output-error-validation,
#shiny-tab-position .col-sm-8 .col-sm-4 .box .shiny-output-error-validation,
#shiny-tab-vision .col-sm-8 .col-sm-4 .box .shiny-output-error-validation,
#shiny-tab-morelli .col-sm-8 .col-sm-4 .box .shiny-output-error-validation {
    padding-left: 78px;
    padding-right: 0;}
 
#shiny-tab-analyse .col-sm-8 .shiny-output-error-validation::after,
#shiny-tab-base .col-sm-8 .shiny-output-error-validation::after,
#shiny-tab-position .col-sm-8 .shiny-output-error-validation::after,
#shiny-tab-duplicate .col-sm-8 .shiny-output-error-validation::after,
#shiny-tab-vision .col-sm-8 .shiny-output-error-validation::after,
#shiny-tab-morelli .col-sm-8 .shiny-output-error-validation::after {
    left: 20%;}

#shiny-tab-analyse .col-sm-8 .col-sm-4 .shiny-output-error-validation::after,
#shiny-tab-position .col-sm-8 .col-sm-4 .shiny-output-error-validation::after,
#shiny-tab-vision .col-sm-8 .col-sm-4 .shiny-output-error-validation::after,
#shiny-tab-morelli .col-sm-8 .col-sm-4 .shiny-output-error-validation::after {
    left: 0;}
 
#shiny-tab-dashboard div.dataTables_wrapper div.dataTables_filter input,
#shiny-tab-dashboardtag div.dataTables_wrapper div.dataTables_filter input,
#shiny-tab-analyse div.dataTables_wrapper div.dataTables_filter input,
#shiny-tab-base div.dataTables_wrapper div.dataTables_filter input,
#shiny-tab-position div.dataTables_wrapper div.dataTables_filter input,
#shiny-tab-duplicate div.dataTables_wrapper div.dataTables_filter input,
#shiny-tab-vision div.dataTables_wrapper div.dataTables_filter input,
#shiny-tab-morelli div.dataTables_wrapper div.dataTables_filter input {
	max-width: 150px;
    margin-left: 0;
    margin-right: 10px;}
 
#shiny-tab-dashboard .input-sm,
#shiny-tab-dashboardtag .input-sm,
#shiny-tab-analyse .input-sm,
#shiny-tab-base .input-sm,
#shiny-tab-position .input-sm,
#shiny-tab-duplicate .input-sm,
#shiny-tab-vision .input-sm,
#shiny-tab-morelli .input-sm {
    padding: 5.5px 8px;
    font-size: 14px;
    height: 100%;}
 
#shiny-tab-dashboard .pagination > li > a, 
#shiny-tab-dashboard .pagination > li > span,
#shiny-tab-dashboardtag .pagination > li > a, 
#shiny-tab-dashboardtag .pagination > li > span,
#analyseTableDouble1 .pagination > li > a, 
#analyseTableDouble1 .pagination > li > span,
#analyseTableDouble2 .pagination > li > a, 
#analyseTableDouble2 .pagination > li > span,
#positionTableDouble1 .pagination > li > a, 
#positionTableDouble1 .pagination > li > span,
#positionTableDouble2 .pagination > li > a, 
#positionTableDouble2 .pagination > li > span {
    padding: 6px 8px;}
 
.irs-bar {
    border-top: 1px solid #30638e;
    border-bottom: 1px solid #30638e;
    background: #30638e;}
 
.irs-bar-edge {
    border: 1px solid #30638e;
    background: #30638e;}
 
.irs-from, .irs-to, .irs-single {
    background: #30638e;}
 
body.skin-black {
    min-height: 0px !important;}
 
.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover {
    background-color: #30638e;
    border-color: #30638e;}
 
.btn-default {
    background-color: #30638e;
    color: #fff;
    border-color: #2e6da4;}
     
.btn {
    border-radius: 4px;}
 
.btn-default:hover {
    background-color: #173753;
    color: #fff;
    border-color: #ddd;}
 
.btn-default.focus, .btn-default:focus {
    color: #fff;}
 
.btn-default.active.focus, 
.btn-default.active:focus, 
.btn-default.active:hover, 
.btn-default.focus:active, 
.btn-default:active:focus, 
.btn-default:active:hover, 
.open > .dropdown-toggle.btn-default.focus, 
.open > .dropdown-toggle.btn-default:focus, 
.open > .dropdown-toggle.btn-default:hover {
    color: #fff;}
 
.btn-default.disabled, 
.btn-default.disabled.active, 
.btn-default.disabled.focus, 
.btn-default.disabled:active, 
.btn-default.disabled:focus, 
.btn-default.disabled:hover, 
.btn-default[disabled], 
.btn-default.active[disabled], 
.btn-default.focus[disabled], 
.btn-default[disabled]:active, 
.btn-default[disabled]:focus, 
.btn-default[disabled]:hover, 
fieldset[disabled] .btn-default, 
fieldset[disabled] .btn-default.active, 
fieldset[disabled] .btn-default.focus, 
fieldset[disabled] .btn-default:active, 
fieldset[disabled] .btn-default:focus, 
fieldset[disabled] .btn-default:hover {
    background-color: #30638e;
    border-color: #204d74;}
 
#shiny-tab-analyse .btn-default:active,
#shiny-tab-position .btn-default:active {
    background-color: #30638e !important;}
 
#shiny-tab-analyse .btn-default.hover, 
#shiny-tab-analyse .btn-default:hover,
#shiny-tab-position .btn-default.hover, 
#shiny-tab-position .btn-default:hover {
    background-color: #173753 !important;}
 
.btn-default:hover {
    background-color: #173753;}
 
.btn-default.hover, 
.btn-default:active, 
.btn-default:hover {
    background-color: #173753 !important;}
 
.selectize-control.multi .selectize-input > div.active {
    background: #30638e;}
 
.btn-default.active, 
.btn-default:active, 
.open > .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #30638e;}
     
.btn-default.focus, .btn-default:focus {
    background-color: #30638e;}
     
#shiny-tab-analyse table.dataTable,
#shiny-tab-dashboard table.dataTable,
#shiny-tab-dashboardtag table.dataTable,
#shiny-tab-position table.dataTable {
    margin-top: 0 !important;}
 
#shiny-notification-panel,
#loading-content {
    width: 100%;
    height: 100%;
    z-index: 2001;
    background-color: rgba(153,153,153,0.5);}
    
#loading-content {
	position: absolute;
	left: 0;
	top: 0;}

#loading-progress {
    width: 0%;}

.progress-bar {
    background-color: #e12986;
    opacity: 1;}

#shiny-notification-panel .shiny-notification,
#loading-content .shiny-notification {
    position: fixed;
    top: calc(50% - 35px) !important;
    left: 50%;
    height: auto;
    right: auto;
    width: 300px;
    margin-left: -150px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ddd !important;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    opacity: 1;
    padding: 0 0 1em 0;
    z-index: 2001;}
 
#shiny-notification-panel .progress-text .progress-detail,
#loading-content .progress-text .progress-detail {
    display: block;}
 
#shiny-notification-panel .progress,
#loading-content .progress {
    margin-bottom: 1em;
    height: 3px;
    z-index: 2003;}

#shiny-notification-panel .shiny-notification-close,
#loading-content .shiny-notification-close {
    display: none;}
 
.main-header {
    z-index: 2002;}
 
.shiny-progress .progress-text {
    position: relative;
    top: 0 !important;
    right: 0;
    height: auto;
    width: auto;
    background-color: #fff;
    margin: 0;
    padding: 0;
    opacity: 1;}

#ss-connect-dialog {
    padding: 1em !important;
    text-align: center;
    top: 50%;
    left: 50% !important;
    bottom: auto !important;
    margin-left: -150px;
    margin-top: -30px;
}

#ss-connect-dialog a, 
#ss-connect-dialog a:visited {
    color: #e12986 !important;}

.rowheight {
    height: 150px !important;}
	
#shiny-tab-combine .col-sm-8 .box-body {
    overflow: hidden;}
	
.skin-black .main-header > .navbar .navbar-custom-menu .navbar-nav > li > a, 
.skin-black .main-header > .navbar .navbar-right > li > a {
    border-left: 1px solid #173753;}
	
.skin-black .main-header > .navbar .nav > li > a {
    color: #fff;}
	
.skin-black .main-header > .navbar .nav > li > a:hover {
    background: #143049;
    color: #fff;}
	
.label-primary, .modal-primary .modal-body {
    background-color: #e12986 !important;}
	
.skin-black .main-header > .navbar .nav .open > a, 
.skin-black .main-header > .navbar .nav .open > a:focus, 
.skin-black .main-header > .navbar .nav .open > a:hover, 
.skin-black .main-header > .navbar .nav > li > a:active, 
.skin-black .main-header > .navbar .nav > li > a:focus, 
.skin-black .main-header > .navbar .nav > li > a:hover {
    background: #143049;
    color: #fff;}
	
#analyseSave, 
#positionSave, 
#duplicateSave,
#visionSave,
#morelliSave {
	float: right;}
	
#analyseSave.btn, 
#positionSave.btn, 
#duplicateSave.btn,
#visionSave.btn,
#morelliSave.btn {
	padding-left: 0;
	padding-right: 0;}
	
#analyseSave.btn-default, 
#positionSave.btn-default, 
#duplicateSave.btn-default,
#visionSave.btn-default,
#morelliSave.btn-default {
    background-color: #fff;
    color: #cccccc;
    border-color: #fff;}
	
#analyseSave.btn-default:hover, 
#positionSave.btn-default:hover, 
#duplicateSave.btn-default:hover,
#visionSave.btn-default:hover,
#morelliSave.btn-default:hover {
    background-color: #fff !important;
    color: #444 !important;
    border-color: #fff;}
	
.navbar-nav > .messages-menu > .dropdown-menu, 
.navbar-nav > .notifications-menu > .dropdown-menu, 
.navbar-nav > .tasks-menu > .dropdown-menu {
    width: 350px;}
	
.navbar-nav > .messages-menu > .dropdown-menu > li .menu, 
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu, 
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
    max-height: 350px;}
	
.main-header .navbar .nav > li > a > .label {
    line-height: 1;}
	
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a, 
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a, 
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
    white-space: normal;}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > .fa {
    margin-bottom: 5px;}
	
#analyseDownload {
    background-color: #f4f4f4;
    color: #444;
    border-color: #ddd;}

#shiny-tab-analyse #analyseDownload.btn-default:hover {
    background-color: #e7e7e7 !important;
    color: #444;
    border-color: #ddd;}

#shiny-tab-analyse .col-sm-8 .col-sm-4,
#shiny-tab-duplicate .col-sm-8 .col-sm-4,
#shiny-tab-position .col-sm-8 .col-sm-4,
#shiny-tab-morelli .col-sm-8 .col-sm-4 {
    width: 50%;}

#shiny-tab-analyse .col-sm-8 .col-sm-4 .small-box h3,
#shiny-tab-duplicate .col-sm-8 .col-sm-4 .small-box h3,
#shiny-tab-morelli .col-sm-8 .col-sm-4 .small-box h3 {
    font-size: 22px;
    white-space: normal;}

#shiny-tab-analyse .col-sm-8 .col-sm-4 .small-box p,
#shiny-tab-duplicate .col-sm-8 .col-sm-4 .small-box p,
#shiny-tab-morelli .col-sm-8 .col-sm-4 .small-box p {
    margin-bottom: 0;}

#shiny-tab-analyse .col-sm-8 .col-sm-4 .small-box .icon-large,
#shiny-tab-duplicate .col-sm-8 .col-sm-4 .small-box .icon-large,
#shiny-tab-morelli .col-sm-8 .col-sm-4 .small-box .icon-large {
    font-size: 50px;}

#shiny-tab-analyse .small-box p a,
#shiny-tab-duplicate .small-box p a,
#shiny-tab-morelli .small-box p a {
    border-radius: 3px;
    margin: 0 3px 3px 0;
    padding: 1px 3px;
    background-color: rgba(0, 0, 0, 0.15);
    color: #fff;
    border: 0 solid rgba(0, 0, 0, 0);}

#shiny-tab-analyse .row .row,
#shiny-tab-duplicate .row .row,
#shiny-tab-morelli .row .row {
    overflow: hidden;}

#shiny-tab-analyse .row .row .col-sm-4 .small-box,
#shiny-tab-duplicate .row .row .col-sm-4 .small-box,
#shiny-tab-morelli .row .row .col-sm-4 .small-box {
    margin-bottom: -99999px;
    padding-bottom: 99999px;}

#analyseDouble,
#combineDouble {
    margin: 0 -15px;}
	
#positionTableSingle .fa,
#positionTableDouble1 .fa,
#positionTableDouble2 .fa,
#analyseTable .fa,
#visionTable .fa,
#morelliTable .fa,
#duplicateTable .fa,
#dashboardTableArtwork .fa,
#dashboardTableTags .fa,
#dashboardTableArtist .fa,
#analyseTableDouble2 .fa,
#analyseTableDouble1 .fa {
    color: black;
    font-size: 12px;
    margin-left: 4px;}
	
#positionTableSingle td button,
#positionTableDouble1 td button,
#positionTableDouble2 td button,
#duplicateTable td button,
#analyseTable td button,
#visionTable td button,
#morelliTable td button,
#analyseTableDouble2 td button,
#analyseTableDouble1 td button,
#dashboardTableArtwork td button,
#dashboardTableTags td button,
#dashboardTableArtist td button {
    border: medium none;
    background: transparent none repeat scroll 0% 0%;
    padding: 0px;
    margin: 0px;}
	
#analyseTable tr.active .fa,
#visionTable tr.active .fa,
#morelliTable tr.active .fa,
#duplicateTable tr.active .fa,
#analyseTableDouble2 tr.active .fa,
#analyseTableDouble1 tr.active .fa,
#positionTableSingle tr.active .fa,
#positionTableDouble1 tr.active .fa,
#positionTableDouble2 tr.active .fa,
#dashboardTableArtwork  tr.active .fa,
#dashboardTableTags tr.active .fa,
#dashboardTableArtist tr.active .fa {
    color: white;}
	
.modal {
    z-index: 2003;
	background-color: rgba(153,153,153,0.5);}

.modal .modal-dialog {
    border: 1px solid #ddd !important;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    margin: 25px auto;}
	
.modal .modal-header,
.modal .modal-body {
    padding: 10px;}

.modal .modal-header .close {
    margin-top: 3px;
    font-size: 18px;}

#shiny-tab-analyse .inner a,
#shiny-tab-duplicate .inner a,
#shiny-tab-morelli .inner a {
    cursor: pointer;}

div.dataTables_wrapper div.dataTables_paginate {
    white-space: normal !important;}

#shiny-tab-analyse .col-sm-8 #analyseValueCommon {
    width: 100%;
    margin-bottom: 20px;}

#shiny-tab-analyse .col-sm-8 #analyseValueCommon .small-box {
    margin-bottom: 0;
    padding-bottom: 0;}

#shiny-tab-analyse .col-sm-8 #analyseValueCommon h3,
#shiny-tab-analyse .col-sm-8 #analyseValueCommon p {
    display: inline;
    font-size: 14px;}
    
#shiny-tab-dashboard .checkbox {
	position: inherit;
	padding: 0 10px;
}

#shiny-tab-dashboard .row .col-sm-4 .col-sm-6 {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.skin-black .main-header > .navbar > .navbar-custom-menu {
    color: #fff;
    cursor: pointer;
}

#shiny-tab-info .row,
#shiny-tab-report .row {
	margin: 0 20px;
	line-height: 1.75;
	hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	-webkit-hyphens: auto;
	text-align: justify;
}

#shiny-tab-info h3,
#shiny-tab-report h3 {
	margin-bottom: 20px;
}

#shiny-tab-info h4,
#shiny-tab-report h4 {
	margin: 20px 0;
}

#shiny-tab-info code {
	color: #e12986;
}

#shiny-tab-info ul,
#shiny-tab-report ul {
    text-align: left;
    list-style: none;
    margin: 10px 1.25em 10px 1.6em;
    padding: 0;
}

#shiny-tab-info ul li,
#shiny-tab-report ul li {
    padding-left: 1.875rem;
}

#shiny-tab-info ul li::before,
#shiny-tab-report ul li::before {
    font-family: FontAwesome;
    content: '\f0da';
    display: inline-block;
    margin-left: -1.875rem;
    width: 1.875rem;
    position: absolute;
}

#shiny-tab-info a {
	transition: background 300ms ease-out;
}

#shiny-tab-info a,
#shiny-tab-info a:active, 
#shiny-tab-info a:focus, 
#shiny-tab-info a:hover {
    outline: 0;
    text-decoration: none;
    color: #333;
    border-bottom: 1px dotted #000000;
}

#shiny-tab-info a:hover {
    background-color: #ffffff;
}

#shiny-tab-vision .left div {
	float: left;
	margin-right: 3%;
}

#shiny-tab-vision .left div:last-child {
	margin-right: 0;
}

#shiny-tab-vision label.color:after {
	clear: both;
}

.plot-container {
  position: relative;
}

.loading-spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 0;
  margin-top: -33px;
  margin-left: -33px;
}

#visionGraphHist.recalculating {
  z-index: -1;
}

.left-side, .main-sidebar,
.main-header .logo {
    width: 250px;
}

.main-header > .navbar,
.content-wrapper,
.main-footer, .right-side {
    margin-left: 250px;
}

.sidebar-collapse .left-side, 
.sidebar-collapse .main-sidebar {
    -webkit-transform: translate(-250px,0);
    -ms-transform: translate(-250px,0);
    -o-transform: translate(-250px,0);
    transform: translate(-250px,0);
}

#reportBox {
	margin-top: 10px;
}

#reportBox .row {
	margin: 0 5px;
}

#reportBox .shiny-input-container:not(.shiny-input-container-inline) {
    width: auto;
}

#reportText {
	height: 175px;
	resize: none;
}

@media (max-width:767px) {
	.sidebar-open .content-wrapper,
	.sidebar-open .main-footer,
	.sidebar-open .right-side {
		-webkit-transform: translate(250px,0);
		-ms-transform: translate(250px,0);
		-o-transform: translate(250px,0);
		transform: translate(250px,0)
	}
	
	.main-header .logo, 
	.main-header .navbar {
		width: 100%;
		float: none;
	}
	
	.main-header .navbar {
		margin: 0;
	}
	
	.content-wrapper, .main-footer, .right-side {
		margin-left: 0;
	}
	
	.left-side, 
	.main-sidebar {
		-webkit-transform: translate(-250px,0);
		-ms-transform: translate(-250px,0);
		-o-transform: translate(-250px,0);
		transform: translate(-250px,0);
	}
}

@media (min-width:768px) {
	#morelliDoubleImage .modal-dialog,
	#duplicateDoubleImage .modal-dialog,
	#analyseDoubleImage .modal-dialog {
		width: 800px;
	}
}

.modal-image-2 {
	display: none;
}

#morelliDoubleImage img,
#duplicateDoubleImage img,
#analyseDoubleImage img {
	width: 50%;
	float: left;
}

#morelliDoubleImage img.modal-image-1,
#duplicateDoubleImage img.modal-image-1,
#analyseDoubleImage img.modal-image-1 {
	padding-right: 5px;
}

#morelliDoubleImage img.modal-image-2,
#duplicateDoubleImage img.modal-image-2,
#analyseDoubleImage img.modal-image-2 {
	padding-left: 5px;
}

#morelliDoubleImage .modal-body,
#duplicateDoubleImage .modal-body,
#analyseDoubleImage .modal-body {
	overflow: hidden;
}