/*******
 * CSD *
 *******/
 .titlebar{
    border-radius:5px 5px 0 0;
 }
.titlebar,
.header-bar {
   
    background-image: none;
    background-color: @header_bg_color;
    color: @header_fg_color;
    text-shadow: none;
    padding: 4px 10px;

}

.titlebar .button,
.header-bar .image-button, 
.header-bar .path-bar .button,
.titlebar .button:active,
.titlebar .button:checked {
    padding: 5px;
    background-color: transparent;
    border-color: transparent;
    color: @header_fg_color;
    font: bold;
}

.titlebar .button:hover,
.header-bar .image-button:hover, 
.header-bar .image-button:active,
.header-bar .image-button:checked,  
.header-bar .path-bar .button:hover,
.header-bar .path-bar .button:active,
.header-bar .path-bar .button:checked,
.titlebar .button:active:hover,
.titlebar .button:checked,
.titlebar .button:active {
    color: @selected_bg_color;
    background-color: transparent;
}
.maximized .titlebar {
    border-radius: 0;
    border: none;
    box-shadow: none;
}

.tiled .titlebar {
    border-radius: 0;
    border: none;
    box-shadow: none;
}

.titlebar.default-decoration {
    border: none;
}

.titlebar .title {
    font: Bold 10;
    color: @header_fg_color;
}

.titlebar .subtitle {
    font: 9;
    color: @header_fg_color;
}

.titlebar .separator {
    color: transparent;
}

.titlebar .arrow {
    color: alpha(@header_fg_color, 0.7);
}

.titlebar .arrow:insensitive {
    color: mix(@fg_color, @bg_color, 0.3);
}

.window-frame {
    border:none;
    border-radius: 5px 5px 0 0;
    background-color: @header_bg_color;
    box-shadow: 0 5px 15px 2px rgba(0, 0, 0, 0.4);
    margin: 10px;
}

.window-frame.maximized {
    border-radius: 0;
}

.window-frame.tiled  {
    border-radius: 0;
}

.window-frame:backdrop {
    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.3);
}

  .window-frame.ssd {
    box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.23);
}

/******************
 * window actions *
 ******************/
.titlebar .button.titlebutton,
.titlebar .button.titlebutton:hover,
.titlebar .button.titlebutton:checked {
    border: none;
    background-color: transparent;
    icon-shadow: none;
    box-shadow: none;
}

.header-bar .button.titlebutton,
.titlebar .button.titlebutton {
    padding: 3px;
    padding-left: 1px;
    padding-right: 1px;
}

.titlebar .titlebutton,
.titlebar .titlebutton:hover,
.titlebar .titlebutton:active,
.titlebar .titlebutton:active:hover,
.titlebar .titlebutton:backdrop,
.maximized .titlebar .titlebutton,
.maximized .titlebar .titlebutton:hover,
.maximized .titlebar .titlebutton:active,
.maximized .titlebar .titlebutton:active:hover,
.maximized .titlebar .titlebutton:backdrop {
    color: transparent;
    background-position: center;
    background-repeat: no-repeat;
}