/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 22.12.2016, 14:16:26
    Author     : ivo
*/
body{
    /*font-family: 'Open Sans',sans-serif;*/
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

h1{
    font-size: 20px;
    /*padding: 70px 36px 10px 50px;*/
    padding: 120px 0px 10px 0px;
    /*margin: 0 0 0 46px;*/
    margin: 0 auto !important;
    font-weight: bold;
    background-image: url("../img/logo.png");
    background-repeat: no-repeat;
    display: block;
    color: #575757;
    width: 360px;
}
h1.adminview{
    font-size: 20px;
    /*padding: 70px 36px 10px 50px;*/
    padding: 120px 0px 10px 0px;
    margin: 0 0 0 46px !important;
    /*margin: 0 auto !important;*/
    font-weight: bold;
    background-image: url("../img/logo.png");
    background-repeat: no-repeat;
    display: block;
    color: #575757;
    width: 460px;
}
h2{
    font-size: 24px !important;
    margin: 0 12px !important;
    padding: 6px 0px !important;
    font-weight: bold !important;
    border-bottom: 1px dotted #ccc;
}
h3{
    font-size: 24px;
    padding: 6px 12px;
    font-weight: bold;
}
h4{
    font-size: 20px;
    padding: 6px 12px;
    font-weight: bold;
}
table.formtable{
    margin: 4px auto;
    padding:10px 0 10px 60px;
}
.g-recaptcha div{
    margin: 0 auto !important;
}
#loginboxtbl table td{
    font-size: 14px;
}
#loginboxtbl table.naxoslogintable td.bordered{
    /*border: 1px dotted #ccc;*/
    /*border: 1px dotted #fff;*/
    border: none !important;
}
#loginboxtbl table td.bordered{
    border: 1px dotted #ccc;
}
#loginboxtbl table th{
    font-size: 14px;
}
#loginboxtbl table th.bordered{
    border: 1px dotted #ccc !important;
    padding: 4px 8px;
}

#loginboxtbl table td input[type="text"],#loginboxtbl table td input[type="password"] {
    cursor: text;
    padding: 2px;
    width: 160px;
}
input[type="submit"].loginsubmitbtn{
    margin: 10px auto;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    text-align: center;
    margin: 0 auto;
    width: 80px;
    display: block;
    color: #575757;
    font-weight: bold;
}
#loginboxtbl table a{
    font-size: 14px;
    color: #337ab7;
    text-decoration: none;
}
#loginboxtbl table a:hover{
    color: #337ab7;
    text-decoration: underline;
}
#loginboxtbl table td{
    padding:6px !important;
    color: #575757;
}
.container{
    margin:10px auto !important; 
    display: block !important;
    width: 950px !important; 
    text-align: left !important;
    
    /*margin: auto;*/
   /* width: 50%;*/
}

.container-public-auth{
    margin:20px auto 10px auto !important; 
    display: block !important;
    width: 470px !important; 
    text-align: left !important;
    
    /*margin: auto;*/
   /* width: 50%;*/
}
.container-naxos-redirect-jazz{
    margin:10px auto !important; 
    display: block !important;
    width: 382px !important; 
    text-align: left !important;
    
    /*margin: auto;*/
   /* width: 50%;*/
}

.container-naxos-redirect-jazz h1{
    font-size: 20px;
    /*padding: 50px 26px 10px 50px;*/
    padding: 70px 26px 30px 0px;
    margin: 0 0 0 26px;
    font-weight: bold;
    background-image: url("../img/logo.png");
    background-repeat: no-repeat;
    display: inline-block;
    color: #575757;
    min-width: 140px;
}
.container-naxos-redirect-jazz a{
    font-size: 14px;
    color: #428bca;
    text-decoration: none;
}
.container-naxos-redirect-jazz a:hover{
    font-size: 14px;
    color: #2d67b2;
    text-decoration: underline;
}
.footercontact{
    width: 300px;
    font-size: 12px;
    text-align: left;
    margin: 10px auto 0 auto;
    border-top: 1px dotted #ccc;
    padding-top: 4px;
}
.footercontact a{
    color: #428bca;
    text-decoration: none;
}
.footercontact a:hover{
    color: #2d67b2;
    text-decoration: underline;
}
.footercontact2{
    width: 300px;
    font-size: 12px;
    text-align: left;
    margin: 10px auto 0 auto;
}
.footercontact2 a{
    color: #428bca;
    text-decoration: none;
}
.footercontact2 a:hover{
    color: #2d67b2;
    text-decoration: underline;
}
.csvtable table{
    margin: 4px;
}
.csvtable, .csvtable th, .csvtable tr td {
    border: 1px solid #000;
    font-size: 12px;
}
.csvtable th {
    font-size: 14px;
    font-weight: bold;
    padding: 2px 4px;
    text-align: center;
}
.csvtable tr td {
    font-size: 10px;
    padding: 2px 4px;
}
.err-patron-login{
    text-align: center !important;
    color: #ff0033 !important;
    padding: 4px !important;
    overflow-wrap: break-word !important;
    /*border: 1px dotted #ccc !important;*/
    border: none !important;
    line-height: 1.6em !important;;
}
.err-patron-login a{
    /*color: #ff0033 !important;*/
    /*text-decoration: underline !important;*/
}
.err-patron-login a:hover{
    /*color: #DB3300 !important;*/
    text-decoration: underline !important;
}
.errmsg{
    color: #ff0033 !important;
    padding: 4px !important;
    overflow-wrap: break-word !important;
    /*border: 1px dotted #ccc !important;*/
    border: 1px dotted #ccc !important;
}
.errormsg{
    margin: 40px !important;
    color: red !important; 
    text-align: center !important;
    overflow-wrap: break-word !important;
}
.errormsg-additionalinfo {
    margin: 40px;
    color: #575757; 
    text-align: right;
}
.errormsg-additionalinfo a{
    color: #428bca;
    text-decoration: none;
}
.errormsg-additionalinfo a:hover{
    color: #2d67b2;
    text-decoration: underline;
}
.successmsg{
    color: green !important;
    padding: 4px !important;
    border: 1px dotted #ccc !important;
}
.loginbox{
    border: 1px dotted #ccc;
}
.ldaptable table{
    margin: 4px;
}
.ldaptable, .ldaptable th, .ldaptable tr td {
    border: 1px solid #000;
    font-size: 12px;
}
.ldaptable th {
    font-size: 14px;
    font-weight: bold;
    padding: 2px 4px;
    text-align: center;
}
.ldaptable tr td {
    font-size: 10px;
    padding: 2px 4px;
}
.migrationtable table{
    margin: 4px;
}
.migrationtable, .migrationtable th, .migrationtable tr td {
    border: 1px solid #000;
    font-size: 12px;
}
.migrationtable th {
    font-size: 14px;
    font-weight: bold;
    padding: 2px 4px;
    text-align: center;
}
.migrationtable tr td {
    font-size: 10px;
    padding: 2px 4px;
}
.migrationtable tr.trbodystyle:hover {
	  /*background-color: #ffff99 !important;*/
	  background-color:  #F0E68C !important;
}
.migrationtable th:last-child {
	/*display:none;*/
}
.migrationtable tr td:last-child {
	/*display:none;*/
}
.disabledtd{
    background-color: #d5d5d5;
}

.newuserdiv a{
    color: #428bca !important;
    text-decoration: none !important;
}
.topmenu {
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background-color: #337ab7 !important;
  height: 26px !important;
}

.topmenu li {
  float: left !important;
}

.topmenu li a {
  display: block !important;
  color: white !important;
  text-align: center !important;
  padding: 4px 14px !important;
  text-decoration: none !important;
  min-width: 60px !important;
  border: 1px solid #2d67b2
}

.topmenu li a:hover:not(.active) {
  background-color: #2d67b2 !important;
}

.topmenu .active {
  /*background-color: #4CAF50 !important;*/
    background-color: #2d67b2 !important;
    border: 1px solid #2d67b2;
}
.topmenu .last-item {
    float: right !important;
}
.errorBox {
    margin: 10px auto !important; 
    border: 1px dotted  #ff0033 !important; 
    width: 450px;
}
.errorBox h3 {
    padding: 2px 14px;
    float: left;
    font-size: 18px;
    color: #ff0033;
    width: 422px;
}
.errorBox ul {
    list-style-type:circle;
    color: #ff0033;
}
.errorBox ul li{
    font-size: 14px;
}
.debugbox {
    margin:10px auto !important; 
    display: block !important;
    min-width: 800px !important; 
    border: 1px solid #ccc !important; 
    text-align: left !important;
    overflow-wrap: break-word;
    overflow-y: scroll; 
}
::-webkit-input-placeholder { /* Edge */
  color: #d7d7d7;
}

:-ms-input-placeholder { /* Internet Explorer */
  color: #d7d7d7;
}

::placeholder {
  color: #d7d7d7;
}
.logstablecontentzone{
    overflow-x:auto;
    overflow-y:hidden;
    width:564px;
    min-height:100px
}

th.logstableuseridzone,th.logstableusernamezone,th.usertablefullnamezone,th.usertableemailzone,th.usertablecreatezone,th.usertablerightszone,th.usertablestatuszone,th.usertablemodulezone{
    padding: 2px;
    font-weight: bold;
    font-size: 12px;
}
.logstableuseridzone{
    width: 30px !important; 
}
.logstableusernamezone{
    width: 130px !important; 
}
.usertablefullnamezone{
    width: 124px !important; 
}
.usertableemailzone{
    width: 150px !important; 
}
.usertablecreatezone{
    width: 80px !important;
}
.usertablerightszone{
    width: 90px !important;
}
.usertablestatuszone{
    width: 70px !important;
}
.usertablemodulezone{
    width: 50px !important;
}

.logstabledatetimezone{
    width: 64px !important;
}
.logstableuserzone{
    width: 50px !important;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eeeeee;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
}

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}

.label[href]:hover,
.label[href]:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.label:empty {
  display: none;
}

.btn .label {
  position: relative;
  top: -1px;
}

.label-default {
  background-color: #999999;
}

.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #808080;
}

.label-primary {
  background-color: #428bca;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #3071a9;
}

.label-success {
  background-color: #5cb85c;
}

.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}

.label-info {
  background-color: #5bc0de;
}

.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}

.label-warning {
  background-color: #f0ad4e;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}

.label-danger {
  background-color: #d9534f;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}


/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  margin: 10px auto !important;
  width: 800px !important;
}

/* Style the buttons inside the tab */
.tab a {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 14px;
  display: inline-block;
}

/* Change background color of buttons on hover */
.tab a:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab a.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
.statistictoplink a{
    font-size: 12px;
    color: #428bca !important;
    text-decoration: none !important;
}
.statistictoplink a:hover{
    font-size: 12px;
    color: #3071a9 !important;
    text-decoration: none !important;
}

/* calendar */
table.calendar		{ border-left:1px solid #999; }
tr.calendar-row	{  }
td.calendar-day	{ min-height:80px; font-size:11px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day:hover	{ background:#eceff5; }
td.calendar-day-np	{ background:#eee; min-height:80px; } * html div.calendar-day-np { height:80px; }
td.calendar-day-head { background:#ccc; font-weight:bold; text-align:center; width:120px; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
div.day-number		{ background:#999; padding:5px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; }
/* shared */
td.calendar-day, td.calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }




/*******************************Calendar Top Navigation*********************************/
div#calendar{
  /*margin:0px auto;*/
  margin:10px;
  padding:0px;
  width: 184px;
  font-family:Helvetica, "Times New Roman", Times, serif;
}
 
div#calendar div.box{
    position:relative;
    top:0px;
    left:0px;
    width:100%;
    height:40px;
    /*background-color:   #787878;*/   
    background-color: #337ab7 !important;
}
 
div#calendar div.header{
    line-height:40px;  
    vertical-align:middle;
    position:absolute;
    left:11px;
    top:0px;
    width:162px;
    height:40px;   
    text-align:center;
}
 
div#calendar div.header a.prev,div#calendar div.header a.next{ 
    position:absolute;
    top:0px;   
    height: 16px;
    display:block;
    cursor:pointer;
    text-decoration:none;
    color:#FFF;
}
 
div#calendar div.header span.title{
    color:#FFF;
    font-size:14px;
}
 
 
div#calendar div.header a.prev{
    left:0px;
}
 
div#calendar div.header a.next{
    right:0px;
}
 
 
 
 
/*******************************Calendar Content Cells*********************************/
div#calendar div.box-content{
    border:1px solid #787878 ;
    border-top:none;
}
 
 
 
div#calendar ul.label{
    float:left;
    margin: 0px;
    padding: 0px;
    margin-top:5px;
    margin-left: 5px;
}
 
div#calendar ul.label li{
    margin:0px;
    padding:0px;
    margin-right:5px;  
    float:left;
    list-style-type:none;
    width:20px;
    height:20px;
    line-height:20px;
    vertical-align:middle;
    text-align:center;
    color:#000;
    font-size: 15px;
    background-color: transparent;
}
 
 
div#calendar ul.dates{
    float:left;
    margin: 0px;
    padding: 0px;
    margin-left: 5px;
    margin-bottom: 5px;
}
 
/** overall width = width+padding-right**/
div#calendar ul.dates li{
    margin:0px;
    padding:0px;
    margin-right:5px;
    margin-top: 5px;
    line-height:20px;
    vertical-align:middle;
    float:left;
    list-style-type:none;
    width:20px;
    height:20px;
    font-size:15px;
    background-color: #DDD;
    color:#000;
    text-align:center; 
}

:focus{
    outline:none;
}
div#calendar ul.dates li.mask{
    background-color: #F0F0F0;
    
}
div#calendar ul.dates li:hover{
    background-color: #CFCCCC;
    
}
div#calendar a.calendardaylink{
    color: #fff !important;
    text-decoration:none !important;
    font-size:12px;
}
div#calendar ul.dates li.currentdayselect {
    background-color: #2d67b2 !important;
}
div.clear{
    clear:both;
}