/* Stilar att användas med Bootstrap 3.3.7 */

.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
	position: static;
}
.yamm .container {
	position: relative;
}
.yamm .dropdown-menu {
	left: auto;
}
.yamm .yamm-content {
	padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
	left: 0;
	right: 0;
}

/* EGNA MODIFIKATIONER TILL YAMM */

.yamm .yamm-content .row {
	margin-left: 0;
}

.yamm-content a {
	padding-left: 0;
}

ul.list-unstyled {
	padding-left: 0;
	padding-right: 0;
} /* för att overrida col-xs-3:s padding */



html { overflow-y: scroll; }
html body { padding: 60px 0; }
table { font-size: 13px; }
tr.summarad td, tr#summarad td { font-weight: bold; }
.nodisplay { display: none; }           /* .hide krockar med Bootstrap 3.3.7 */
.sortable { cursor: pointer; }
.help { cursor: help; }
.form-help { cursor: help; top: 10px; }
.form-help.fa { cursor: help; margin-top: 10px; }
.modal-open[style] { padding-right: 0 !important; }       /* Fixar bugg att sidan shiftar åt vänster när modal öppnas */
tr.warning td, tr.warning th, td.warning, .table tr:hover td.warning, th.warning, .table tr:hover th.warning, input.warning, input.error, textarea.warning, textarea.error, select.warning, select.error { background-color: orange; }
#loading { display: none; position: fixed; left: 50%; top: 50%; z-index: 1100; }
.knapprad a, .knapprad button { margin-right: 15px; }
form input.datumfalt.datesize, form select.datesize { width: 120px; }
input.nummerfalt, .buttons-right { text-align: right;}
.buttons-right .btn { margin-left: 15px; }
.page-header { margin-top: 20px; }      /* Drar ned topp-marginalen på page-header något */
input[type=checkbox].medium-checkbox { width: 18px; height: 18px; margin-top: 1px; }
.heading_with_buttons { margin-top: -20px; }   /* Används t ex på en .row som innehåller en heading som ska floata tillsammans med ett annat element, för att marginaler ska kollapsa med heading ovan */
.heading_with_buttons a, .heading_with_buttons button { margin-top: 15px; }
.center { text-align: center; }
.right { text-align: right; }
.silentAlert { position: fixed; bottom: 20px; width: 60%; margin: 0 20%; padding: 0 10%; }
.attention { color: red; }
.attention-bold { font-weight: bold; }
.attention-italic { font-style: italic; }
.attention-clear { color: green; }
.faded { color: darkgray; }
.inline-error { padding-top: 7px; margin-bottom: 0; display: inline-block; color: red; }
th.border-right, td.border-right { border-right: 1px solid #ddd; }
.fa-check { color: #0c0; }
.fa-exclamation-triangle { color: red; }
input.mediumCheckbox { width: 20px; height: 20px; margin: 0 8px; }
input.largeCheckbox { width: 24px; height: 24px; margin: 0 8px; }

/* Tabell-listor */

ul.table-list { padding: 0; }
ul.table-list li { list-style: none; padding: 0; clear:both; }
ul.table-list li div { float: left; padding: 5px 15px 5px 5px; height: 30px; }
ul.table-list li.heading div { font-weight: bold; }
ul.table-list li a:hover>div { background-color: #eee; }

/* Animations */

@keyframes highlight {
	0% { background: yellow; }
	100% { background: none; }
}
.highlight { animation: highlight 1s; }

/* SWITCH */
/* https://www.w3schools.com/howto/howto_css_switch.asp */
/* The switch - the box around the slider */
/* <label class="switch"><input type="checkbox"><span class="slider round"></span></label> */

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch.small-switch { width: 50px; height: 24px; }

/* Hide default HTML checkbox */
.switch input { display:none; }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2196F3;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider.onoff { background-color: #ccc; }

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch.small-switch .slider:before { height: 16px; width: 16px; }
input:checked + .slider { background-color: #2196F3; }
input:focus + .slider { box-shadow: 0 0 1px #2196F3; }
input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round { border-radius: 34px; }
.switch.small-switch .slider.round { border-radius: 24px; }
.slider.round:before { border-radius: 50%; }



/* EDITABLE */
.editable, .checklist-editable { cursor: pointer; }
input.editable-field, textarea.editable-field, select.editable-field, .editable-buttons { display: none; }

/* TOP_MENU */

#devlog_update { margin-top: 7px; }
#searchBoxRow { position: absolute; right: 0; top: -10px; width: 400px; border: 1px solid black; padding: 5px 20px; z-index: 100; display: none; }

/* CLIENT_LIST */

#client_list #add { margin-right: 30px; }

/* PERSON_LIST */

#person_list #add { margin-right: 30px; }

/* TASKS */

#tasks_table tbody tr td, #instances_table tbody tr.instance_row td { cursor: pointer; }
#tasks_table tr.passive_task td { color: #aaa; }
#instances_table .fixed_column { width: 100px; }
#instances_table td.disabled { background-color: #bbb; }
#instances_table tr.finished td { background-color: lightgreen; }
#instances_table tr.hold td { background-color: lightyellow; }
#modal-task-instance input.hold_finished { width: 24px; height: 24px; }
#modal-task-instance .form-group { margin-bottom: 10px; }
#modal-task-instance .form-group.condensed { margin-bottom: 0; }
body.tasks .link_buttons .btn { margin-right: 10px; }
.form-tight .form-group { margin-bottom: 0; }
#task_list #filter { margin-left: 80px; }
#task_list #filter label.checkbox-inline { padding-left: 0; }

/* STATUS */

#status #change_screen_size { display: none; }
@media (min-width:1200px) {
    #status #change_screen_size { display: inline-block; }
}
#status-thumbs { margin-bottom: 20px; }
#status-thumbs a { color: black; }
#status-thumbs a:hover div.status-thumb { background-color: #ededed; }
.status-thumb { width: 120px; height: 60px; margin-right: 10px; padding: 5px; }
.status-thumb img { margin-right: 10px; }
.status-thumb .status { margin: 5px 0 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.status-card { width: 300px; height: 225px; margin-right: 10px; padding: 15px 15px 5px 15px; }
.status-card img { margin-right: 15px; }
.status-card h2 { margin-top: 0; }
.status-card .status { margin: 5px 0 5px; height: 75px; overflow: hidden; }
.status-card { font-size: 16px; }
.status-card .status-timestamp { float: left; width: 220px; }
.status-card .status-delete { float: left; width: 45px; text-align: right; }

/* LÖNER */

#loner_foretag textarea { width: 100%; }

.lonespec_rows { list-style: none; padding: 0; }
.lonespec_rows li div { float: left; padding: 5px 15px 5px 5px; }
#lonespec_rows_header li { font-weight: bold; }
.lonespec_rows .loneart { width: 80px; }
.lonespec_rows .text { width: 300px; }
.lonespec_rows .startdatum, .lonespec_rows .slutdatum { width: 140px; }
.lonespec_rows .antal, .lonespec_rows .belopp, .lonespec_rows .summa { width: 100px; }
.lonespec_rows .actions { padding-top: 12px; }
.lonespec_rows .colspan1-2 { width: 380px; }
.lonespec_rows .colspan3-4 { width: 280px; }
.lonespec_rows .colspan3-6 { width: 480px; }
.lonespec_rows .colspan1-6 { width: 860px; }

#loner_lonearter div.small-cell { width: 70px; }
#loner_lonearter div.medium-cell { width: 120px; }
#loner_lonearter div.large-cell { width: 300px; }
#loner_loneart h2 { margin-top: 0; }
#loner_loneart #loneart_submit { float:right; margin-left: 15px; }
#loner_loneart #loneart_cancel { float:right; }
#loner_loneart .loneart_ursprunglig { color: #666; }

#loner_absence input.date { width: 100px; }
#loner_absence select.month, #loner_absence select.type { width: 130px; }
#loner_absence input.percent, #loner_absence input.hours { width: 70px; text-align: right; }
#loner_absence input.comment { width: 300px; }
#loner_absence span.delete_row { cursor: pointer; }

/* ADMIN */

#maintenance #table_skd td.client { display: inline-block; width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#maintenance #table_skd td.comment { display: inline-block; width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#maintenance #table_timelog_large_intervals tr.ok td { color: #ccc; }

/* CLIENT PRICES */

#prices_list .back_button, #prices_edit .back_button { margin-right: 10px; }
#prices_edit .prices_headers div { font-weight: bold; margin-bottom: 10px; }
#prices_edit .prices_headers div#col2 { padding-left: 32px; padding-right: 28px; }
#prices_edit .prices_headers div#col3 { padding-right: 28px; }
#prices_edit .prices_headers div#col4 { padding-right: 14px; }
#prices_edit .prices_headers div#col6 { padding-right: 28px; }
#prices_edit .prices_headers div#col7 { padding-right: 14px; }
#prices_edit #prices_edit_form label.control-label { text-align: left; }
#prices_edit #prices_edit_form input { text-align: right; }
#prices_edit #prices_edit_form input#datum { text-align: left; }
#prices_edit #prices_edit_form #datum_error { display: none; }
#prices_edit #prices_edit_form input#pris { font-weight: bold; }
#prices_edit #prices_edit_form textarea { width: 100%; }
#prices_edit #fill_list_prices { cursor: pointer; }


/* BANK */

#bank_panel img.loading, #bank_panel i.fa-exclamation { display: none; }
#bank_import tr.duplicate td { background-color: orange; }
#bank_import tr.import td { background-color: lightgreen; }
#bank_import tr.db td { color: grey; }
#bank_account #topcorner { text-align: right; }
#bank_account #help { cursor: pointer; margin: 0 20px 0 0; }
#bank_account input#uploaded_file { width: 100%; }
#bank_account tbody tr td { cursor: pointer; }
#bank_account tbody tr.matched td { cursor: default; background-color: palegreen; }
#bank_account form#range_form input.datumfalt { width: 106px; }
#bank_account #range_submit { margin-right: 30px; }
#bank_account #show_books_label { text-align: right; padding-top: 7px; }
#bank_account .matched_sum h4 { margin-top: 16px; }
#bank_account tr.manualMatch td { background-color: lightblue; }
#bank_account table#matches tbody tr td { color: red; font-weight: bold; }
#bank_account table#matches tbody tr td#title { color: black; }
#bank_account table#matches tbody tr td.matches { color: mediumseagreen; }
#bank_account td#tdSave { padding-top: 18px; }
#bank_account button#saveMatches { margin-top: 105px; }
#bank_account #modal-post label { margin-right: 10px; }
#bank_account #modal-post .td_account input { width: 60px; }
#bank_account #modal-post .td_description{ width: 200px; padding-top: 17px; }
#bank_account #modal-post .td_transaction_information input { width: 200px; }
#bank_account #modal-post .td_debet input, #bank_account #modal-post .td_credit input { width: 120px; text-align: right; }
#bank_account #modal-post #transaction_date { width: 110px; }
#bank_account #modal-post #description { width: 300px; }
#bank_account #oneAccountHelp { display: none; }
#bank_account .ui-autocomplete { top: 34px; left: 15px; }
#bank_account ul.accountList { list-style-type: none; margin: 0; padding: 0; z-index: 1100; background-color: white; position: absolute; border: 1px solid #ccc; border-radius: 4px; display: none; width: 306.75px; }
#bank_account ul.accountList li { overflow: hidden; white-space: nowrap; margin: 0; padding: 5px 12px; display: none; }
#bank_account ul.accountList li.selected { background-color: powderblue; }
#bank_account .btn-primary:focus { background-color: #1e486b; }
#bank_account #voucher_rows tfoot td { text-align: right; font-weight: bold; }
#bank_account #voucher_rows tfoot input.error { background-color: orange; }
#bank_account #modal-unmatch td.box, #bank_account #modal-unmatch th.box { width: 36px; }
#bank_account #modal-unmatch td.space, #bank_account #modal-unmatch th.space { width: 20px; }
#bank_account #modal-unmatch td.date, #bank_account #modal-unmatch th.date { width: 86px; }

/* BOOKS */

#creditcard .fa-arrows-alt-v, #creditcard .fa-trash-alt { cursor: pointer; }
#creditcard .fa-check, #creditcard .fa-exclamation-triangle { cursor: pointer; margin-right: 5px; }
#creditcard .fa-question-circle { color: blue; margin-left: 50px; cursor: pointer; }
#creditcard .btn { width: 100px; height: 34px; }
#creditcard .disabled { color: lightgray; cursor: default; }
#creditcard div#base_data .form-control { margin-right: 15px; }
#creditcard div#base_data input[type="checkbox"] { margin-right: 5px; }
#creditcard #clients_id { width: 180px; }
#creditcard #method { width: 180px; }
#creditcard #credit_account { width: 100px; }
#creditcard #date { width: 140px; }
#creditcard ul li { margin-bottom: 5px;}
#creditcard ul li.header_row { font-weight: bold; }
#creditcard ul li div { float: left; margin-right: 20px;}
#creditcard ul li div.purchase_amount { width: 100px; }
#creditcard ul li div.vat_type { width: 180px; }
#creditcard ul li div.vat_amount { width: 100px; }
#creditcard ul li div.cost_amount { width: 100px; }
#creditcard ul li div.account_type { width: 180px; }
#creditcard ul li div.account { width: 100px; }
#creditcard ul li div.account i.fas { margin-left: 5px; cursor: pointer; }
#creditcard ul li div.project { width: 150px; }
#creditcard ul li div.project.nodisplay { display: none; }
#creditcard ul li div.cost_center { width: 150px; }
#creditcard ul li div.cost_center.nodisplay { display: none; }
#creditcard ul li div .extra_field { margin-top: 2px; }
#creditcard ul#data_list { margin-top: 30px; }
#creditcard ul#data_list input.beloppsfalt { width: 100px; text-align: right; }
#creditcard ul#data_list input.account { width: 80px; }
#creditcard ul#data_list input.project, #creditcard ul#data_list input.cost_center { width: 150px; }
#creditcard ul#data_list li div.status { padding-top: 11px; }
#creditcard .fa-arrows-alt-v { margin-left: 10px; }
#creditcard ul#data_list li div select { width: 180px; }
#creditcard ul#data_list li div select.small-dropdown { width: 150px; }
#creditcard ul#sums { margin-top: 10px; }
#creditcard ul#sums div.amount { padding-right: 13px; text-align: right; }
#creditcard table#aggregated tfoot tr td { font-weight: bold; }
#creditcard table#aggregated .project, #creditcard table#aggregated .cost_center { text-align: center; }
#creditcard #sie, #creditcard #create_pdf { margin-right: 30px; }
#creditcard #save img { display: none; }
#creditcard #save_text { color: darkgray; }
#creditcard form#sie { display: none; }

/* REPORTS */

#reports_timepanel p, #reports_timepanel table tr td { font-size: 16px; }
#reports_timepanel table.lead tr td { font-size: 21px; }
#reports_timepanel div#h2_row div.col { padding-top: 15px; }
#reports_timepanel table.base_stats tr td { padding-right: 20px; }
#reports_timepanel ul#stats li { height: 100px; width: 150px; }
#reports_timepanel ul#stats li a { height: 100px; text-align: center; font-size: 20px; }
#reports_timepanel ul#stats li a span.stat { font-size: 36px; }
#reports_timepanel .explanation { border: 1px solid #ddd; padding: 20px; margin-top: -1px; }
#reports_timepanel tr.sum td { font-weight: bold; }
#reports_timepanel td.expand-trigger { cursor: pointer; }
#reports_timepanel tr.expanded td { font-size: 14px; }
#reports_timepanel td.activity_name { padding-left: 25px; }
#reports_timepanel td.activity_time { padding-right: 25px; }
#reports_timepanel #choose_period_submit { display: block; width: 84px; }
#reports_timepanel #shortcut_buttons a.btn { width: 140px; }
#reports_timepanel #shortcut_buttons .row { margin-bottom: 10px; }
#reports_timereport tr td.warning { background-color: orange; }
#reports_timereport th, #reports_timereport td { text-align: center; }
#reports_timereport th.date, #reports_timereport td.date, #reports_timereport td.left { text-align: left; }
#reports_timereport td.partial { background-color: orange; }
#reports_timereport tr td.locked a.lockDay { display: none; }
#reports_timereport tr td.unlocked .fa-lock { display: none; }
#reports_timereport tr td.laskolumn img { display: none; }
#reports_clientsinout .clientsinout_month { }
#reports_clientsinout .clientsinout_amount { text-align: right; }
#reports_client_segmenting .arspris { width: 65px; text-align: right; }
#reports_client_segmenting .ahr { width: 60px; text-align: right; }
#reports_client_segmenting .segm_pop_label { width: 130px; }
#reports_client_segmenting .glyphicon-list-alt { cursor: pointer; }

/* BOKSLUT */
#aktivtbokslut { font-weight: bold; font-size: 14px; line-height: 36px; margin-top: 27px; }

/* BOKSLUT CHECKLISTOR */

#bokslut_checklistor { padding-bottom: 150px; }
#bokslut_checklistor textarea#bokslutsanteckningar { width: 100%; height: 200px; margin-bottom: 10px; }
#bokslut_checklistor .modal textarea { width: 100%; }

/* PRICE REVISION */

#price_revision #subheader { margin-bottom: 10px; }
#price_revision #subheader p { padding-top: 6px; }
#price_revision .filter-row { margin-bottom: 10px; }
#price_revision #subheader .btn-group, #price_revision #subheader #empty_filter { margin-right: 30px; }
#price_revision #last_changed_before, #price_revision #last_revision_before { width: 120px; }
#price_revision #revision_date { width: 120px; }
#price_revision #revision_percentage { width: 70px; }
#price_revision th.namn { width: 400px; }
#price_revision th.lagom { width: 120px; }
#price_revision th.mindre { width: 80px; }
#price_revision td.text { padding-top: 12px; }
#price_revision input[type=checkbox] { height: 20px; width: 20px; }
#price_revision_confirm td.warning { background-color: orange; }
#price_revision .scrollPage { vertical-align: middle; cursor: pointer; height: 24px; width: 24px; }
#price_revision #page { font-weight: bold; }
#price_revision td.buttons button { width: 90px; }


/* EMAILLIST */

#emaillist_ombud span.ombud { margin-right: 5px; }
#emaillist_ombud #rowCount { font-weight: bold; }
#emaillist_ombud .modal-link:hover { cursor: pointer; text-decoration: underline; }
#emaillist_ombud textarea { width: 100%; height: 200px; }


/* ASSIGNMENTS */

#assignments_form label { text-align: left; font-weight: normal; }