/* ARE YOU MEESING ARROUND IN MY CODE ?? */
/*       Developed by Magnus Tajet       */


/* Hide IDs until its told to show via Javascript - js/showhide.js */
#mcpremiumavis, #mc-currency, #mc-currency-prem, #dnb-currency-saga, #dnb-currency-plus,
#spreadsheet-avis, #spreadsheet-grunnpoeng, #spreadsheet-mcpremiumavis, #footer-spreadsheed-text, 
#spreadsheet-grunnpoeng-1, #spreadsheet-grunnpoeng-2, #spreadsheet-trumf, #spreadsheet-doublepoints-1, #spreadsheet-doublepoints-2, #spreadsheet-taxifix
{
    display: none;
}

/* Change width on buttons */
#submitBtn, #resetBtn, .btn-group
{
    width: 100%;
}   

/* Margin-top: 20px */
.Creditcard-MC, .Creditcard-Amex, .Creditcard-DNB, #Paied, #currency-type, #cards-information
{
    margin-top: 20px;
}

/* Margin-bottom: 20px */
#site-title
{
    margin-bottom: 0;
}

/* Margin-left/right: 0; */
#Creditcard-types, #Paied, #extra-col
{
    padding-left: 0;
    padding-right: 0;
}

/* FONT WEIGHT - TITLE (top bar) */
#site-title
{
    font-weight: bolder;
}

/* Font-size - FOOTER */
#footer-spreadsheed-text
{
    font-size: 1,4em;
}

#footer-version-text
{
    font-size: 0.875em;
}

p.fw-lighter
{
    margin-bottom: 8px;
}


.modal-disabled-input
{
    border: 0;
    background-color: #FFF;
}

/* MODAL - Spreadsheet */
#spreadsheet-first-td
{
    width: 80%;
}

/* MODAL - Spreadsheet */
#sumextrawithgrunntotal, #sumextrawithextratotal
{
    text-decoration-line: underline;
    text-decoration-style: double;
}

/* MODAL - Spreadsheet */
#sumextrawithcard, #sumextrawithcard2, #sumextrawithtrumf, #sumextrawithtaxifix, #sumextrawithextratotal, #sumextrawithgrunntotal,
#sumspredsheetprecent, #sumextrawithcard, #sumspredsheetbefore, #sumextrapointtotal, #sumextrawithcard2
{
    width: 100px;
}

/* MODAL - Spreadsheet */


#extra-text
{
    margin-top: 10px;
}

#extra-text, h4#text-heading
{
    margin-bottom: 1px;
}


/* CARDS */

#card-card-image
{
    padding-top: 20px;
    padding-bottom: 10px;
    width: 100px;
}

#card-card-image2
{
    padding-top: 20px;
    padding-bottom: 10px;
    height: 188px;
}

#cards-container
{
    overflow-x: scroll;
    overflow-y: hidden;
    display: table;
    width: 100%; /*Optional*/
    table-layout: fixed; /*Optional*/
    border-spacing: 10px; /*Optional*/
}

#cards-card-container, #cards-card-container-mc-1, #cards-card-container-mc-2, 
#cards-card-container-amex-1, #cards-card-container-amex-2, #cards-card-container-amex-3, 
#cards-card-container-dnb-1, #cards-card-container-dnb-2
{
    width: 300px;
    height: 450px;
    min-height: 400px;
    display: table-cell;
}

#card-in-card
{
    margin: 0;
    border: 0;
    border-radius: 0;
}
/* CARDS */

nav
{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}