/*
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 : 14.01.2016
    Author     : starke
*/

.__BudgetWindow {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;

    min-width: 768px;
    max-width: 1024px;
    min-height: 620px;

    font-size: 14px;
    line-height: 20px;
}

.__BudgetWindow.__AddNewItemWindow {
   min-width: 320px;
   max-width: 440px;
   min-height: 280px;
   padding: 20px 25px;
}

.budget__site-header__close-button  {
    background-image: url('../images/img_close.png');
    height: 17px;
    width: 17px;
    margin-top: 6px;
    margin-right: 1px;
}



/*
 *************************
    $BUTTONS
 *************************
*/

.budget__button {
    float: right;
    clear: right;

    width: 390px;
    height: 46px;
    margin-bottom: 10px;
    margin-right: 38px;

    background-color: transparent;

    font-size: 14px;
    letter-spacing: 0.12em;
    line-height: 40px;
    color: #41448b;

    text-transform: uppercase;

    border: 2px solid #41448b;
    border-radius: 3px;
}

.__AddNewItemWindow .budget__button {
   margin-right: 0;
   width: 100%;
}

.budget__button--blue,
.budget__button--blue:visited,
.budget__button--blue:hover,
.budget__button--blue:focus,
.budget__button--blue:active {
    background: #41448b;
    color: #FFFFFF;
}

.budget__button--open {
    margin-right: 0;
}

.__AddNewItemWindow .budget__site-header__close-button {
   float: right;
}

/*
 *************************
    $INPUTS
 *************************
*/

.__BudgetWindow input,
.__BudgetWindow textarea,
.__BudgetWindow select {
    border: 1px solid #cecece;
    border-radius: 5px;
    background: #FFFFFF;

    -webkit-box-shadow: inset 0px 0px 3px 2px rgba(0, 0, 0, 0.1); /* WebKit */
    -moz-box-shadow: inset 0px 0px 3px 2px rgba(0, 0, 0, 0.1); /* Firefox */
    box-shadow: inset 0px 0px 3px 2px rgba(0, 0, 0, 0.1); /* Standard */ 
}

.__BudgetWindow select {
    background: url('../images/img_arrow.png') no-repeat;
    background-position: center right 11px;
}

.__BudgetWindow select option {
    background-color: #ebebeb !important;
    background: linear-gradient(#ebebeb, #ebebeb);
    font-style: normal !important;
}

.__BudgetWindow select option:checked,
.__BudgetWindow select option:hover,
.__BudgetWindow select option:focus,
.__BudgetWindow select option:active,
.__BudgetWindow select option[selected] {
    background-color: #41448b !important;
    background: linear-gradient(#41448b, #41448b);
}

.budget__form .__CbUiInput {
    background: url('../images/img_search.png') no-repeat;
    background-color: #ebebeb;
    background-position: center right 11px;
}



/*
 *************************
    $HEADER
 *************************
*/

.__BudgetWindow .budget__site-header {
    border-bottom: 1px solid #cecece;
    width: 100%;
    padding-bottom: 20px;
}

.__BudgetWindow .budget__site-header__logo {
    margin-top: 19px;
    margin-left: 39px;
}

.__BudgetWindow .budget__site-header__title {
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    color: #3f438c;
    margin-top: 39px;
    margin-left: 8px;
    letter-spacing: 0.089em;
}

.__BudgetWindow .budget__site-header__beta {
    color: #BB0000;
    font-size: 17px;
    font-style: italic;
    left: 142px;
    position: absolute;
    text-transform: lowercase;
    top: 57px;
}

.__BudgetWindow .budget__site-header__right {
    top: 15px;
    right: 39px;

    font-size: 15px;
    line-height: 25px;
    color: #a0a0a0;
}

.__BudgetWindow .budget__site-header__user-area {
    border-right: 1px solid #cfcfcf;
    margin-right: 17px;
}

.__BudgetWindow .budget__site-header__user-area .user-area-text {
    font-size: 14.5px;
}

.__BudgetWindow .budget__site-header__user-area .logged_in_label {
    color: #9f9f9f;
    margin-right: 3px;
}

.__BudgetWindow .budget__site-header__user-area .username {
    color: #41448a;
}

.__BudgetWindow .budget__site-header__user-area .show-button {
    width: 28px;
    margin-top: 3px;
}



/*
 *************************
    $CONTENT
 *************************
*/

.budget__infobox {
    padding-left: 36px;
    /*padding-bottom: 8px;*/
    margin-top: 3px;
    border-bottom: 1px solid #cecece;
}

.budget__infobox__header {
    font-size: 14px;
    line-height: 14px !important;
    margin-top: 25px;
    font-weight: bold;
}

.budget__infobox__excerpt,
.budget__infobox__toggler {
    line-height: 64px;
}

.budget__infobox__detail__toggler {
    float: right;
}

.budget__infobox__excerpt--overview,
.budget__infobox__toggler--overview {
    /*margin-bottom: 8px;*/
}

.budget__infobox__detail {
    width: 76.55%;
}

.budget__contentbox {
    padding: 25px 36px 33px 36px;
    border-bottom: 1px solid #cecece;
    margin-bottom: 40px;
}

.budget__contentbox__header {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
}



/*
 *************************
    $OVERVIEW PAGE
 *************************
*/

.budget__list-of-budgets__header,
.budget__form__this-entry-header {
    font-size: 14px;
    font-weight: bold;
}

.budget__list-of-budgets__header {
    margin: 17px 0 12px;
    padding-left: 36px;
}

.budget__form__this-entry-header {
    margin: 27px 0 12px 0;
}

.budget__list-of-budgets__item {
    background: #ededf8;
    border-top: 1px solid #cecece;
    padding: 7px 75px 7px 35px;
}

.budget__list-of-budgets__item:last-child {
    border-bottom: 1px solid #cecece;
    margin-bottom: -22px;
}

.budget__list-of-budgets__item__title {
    color: #41448a;
    font-size: 22px;
    letter-spacing: 0.03em;
}

.budget__list-of-budgets__item__details {
    margin-top: 5px;
}

.budget__list-of-budgets__item__delete-button {
    background-image: url('../images/img_close.png');
    height: 17px;
    width: 17px;
    right: 38px;
    margin-top: -10px;
}

.budget__list-of-budgets__item__delete-button:before {
    content:'';
    position: absolute;
    top: -4px;
    right: 37px;

    height: 25px;

    border-left: 1px solid #cecece;
    pointer-events: none;
}

.budget__form {
    padding: 33px 36px 7px;
}

.budget__form table {
    margin-bottom: 9px;
}

.budget__form td {
    width: 76.55%;
    padding-bottom: 7px;
}

.budget__form td:first-child {
    width: 23.45%;
    padding-top: 10px;
    font-weight: bold;
}

.budget__form input,
.budget__form textarea,
.budget__form select {
    font-size: 12px;
    line-height: 14px;
    font-style: normal;
    padding: 12px 20px;
}

.budget__form select {
    padding: 7px 15px;
}

.budget__form select option {
    padding: 3px 18px;
}

.budget__form ::-webkit-input-placeholder { /* Safari, Chrome and Opera */
    font-size: 12px;
    line-height: 14px;
    font-style: normal;
    color: #9f9f9f;
}

.budget__form :-moz-placeholder { /* Firefox 18- */
    font-size: 12px;
    line-height: 14px;
    font-style: normal;
    color: #9f9f9f;
}

.budget__form ::-moz-placeholder { /* Firefox 19+ */
    font-size: 12px;
    line-height: 14px;
    font-style: normal;
    color: #9f9f9f;
}

.budget__form :-ms-input-placeholder { /* IE 10+ */
    font-size: 12px;
    line-height: 14px;
    font-style: normal;
    color: #9f9f9f;
}

.budget__form ::-ms-input-placeholder { /* Edge */
    font-size: 12px;
    line-height: 14px;
    font-style: normal;
    color: #9f9f9f;
}

.budget__form :placeholder-shown { /* Standard one last! */
    font-size: 12px;
    line-height: 14px;
    font-style: normal;
    color: #9f9f9f;
}



/*
 *************************
    $DROPDOWN
 *************************
*/

.__BudgetSideMenuButton {
    right: 36px;
    height: 42px;
    width: 42px;
    background: rgba(0, 0, 0, 0) url("../images/icon_edit.png") no-repeat scroll center center / contain;
    top: 11px;
}

.__BudgetSideMenu {
    width: 200px;
    padding: 10px;
    margin-right: 20px;
    box-shadow: 0 0 10px #9f9f9f;
}

.__BudgetSideMenu button {
    width: 190px;
    height: 30px;
    padding-bottom: 8px;
}

.__BudgetSideMenu button[value="1"] {
  background: url("../../../budget/media/images/img_published.png") no-repeat transparent;
}

.__BudgetSideMenu button[value="0"] {
  background: url("../../../budget/media/images/img_unpublished.png") no-repeat transparent;
}

.__BudgetSideMenu button[value="2"] {
  background: url("../../../budget/media/images/img_close-black.png") no-repeat left 5px top 6px transparent;
}

.__BudgetSideMenu .new-copy {
   border-top: 1px solid #cecece;
}



/*
 *************************
   ADD NEW ITEM WINDOW
 *************************
*/

.__AddNewItemWindow .budget__form {
   padding-left: 0;
   padding-right: 0;
}

.__AddNewItemWindow .budget__form > div {
   margin-bottom: 20px;
}



/*
 *************************
    $FOOTER
 *************************
*/

.__BudgetWindow .budget__site-footer {
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    padding-right: 38px;
    margin-top: 121px;
}

.__BudgetWindow .budget__site-footer--overview {
    margin-top: 0;
}

.__BudgetWindow .budget__site-footer .budget__site-footer__privacy {
    display: block;
    text-align: right;
}