/* MATERIAL BUTTON / BACKGROUND COLOURS */
.bg_red {
    border-color:#e51c23;
    background-color: #e51c23;
    color: #FFF;
}
.btn-red{color:#fff;background-color:#e51c23;border-color:#c41411}
.btn-red:hover,.btn-red:focus,.btn-red:active,.btn-red.active,.open .dropdown-toggle.btn-red{color:#fff;background-color:#c41411;border-color:#c41411}

.bg_pink {
    border-color:#e91e63;
    background-color: #e91e63;
    color: #FFF;
}
.btn-pink{color:#fff;background-color:#e91e63;border-color:#ad1457}
.btn-pink:hover,.btn-pink:focus,.btn-pink:active,.btn-pink.active,.open .dropdown-toggle.btn-pink{color:#fff;background-color:#ad1457;border-color:#ad1457}

.bg_purple {
    border-color:#9c27b0;
    background-color: #9c27b0;
    color: #FFF;
}
.btn-purple{color:#fff;background-color:#9c27b0;border-color:#6a1b9a}
.btn-purple:hover,.btn-purple:focus,.btn-purple:active,.btn-purple.active,.open .dropdown-toggle.btn-purple{color:#fff;background-color:#6a1b9a;border-color:#6a1b9a}

.bg_deep_purple {
    border-color:#673ab7;
    background-color: #673ab7;
    color: #FFF;
}
.btn-deep_purple{color:#fff;background-color:#673ab7;border-color:#4527a0}
.btn-deep_purple:hover,.btn-deep_purple:focus,.btn-deep_purple:active,.btn-deep_purple.active,.open .dropdown-toggle.btn-deep_purple{color:#fff;background-color:#4527a0;border-color:#4527a0}

.bg_indigo {
    border-color:#3f51b5;
    background-color: #3f51b5;
    color: #FFF;
}
.btn-indigo{color:#fff;background-color:#3f51b5;border-color:#283593}
.btn-indigo:hover,.btn-indigo:focus,.btn-indigo:active,.btn-indigo.active,.open .dropdown-toggle.btn-indigo{color:#fff;background-color:#283593;border-color:#283593}

.bg_blue {
    border-color:#5677fc;
    background-color: #5677fc;
    color: #FFF;
}
.btn-blue{color:#fff;background-color:#5677fc;border-color:#3b50ce}
.btn-blue:hover,.btn-blue:focus,.btn-blue:active,.btn-blue.active,.open .dropdown-toggle.btn-blue{color:#fff;background-color:#3b50ce;border-color:#3b50ce}

.bg_light_blue {
    border-color:#03a9f4;
    background-color: #03a9f4;
    color: #FFF;
}
.btn-light_blue{color:#fff;background-color:#03a9f4;border-color:#0277bd}
.btn-light_blue:hover,.btn-light_blue:focus,.btn-light_blue:active,.btn-light_blue.active,.open .dropdown-toggle.btn-light_blue{color:#fff;background-color:#0277bd;border-color:#0277bd}

.bg_cyan {
    border-color:#00bcd4;
    background-color: #00bcd4;
    color: #FFF;
}
.btn-cyan{color:#fff;background-color:#00bcd4;border-color:#00838f}
.btn-cyan:hover,.btn-cyan:focus,.btn-cyan:active,.btn-cyan.active,.open .dropdown-toggle.btn-cyan{color:#fff;background-color:#00838f;border-color:#00838f}

.bg_teal {
    border-color:#009688;
    background-color: #009688;
    color: #FFF;
}
.btn-teal{color:#fff;background-color:#009688;border-color:#00695c}
.btn-teal:hover,.btn-teal:focus,.btn-teal:active,.btn-teal.active,.open .dropdown-toggle.btn-teal{color:#fff;background-color:#00695c;border-color:#00695c}

.bg_green {
    border-color:#259b24;
    background-color: #259b24;
    color: #FFF;
}
.btn-green{color:#fff;background-color:#259b24;border-color:#056f00}
.btn-green:hover,.btn-green:focus,.btn-green:active,.btn-green.active,.open .dropdown-toggle.btn-green{color:#fff;background-color:#056f00;border-color:#056f00}

.bg_light_green {
    border-color:#8bc34a;
    background-color: #8bc34a;
    color: #111;
}
.btn-light_green{color:#111;background-color:#8bc34a;border-color:#689f38}
.btn-light_green:hover,.btn-light_green:focus,.btn-light_green:active,.btn-light_green.active,.open .dropdown-toggle.btn-light_green{color:#111;background-color:#689f38;border-color:#689f38}

.bg_lime {
    border-color:#cddc39;
    background-color: #cddc39;
    color: #111;
}
.btn-lime{color:#111;background-color:#cddc39;border-color:#c0ca33}
.btn-lime:hover,.btn-lime:focus,.btn-lime:active,.btn-lime.active,.open .dropdown-toggle.btn-lime{color:#111;background-color:#c0ca33;border-color:#c0ca33}

.bg_yellow {
    border-color:#ffeb3b;
    background-color: #ffeb3b;
    color: #111;
}
.btn-yellow{color:#111;background-color:#ffeb3b;border-color:#fdd835}
.btn-yellow:hover,.btn-yellow:focus,.btn-yellow:active,.btn-yellow.active,.open .dropdown-toggle.btn-yellow{color:#111;background-color:#fdd835;border-color:#fdd835}

.bg_amber {
    border-color:#ffc107;
    background-color: #ffc107;
    color: #111;
}
.btn-amber{color:#111;background-color:#ffc107;border-color:#ffa000}
.btn-amber:hover,.btn-amber:focus,.btn-amber:active,.btn-amber.active,.open .dropdown-toggle.btn-amber{color:#111;background-color:#ffa000;border-color:#ffa000}

.bg_orange {
    border-color:#ff9800;
    background-color: #ff9800;
    color: #111;
}
.btn-orange{color:#111;background-color:#ff9800;border-color:#f57c00}
.btn-orange:hover,.btn-orange:focus,.btn-orange:active,.btn-orange.active,.open .dropdown-toggle.btn-orange{color:#111;background-color:#f57c00;border-color:#f57c00}

.bg_deep_orange {
    border-color:#ff5722;
    background-color: #ff5722;
    color: #FFF;
}
.btn-deep_orange{color:#fff;background-color:#ff5722;border-color:#e64a19}
.btn-deep_orange:hover,.btn-deep_orange:focus,.btn-deep_orange:active,.btn-deep_orange.active,.open .dropdown-toggle.btn-deep_orange{color:#fff;background-color:#e64a19;border-color:#e64a19}

.bg_brown {
    border-color:#795548;
    background-color: #795548;
    color: #FFF;
}
.btn-brown{color:#fff;background-color:#795548;border-color:#5d4037}
.btn-brown:hover,.btn-brown:focus,.btn-brown:active,.btn-brown.active,.open .dropdown-toggle.btn-brown{color:#fff;background-color:#5d4037;border-color:#5d4037}

.bg_blue_grey {
    border-color:#607d8b;
    background-color: #607d8b;
    color: #FFF;
}
.btn-blue_grey{color:#fff;background-color:#607d8b;border-color:#455a64}
.btn-blue_grey:hover,.btn-blue_grey:focus,.btn-blue_grey:active,.btn-blue_grey.active,.open .dropdown-toggle.btn-blue_grey{color:#fff;background-color:#455a64;border-color:#455a64}

.bg_grey {
    border-color:#666;
    background-color: #666;
    color: #FFF;
}
.btn-grey{color:#fff;background-color:#666;border-color:#444}
.btn-grey:hover,.btn-grey:focus,.btn-grey:active,.btn-grey.active,.open .dropdown-toggle.btn-grey{color:#fff;background-color:#444;border-color:#444}

.bg_red a:link, .bg_red a:visited, .bg_red a:active, .bg_red a:hover,
.bg_pink a:link, .bg_pink a:visited, .bg_pink a:active, .bg_pink a:hover,
.bg_purple a:link, .bg_purple a:visited, .bg_purple a:active, .bg_purple a:hover,
.bg_deep_purple a:link, .bg_deep_purple a:visited, .bg_deep_purple a:active, .bg_deep_purple a:hover,
.bg_indigo a:link, .bg_indigo a:visited, .bg_indigo a:active, .bg_indigo a:hover,
.bg_blue a:link, .bg_blue a:visited, .bg_blue a:active, .bg_blue a:hover,
.bg_light_blue a:link, .bg_light_blue a:visited, .bg_light_blue a:active, .bg_light_blue a:hover,
.bg_cyan a:link, .bg_cyan a:visited, .bg_cyan a:active, .bg_cyan a:hover,
.bg_teal a:link, .bg_teal a:visited, .bg_teal a:active, .bg_teal a:hover,
.bg_green a:link, .bg_green a:visited, .bg_green a:active, .bg_green a:hover,
.bg_deep_orange a:link, .bg_deep_orange a:visited, .bg_deep_orange a:active, .bg_deep_orange a:hover,
.bg_brown a:link, .bg_brown a:visited, .bg_brown a:active, .bg_brown a:hover,
.bg_blue_grey a:link, .bg_blue_grey a:visited, .bg_blue_grey a:active, .bg_blue_grey a:hover,
.btn-grey a:link, .btn-grey a:visited, .btn-grey a:active, .btn-grey a:hover {
    color: #eee;
}

.bg_light_green a:link, .bg_light_green a:visited, .bg_light_green a:active, .bg_light_green a:hover,
.bg_lime a:link, .bg_lime a:visited, .bg_lime a:active, .bg_lime a:hover,
.bg_yellow a:link, .bg_yellow a:visited, .bg_yellow a:active, .bg_yellow a:hover,
.bg_amber a:link, .bg_amber a:visited, .bg_amber a:active, .bg_amber a:hover,
.bg_orange a:link, .bg_orange a:visited, .bg_orange a:active, .bg_orange a:hover {
    color: #111;
}

.bg_red .dropdown-menu>li>a, .bg_red .btn-group>a,
.bg_pink .dropdown-menu>li>a, .bg_pink .btn-group>a, 
.bg_purple .dropdown-menu>li>a, .bg_purple .btn-group>a, 
.bg_deep_purple .dropdown-menu>li>a, .bg_deep_purple .btn-group>a, 
.bg_indigo .dropdown-menu>li>a, .bg_indigo .btn-group>a, 
.bg_blue .dropdown-menu>li>a, .bg_blue .btn-group>a, 
.bg_light_blue .dropdown-menu>li>a, .bg_light_blue .btn-group>a, 
.bg_cyan .dropdown-menu>li>a, .bg_cyan .btn-group>a, 
.bg_teal .dropdown-menu>li>a, .bg_teal .btn-group>a, 
.bg_green .dropdown-menu>li>a, .bg_green .btn-group>a, 
.bg_deep_orange .dropdown-menu>li>a, .bg_deep_orange .btn-group>a, 
.bg_brown .dropdown-menu>li>a, .bg_brown .btn-group>a, 
.bg_blue_grey .dropdown-menu>li>a, .bg_blue_grey .btn-group>a, 
.btn-grey .dropdown-menu>li>a, .btn-grey .btn-group>a {
    color: #333;
}

.bg_red_dark {
    border-color:#B71C1C;
    background-color: #B71C1C;
    color: #FFF;
}
.btn-red_dark{color:#fff;background-color:#B71C1C;border-color:#c41411}
.btn-red_dark:hover,.btn-red_dark:focus,.btn-red_dark:active,.btn-red_dark.active,.open .dropdown-toggle.btn-red_dark{color:#fff;background-color:#c41411;border-color:#c41411}

.bg_pink_dark {
    border-color:#880E4F;
    background-color: #880E4F;
    color: #FFF;
}
.btn-pink_dark{color:#fff;background-color:#880E4F;border-color:#ad1457}
.btn-pink_dark:hover,.btn-pink_dark:focus,.btn-pink_dark:active,.btn-pink_dark.active,.open .dropdown-toggle.btn-pink_dark{color:#fff;background-color:#ad1457;border-color:#ad1457}

.bg_purple {
    border-color:#9c27b0;
    background-color: #9c27b0;
    color: #FFF;
}
.btn-purple{color:#fff;background-color:#9c27b0;border-color:#6a1b9a}
.btn-purple:hover,.btn-purple:focus,.btn-purple:active,.btn-purple.active,.open .dropdown-toggle.btn-purple{color:#fff;background-color:#6a1b9a;border-color:#6a1b9a}

.bg_deep_purple_dark {
    border-color:#311B92;
    background-color: #311B92;
    color: #FFF;
}
.btn-deep_purple_dark{color:#fff;background-color:#311B92;border-color:#4527a0}
.btn-deep_purple_dark:hover,.btn-deep_purple_dark:focus,.btn-deep_purple_dark:active,.btn-deep_purple_dark.active,.open .dropdown-toggle.btn-deep_purple_dark{color:#fff;background-color:#4527a0;border-color:#4527a0}

.bg_indigo_dark {
    border-color:#1A237E;
    background-color: #1A237E;
    color: #FFF;
}
.btn-indigo_dark{color:#fff;background-color:#1A237E;border-color:#283593}
.btn-indigo_dark:hover,.btn-indigo_dark:focus,.btn-indigo_dark:active,.btn-indigo_dark.active,.open .dropdown-toggle.btn-indigo_dark{color:#fff;background-color:#283593;border-color:#283593}

.bg_blue {
    border-color:#5677fc;
    background-color: #5677fc;
    color: #FFF;
}
.btn-blue{color:#fff;background-color:#5677fc;border-color:#3b50ce}
.btn-blue:hover,.btn-blue:focus,.btn-blue:active,.btn-blue.active,.open .dropdown-toggle.btn-blue{color:#fff;background-color:#3b50ce;border-color:#3b50ce}

.bg_light_blue {
    border-color:#03a9f4;
    background-color: #03a9f4;
    color: #FFF;
}
.btn-light_blue{color:#fff;background-color:#03a9f4;border-color:#0277bd}
.btn-light_blue:hover,.btn-light_blue:focus,.btn-light_blue:active,.btn-light_blue.active,.open .dropdown-toggle.btn-light_blue{color:#fff;background-color:#0277bd;border-color:#0277bd}

.bg_cyan_dark {
    border-color:#006064;
    background-color: #006064;
    color: #FFF;
}
.btn-cyan_dark{color:#fff;background-color:#006064;border-color:#00838f}
.btn-cyan_dark:hover,.btn-cyan_dark:focus,.btn-cyan_dark:active,.btn-cyan_dark.active,.open .dropdown-toggle.btn-cyan_dark{color:#fff;background-color:#00838f;border-color:#00838f}

.bg_teal_dark {
    border-color:#004D40;
    background-color: #004D40;
    color: #FFF;
}
.btn-teal_dark{color:#fff;background-color:#004D40;border-color:#00695c}
.btn-teal_dark:hover,.btn-teal_dark:focus,.btn-teal_dark:active,.btn-teal_dark.active,.open .dropdown-toggle.btn-teal_dark{color:#fff;background-color:#00695c;border-color:#00695c}

.bg_green_dark {
    border-color:#1B5E20;
    background-color: #1B5E20;
    color: #FFF;
}
.btn-green_dark{color:#fff;background-color:#1B5E20;border-color:#056f00}
.btn-green_dark:hover,.btn-green_dark:focus,.btn-green_dark:active,.btn-green_dark.active,.open .dropdown-toggle.btn-green_dark{color:#fff;background-color:#056f00;border-color:#056f00}

.bg_light_green {
    border-color:#8bc34a;
    background-color: #8bc34a;
    color: #111;
}
.btn-light_green{color:#111;background-color:#8bc34a;border-color:#689f38}
.btn-light_green:hover,.btn-light_green:focus,.btn-light_green:active,.btn-light_green.active,.open .dropdown-toggle.btn-light_green{color:#111;background-color:#689f38;border-color:#689f38}

.bg_lime {
    border-color:#cddc39;
    background-color: #cddc39;
    color: #111;
}
.btn-lime{color:#111;background-color:#cddc39;border-color:#c0ca33}
.btn-lime:hover,.btn-lime:focus,.btn-lime:active,.btn-lime.active,.open .dropdown-toggle.btn-lime{color:#111;background-color:#c0ca33;border-color:#c0ca33}

.bg_yellow_dark {
    border-color:#F57F17;
    background-color: #F57F17;
    color: #111;
}
.btn-yellow_dark{color:#111;background-color:#F57F17;border-color:#fdd835}
.btn-yellow_dark:hover,.btn-yellow_dark:focus,.btn-yellow_dark:active,.btn-yellow_dark.active,.open .dropdown-toggle.btn-yellow_dark{color:#111;background-color:#fdd835;border-color:#fdd835}

.bg_amber {
    border-color:#ffc107;
    background-color: #ffc107;
    color: #111;
}
.btn-amber{color:#111;background-color:#ffc107;border-color:#ffa000}
.btn-amber:hover,.btn-amber:focus,.btn-amber:active,.btn-amber.active,.open .dropdown-toggle.btn-amber{color:#111;background-color:#ffa000;border-color:#ffa000}

.bg_orange {
    border-color:#ff9800;
    background-color: #ff9800;
    color: #111;
}
.btn-orange{color:#111;background-color:#ff9800;border-color:#f57c00}
.btn-orange:hover,.btn-orange:focus,.btn-orange:active,.btn-orange.active,.open .dropdown-toggle.btn-orange{color:#111;background-color:#f57c00;border-color:#f57c00}

.bg_deep_orange {
    border-color:#ff5722;
    background-color: #ff5722;
    color: #FFF;
}
.btn-deep_orange{color:#fff;background-color:#ff5722;border-color:#e64a19}
.btn-deep_orange:hover,.btn-deep_orange:focus,.btn-deep_orange:active,.btn-deep_orange.active,.open .dropdown-toggle.btn-deep_orange{color:#fff;background-color:#e64a19;border-color:#e64a19}

.bg_brown {
    border-color:#795548;
    background-color: #795548;
    color: #FFF;
}
.btn-brown{color:#fff;background-color:#795548;border-color:#5d4037}
.btn-brown:hover,.btn-brown:focus,.btn-brown:active,.btn-brown.active,.open .dropdown-toggle.btn-brown{color:#fff;background-color:#5d4037;border-color:#5d4037}

.bg_blue_grey_dark {
    border-color:#263238;
    background-color: #263238;
    color: #FFF;
}
.btn-blue_grey_dark{color:#fff;background-color:#263238;border-color:#455a64}
.btn-blue_grey_dark:hover,.btn-blue_grey_dark:focus,.btn-blue_grey_dark:active,.btn-blue_grey_dark.active,.open .dropdown-toggle.btn-blue_grey_dark{color:#fff;background-color:#455a64;border-color:#455a64}

.bg_grey {
    border-color:#666;
    background-color: #666;
    color: #FFF;
}
.btn-grey{color:#fff;background-color:#666;border-color:#444}
.btn-grey:hover,.btn-grey:focus,.btn-grey:active,.btn-grey.active,.open .dropdown-toggle.btn-grey{color:#fff;background-color:#444;border-color:#444}

.bg_red_dark a:link, .bg_red_dark a:visited, .bg_red_dark a:active, .bg_red_dark a:hover,
.bg_pink_dark a:link, .bg_pink_dark a:visited, .bg_pink_dark a:active, .bg_pink_dark a:hover,
.bg_purple_dark a:link, .bg_purple_dark a:visited, .bg_purple_dark a:active, .bg_purple_dark a:hover,
.bg_deep_purple_dark a:link, .bg_deep_purple_dark a:visited, .bg_deep_purple_dark a:active, .bg_deep_purple_dark a:hover,
.bg_indigo_dark a:link, .bg_indigo_dark a:visited, .bg_indigo_dark a:active, .bg_indigo_dark a:hover,
.bg_blue_dark a:link, .bg_blue_dark a:visited, .bg_blue_dark a:active, .bg_blue_dark a:hover,
.bg_light_blue_dark a:link, .bg_light_blue_dark a:visited, .bg_light_blue_dark a:active, .bg_light_blue_dark a:hover,
.bg_cyan_dark a:link, .bg_cyan_dark a:visited, .bg_cyan_dark a:active, .bg_cyan_dark a:hover,
.bg_teal_dark a:link, .bg_teal_dark a:visited, .bg_teal_dark a:active, .bg_teal_dark a:hover,
.bg_green_dark a:link, .bg_green_dark a:visited, .bg_green_dark a:active, .bg_green_dark a:hover,
.bg_deep_orange_dark a:link, .bg_deep_orange_dark a:visited, .bg_deep_orange_dark a:active, .bg_deep_orange_dark a:hover,
.bg_brown_dark a:link, .bg_brown_dark a:visited, .bg_brown_dark a:active, .bg_brown_dark a:hover,
.bg_blue_grey_dark a:link, .bg_blue_grey_dark a:visited, .bg_blue_grey_dark a:active, .bg_blue_grey_dark a:hover,
.btn-grey_dark a:link, .btn-grey_dark a:visited, .btn-grey_dark a:active, .btn-grey_dark a:hover {
    color: #eee;
}

.bg_light_green_dark a:link, .bg_light_green_dark a:visited, .bg_light_green_dark a:active, .bg_light_green_dark a:hover,
.bg_lime_dark a:link, .bg_lime_dark a:visited, .bg_lime_dark a:active, ._dark a:hover,
.bg_yellow_dark a:link, .bg_yellow_dark a:visited, .bg_yellow_dark a:active, .bg_yellow_dark a:hover,
.bg_amber_dark a:link, .bg_amber_dark a:visited, .bg_amber_dark a:active, .bg_amber_dark a:hover,
.bg_orange_dark a:link, .bg_orange_dark a:visited, .bg_orange_dark a:active, .bg_orange_dark a:hover {
    color: #111;
}

.bg_red_dark .dropdown-menu>li>a, .bg_red_dark .btn-group>a,
.bg_pink_dark .dropdown-menu>li>a, .bg_pink_dark .btn-group>a, 
.bg_purple_dark .dropdown-menu>li>a, .bg_purple_dark .btn-group>a, 
.bg_deep_purple_dark .dropdown-menu>li>a, .bg_deep_purple_dark .btn-group>a, 
.bg_indigo_dark .dropdown-menu>li>a, .bg_indigo_dark .btn-group>a, 
.bg_blue_dark .dropdown-menu>li>a, .bg_blue_dark .btn-group>a, 
.bg_light_blue_dark .dropdown-menu>li>a, .bg_light_blue_dark .btn-group>a, 
.bg_cyan_dark .dropdown-menu>li>a, .bg_cyan_dark .btn-group>a, 
.bg_teal_dark .dropdown-menu>li>a, .bg_teal_dark .btn-group>a, 
.bg_green_dark .dropdown-menu>li>a, .bg_green_dark .btn-group>a, 
.bg_deep_orange_dark .dropdown-menu>li>a, .bg_deep_orange_dark .btn-group>a, 
.bg_brown_dark .dropdown-menu>li>a, .bg_brown_dark .btn-group>a, 
.bg_blue_grey_dark .dropdown-menu>li>a, .bg_blue_grey_dark .btn-group>a, 
.btn-grey_dark .dropdown-menu>li>a, .btn-grey_dark .btn-group>a {
    color: #333;
}

/* ICONS INSIDE FIELDS */
.inner-addon, .inner-addon-small { 
    position: relative; 
}

.inner-addon .fas, .inner-addon .far {
    position: absolute;
    padding: 15px;
    pointer-events: none;
}

.inner-addon-small .fas, .inner-addon-small .far {
    position: absolute;
    padding: 10px;
    pointer-events: none;
}

/* align icon */
/*.left-addon .fas, .left-addon .far  { left:  0px;}
.right-addon .fas, .right-addon .far { right: 0px;}*/

/* add padding  */
.left-addon input, .left-addon textarea  { padding-left:  40px; }
.right-addon input, .right-addon textarea { padding-right: 40px; }

/* PRICING */
.symbol {
    font-size: 20px;
    text-align: right;
}
.amount {
    padding-top: 16px;
    font-size: 55px;
    text-align: center;
}
.month {
    padding-top: 80px;
    text-align: left;
    font-size: 16px;
}
.color_square {
    margin: 5px;
}
.color_square a {
    padding: .25rem 1.3rem;
    height: 34px;
}
.dropdown-menu-inline > li {
    display: inline-block;
    float:left;
}
.hide_list {
    list-style-type: none;
    padding:0; 
    margin:0;
}

/* Fix to Bootstrap */
.modal-header {
    display: initial;
}
.popover-header {
    color: #222;
}
.navbar-nav .nav-link {
    padding-right: .7rem;
    padding-left: .7rem;
}
.ui-datepicker { z-index: 9999 !important; }