/* reset */
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }

/* Container */
.container {
    max-width: 1000px !important;
}

/* HEADER*/


/* BREADCRUMB */
.breadcrumb {
    margin-bottom: 0px !important;
}

/* Front Page */

/* Search Box */


/* FOOTER */


/* SIDEBAR */


/* APP */

/* Universal App */
#enter-textbox {
    background: none !important;
}

#result-textbox {

    color: black !important;
    cursor: default;
    pointer-events: "none";
}

/* Unit Converter Div */
.unit-converter {
    max-width: 500px !important; 
}

.unit-converter .select-label {
    min-width: 125px !important;
}

.unit-converter #convert-button {
    margin-right:8px;
}

.unit-converter #swap-button {
    /*margin-right:8px;*/
    float:right;
}

#result-input-group {
    position:relative;
}

/* Copy Button */
#copy-button:disabled {
    opacity: 1;  /* Keep the opacity same as enabled */
}




/* How to Use */
#how-to-use {
    max-width: 500px;
}

/* Solution */
#solution-widget {
    max-width: 500px;
}
  
/* Converter Info */
#converter-info-widget {
    max-width: 500px;
}

/* Roman Numeral Table */
#roman-numeral-table {
    max-width: 500px;
}

/* Result Table */
#result-table {
    max-width: 500px;
}

/* Copy Alert */

#copy-alert {

    display: none;

    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    max-width: 500px;
    min-height: 20px;

    padding: 10px;

}

.copy-alert-inner {

    z-index: 9999;

    padding:5px 10px;
    /*background-color: #2c8df5;*/
    background-color: #0d6efd;
    color: #ffffff;

    border-radius: 4px 4px 4px 4px;

}