/* DOCUMENT SIZE */
.mw-1280{max-width: 1280px !important}
.mw-1440{max-width: 1440px !important}
.mw-500{max-width: 500px !important}

.w-10{width: 10% !important}
.w-20{width: 20% !important}
.w-30{width: 30% !important}
.w-40{width: 40% !important}
.w-60{width: 60% !important}
.w-70{width: 70% !important}
.w-80{width: 80% !important}
.w-90{width: 90% !important}

.pb-10, .py-10 {
  padding-bottom: 6rem !important;
}

/* BTN-TEMPLATE 18x */
.btn-template 
{color: #ffffff;background-color: #212529;border-color: #32383e;}
.btn-template:focus, .btn-template.focus 
{color: #ffffff;background-color: #23272b;border-color: #1d2124;}
.btn-template:hover 
{color: #ffffff;background-color: #111;border-color: #1d2124;}
.btn-template:active, .btn-template.active, .open > .dropdown-toggle.btn-template 
{color: #ffffff;background-color: #212529;border-color: #1d2124;}
.btn-template:active:hover, .btn-template.active:hover, .open > .dropdown-toggle.btn-template:hover, .btn-template:active:focus, .btn-template.active:focus, .open > .dropdown-toggle.btn-template:focus, .btn-template:active.focus, .btn-template.active.focus, .open > .dropdown-toggle.btn-template.focus 
{color: #ffffff;background-color: #1d2124;border-color: #761c19;} 
.btn-template:active, .btn-template.active, .open > .dropdown-toggle.btn-template 
{background-image: none;}

/* BTN-TEMPLATE 18X */
.btn-dark 
{color: #ffffff;background-color: #212529;border-color: #32383e;}
.btn-dark:focus, .btn-dark.focus 
{color: #ffffff;background-color: #23272b;border-color: #1d2124;}
.btn-dark:hover 
{color: #ffffff;background-color: #111;border-color: #1d2124;}
.btn-dark:active, .btn-dark.active, .open > .dropdown-toggle.btn-dark 
{color: #ffffff;background-color: #212529;border-color: #1d2124;}
.btn-dark:active:hover, .btn-dark.active:hover, .open > .dropdown-toggle.btn-dark:hover, .btn-dark:active:focus, .btn-dark.active:focus, .open > .dropdown-toggle.btn-dark:focus, .btn-dark:active.focus, .btn-dark.active.focus, .open > .dropdown-toggle.btn-dark.focus 
{color: #ffffff;background-color: #1d2124;border-color: #761c19;} 
.btn-dark:active, .btn-dark.active, .open > .dropdown-toggle.btn-dark 
{background-image: none;}

/* BTN LIGHT */
.btn-light 
{color: #333333;background-color: #f8f9fa;border-color: #cccccc;}
.btn-light:focus, .btn-light.focus 
{color: #333333;background-color: #e6e6e6;border-color: #8c8c8c;}
.btn-light:hover {color: #333333;background-color: #e6e6e6;border-color: #adadad;}
.btn-light:active, .btn-light.active, .open > .dropdown-toggle.btn-light 
{color: #333333;background-color: #e6e6e6;border-color: #adadad;}
.btn-light:active:hover, .btn-light.active:hover, .open > .dropdown-toggle.btn-light:hover, .btn-light:active:focus, .btn-light.active:focus, .open > .dropdown-toggle.btn-light:focus, .btn-light:active.focus, .btn-light.active.focus, .open > .dropdown-toggle.btn-light.focus 
{color: #333333;background-color: #d4d4d4;border-color: #8c8c8c;}
.btn-light:active, .btn-light.active, .open > .dropdown-toggle.btn-light 
{background-image: none;}
.btn-light.disabled:hover, .btn-light[disabled]:hover, fieldset[disabled] .btn-light:hover, .btn-light.disabled:focus, .btn-light[disabled]:focus, fieldset[disabled] .btn-light:focus, .btn-light.disabled.focus, .btn-light[disabled].focus, fieldset[disabled] .btn-light.focus
{background-color: #ffffff;border-color: #cccccc;}
.btn-light .badge
{color: #ffffff;background-color: #333333;}


/* BTN grey */
.btn-gray
{color: #424242;background-color: #ddd;border-color: #BABABA;}
.btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active, .open .dropdown-toggle.btn-gray 
{color: #424242;background-color: #ccc;border-color: #BABABA;} 
.btn-gray:active, .btn-gray.active, .open .dropdown-toggle.btn-gray 
{background-image: none;}
.btn-gray.disabled, .btn-gray[disabled], fieldset[disabled] .btn-gray, .btn-gray.disabled:hover, .btn-gray[disabled]:hover, fieldset[disabled] .btn-gray:hover, .btn-gray.disabled:focus, .btn-gray[disabled]:focus, fieldset[disabled] .btn-gray:focus, .btn-gray.disabled:active, .btn-gray[disabled]:active, fieldset[disabled] .btn-gray:active, .btn-gray.disabled.active, .btn-gray[disabled].active, fieldset[disabled] .btn-gray.active 
{background-color: #ddd;border-color: #BABABA;} 
.btn-gray .badge 
{color: #ddd;background-color: #424242; }