/*
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.
*/
.BoxBlur{
    -fx-background-radius: 20;
    -fx-arc-height: 20;
    -fx-arc-width: 20;
    -fx-border-radius: 20;
}

.roomimgs{
    -fx-stroke: red;
    -fx-stroke-width: 10;
    -fx-border-color: transparent;/**/
    -fx-border-width: 10;
    -fx-border-radius: 20;
}

.roomimgs:hover{

    -fx-border-color: #b1d0e0;
    -fx-border-width: 10;
    -fx-border-radius: 20;
}
.list-view {
    -fx-padding:10;
    -fx-font-family: 'Century Gothic';
    -fx-font-size:16;
}

.font{
    -fx-font-family: 'Century Gothic';
}

.button{
    -fx-background-color:  #1A374D;

}
.button:hover{
    -fx-background-color: #2d546b;
}

.buttonText{
    -fx-text-fill: #b1d0e0;
}

.buttonText:hover{
    -fx-text-fill: #d3f0ff;
}


#exit{
    -fx-background-color: transparent;
    -fx-text-fill: #b1d0e0;
}

#exit:hover{
    -fx-background-color: transparent;
    -fx-text-fill: #d3f0ff;
}

#minimize{
    -fx-background-color: transparent;
    -fx-text-fill: #b1d0e0;
}

#minimize:hover{
    -fx-background-color: transparent;
    -fx-text-fill: #d3f0ff;
}

#loginError{
    -fx-border-radius: 20;
    -fx-background-radius: 20;
}

.date-picker {
    -fx-background-radius: 20;
    -fx-font-size: 17;
}
.date-picker > .text-field {
    -fx-background-radius: 20 0 0 20;
}

.date-picker > .arrow-button {
    -fx-background-radius: 0 20 20 0;
}

.text-area{
    -fx-background-radius: 20;
    -fx-border-radius: 20;
}

.text-area .scroll-pane {
    -fx-background-color: transparent;
}
.text-area .scroll-pane .viewport{
    -fx-background-color: transparent;
}
.text-area .scroll-pane .content{
    -fx-background-color: transparent;
}

#specialRequests .scroll-pane {
    -fx-hbar-policy: never;
    -fx-vbar-policy: never;
}

.scroll-bar:horizontal .track,
.scroll-bar:vertical .track{
    -fx-background-color :transparent;
    -fx-border-color :transparent;
    -fx-background-radius : 2.0em;
}

.scroll-bar:horizontal .increment-button ,
.scroll-bar:horizontal .decrement-button {
    -fx-background-color :transparent;
    -fx-background-radius : 0.0em;
    -fx-padding :0.0 0.0 10.0 0.0;

}

.scroll-bar:vertical .track-background,
.scroll-bar:horizontal .track-background {
    -fx-background-color: transparent;
    -fx-background-insets: 0;
    -fx-background-radius: 2em;
}

.scroll-bar:vertical .increment-button ,
.scroll-bar:vertical .decrement-button {
    -fx-background-color :transparent;
    -fx-background-radius : 0.0em;
    -fx-padding :0.0 10.0 0.0 0.0;

}

.scroll-bar .increment-arrow,
.scroll-bar .decrement-arrow{
    -fx-shape : " ";
    -fx-padding :0.15em 0.0;
}

.scroll-bar:vertical .increment-arrow,
.scroll-bar:vertical .decrement-arrow{
    -fx-shape : " ";
    -fx-padding :0.0 0.15em;
}

.scroll-bar:horizontal .thumb,
.scroll-bar:vertical .thumb {
    -fx-background-color : #dddddd;
    -fx-background-insets : 2.0, 0.0, 0.0;
    -fx-background-radius : 2.0em;
}

.scroll-bar:horizontal .thumb:hover,
.scroll-bar:vertical .thumb:hover {
    -fx-background-color : #9e9e9e;
    -fx-background-insets : 2.0, 0.0, 0.0;
    -fx-background-radius : 2.0em;
}

.scroll-bar{
    -fx-background-color: transparent;
    -fx-background-radius: 2em;
    -fx-focus-color: transparent;
    -fx-faint-focus-color: transparent;
    -fx-background-radius: 20;
}

.scroll-bar:vertical:focused {
    -fx-background-color: transparent;
}

.address .scroll-pane {
    -fx-background:  #406882;
}

.address .scroll-bar .increment-button {
    visibility: hidden;
}

.address .scroll-bar .decrement-button {
    visibility: hidden;
}

.address .scroll-bar:vertical {
    -fx-background-color: transparent;
}

.address .scroll-bar:vertical .track-background {
    visibility: hidden;
    -fx-background-color: transparent;
}

.address .scroll-bar:vertical .track {
    visibility: hidden;
}

.address .hide-thumb .scroll-bar:vertical .thumb {
    -fx-background-radius:0 30 30 0;
}