body{
  color:       #666666;
  margin:      0px;
  padding:     0px;
  background:  #FFFFFF;
  margin-top:  51px;
}

a:focus{
  outline:none;
}

a:link{
  text-decoration: none;
  color:           #666666;
}

a:visited{
  text-decoration: none;
  color:           #666666;
}

a:hover{
  text-decoration: none;
  color:           #666666;
}

a:active{
  text-decoration: none;
  color:           #666666;
}

/* General */
.margin-bottom-10{
  margin-bottom: 10px !important;
}

.ident1{
  padding-left: 10px;
}

.ident2{
  padding-left: 20px;
}

/* Loading Bar */
#loadingDiv{
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
  position:   fixed;
  top:        0;
  left:       0;
  width:      100%;
  height:     100%;
  z-index:    999999;
  display:    block;
}

#loadingDiv.loadingDivVisible{
  display: none;
}

#loadingBar{
  position:         absolute;
  left:             50%;
  top:              50px;
  width:            115px;
  margin-left:      -83px;
  color:            #FFFFFF;
  padding:          4px 10px 4px 10px;
  border-radius:    10px;
  margin-top:       83px;
  font-weight:      bold;
  background-color: #000000;
  font-size:        10px;
  text-shadow:      0 1px 0 #252525;
  text-align:       center;
  border-bottom:    1px solid #252525;
}

/* Header */
.navbar-fixed-top{
  margin-bottom: 0px !important;
  margin-right:  0px !important;
  margin-left:   0px !important;
  max-height:    51px;
}

.navbar-fixed-always{
   position: fixed; 
}

#header{
  text-align: center;
  height:     50px;
  position:   relative;
}

#headerMenuToggle{
  margin-top:  12px;
  margin-left: 2px;
  position:    absolute;
  left:        5px;
  top:         4px;
}

#headerLogo{
  display: inline-block;
}

#headerLogoImage{
  margin-top: 5px;
}

#headerAccount{
  margin-top:   12px;
  margin-right: 2px;
  position:     absolute;
  right:        5px;
  top:          4px;
}

/* Feedback */
#feedbackDiv{
}

.feedbackMessage{
  margin-left:   5px;
  margin-right:  5px;
  margin-top:    10px;
  margin-bottom: 0px;
}

/* Site content */
#wrapper{
  padding-left:       0;
  -webkit-transition: all 0.5s ease;
  -moz-transition:    all 0.5s ease;
  -o-transition:      all 0.5s ease;
  transition:         all 0.5s ease;
}

#wrapper.toggled{
  padding-left: 250px;
}

/* Sidebar Menu */
#sidebar-wrapper{
  z-index:            1000;
  position:           fixed;
  left:               250px;
  width:              0;
  height:             100%;
  margin-left:        -250px;
  overflow-y:         auto;
  background:         #000;
  -webkit-transition: all 0.5s ease;
  -moz-transition:    all 0.5s ease;
  -o-transition:      all 0.5s ease;
  transition:         all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper{
  width: 250px;
}

.sidebar-nav{
  position:   absolute;
  top:        0;
  width:      250px;
  margin:     0;
  padding:    0;
  list-style: none;
  min-height: 500px;
}

.sidebar-nav li{
  text-indent:   20px;
  line-height:   40px;
  color:         #FFFFFF;
  border-top: 1px solid #FFFFFF;
}

.sidebar-nav li:first-of-type{
  border-top: none;
}

.sidebar-nav li.noBorder{
  border-top: none;
}

.sidebar-nav li a{
  display:         block;
  text-decoration: none;
  color:           #FFFFFF;
}

.sidebar-nav li a:hover{
  text-decoration: none;
  color:           #fff;
  background:      rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus{
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand{
  height:      65px;
  font-size:   18px;
  line-height: 60px;
}

.sidebar-nav > .sidebar-brand a{
  color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover{
  color:      #fff;
  background: none;
}

.sidebar-nav ul{
  list-style: none;
}

.sidebar-nav form .btn{
  margin-right: 20px;
}

.sidebar-nav form input{
  max-width: 211px;
}

.sidebar-nav form select{
  max-width:   211px;
  margin-left: 20px;
}

/* Main Content */
#page-content-wrapper{
  width:    100%;
  position: absolute;
}

#page-menu-background{
  position:         absolute;
  left:             -250px;
  width:            250px;
  height:           100%;
  background-color: #000000;
}

#page-content-fade{
  position:         absolute;
  z-index:          1;
  left:             0px;
  width:            100%;
  height:           100%;
  background-color: #000000;
  opacity:          0.0;
  display:          none;
  -webkit-transition: all 0.5s ease;
  -moz-transition:    all 0.5s ease;
  -o-transition:      all 0.5s ease;
  transition:         all 0.5s ease;
}

#wrapper.toggled #page-content-fade{
  display:            block;
  opacity:            0.4;
  -webkit-transition: all 0.5s ease;
  -moz-transition:    all 0.5s ease;
  -o-transition:      all 0.5s ease;
  transition:         all 0.5s ease;
}

#page-content-shell{
  margin-top:            10px !important;
  padding:               10px;
  margin:                0 auto 20px;
  background-color:      #fff;
  border:                1px solid #e5e5e5;
  overflow:              hidden;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-shadow:    0 1px 2px rgba(0,0,0,.05);
     -moz-box-shadow:    0 1px 2px rgba(0,0,0,.05);
          box-shadow:    0 1px 2px rgba(0,0,0,.05);
}

#wrapper.toggled #page-content-wrapper{
  position:     absolute;
  margin-right: -250px;
}

.mainContent{
  padding-left:  5px;
  padding-right: 5px;
}

.pageTitle{
  margin-top: 0px;
}

/* Footer */
.footer{
  text-align:   center;
  width:        100%;
  height:       25px;
  font: x-small Verdana, Arial, Helvetica, sans-serif;
  color:        #DDDDDD;
  font-weight:  bold;
  font-style:   italic;
  padding-bottom: 10px;
}

#developerLogo{
  position: absolute;
  right:    20px;
  bottom:   60px;
  width:    62px;
  height:   60px;
  overflow: hidden;
}

.calendarFooterValuesShell{
  display: inline-block;
}

/* Form Base */
.form-base{
  max-width:     50%;
  margin-left:   auto;
  margin-right:  auto;
  margin-bottom: 0px;
}

.form-base .useDatetimepicker{
  width: 100%;
}

.form-base .useDatetimepicker input{
  width: -moz-calc(100% - 28px);
  width: -webkit-calc(100% - 28px);
  width: calc(100% - 28px);
}

.form-base .input-datepicker{
  background-color: #FFFFFF;
}

.form-base .moneyInput{
  width:         100%;
  margin-bottom: 0px;
}

.form-base .moneyInput input{
  width: -moz-calc(100% - 42px);
  width: -webkit-calc(100% - 42px);
  width: calc(100% - 31px);
}

.form-base h5{
  padding-bottom: 5px;
  border-bottom:  1px dashed #BEBEBE;
}

.form-base h3{
  margin-top: 0px;
}

.form-base .form-base-heading, .form-base .checkbox{
  margin-bottom: 10px;
}

.form-base input[type="text"], .form-base input[type="password"]{
  height: auto;
}

.form-base select, .form-base input, .form-base .input-append{
  margin-bottom: 0px;
}

.form-base .text-right{
  margin-top: 10px;
}

/* Table Base */
.table-base{
  font-size: 12px;
}

.table-base thead tr{
  background-color: #f5f5f5;
}

.table-base thead tr th{
  vertical-align: top;
}

.table-base th, .table-base td{
  text-align: center !important;
}

.table-base .text-left{
  text-align: left !important;
}

.table-base .text-right{
  text-align: right !important;
}

.table-base .actionDiv{
  width: 40px;
}

.table-base a.actionButton i{
  margin-top: -1;
}

.table-base a.actionButton{
  position: relative;
  color:    #202020;
}

.table-base a.actionButton i{
  margin-top: 12px;
}

.table-base a.actionButton:after{
  content:   "";
  padding:   24px;
  position:  absolute;
  left:      -17px;
  top:       -6px;
}

.table-base .icon-calendar{
  margin-top: -1;
}

.table-base thead tr th.size20{
  width: 20px;
}

.table-base thead tr th.size65{
  width: 65px;
}

.table-base thead tr th.size80{
  width: 80px;
}

.table-base thead tr th.size90{
  width: 90px;
}

.table-base thead tr th.size165{
  width: 165px;
}

/* Button Fix */
a.btn:link{
  text-decoration: none;
  color:           #FFFFFF;
}

a.btn:visited{
  text-decoration: none;
  color:           #FFFFFF;
}

a.btn:hover{
  text-decoration: none;
  color:           #FFFFFF;
}

a.btn:active{
  text-decoration: none;
  color:           #FFFFFF;
}

/* Index */
.giulianoRiboniLogoContainer{
  margin-left: auto;
  margin-right: auto;
}

#myMvcRequestPassword{
  height: 100px;
}

.giulianoRiboniLogoLink{
  background-position: 154px 0px;
}

#myMvcRequestPassword input.error, #myMvcLogOn input.error, #myMvcCreateAccount input.error{
  margin-bottom: 0px;
}

/* Index */
.indexContent{
  width:        320px;
  margin-left:  auto;
  margin-right: auto;
}

/* View Bill */
.billActionsButton{
  height: 50px;
}

/* Report */
.reportPaymentTD{
  width: 100px;
}

.reportMoneyTD{
  width: 120px;
}

/* Report Month */
.reportMonth .calendarHeaderMonth{
  text-align: center;
  height:     45px;
  position:   relative;
}

.reportMonth .calendarHeaderMonth div{
  display: inline-block;
  height:  45px;
}

.reportMonth .calendarHeaderMonthNavigationL{
  position: absolute;
  left:     0px;
  width:    45px;
  height:   45px;
}

.reportMonth .calendarHeaderMonthNavigationL img{
  width:   45px;
  height:  43px;
  content: url('../../../img/billOrganizer/v6/calendar/calendarNavL.png');
}

.reportMonth .calendarHeaderMonthTitle{
  height:         45px;
  font-size:      20px;
  padding-top:    10px;
  text-transform: uppercase;
  font-weight:    bold;
  color:          #666666;
}

.reportMonth .calendarHeaderMonthNavigationR{
  position: absolute;
  right:    0px;
  width:    45px;
  height:   45px;
}

.reportMonth .calendarHeaderMonthNavigationR img{
  width:   45px;
  height:  43px;
  content: url('../../../img/billOrganizer/v6/calendar/calendarNavR.png');
}

/* List Bills */
.listPaging td{
  background-color: #FFFFFF !important;
}

/* Form Validation */
input.error, select.error{
  border-color:       #a94442 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
  box-shadow: inset   0 1px 1px rgba(0,0,0,.075) !important;
  background-color:   #F9DDDD !important;
  color:              #a94442 !important;
}

input.error::-webkit-input-placeholder{
  color: #a94442;
}

label.error{
  color:       #a94442;
  padding-top: 3px;
  font-style:  italic;
}