@import url('https://fonts.googleapis.com/css?family=Proza+Libre');

* {
  box-sizing: border-box;
}

html, body {
  color:#e8e8e8;
  height:100%;
  font-family: 'Proza Libre', 'Arial', sans-serif;
}

.mainpage {
  height:100%;
  width:100%;
}

.mainpage .centered {
  text-align:center;
}

.mainpage .hidden-element {
  display:none;
}

.mainpage .no-margin {
  margin:0;
}

.mainpage .top-margin {
  margin-top:1em;
}

.mainpage .bottom-margin {
  margin-bottom:1em;
}

.mainpage .no-side-padding {
  padding-left:3px;
  padding-right:0;  
}

.mainpage .right-aligned {
  text-align:right;
}

.mainpage .opaque-element {
  opacity:0.5;
}

.mainpage #display {
  position:relative;
}

.mainpage #path-display {
  position:absolute;
  top:-2.6em;
  right:0px;
  margin:0;
  padding:0;
  font-size:0.8em;
  color:#9d9d9d;
}

.mainpage #path-display span {
  display: inline-block;
  padding: 2px 4px;
  border: 1px solid #555;
  background: #333;
  border-radius: 0 4px 4px 4px;
}

.mainpage #costCenterMenu .opaque-element,
.mainpage #queryingTreeControls .opaque-element,
.mainpage #queryingTruTreeControls .opaque-element,
.mainpage #queryingAccTreeControls .opaque-element,
.mainpage #structureMenu .opaque-element {
  background:#d93f3f;
  opacity:0.8;
}

.mainpage .magnified {
  font-size:2em;
}

.mainpage .virtual-button {
  cursor:pointer;
}

.mainpage .virtual-button:hover {
  color:black;
  background:#e8e8e8;
}

.mainpage #main-bg-container {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index: -100;
  background:url(/img/main_bg.jpg) center center #333;
}

.mainpage #main-bg {
  width:90%;
  max-width:700px;
  height:100%;
  margin:0 auto;
}

.mainpage a {
  color:#e67f7f;
}

.mainpage a:hover, .mainpage a:focus {
  color:#f2bfbf;
  text-decoration:none;
}

.mainpage span.caret {
  margin-left:3px;
}

.mainpage #main-content {
  position:relative;
  padding-bottom:2em;
}

.mainpage .bold-content {
  font-weight:bold;
}

.mainpage .excluded-content {
  background-color:#f2bfbf;
}

#heading {
  min-width:235px;
}

.mainpage #main-content .navbar-inverse {
  background-color:#333;
  border-color:#555;
}

.mainpage .navbar {
  margin-bottom:2em;
}

.mainpage .nav.nav-tabs li.active a, .mainpage .nav.nav-tabs li.active a:hover {
  color:#fff;
  background:#777;
  background: -webkit-linear-gradient(#777, #333); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#777, #333); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#777, #333); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#777, #333); /* Standard syntax */
}

.mainpage .nav.nav-tabs li a {
  background:#333;
  color:#9d9d9d;
  cursor:pointer;
}

.mainpage .nav.nav-tabs li a:hover {
  background:#555;
  color:#fff;
  background: -webkit-linear-gradient(#555, #333); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#555, #333); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#555, #333); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#555, #333); /* Standard syntax */
}

.mainpage .nav-tabs li a, .mainpage .nav-tabs > li.active > a {
  border-top:none;
  border-right:none;
  border-bottom:1px solid #ddd;
  border-left:none;
}

.mainpage .nav .open > a {
  background:none;
  border:none;
}

.mainpage .navbar-inverse .navbar-nav > .open > a,
.mainpage .navbar-inverse .navbar-nav > .open > a:focus,
.mainpage .navbar-inverse .navbar-nav > .open > a:hover {
  background:#444;
}

#logo span.navbar-brand {
  background:url(/img/compargo.net.png) left top no-repeat;
  background-size:contain;      
  font-size:0px;
  display: inline-block;
  width:260px;
  height:40px;
  margin-left:10px;
  margin-right:10px;
  margin-top:2px;
}

.mainpage span.alias-name {
  display:inline-block;
  font-weight:bold;
}

.mainpage #collapsingNavBar ul:not(.dropdown-menu) > li > a,
.mainpage span.alias-name {
  padding:15px 13px 13px;
}

.mainpage #collapsingNavBar ul:not(.dropdown-menu) > li > a {
  font-size:1.2em;
}

.mainpage span.alias-name {
  font-size:0.9em;
}

.mainpage .dropdown-menu {
  background:#444;
  border:1px solid #555;
}

.mainpage .dropdown-menu .divider {
  background-color: #555;
}

.mainpage .dropdown-menu li:not(:last-child) {
  margin-bottom:0.5em;
}

.mainpage .dropdown-menu a {
  color:#9d9d9d;
}

.mainpage .dropdown-menu a:hover, .mainpage .dropdown-menu a:focus {
  color:#fff;
  background:#444;
}

.mainpage .dropdown-submenu {
  position: relative;
}

.mainpage .dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}

#chooseLanguage select {
  font-weight:bold;
  width:5em;
  margin-left:10px;
  margin-right:-5px;
  margin-top:2px;
}

.mainpage #login-warnings .small {
  font-size:0.9em;
  color:#999;
}

.mainpage form#loginForm,
.mainpage form#logoutForm,
.mainpage form#expiredPassword,
.mainpage form#setNewPassword {
  background:url(/img/opaque_bg.png) repeat;
  border:1px solid #555;
  margin:10px auto;
  padding:10px 20px;
  min-width:15em;
  width:90%; 
}

.mainpage form#loginForm,
.mainpage form#logoutForm {
  text-align:center;
  max-width:25em;
}

.mainpage form#expiredPassword,
.mainpage form#setNewPassword {
  max-width:40em;
}

.mainpage form#loginForm #emailcim-group {
  display:none;
}

.mainpage form#expiredPassword span,
.mainpage form#setNewPassword span {
  cursor:pointer;
  float:right;
}

.mainpage form .input-group, .mainpage form .form-group {
  margin-top:1em;
}

.mainpage form .input-group:last-child, .mainpage form .form-group:last-child {
  margin-bottom:1em;
}

.mainpage form input[type="checkbox"] {
  margin-left:1em;
}

.mainpage form label.checkbox-inline {
  margin-left:0;
  margin-right:3em;
}

.mainpage .virtual-form-control {
  display: inline-block;
  width:12em;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-left:0.5em;
}

.mainpage input.small, .mainpage select.small {
  height:28px;
  padding:3px 12px;
}

.mainpage input.narrow,
.mainpage select.narrow {
  width:8em;
}

.mainpage form.form-inline label {
  margin-right: 0.5em;
}

.mainpage .btn-group, .button-group {
  text-align:center;
  color:#555;
}

.mainpage .btn-group #inlcude-costcenter-element,
.mainpage .buttn-group #inlcude-costcenter-element {
  color:#2a2;
}

.mainpage .btn-group #exclude-costcenter-element,
.mainpage .buttn-group #exclude-costcenter-element {
  color:#a22;
}

.mainpage .btn-group .btn-basic {
  border-bottom:none;
  border-top:none;
  margin-left:0;
  margin-top:1px;
}

.mainpage .btn-group .btn-basic:not(:first-child) {
  border-left:1px solid #777;
}

.mainpage .btn-group .btn:first-child.btn-basic.dropdown-toggle {
  border-top-right-radius:0px;
  border-bottom-right-radius:0px;
}

.mainpage .button-group input, .button-group button {
  margin-left:1em;
  margin-right:1em;
}

.mainpage .button-danger {
  color:#d93f3f;
}

.mainpage .button-danger:hover {
  color:#aa2222;
}

.mainpage .modal-content {
  background:url(/img/opaque_bg.png) repeat;
  border:1px solid #555;
}

.mainpage #createdQueryModal .modal-content {
  background:#333;
}

.mainpage .modal-header {
  border-bottom:1px solid #555;
}

.mainpage .close {
  opacity:1;
}

.mainpage button.close {
  color:#e8e8e8;
  text-shadow:none;
}

.mainpage .table {
  background:url(/img/opaque_bg.png) repeat;
}

.mainpage th.ordering-th {
  color:#bd7575;
}

.mainpage th span.upwards {
  display:none;
}

.mainpage th.ordering-th span.upwards {
  display:inline;
}

.mainpage #div-empty-dashboard p {
  display:block;
  max-width:905px;
  margin:0 auto;
}

.mainpage .emptydashboard {
  background:url(/img/emptydashboard_bg.png) left top no-repeat;
  background-size:100% 100%;
  display:inline-block;
  min-height:250px;
  width:100%;
  font-size:1.2em;
}

.mainpage .column-item .table {
  background:none;
}

.mainpage .modal .table {
  background:none;
}

.mainpage .table tbody tr td, .mainpage .table thead tr th {
  vertical-align:middle;
}

.mainpage .table tbody tr:hover {
  background-color: #555;
}

.mainpage .table tbody tr td:hover {
  background-color: inherit;
  cursor:pointer;
}

.mainpage #domainList .table tbody tr td:last-child:hover,
.mainpage #adminList .table tbody tr td:last-child:hover,
.mainpage #userList .table tbody tr td:last-child:hover,
.mainpage #filtered-system-table tr td:hover {
  cursor:auto;
}

.mainpage #filtered-system-table th.prototype-upload {
  border-left: 2px solid #ddd;
  background:#3c3c3c;
}

.mainpage #filtered-system-table th.prototype-upload button {
  background: #8a4242;
  color:#ddd;
}

.mainpage .row-item {
  padding-top:1em;
  background:url(/img/opaque_bg.png) repeat;
}

.mainpage .row.row-item:first-child {
  border-top:1px solid #555;
}

.mainpage .row.row-item:last-child {
  border-bottom:1px solid #555;
}

.mainpage .column-item {
  border:1px solid #555;
  padding:0.5em;
  background:url(/img/opaque_bg.png) repeat;
  overflow:auto;
}

.mainpage .column-item.no-overflow {
  overflow:visible;
}

.mainpage .row:not(:first-child) .column-item {
  margin:2em 0 0 0;
}

.mainpage .column-item ul {
  list-style-type:none;
  padding-left:1em;
}

.mainpage .column-item ul li {
  margin-bottom:10px;
  cursor:pointer;
}

.mainpage .column-item.button-group span,
.mainpage .column-item.button-group input,
.mainpage .column-item.button-group button {
  margin-top:0.4em;
  margin-bottom:0.4em;
}

.mainpage .uploader-button {
  background-color:#f0f0f0;
  border-radius:3px;
}

.mainpage .uploader-button,
.mainpage .uploader-button *,
.mainpage .uploader-button:hover,
.mainpage .uploader-button *:hover {
  cursor: pointer;
}

.mainpage .glyphicon-question-sign {
  margin-left:1em;
  cursor:pointer;
}

#dashBoard .column-item.timed-tasks-state,
#dashBoard .column-item.last-records,
#dashBoard .column-item.query-list,
#dashBoard .column-item.logged-in-users,
#personalQuery .column-item.own-last-records {
  height:250px;
}

#dashBoard #dashboard-graph {
  height:200px;
}

#dashBoard table,
#personalQuery table {
  width:100%;
}

#dashBoard table th,
#personalQuery table th {
  border-bottom:2px solid #777;
}

#dashBoard table td,
#personalQuery table td {
  border-top:1px solid #555;
}

#dashBoard table th, #dashBoard table td,
#personalQuery table th, #personalQuery table td {
  padding:5px 1em 5px;
  margin:0;
}

#filtered-system-table th.orderable:hover,
#dashBoard .timed-tasks-state table th:hover,
#dashBoard .query-list table th:hover,
#dashBoard .logged-in-users table th:hover,
#dashBoard .created-query table th:hover,
#personalQuery .created-query table th:hover {
  cursor:pointer;
}

#dashBoard #personalQueryForm,
#personalQuery #personalQueryForm,
#personalQuery #private-graph {
  height:14em;
}

#dashBoard .created-query,
#personalQuery .created-query {
  max-height:250px;
}

#queryingView .virtual-form-control {
  margin-left:0;
}

#queryingView input:disabled {
  background:#888;
  color:#555;
}

#queryingView .step-end {
  margin-bottom:1em;
  padding-bottom:1em;
  border-bottom:1px solid #777;
  display:block;
}

#queryingView .step-control:hover {
  cursor:pointer;
}

#queryingView #presentQuerying .form-group {
  margin:0;
}

#queryingView .col-sm-11-virtual {
  margin-left:8.33333333%;
  margin-bottom:0;
}

#queryingView #dateIntervalControls {
  margin-top:1em;
}

#queryingView .queryCostCenterSelections {
  list-style-type:none;
  margin-top:10px;
  margin-bottom:0;
  padding:0;
}

#queryingView .queryCostCenterSelections li {
  white-space: nowrap;
}

#queryingView #queryingTreeControls .input-group {
  max-width:17em;
  display:inline-table;
  vertical-align:bottom;
}

#queryingView .row.cost-center-tree .alert,
#queryingView .row.date-interval .alert,
#queryingView .row.query-filters .row.alert.alert-info,
#queryingView .row.account-code-tree .alert {
  margin-bottom:0;
}

#queryingView .row.query-filters form {
  display:inline-block;
}

#queryingView .row.query-filters form + .alert-info {
  display:inline-block;
  margin-left:1em;
  margin-bottom:0;
  padding:3px 15px;
}

#queryingView .filter-descriptions p {
  margin-top:0.5em;
  margin-bottom:0;
}

#queryingView .query-filters:not(.first):not(.inputs) {
  margin-top:1em;
}

#queryingView .query-filters:not(.first):not(.inputs).duration-filter-row {
  margin-top:0;
}

#queryingView .query-filters label.thin {
  font-weight:normal;
}

#queryingView form input[type="checkbox"] {
  margin-left:0.5em;
  margin-right:1.5em;
}

#queryingView .summing-keys .column-item {
  height:200px;
  overflow:auto;
  margin-top:0;
}

#queryingView .summing-keys ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

#queryingView .summing-keys ul li {
  padding:0.25em 0.5em;
  background:#444;
}

#queryingView .summing-keys ul li:hover {
  cursor:auto;
}

#queryingView .summing-keys ul li span:hover {
  cursor:pointer;
}

#queryingView .summing-keys ul li:not(:last-child) {
  margin-bottom:0.5em;
}

#queryingView table {
  width:100%;
}

#queryingView #previousQueryings .alert-info {
  margin-top:1em;
}

#queryingView #previousQueryings td .glyphicon:hover,
#queryingView #previousQueryings td:not(:first-child):not(:last-child):hover {
  cursor:pointer;
}

#queryingView #previousQueryings th span {
  cursor:pointer;
}

#queryingView #queryFiltersModal .modal-body ul {
  padding-left:0;
  list-style-type:none;
}

#queryingView #previousQueryings tr:not(:first-child):hover {
  background:#8a4242;
}

#queryingView #createdQueryModal .modal-dialog {
  width:100%;
  height:100%;
  margin-top:0;
  margin-bottom:0;
}

#queryingView #createdQueryModal .modal-content {
  height:100%;
}

#queryingView #createdQueryModal .modal-body {
  padding-bottom:0;
}

#queryingView #createdQueryModal #savingQuery .virtual-form-control {
  width:20em;
}

#queryingView #createdQueryModal .modal-body #createdQueryTable {
  overflow:auto;
  width:100%;
}

#queryingView #createdQueryModal .modal-body #createdQueryTable thead th,
#queryingView #createdQueryModal .modal-body #createdQueryTable tfoot td {
  position: -webkit-sticky;
  position: sticky;
  z-index:90;
}

#queryingView #createdQueryModal .modal-body #createdQueryTable thead tr:first-child th {
  top:0;
}

#queryingView #createdQueryModal .modal-body #createdQueryTable thead tr:nth-child(2) th {
  top:30px;
}

#queryingView #createdQueryModal .modal-body #createdQueryTable thead tr.createdQueryHead th,
#queryingView #createdQueryModal .modal-body #createdQueryTable thead tr.createdQueryStatHead th {
  background: #555;
}

#queryingView #createdQueryModal .modal-body #createdQueryTable thead tr.createdQueryCumulHead th {
  background: #444;
}

#queryingView #createdQueryModal .modal-body #createdQueryTable.special-detailed-true thead tr.createdQueryHead th {
  background: #5a6732;
}

#queryingView #createdQueryModal .modal-body #createdQueryTable tfoot td {
  bottom:0;
  background: #555;
}

#queryingView #createdQueryModal .button-group input,
#queryingView #createdQueryModal .button-group button {
  margin:0;
}

#queryingView #createdQueryModal #add-detailed .button-group input,
#queryingView #createdQueryModal #add-detailed .button-group button {
  margin-left:0.5em;
  margin-right:0.5em;
}

#queryingView #createdQueryModal .button-group select {
  width:6em;
}

#queryingView #createdQueryModal .button-group label,
#queryingView #createdQueryModal .button-group span {
  color:#eee;
}

#queryingView #createdQueryModal .soph-query-view {
  font-size:21px;
  cursor:pointer;
}

#queryingView #createdQueryModal .list-save.soph-query-view,
#queryingView #createdQueryModal .glyphicon-print.soph-query-view,
#queryingView #createdQueryModal .glyphicon-save.soph-query-view,
#queryingView #createdQueryModal .glyphicon-filter.soph-query-view {
  float:left;
  margin-right:1em;
  margin-bottom:0.5em;
}

#queryingView #createdQueryModal .list-save.soph-query-view img {
  float:left;
}

#queryingView #createdQueryModal .glyphicon-circle-arrow-left.soph-query-view,
#queryingView #createdQueryModal .glyphicon-circle-arrow-right.soph-query-view,
#queryingView #createdQueryModal .glyphicon-remove-sign.soph-query-view {
  float:right;
}

#queryingView #createdQueryModal .glyphicon-circle-arrow-left.soph-query-view {
  margin:0;
  padding: 0.4em 1.2em 0.4em 0.4em;
  background-color:#bd7575;
  background-image: linear-gradient(to right, #bd7575 , #333);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

#queryingView #createdQueryModal .glyphicon-circle-arrow-right.soph-query-view,
#queryingView #createdQueryModal .glyphicon-remove-sign.soph-query-view {
  margin-left:1em;
  margin-bottom:0.5em;
}

#queryingView #createdQueryModal .createdQueryCumulHead th,
#queryingView #createdQueryModal .createdQueryStatHead th {
  border:none;
}

#queryingView #createdQueryModal .cumulated-table .createdQueryCumulHead:first-child th,
#queryingView #createdQueryModal .stat-table .createdQueryStatHead:first-child th {
  border-top:1px solid #656565;
}

#queryingView #createdQueryModal .createdQueryCumulHead th.extra-column-header,
#queryingView #createdQueryModal .createdQueryStatHead th.extra-column-header {
  text-align:center;
  border-bottom:1px solid #656565;
}

#queryingView #createdQueryModal th.extra-column-borderleft,
#queryingView #createdQueryModal td.extra-column-borderleft {
  border-left:1px solid #656565;
}

#queryingView #createdQueryModal th.extra-column-borderright,
#queryingView #createdQueryModal td.extra-column-borderright {
  border-right:1px solid #656565;
}

#queryingView #createdQueryModal tr.createdQueryStatHead {
  background:#333;
}

#queryingView #createdQueryModal #intelligentQueryControls {
  position: absolute;
  top: 0;
  left: 100%;
  background: url('/img/listcontrol.png') left bottom no-repeat #333;
  background-size: contain;
  height: 100%;
  width: 61.8%;
  border: 1px solid #555;
  padding:1em;
  box-shadow: 20px 20px 18px 20px #888888;
  overflow-y:auto;
  overflow-x:hidden;
  z-index:100;
}

#queryingView #createdQueryModal #intelligentQueryControls .mainQueryControl {
  background:#444;
  box-shadow:0 -2px 5px 5px #444;
  font-variant:small-caps;
}

#queryingView #createdQueryModal #intelligentQueryControls .row {
  margin-left:0;
}

#queryingView #createdQueryModal #intelligentQueryControls .row > div {
  padding-left:5px;
}

#queryingView #createdQueryModal #intelligentQueryControls .row:not(:first-child) {
  padding-top:10px;
  border-top:1px solid #777;
}

#queryingView #createdQueryModal #intelligentQueryControls .row.limit-keys {
  padding-bottom:10px;
}

#queryingView #createdQueryModal #intelligentQueryControls .row .extra-columns {
  line-height:2em;
}

#queryingView #createdQueryModal #intelligentQueryControls .row .extra-columns input {
  margin-right:0.5em;
}

#queryingView #createdQueryModal #intelligentQueryControls .row.summing-keys {
  margin-bottom:10px;
}

#queryingView #createdQueryModal .detailed-cumulated label {
  margin-right:0.5em;
}

#queryingView #createdQueryModal .detailed-cumulated label:not(:first-child) {
  margin-right:0.5em;
  margin-left:3em;
}

#queryingView #createdQueryModal .column-switch span {
  margin-right:0.5em;
}

#queryingView #createdQueryModal .cumulation-keys label {
  font-weight:normal;
}

#queryingView #createdQueryModal .cumulation-key-separator {
  margin-left:calc(3em - 20px);
  width:180px;
  height:0;
  border-bottom:1px solid #555;
  display:block;
}

#queryingView #createdQueryModal label.radio-inline,
#queryingView #createdQueryModal label.radio {
  margin-left:3em;
}

#queryingView #createdQueryModal #createdQueryTable th:not(.extra-column-header) {
  cursor:pointer;
}

#queryingView #createdQueryModal #createdQueryTable td.no-side-padding {
  text-align:right;
}

#queryingView #createdQueryModal table td {
  font-family:"Lucida Console", Monaco, monospace;
}

#queryingView #createdQueryModal table td.is-from-file {
  position:relative;
}

#queryingView #createdQueryModal table td.is-from-file span.glyphicon {
  position:absolute;
  left:5px;
  top:5px;
  color:#999;
}

#queryingView #createdQueryModal .sumLine {
  font-weight: bold;
  background:#555;
}

#queryingView #createdQueryModal .limit-points {
  margin-left:1em;
  margin-top:-3px;
}

#queryingView #createdQueryModal .limit-points + .radio {
  margin-top:-5px;
}

#queryingView #createdQueryModal .limit-key-input {
  margin-left:3em;
}

#queryingView #createdQueryModal .limit-points ul {
  list-style-type:none;
}

#queryingView table.cumulated-table tr.diff-true.cumul-level-1 {
  background:#555;
}

#queryingView table.cumulated-table tr.diff-true.cumul-level-2 {
  background:#3f3f3f;
}

#queryingView table.cumulated-table th,
#queryingView table.cumulated-table td {
  border-top:1px solid #656565;
  padding-right:5px;
}

#queryingView table.cumulated-table tr.onlyForDescendants {
  color:#7b7b7b;
}

#queryingView table.cumulated-table tr.cumul-item-hoverable:hover {
  background: #777;
  cursor:pointer;
}

#queryingView table.cumulated-table tr.cumul-item-hoverable:not(.onlyForDescendants):hover {
  text-shadow: 0px 0px 4px #fff;
}

#queryingView table.cumulated-table tr.cumul-item-hoverable.onlyForDescendants:hover {
  text-shadow: 0px 0px 4px #000;
}

#queryingView table.cumulated-table tr.cumul-level-2 td:nth-child(2) {
  padding-left:2em;
}

#queryingView table.cumulated-table tr.cumul-level-3 td:nth-child(2) {
  padding-left:4em;
}

#queryingView table.cumulated-table tr.cumul-level-4 td:nth-child(2) {
  padding-left:6em;
}

#queryingView table.cumulated-table tr.cumul-level-5 td:nth-child(2) {
  padding-left:8em;
}

#queryingView table.cumulated-table tr.cumul-level-6 td:nth-child(2) {
  padding-left:10em;
}

#queryingView table.cumulated-table tr.cumul-level-7 td:nth-child(2) {
  padding-left:12em;
}

#queryingView table.cumulated-table tr.cumul-level-8 td:nth-child(2) {
  padding-left:14em;
}

#queryingView table.cumulated-table tr.cumul-level-9 td:nth-child(2) {
  padding-left:16em;
}

#queryingView table.cumulated-table tr.cumul-level-10 td:nth-child(2) {
  padding-left:18em;
}

#queryingView table.cumulated-table tr.cumul-level-11 td:nth-child(2) {
  padding-left:20em;
}

#queryingView table.cumulated-table tr.cumul-level-12 td:nth-child(2) {
  padding-left:22em;
}

#queryingView table.cumulated-table tr.cumul-level-13 td:nth-child(2) {
  padding-left:24em;
}

#queryingView table.cumulated-table tr.cumul-level-14 td:nth-child(2) {
  padding-left:26em;
}

#queryingView table.cumulated-table tr.cumul-level-15 td:nth-child(2) {
  padding-left:28em;
}

#queryingView table.cumulated-table tr.cumul-level-16 td:nth-child(2) {
  padding-left:30em;
}

#queryingView table.cumulated-table tr.cumul-level-17 td:nth-child(2) {
  padding-left:32em;
}

#queryingView table.cumulated-table tr.cumul-level-18 td:nth-child(2) {
  padding-left:34em;
}

#queryingView table.cumulated-table tr.cumul-level-19 td:nth-child(2) {
  padding-left:36em;
}

#queryingView table.cumulated-table .more-to-read {
  text-align:center;
  max-width:3em;
  width:3em;
  padding-left:5px;
}

.button-group.special-detailed-true input,
.button-group.special-detailed-true button,
.button-group.special-detailed-true select {
  background:#c0cd98;
}

.button-group.special-detailed-true button:active:focus {
  background-color:#abbd75;
}

#queryingView #createdQueryModal #queryFrame.special-detailed-true {
  background:#3c4521;
  box-shadow:0px 0px 10px 10px #3c4521;
}

#queryingView #createdQueryModal .button-group.special-detailed-true span.glyphicon.glyphicon-remove-sign.soph-query-view,
#queryingView #createdQueryModal .button-group.special-detailed-true span.glyphicon.glyphicon-print.soph-query-view,
#queryingView #createdQueryModal .button-group.special-detailed-true span.glyphicon.glyphicon-save.soph-query-view,
#queryingView #createdQueryModal .button-group.special-detailed-true span.glyphicon.glyphicon-filter.soph-query-view {
  color:#c0cd98;
}

#queryingView #createdQueryModal .button-group.special-detailed-true span.list-save.soph-query-view {
  margin:0;
}

#queryingView #createdQueryTable.special-detailed-true {
  background:#3c4521;
}

#queryingView #createdQueryModal .modal-body #createdQueryTable.special-detailed-true .sumLine,
#queryingView #createdQueryModal .modal-body #createdQueryTable.special-detailed-true .sumLine td {
  background:#5a6732;
}

#queryingView #createdQueryTable.special-detailed-true table.table-striped tbody tr:nth-of-type(2n+1) {
  background:#3c4521;
}

#queryingView #createdQueryTable.special-detailed-true table.table-striped tbody tr:nth-of-type(2n) {
  background:#4b5629;
}

.switchPanel {
  border:1px solid #555;
  max-width:24em;
  padding:0.5em 1em;
  background:#444;
  margin:0 auto 1em;
}

.switchPanel input {
  margin-left:0.5em;
}

#queryingView #goUpButton,
#queryingView #goDownButton {
  position:absolute;
  right:1.9em;
  font-size:1.75em;
  padding:0 0.25em;
  z-index: 95;
  background-color: rgba(255,255,255,0.38);
  color:#000;
}

#queryingView #goUpButton {
  bottom:3.5em;
}

#queryingView #goDownButton {
  bottom:1.2em;
}

#settingList form,
#localSettings form {
  max-width:500px;
  margin:0 auto;
}

#settingList form .form-control-static,
#localSettings form .form-control-static {
  background:#555;
  padding-left:1em;
}

.warn-text {
  color:#d93f3f;
}

#lockDomain p,
#lockDomainSt p {
  margin:0;
}

#lockDomain span.glyphicon,
#lockDomainSt span.glyphicon {
  background:#aa2222;
  float:right;
  padding:3px 3em;
}

#treeContainer,
#queryingTreeContainer,
#structureContainer,
#user-scopes-tree {
  min-height:300px;
}

#treeContainer {
  margin-top:0;
  border-top:none;
}

#queryingTreeContainer,
#queryingTruStructureContainer,
#queryingAccStructureContainer {
  margin-top:0.5em;
}

.treePager {
  text-align:center;
  font-size:2em;
  text-shadow:0px 0px 3px #fff;
  background:#444;
  border-radius:1em;
  cursor:pointer;
}

#costCenterMenu > div,
#structureMenu > div {
  text-align:right;
}

#costCenterMenu > div:last-child > .btn-group:last-child,
#structureMenu > div:last-child > .btn-group:last-child {
  margin-left:1em;
}

#costCenterMenu .virtual-button {
  padding-left:6px;
  padding-right:6px;
}

#costCenterMenu .search-clone {
  text-align: left;
}

#costCenterMenu .search-clone .input-group {
  display: inline-table;
  max-width: 70%;
}

#costCenterMenu .search-clone .btn-group {
  vertical-align: baseline;
  margin-left: 1em;
}

#costCenterMenu .search-clone .cloning-is-on-true,
#structureMenu .cloning-is-on-true {
  box-shadow: rgb(170, 34, 34) 0px 0px 14px 0px inset;
}

#structureView div.caTree span.nodeName.selectedElementExclude {
  color:#f99;
}

#structureView div.caTree span.selectedNode.nodeName.selectedElementExclude {
  text-shadow: 0px 0px 4px #f99;
}

#structureView div.caTree span.nodeName.selectedElementInclude {
  color:#9f9;
}

#structureView div.caTree span.selectedNode.nodeName.selectedElementInclude {
  text-shadow: 0px 0px 4px #9f9;
}

.rule-table {
  margin:0 auto 1em;
  min-width:80%;
}

.rule-table td {
  background:#444;
  padding:0.25em 0.5em;
}

table.selectPropertiesToClone.table-striped tbody tr:nth-of-type(2n):hover {
  background:transparent;
}

table.selectPropertiesToClone.table-striped tbody tr.property-to-clone-true,
table.selectPropertiesToClone.table-striped tbody tr.property-to-clone-true:hover {
  background:#8a4242;
}

#fileHandling .column-item,
#openPeriods .column-item {
  margin-top:1em;
}

#callClassesModal .alert-danger,
#defaultsModal .alert-danger,
#mobileCallsModal .alert-danger,
#wiredCallsModal .alert-danger {
  margin-top:1em;
  max-height:150px;
  overflow:auto;
}

body > div#loading-bar {
  display:none;
}

#loading-bar .bar {
  position: relative;
}

#add-remove-mobiles-column, #add-remove-periods-column {
  overflow:auto;
  min-height:300px;
}

#add-remove-mobiles-table, #add-remove-periods-table {
  width:100%; 
}

#openPeriods table.table-striped tbody tr:nth-of-type(2n+1),
table.selectPropertiesToClone.table-striped tbody tr:not(.property-to-clone-true):nth-of-type(2n+1),
#trunkDescriptions table.table-striped tbody tr:nth-of-type(2n+1),
#prototypesTable.table-striped tbody tr:nth-of-type(2n+1),
#prototypesUploadTable.table-striped tbody tr:nth-of-type(2n+1),
#zonesTable.table-striped tbody tr:nth-of-type(2n+1),
#identifiersGroupTable.table-striped tbody tr:nth-of-type(2n+1),
#identifiersToShowTable.table-striped tbody tr:nth-of-type(2n+1),
#zonesToSelectTable.table-striped tbody tr:nth-of-type(2n+1),
#packagesTable.table-striped tbody tr:nth-of-type(2n+1),
table.timezone-list.table-striped tbody tr:nth-of-type(2n+1) {
  background:#444;
}

#add-remove-mobiles-table td, #add-remove-periods-table td {
  border-bottom:1px solid #555;
  border-top:none;
  cursor:auto;
}

#user-scopes .virtual-form-control {
  font-weight:normal;
  margin:0;
}

#user-scopes #isFiltered {
  margin-left:2em;
  float:right;
  font-weight:normal;
}

#user-scopes #isFiltered #filteredUserList {
  margin-right:1em;
}

#user-scopes #user-scopes-table tr.scopeManagedUser {
  text-shadow: 0px 0px 4px #fff;
  background:#8a4242;
  color:#fff;
}

#user-scopes #user-scopes-table.column-item,
#user-scopes #user-scopes-tree.column-item {
  margin-top:1em;
}

#user-scopes table {
  margin-top:0.5em;
  width:100%;
}

#openPeriods table.table-striped tbody tr:hover,
#user-scopes table.table-striped tbody tr:not(:first-child):hover,
#trunkDescriptions table.table-striped tbody tr:hover,
#prototypesTable.table-striped tbody tr:hover,
#packagesTable.table-striped tbody tr:hover {
  background:#755757;
  color:#fff;
}

#prototypesUploadTable.table-striped tbody tr:hover {
  background-color: initial;
}

#prototypesUploadTable.table-striped tbody tr:nth-of-type(2n+1):hover {
  background-color: #444;
}

#zonesTable.table-striped tbody tr:nth-of-type(2n):hover,
#identifiersGroupTable.table-striped tbody tr:nth-of-type(2n):hover,
#identifiersToShowTable.table-striped tbody tr:nth-of-type(2n):hover,
#zonesToSelectTable.table-striped tbody tr:nth-of-type(2n):hover {
  background-color:#333;
}

#openPeriods table.table-striped tbody tr td:hover,
#user-scopes table.table-striped tbody tr td:hover,
#trunkDescriptions table.table-striped tbody tr td:hover,
#prototypesTable table.table-striped tbody tr td:hover,
#zonesTable.table-striped tbody tr td:hover,
#identifiersGroupTable.table-striped tbody tr td:hover,
#identifiersToShowTable.table-striped tbody tr td:hover,
#zonesToSelectTable.table-striped tbody tr td:hover,
#packagesTable.table-striped tbody tr td:hover {
  background-color: inherit;
}

#user-scopes table.table-striped tr th:not(:nth-child(3)),
#trunkDescriptions table.table-striped tr th:not(:last-child),
#prototypesTable.table-striped tr th:not(:first-child),
#zonesTable.table-striped tr th/* :not(:last-child) */,
#zonesTableHead.table-striped tr th/* :not(:last-child) */,
#identifiersToShowTable.table-striped tr th:not(:last-child),
#packagesTable.table-striped tr th {
  cursor:pointer;
}

#user-scopes table.table-striped tr th:nth-child(3) {
  cursor:auto;
  text-align:center;
}

#user-scopes table td:nth-child(3) {
  text-align:center;
}

#user-scopes table td:nth-child(3) span.glyphicon {
  cursor:pointer;
}

#user-scopes #userScopeUpload input[type="button"] {
  margin-top:1em;
}

#discountPeriods .column-item {
  margin-top:1px;
}

#discountPeriods .yearChange {
  cursor:pointer;
  color:#bbb;
}

#discountPeriods table {
  width:100%;
}

#discountPeriods table th,
#discountPeriods table td {
  text-align:center;
}

#discountPeriods table td:not(.discount-day-x) {
  cursor:pointer;
}

#discountPeriods .discount-day-true {
  color:#dd5555;
}

#discountPeriods .discount-day-x {
  color:#444;
}

#prototypesUploadTable.table-striped tbody tr td,
#trunkDescriptions table.table-striped tr td:last-child,
#zonesTable.table-striped tr td,
#identifiersGroupTable.table-striped tr td:not(:first-child),
#identifiersToShowTable.table-striped tr td,
#packagesTable.table-striped tr th:last-child,
.mainpage table.table.timezone-list tr td {
  cursor:auto;
}

#packages hr {
  border-top: 1px solid #aaa;
}

#packagesTable td {
  vertical-align: top;
  cursor: auto;
}

#packagesTable ul {
  list-style-type: none;
  margin-bottom:0;
}

#packagesTable .startdate-text {
  width: 12em;
  display: inline-block;
}

#packagesTable .package-startdates li:not(:first-child) span.startdate-text {
  margin: 10px 0 0;
}

#packagesTable .package-startdates .btn {
  margin: 0;
}

#packagesTable .package-startdates li:not(:first-child) .btn {
  margin-top: 10px;
}

#packagesTable .package-startdates li:not(:first-child) {
  border-top: 1px solid #676767;
  margin-top: 10px;
}

#packagesTable .package-startdates {
  padding-left: 0;
}

#packagesTable .package-startdates li .row > div:not(:first-child) {
  padding:0;
}

#packagesTable .package-startdates li .row > div:not(:first-child):not(:last-child) {
  text-align: center;
}

#zonesModal .modal-dialog,
#identifiersModal .modal-dialog {
  width:100%;
  height:100%;
  margin-top:0;
  margin-bottom:0;
  background: #333;
}

#zonesModal .modal-body,
#identifiersModal .modal-body,
#identifiersModal .letOverflow {
  overflow: auto;
}

#identifiersModal .button-group input,
#identifiersModal .button-group button,
#identifiersModal .button-group div.btn {
  margin-left:0.5em;
  margin-right:0.5em;
}

#identifiersModal  button.identifierPagerButton {
  padding: 6px;
}

#identifiersModal select.identifierPager {
  min-width:4em;
  width:4em;
  display: inline-block;
  padding:3px 6px;
}

#zonesModal .uploader-button,
#identifiersModal .uploader-button {
  background:#f0f0f0;
}

#zonesModal .change-loss-message,
#zonesModal .storage-found-message,
#identifiersModal .change-loss-message,
#identifiersModal .storage-found-message {
  padding: 1px 1em;
  margin: 0;
  text-align: center;
}

#zonesModal .change-loss-message .button-group,
#zonesModal .storage-found-message .button-group,
#identifiersModal .change-loss-message .button-group,
#identifiersModal .storage-found-message .button-group {
  display: inline-block;
  margin-left: 1em;
}

#zonesModal #zonesTableContainer,
#identifiersModal #identifiersToShowContainer {
  overflow-x: auto;
}

#zonesModal #zonesTableContainer td input[type="text"] {
  font-family:"Lucida Console", Monaco, monospace;
}

#clonePackageModal .modal-dialog {
  background: #333;
}

#clonePackageModal input[type="text"]:disabled,
#clonePackageModal select:disabled {
  background:#aaa;
}

#zonesModal td,
#zonesModal th,
#identifiersModal td {
  padding:4px;
}

#zonesModal span.zone-span {
  display:inline-block;
  vertical-align: middle;
}

#zonesModal input[type="text"],
#zonesModal span.zone-span,
#identifiersModal input[type="text"],
#identifiersModal select:not(.identifierPager) {
  background-color: transparent;
  color: inherit;
  overflow:hidden;
  text-overflow: ellipsis;
  min-width: 8em;
  padding:3px 6px;
}

#zonesModal input[type="text"],
#identifiersModal input[type="text"],
#identifiersModal select {
  border-color:#656565;
}

#identifiersModal .virtual-pricing-input {
  display:inline-block;
  border:1px solid #656565;
  cursor:pointer;
  padding:6px 12px;
  border-radius: 4px;
}

#identifiersGroupTable.table-striped td {
  height: 6em;
}

#identifiersGroupTable.table-striped tbody tr.groupLine-true,
#identifiersGroupTable.table-striped tbody tr.groupLine-true:hover {
  background: #8a4242;
  color: #fff;
}

#zonesTableHead {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
  background: #333;
  margin-bottom: 0;
}

#zonesTableHead th,
#zonesTable td {
  width:20%;
}

#zonesTableHead th span {
  display: inline-block;
  min-width: 8em;
}

#zonesTable tr:first-child td {
  border-top:none;
}

#zonesControlButtons .btn,
#zonesTable .btn,
#zonesTableHead .btn,
#identifiersControlButtons .btn,
#identifiersToShowTable .btn,
#identifiersGroupTable .btn {
  margin-top:2px;
  margin-bottom:2px;
}

#identifiersModal .leftborder {
  border-left:1px solid #676767;
}

#zonesModal .field-to-clone,
#zonesTable.table-striped tbody tr td.field-to-clone:hover,
#identifiersModal .field-to-clone,
#identifiersToShowTable.table-striped tbody tr td.field-to-clone:hover,
#zonesModal #newZoneInputRow,
#identifiersModal #newGroupInputRow,
#identifiersModal #newIdentifierInputRow {
  background: #755757;
  color: #fff;
}

#zonesTable.table-striped tbody tr td.field-clonable:hover input,
#zonesTable.table-striped tbody tr td.field-clonable:hover .virtual-pricing-input,
#identifiersToShowTable.table-striped tbody tr td.field-clonable:hover input,
#identifiersToShowTable.table-striped tbody tr td.field-clonable:hover .virtual-pricing-input {
  box-shadow: 0px 0px 10px 5px #755757;
}

#zonesModal .field-cloned-or-modified input,
#zonesModal .field-cloned-or-modified .virtual-pricing-input,
#identifiersModal input.field-cloned-or-modified,
#identifiersModal .virtual-pricing-input.field-cloned-or-modified {
  border-color: #936c6c;
  box-shadow: 0px 0px 10px 5px #755757;
}

#identifiersModal .virtual-pricing-input.zoneClosed:hover {
  cursor: not-allowed;
}

#zonesModal #newZoneInputRow td,
#identifiersModal #newGroupInputRow td,
#identifiersModal #newIdentifierInputRow td {
  border-bottom: 2px solid #ddd;
}

#zonesModal .zonecloning-is-true,
#identifiersModal .identifiercloning-is-true,
#zonesModal .extra-zones-true,
#identifiersModal .should-save-true,
#zonesModal .should-save-true {
  background: #755757;
  color:#fff;
  text-shadow: 0px 0px 2px #fff;
  border: 1px solid #fff;
}

#identifiersModal table.table-striped tbody tr td.selected-zone,
#identifiersModal table.table-striped tbody tr td.selected-zone:hover {
  background: #8a4242;
}

#modifyTimezonesModal .timezone-list {
  font-family: 'Lucida Console', Monaco, monospace;
}

#modifyTimezonesModal .timezone-list button {
  font-family: "Proza Libre", "Arial", sans-serif;
}

#phoneBook .column-item {
  margin:0;
  min-height:300px;
}

#phoneBook .column-item ul li {
  cursor:auto;
}

#phoneBook .column-item ul:not(:first-child) li {
  border-top:3px solid #777;
}

#phoneBook span.phonebook-subscription {
  font-weight:bold;
  font-size:1.2em;
  margin-bottom:0.5em;
  display:inline-block;
}

#phoneBook .column-item ul:not(:first-child) li span.phonebook-subscription {
  margin-top:1em;
}

#dashBoard table.table-striped tr:nth-of-type(2n+1),
#personalQuery table.table-striped tr:nth-of-type(2n+1),
#phoneBook table.table-striped tr:nth-of-type(2n+1),
#divAccounting table.table-striped tr:nth-of-type(2n+1),
#user-scopes table.table-striped tr:nth-of-type(2n+1),
#queryingView table.table-striped tr:nth-of-type(2n) {
  background:#444;
}

#queryingView table.table-striped tr:nth-of-type(2n+1) {
  background:#333;
}

#phoneBook table.phoneBookTable,
#divAccounting table.previousClosingsTable {
  border-collapse:separate;
  width:100%;
}

#phoneBook table.phoneBookTable td,
#divAccounting table.previousClosingsTable th,
#divAccounting table.previousClosingsTable td,
#user-scopes table th, #user-scopes table td,
#queryingView table th, #queryingView table td {
  padding-top:5px;
  padding-bottom:5px;
  margin:0;
  border-top:1px solid #555;
  white-space: nowrap;
  overflow:hidden;
}

#phoneBook table.phoneBookTable td,
#divAccounting table.previousClosingsTable th,
#divAccounting table.previousClosingsTable td,
#user-scopes table th, #user-scopes table td,
#queryingView table th:not(.no-side-padding), #queryingView table td {
  padding-left:1em;
  padding-right:1em;
}

#phoneBook table.phoneBookTable td {
  vertical-align:middle;
}

#divAccounting table.previousClosingsTable th,
#divAccounting table.previousClosingsTable td {
  vertical-align:top;
}

#phoneBook table.phoneBookTable td:first-child {
  padding-left:2em;
}

#phoneBook .rounded-corner {
  background:linear-gradient(#606060 10%, #656565 75%, #828282 100%);
  margin:0;
  padding:0 0.5em;
  border-radius:0.75em;
  text-align:center;
  max-width:200px;
  box-shadow:0px 2px 4px 0 #333 inset;
}

#phoneBook label.radio-inline {
  padding:0;
  margin:0;
}

#phoneBook .phonebook-fieldname {
  font-weight:normal;
  vertical-align:top;
}

#phoneBook input[type="radio"] {
  display:none;
}

#phoneBook input[type="radio"] ~ span.phonebook-fieldname {
  display:inline-block;
  padding:0.25em 0.5em;
  color:#c8c8c8;
}

#phoneBook label input[type="radio"] ~ span {
  border-image:url(/img/toggle.png) 1 100%;
}

#phoneBook label:first-child input[type="radio"] ~ span.phonebook-fieldname {
  border-right:5px solid #bbb;
  padding-left:calc(10px + 0.5em);
}

#phoneBook label:nth-child(2) input[type="radio"] ~ span.phonebook-fieldname {
  border-left:5px solid #bbb;
  padding-right:calc(10px + 0.5em);
}

#phoneBook label input[type="radio"]:checked ~ span.phonebook-fieldname-private {
  border-left:10px solid #bbb;
  border-right:none;
  padding-left:0.5em;
  padding-right:calc(10px + 0.5em);
  color:#e67f7f;
}

#phoneBook label input[type="radio"]:checked ~ span.phonebook-fieldname-official {
  border-right:10px solid #bbb;
  border-left:none;
  padding-right:0.5em;
  padding-left:calc(10px + 0.5em);
  color:#99e67f;
}

#phoneBook .virtual-form-control {
  width:24em;
}

#divAccounting,
#divAccounting button,
#divAccounting textarea {
  font-size:11px;
  line-height:normal;
}

#divAccounting .nav-tabs,
#divAccounting .nav-tabs > li > a {
  border-bottom:1px solid #777;
}

#divAccounting .nav-tabs > li > a {
  padding-top:5px;
  padding-bottom:5px;
}

#divAccounting > .tab-content {
  margin-top:1em;
}

#divAccounting .column-item {
  margin:0;
}

#divAccounting .form-group {
  margin-top:3px;
  margin-bottom:3px;
}

#divAccounting .form-group label {
  margin-bottom:3px;
  font-weight:normal;
}

#divAccounting .form-group .checkbox label {
  font-weight:normal;
}

#divAccounting .form-group:not(:last-of-type) {
  border-bottom:1px solid #555;
}

#divAccounting .small {
  font-size:11px;
  height:18px;
  padding:1px 10px;
  text-align:right;
}

#divAccounting input:disabled,
#divAccounting option:disabled {
  background:#c8c8c8;
}

#divAccounting .checkbox {
  margin:0;
}

#divAccounting label {
  width:100%;
  white-space: pre-wrap;
}

#divAccounting select {
  max-width:25em;
}

#divAccounting select,
#divAccounting .virtual-form-control,
#divAccounting .account-number .inputcontainer,
#divAccounting .form-control-static,
#divAccounting .checkbox input[type="checkbox"],
#divAccounting textarea {
  float:right;
}

#divAccounting .account-number div,
#divAccounting .account-number input[type="text"] {
  display:inline-block;
}

#divAccounting .account-number div.alert {
  width:100%;
}

#divAccounting .account-number input[type="text"] {
  width:8em;
  margin-right:3px;
}

#divAccounting .account-number input[type="text"]:last-of-type {
  margin-right:0;
}

#divAccounting .form-control-static {
  font-weight:normal;
  text-align:right;
  padding:0;
  min-height:18px;
}

#divAccounting .checkbox label {
  padding-left:0;
  font-weight:bold;
}

#divAccounting .checkbox input[type="checkbox"] {
  position:relative;
}

#divAccounting textarea {
  height:45px;
  padding:1px 6px;
  max-width:21em;
}

#divAccounting #divAccountClosing table {
  width:100%;
}

#divAccounting #divAccountClosing table td {
  border-top:1px solid #333;
  padding:0.2em;
}

#divAccounting #divAccountClosing table tr.sub-title-true td {
  color:#aaa;
  padding-left:1em;
  font-style:italic;  
}

#divAccounting #divAccountClosing table .designation-element {
  display:none;
}

#divAccounting table.previousClosingsTable th {
  background:#555;
}

#divAccounting table.previousClosingsTable th:last-child {
  text-align:center;
}

#divAccounting table.previousClosingsTable th:not(:last-child),
#divAccounting table.previousClosingsTable td:not(:last-child) {
  cursor:pointer;
}

#divAccounting table.previousClosingsTable th:nth-child(3),
#divAccounting table.previousClosingsTable th:nth-child(4),
#divAccounting table.previousClosingsTable td:nth-child(3),
#divAccounting table.previousClosingsTable td:nth-child(4) {
  padding-right:1em;
  text-align:right;
}

#divAccounting table.previousClosingsTable tr:last-child td {
  border-bottom:1px solid #555;
}

#phoneBook table.phoneBookTable tr:hover,
#divAccounting table.previousClosingsTable tr:hover {
  background:#8a4242;
  color:#fff;
}

#phoneBook table.phoneBookTable tr td:hover,
#divAccounting table.previousClosingsTable tr td:hover {
  background:inherit;
}

#phoneBook table.phoneBookTable tr td:hover,
#divAccounting table.previousClosingsTable tr td:not(:last-child):hover {
  color:inherit;
}

/* ================================================================================ */
#footer {
  border-top:1px solid #555;
  padding-top:0.25em;
  width:100%;
  position:fixed;
  bottom:0;
  text-align:center;
  font-size:0.8em;
  background:#333;
  z-index:1000;
  white-space:nowrap;
  box-shadow:0px 0px 7px 7px #333;
}

#footer > div {
  padding:0;
}

#footer p {
  margin-bottom:0.1em;
}

/* ================================================================================ */

div#working-sign {
  position: fixed;
  left:calc(50% - 20px);
  top:calc(50% - 20px);
  width: 40px;
  height: 40px;
  padding:3px;
  background: #eee;
  color:#8a4242;
  font-size:32px;
  border:1px solid #8a4242;
  border-radius: 7px;
  box-shadow: 0 0 3px 3px #888;
  text-shadow: 0 0 5px #8a4242;
  display:none;
  z-index:10000;
}

div#repricingInfoPanel {
  position: fixed;
  left:0;
  top:0;
  width: 100%;
  padding:54px 15px 2px 18px;
  background-image: linear-gradient(to right, rgba(217, 237, 247,0), 
  rgba(217, 237, 247,1) 15px, rgba(217, 237, 247,0));
  color:#31708f;
  border-radius: 7px;
  display: none;
  z-index:-1;
}

/* ================================================================================ */

@media (min-height:850px) {
  #divAccounting,
  #divAccounting button,
  #divAccounting textarea {
    font-size:13px;
  }

  #divAccounting .small {
    font-size:13px;
    height:22px;
  }

  #divAccounting .form-control-static {
    min-height:22px;
  }
}

@media (max-width:1199px) {
  #packagesTable ul {
    margin-bottom:10px;
  }

  #packagesTable .package-startdates li .row > div:not(:first-child) {
    padding-left:15px;
    padding-right:15px;
  }

  #packagesTable .package-startdates li .row > div:not(:first-child):not(:last-child) {
    text-align: left;
  }

  #packagesTable .package-startdates span.startdate-text {
    margin: 10px 0 0;
  }
  
  #packagesTable .package-startdates .btn {
    margin-top: 10px;
  }
  
  #identifiersModal .leftborder.leftborder-lg {
    border-left:none;
  }
}

@media (max-width:991px) {
  #costCenterMenu > div {
    padding:0 0.5em 0 0;
  }
  
  #costCenterMenu > div:last-child {
    padding:0;
  }

  #costCenterMenu button.btn {
    padding:6px 10px;
  }
  
  #user-scopes #user-scopes-table {
    margin-bottom:1em;
  }

  #user-scopes #scopeTreeControls {
    padding-top:1em;
    border-top:1px solid #bbb;
  }

}

@media (min-width:768px) {
  #logo span.navbar-brand {
    margin-left:-5px;
  }
  
  #mainMenu > li:first-child, #chooseLanguage li:first-child:not(:last-child) {
    border-left:1px solid #555;
  }
  
  #mainMenu {
    font-style:italic;
  }
  
  #lockDomain span.glyphicon,
  #lockDomainSt span.glyphicon {
    padding:3px 5em;
  }
}

@media (max-width:767px) {
  .mainpage .row:first-child :not(:first-child) .column-item {
    margin:2em 0 0 0;
  }
  
  .mainpage .emptydashboard {
    background:none;
    min-height:0;
  }
  
  #costCenterMenu > div,
  #costCenterMenu .search-clone,
  #structureMenu > div {
    text-align:center;
  }

  #structureMenu #searchStructureContainer {
    width: 70%;
    left:15%;
  }

  #structureMenu > div:last-child > .btn-group:last-child {
    margin-left:0;
  }
  
  #costCenterMenu > div:not(.search-clone) > .btn-group,
  #queryingTreeControls > div > .btn-group,
  #structureMenu > div > .btn-group {
    margin-top:0.5em;
  }
}

@media (max-width:375px) {
  #logo span.navbar-brand {
    width:200px;
    background:url(/img/compargo.net.png) left center no-repeat;
    background-size:contain;          
  }
  
  #lockDomain span.glyphicon,
  #lockDomainSt span.glyphicon {
    padding:3px;
  }  
}

@media (max-width:315px) {
  #logo span.navbar-brand {
    width:150px;          
  }  
}
