html {
	font: normal 14px/16px "Poppins";
}

html.busy {
	cursor: wait !important;
}

*:not(i) {
	font-family: "Poppins", sans-serif !important;
	outline: none !important;
}

/* *** */
.p-admin, .p-worker, .p-client {
	display: none;
}

body.pp-admin *.p-admin, body.pp-worker *.p-worker, body.pp-client *.p-client {
	display: inline-block;
}

body.pp-admin div.p-admin, body.pp-worker div.p-worker, body.pp-client div.p-client {
	display: block;
}

/* *** */
.role-admin, .role-manager, .role-developer, .role-member {
	display: none !important;
}

body[data-role="admin"] .role-admin { display: inline-block !important; }
body[data-role="manager"] .role-manager { display: inline-block !important; }
body[data-role="developer"] .role-developer { display: inline-block !important; }
body[data-role="member"] .role-member { display: inline-block !important; }

body[data-role="admin"] div.role-admin { display: block !important; }
body[data-role="manager"] div.role-manager { display: block !important; }
body[data-role="developer"] div.role-developer { display: block !important; }
body[data-role="member"] div.role-member { display: block !important; }

body[data-role="admin"] td.role-admin { display: table-cell !important; }
body[data-role="manager"] td.role-manager { display: table-cell !important; }
body[data-role="developer"] td.role-developer { display: table-cell !important; }
body[data-role="member"] td.role-member { display: table-cell !important; }

/* ~ */
body:not([data-role="admin"]) .role-not-admin { display: inline-block !important; }
body:not([data-role="manager"]) .role-not-manager { display: inline-block !important; }
body:not([data-role="developer"]) .role-not-developer { display: inline-block !important; }
body:not([data-role="member"]) .role-not-member { display: inline-block !important; }

body:not([data-role="admin"]) div.role-not-admin { display: block !important; }
body:not([data-role="manager"]) div.role-not-manager { display: block !important; }
body:not([data-role="developer"]) div.role-not-developer { display: block !important; }
body:not([data-role="member"]) div.role-not-member { display: block !important; }

body:not([data-role="admin"]) td.role-not-admin { display: table-cell !important; }
body:not([data-role="manager"]) td.role-not-manager { display: table-cell !important; }
body:not([data-role="developer"]) td.role-not-developer { display: table-cell !important; }
body:not([data-role="member"]) td.role-not-member { display: table-cell !important; }

/* *** */
.x-hidden {
	display: none !important;
}

.debug {
	border: 1px solid red !important;
}

/* *** */
.flex-row { display: flex !important; flex-direction: row; }
.flex-col { display: flex !important; flex-direction: column; }
.flex-static { flex: 0 0 auto; }
.flex-fill { flex: 1 1 auto; }
.flex-even { flex: 1 1 0; }

.text-1 { color: #48f; }
.text-2 { color: #e84; }
.text-3 { color: #2a4; }
.text-4 { color: #a2a; }
.text-5 { color: #e00; }
.text-6 { color: #00e; }
.text-7 { color: #0cc; }
.text-8 { color: #c80; }

.text-warning {
	color: #ff7500 !important;
}

/* *** */
.alert-danger {
    padding: 18px 24px;
}

/* *** */
h1 {
    font-size: 2em; line-break: 1em; margin-top: 0px; margin-bottom: 24px; font-weight: 500; color: #444;
}

/* *** */
#menu-toggle {
	cursor: pointer;
}

#menu-toggle i {
	font-size: 1.25em; margin-right: 8px; padding: 10px 12px; border-radius: 9px;
    transition: background-color 0.3s ease-in-out;
}

#menu-toggle i:hover {
	transition: background-color 0.3s ease-in-out;
    background: rgba(0,0,0,0.1); color: #fff;
}

#menu-toggle > * {
	display: inline-block; vertical-align: middle;
}

/* *** */
.top-header {
    padding: 16px 24px; border-bottom: 1px solid #eee;
	background: #ff7500; color: #fff;
}

.top-header img {
    height: 28px;
}

.top-header input {
    background: #ef6500; border: 2px solid #ef6500; color: #fff; border-radius: 0.4rem; padding: 0.4rem 1.2rem; margin-right: 0.8rem;
}

.top-header input:focus {
	border: 2px solid #df5500;
}

/* *** */
r-app, page-home {
    display: flex !important; flex-direction: column; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;
}

r-app > .top-header, page-home > .top-header {
    flex: 0 0 auto;
}

/* ** */
#sidebar-wrapper {
    background: none !important; border: none !important; display: flex;
	flex: 0 0 auto; min-height: 0;
}


.sidebar-heading .span {
    font-size: 1.20em; font-weight: 700; margin-bottom: 16px;
}

.sidebar-heading img {
	box-shadow: 0px 4px 16px rgba(0,0,0,0.55) !important;
    border: 2px solid #fff !important;
}

#sidebar-wrapper > div {
	border-radius: 9px; margin: 24px; color: #333; width: 15rem;
}

#sidebar-wrapper > div img {
    box-shadow: 0px 0px 24px rgba(0,0,0,0.0);
}

#sidebar-wrapper .nav {
    display: block; margin-top: 24px;
}

#sidebar-wrapper .nav a {
    display: block; color: inherit; cursor: pointer; text-align: left;
    padding: 6px 16px; margin: 2px 6px; text-decoration: none;
	transition: background-color 0.2s ease-in-out;
}

#sidebar-wrapper .nav a.inv {
	display: none;
}

#sidebar-wrapper .nav a i {
	margin-right: 0px; font-size: 1.2em; width: 2.3em; text-align: center;
}

#sidebar-wrapper .nav r-item {
    display: inline-block !important;
}

#sidebar-wrapper .nav a:hover {
    background: rgba(0,0,0,0.05);
}

#sidebar-wrapper .nav a.active {
    display: block; background: #74268c; color: #fff;
}



/* ** */
#wrapper {
    flex: 1 1 auto; display: flex; flex-direction: row;
	background: #f7f7f7;
}

#page-content-wrapper {
	padding: 24px 32px 16px 32px;
    margin: 24px 32px 24px 24px;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.1);
    border-radius: 9px;
	overflow-y: auto; scrollbar-width: thin;
    background: #fff;
    width: 100%;
}

#page-content-wrapper > *:not(.active) {
    display: none !important;
}

/* *** */
r-paginator {
    margin-bottom: 8px;
}

r-paginator > span {
    margin-left: 12px;
}

/* *** */
.btn-solid-reg {
    padding: 9px 24px; color: #333; cursor: pointer !important; font-weight: 400;
}

.btn-solid-reg.btn-icon {
    padding: 8px 8px; color: #555; border: none; border-radius: 5px;
}

.btn-solid-reg.btn-icon:hover {
    background: #f7f7f7; color: #111;
}

.btn-solid-reg.btn-sm {
    padding: 4px 18px;
}

.custom-select {
    width: auto; color: #333; border-radius: 999px; padding: 0 24px 0 12px; line-height: 1em; box-sizing: border-box;
}

select {
	background-position: 99% center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") !important;
	background-size: 8px 10px;
	background-origin: padding-box;
	background-clip: border-box;
}

select.form-control {
    padding-right: 1.6rem !important;
}

/* *** */
.pe-none {
	pointer-events: none !important;
}

.btn-solid-reg.disabled {
    opacity: 0.5; pointer-events: none !important;
}

/* *** */
.btn-solid-reg.type-1 {
    background: #ff7500; color: #fff; border: 1px solid #ff7500; text-transform: uppercase; letter-spacing: 1px;
}

.btn-solid-reg.type-1:hover {
    background: #ff7500; border: 1px solid #df5500;
}

/* *** */
.btn-solid-reg.type-2 {
    text-transform: uppercase; letter-spacing: 0px;
}

/* *** */
.btn-solid-reg.type-3 {
    font-size: 0.8em; background: #fff; color: #333 !important; border: none; border-bottom: 2px solid #ddd; text-transform: uppercase; letter-spacing: 1px; padding: 0.7em 1.8em;
}

.btn-solid-reg.type-3:hover {
    background: #333; color: #eee !important; border: none; border-bottom: 2px solid #000;
}

/* *** */
.btn-solid-reg.type-4 {
    background: #3575ff; color: #fff; border: 1px solid #3575ff; text-transform: uppercase; letter-spacing: 1px;
}

.btn-solid-reg.type-4:hover {
    background: #3575ff; border: 1px solid #0555cf;
}

/* *** */
.btn-solid-reg.type-5 {
    background: none; color: #000; border: 1px solid #444; text-transform: uppercase; letter-spacing: 1px;
}

.btn-solid-reg.type-5:hover {
    background: #eee; border: 1px solid #444;
}

/* *** */
.btn-solid-reg.type-6 {
    background: #fff; color: #000; border: 1px solid #000; text-transform: uppercase; letter-spacing: 1px;
}

.btn-solid-reg.type-6:hover {
    background: #111; border: 1px solid #000; color: #fff;
}

/* *** */
table tbody.filters td {
    padding: 0 12px 6px 12px !important; border: none !important;
}

table thead th[data-sort] {
    position: relative; padding-left: 32px;
}

table thead th[data-sort]:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0dc"; position: absolute; left: 13px; top: 50%; transform: translateY(-50%); margin-top: -1px; font-size: 1.2em; color: #ccc;
}

table thead th[data-sort][data-order="asc"], table thead th[data-sort][data-order="desc"] {
    background: #f0f0f0 !important; color: #4c58d2 !important; border-radius: 5px;
}

table thead th[data-sort][data-order="asc"]:before {
    content: "\f063"; color: #4c58d2; font-size: 1.0em;
}

table thead th[data-sort][data-order="desc"]:before {
    content: "\f062"; color: #4c58d2; font-size: 1.0em;
}

table thead th[data-sort]:hover {
    background: #f7f7f7; cursor: pointer; border-radius: 9px;
}

table thead th {
	padding: 18px 18px; vertical-align: middle !important; font-weight: 700;
	border-top: none !important; border-bottom: none !important;
}

table td {
    padding: 12px 12px !important; vertical-align: middle !important; border-bottom: none !important;
}

table tr:nth-last-child(even) td {
    background: #f7f7f7;
}

/* *** */
.table-clean {
	margin: 0; padding: 0;
}

.table-clean td {
	background: #fff !important;
}

.table {
    padding: 0; margin: 0; border-spacing: 0 12px; border-collapse: separate;
}

.table tbody.x-data tr td {
    background: #fff !important; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc !important;
}

.table tbody.x-data tr td:first-child {
    border: 1px solid #ccc !important; border-right: none !important;
    border-radius: 9px 0 0 9px;
}

.table tbody.x-data tr td:last-child {
    border: 1px solid #ccc !important; border-left: none !important;
    border-radius: 0 9px 9px 0;
}

.table tbody.x-data tr:not(.no-pointer):hover {
    box-shadow: 0px 0px 12px rgba(0,0,0,0.25); cursor: pointer;
    border-radius: 9px;
}

/* *** */
.form-group.checkbox {
    font-size: 0.9em;
}

.form-group.checkbox label, .form-group.checkbox label span {
	vertical-align: middle; line-height: 1;
}

.form-group.checkbox label:hover span {
	text-decoration: underline; cursor: pointer;
}

/* *** */
r-tabs.nav a {
    display: inline-block; padding: 5px 20px; border-radius: 999px; cursor: pointer;
}

r-tabs.nav a i {
    margin-right: 8px;
}

r-tabs.nav a:hover {
    background: #eee;
}

r-tabs.nav a.inv {
	display: none;
}

r-tabs.nav a.inv.active {
	display: inline-block;
}

r-tabs.nav a.active {
    background: #74268c;
}

r-tabs.nav.w-hr {
    border-bottom: 1px solid #ddd; padding-bottom: 20px;
}

r-tabs.nav.w-hr a {
    text-transform: uppercase; letter-spacing: 1px;
}

/* *** */
.pers-sidetab {
	margin-top: 24px; padding: 0;
}

.w-loading {
    position: relative; overflow: hidden;
}

r-form.busy .w-loading {
    pointer-events: none;
}

r-form.busy .w-loading:after {
    position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%;
    background: #000 url(loading-white-1.gif) center center no-repeat !important;
}

/* *** */
.cropper {
    position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 9999;
}

.cropper > div.btn {
    position: absolute; top: 12px; right: 50%; z-index: 9999;
    margin-right: -85px; padding: 8px 32px;
}

.cropper > div.btn-success {
    margin-right: 15px;
}

/* *** */
.dropzone {
    background: #fef; color: #a6a; padding: 24px; border-radius: 9px; border: 2px dashed #a6a; margin: 16px 0; font-size: 1.2em; text-align: center;
}

.dropzone.active {
    box-shadow: 0px 0px 24px #a9a;
}

/* *** */
.files-box > div {
	display: block; padding: 2px 16px; margin: 8px; border: 1px solid #ccc; border-radius: 7px; background: #fff; position: relative;
}

.files-box > div.active {
	padding-left: 40px; background-image: url(loading-upload.gif); background-repeat: no-repeat; background-position: 8px center;
}

.files-box > div > b {
    font-weight: 500; font-size: 1em; line-height: 2.0em; vertical-align: middle; padding: 0;
}

.files-box > div > span {
    display: block; font-size: 0.8em; line-height: 1em; margin: 0; padding: 0; margin-bottom: 6px;
}

.files-box > div > em {
    position: absolute; background: none; padding: 0.9rem 0.5rem; font-size: 1.7em; line-height: 0; border-radius: 5px; cursor: pointer;
    right: 6px; top: 50%; transform: translateY(-50%); font-style: normal;
}

.files-box > div > em:hover {
    color: #c00;
}

.files-box > div.active > em {
    display: none;
}

.files-box > div.error {
    background: #fdd; color: #d33; border: 1px solid #caa;
}

/* *** */
.file-links > span {
	display: block; padding: 2px 16px; margin: 8px; border: 1px solid #ccc; border-radius: 7px; background: #fff; position: relative;
}

.file-links > span > a {
    display: block; font-weight: normal; font-size: 0.9em; line-height: 2.0em; vertical-align: middle; padding: 0; margin-left: 1.6rem;
}

.file-links > span > em {
    position: absolute; background: none; padding: 0.95rem 0.0rem 0.9rem 0.4rem; font-size: 1.7em; line-height: 0; border-radius: 999px; cursor: pointer;
    left: 0.4rem; top: 50%; width: 26px; transform: translateY(-50%); font-style: normal;
}

.file-links > span > em:hover {
    color: #fff; background: #f00;
}

/* *** */
@keyframes pll-anim {
    0% { left: -5%;  }
    100% { left: 110%; }
}

.pll {
    position: relative !important;
}

.pll-active .pll {
    border: none !important; border-radius: 9px !important;
}

.pll-active .pll:after {
    position: absolute !important; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: #eee; z-index: 9;
}

/*.pll-active .pll:before {
    position: absolute !important; left: 0; top: -20%; width: 2%; height: 150%; content: ""; background: #fff; z-index: 10;
    animation: pll-anim 2.5s ease infinite;
    transform: rotateZ(-15deg);
}*/

/* *** */
.point-message > div
{
    box-shadow: 0px 0px 8px rgba(0,0,0,0.2); border-radius: 9px; padding: 12px; margin-bottom: 16px;
}

.point-message > div > span
{
    display: block;
}

.point-message > div > em
{
    font-style: normal; margin-right: 0.6rem; font-size: 0.9em;
	background: #ddd; color: #000; padding: 0.2rem 0.6rem; border-radius: 0.3rem;
}

.point-message > div > span > span
{
    display: inline-block; vertical-align: middle; margin-left: 12px;
    color: #555; font-size: 0.9em;
}

.point-message > div > span > img
{
    width: 52px; height: auto; vertical-align: middle; margin: 0;
}

.point-message > div > span > span > b
{
    display: block; font-size: 1.1em; color: #222;
}

.point-message > div > p
{
    line-height: 1.4em; margin: 0; margin-top: 1rem;
}

.point-message > div > div
{
    margin-top: 1rem;
}

.point-message > div > i
{
    margin-top: 1.5rem;
}

.point-message > div > div > span
{
    display: inline-block; text-decoration: none; margin-right: 0.5rem; margin-bottom: 0;
    font-size: 0.9em; padding: 0.05em 1em; border-radius: 999px;
    border: 1px solid #37c; color: #37c;
}

.point-message > div > div > span:hover
{
    background: #37c; color: #fff;
}

.point-message > div > div > span > a
{
    display: inline-block; color: inherit; text-decoration: none;
}

.point-message > div > div > span > em
{
    display: inline-block; margin-left: 0; line-height: 1em; font-size: 1.5em; padding: 0 0.25rem; font-style: normal; vertical-align: middle; margin-right: -6px; margin-left: 6px;
}

.point-message > div > div > span > em:hover
{
    cursor: pointer; background: #f05; color: #fff; border-radius: 9px;
}

.point-message > div > strong {
	float: right; margin-top: 0rem;
}

.point-message > div > strong > a {
	display: none; font-size: 0.8em; padding: 0.4rem 0.6rem; border-radius: 0.3rem;
}

.point-message > div.type-0:hover > strong > a {
	display: inline-block;
}

/* *** */
.point-message > div.type-1 {
	text-align: left; border-left: 0.5rem solid #bf97f6; padding-left: 1rem;
}

.point-message > div.type-1 > span > span
{
    display: inline-block; vertical-align: middle; margin-left: 0.4rem;
    color: #555; font-size: 0.8em;
}

.point-message > div.type-1 > span > img
{
    width: 32px; height: auto;
}

.point-message > div.type-1 > span > span > b
{
    display: inline-block; font-size: 1em; color: #222;
}

.point-message > div.type-1 > span > span > b:after {
	content: " on "; font-weight: normal; color: #555;
}

.point-message > div.type-1 > p
{
    line-height: 1em; margin: 0; margin-top: 0.8rem; font-size: 1.1em; color: #85c;
}

.point-message > div.type-1 > p > a {
	color: #85c;
}


/* *** */
.profile-card
{
    box-shadow: 0px 0px 8px rgba(0,0,0,0.2); border-radius: 9px; padding: 12px;
}

.profile-card > span
{
    display: inline-block; vertical-align: middle; margin-left: 12px;
    color: #555; font-size: 0.9em;
}

.profile-card > img
{
    width: 52px; height: auto; vertical-align: middle; margin: 0;
}

.profile-card > span > b
{
    display: block; font-size: 1.1em; color: #222;
}

/* **** */
.bg-c-1 { background: linear-gradient(45deg,#4099ff,#94df53); color: #fff; }
.bg-c-2 { background: linear-gradient(45deg,#2eb6d8,#39c0a5); color: #fff; }
.bg-c-3 { background: linear-gradient(45deg,#ffb64d,#9fab20); color: #fff; }
.bg-c-4 { background: linear-gradient(45deg,#ff569a,#df3350); color: #fff; }
.bg-c-5 { background: linear-gradient(45deg,#ff86aa,#566acf); color: #fff; }
.bg-c-6 { background: linear-gradient(45deg,#7053ff,#7acfd6); color: #fff; }
.bg-c-7 { background: linear-gradient(45deg,#af76af,#ff7670); color: #fff; }
.bg-c-8 { background: linear-gradient(45deg,#9940ff,#2eb6d8); color: #fff; }

.card {
    border-radius: 7px; margin-bottom: 30px; border: none;
	box-shadow: 0 1px 3px 1px rgba(4,26,55,0.16);
}

.card h4 {
	color: inherit;
	text-shadow: 0px 2px 3px rgba(0,0,0,0.2);
}

.card .card-block {
    padding: 1.5rem 1.5rem;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

/* *** */
.custom-checkbox {
    cursor: pointer;
}

.custom-checkbox > svg {
    margin-right: 0.4rem; vertical-align: middle;
}

.custom-checkbox > span {
    vertical-align: middle; color: #333;
}

.custom-checkbox .checked {
    display: none;
}

.custom-checkbox:hover > span {
    color: #000;
}

.custom-checkbox > input:checked + svg.checked {
    display: inline-block;
}

.custom-checkbox > input:checked + svg.checked + svg.unchecked {
    display: none;
}

.custom-checkbox > input {
    display: none;
}

.custom-checkbox > input:checked + svg + svg + span {
	color: #000;
}


/* *** */
.search-result {
	box-shadow: 0px 0px 8px rgba(0,0,0,0.2); border-radius: 9px; padding: 1.0rem; margin: 0;
}

.search-result h6 {
	margin: 0;
}

.search-result:hover {
	cursor: pointer; background: #f7f7f7;
}

/* ** */
.kanban-item {
	display: block; line-height: 1; margin-top: 0.6rem; background: #eee; padding: 0.5rem 0.7rem; border-radius: 0.4rem;
}

.kanban-item:hover {
	cursor: pointer; box-shadow: 0 4px 16px -6px rgba(0,0,0,0.7);
}

.kanban-item > span {
	display: block;
}

/* ** */
.roadmap-item {
	display: block; line-height: 1; margin-top: 0.6rem; background: #eee; padding: 0.9rem 0.9rem; border-radius: 0.4rem;
}

.roadmap-item:hover {
	cursor: pointer; box-shadow: 0 4px 16px -6px rgba(0,0,0,0.7);
}

.roadmap-item > span {
	display: block;
}

/* ** */
.roadmap-detail {
	border-left: 4px solid rgba(0,0,0,0.3); margin-top: 0.5rem; padding: 0.4rem 0 0.4rem 0.4rem;
	border-radius: 9px;
}

.roadmap-detail > div {
	font-size: 0.9em; padding: 0.4rem 0.5rem; border-radius: 9px;
}

.roadmap-detail > div:after {
	display: block; content: ''; clear: both;
}

.roadmap-detail > div small {
	float: right; font-size: 0.9em;
}

.roadmap-detail > div:hover {
	cursor: pointer; background: rgba(0,0,0,0.2);
}


/* *** */
@keyframes jump-up {
    0% { transform: scale(1.0); }
	20% { transform: scale(0.95); }
	40% { transform: scale(1.05); }
    100% { transform: scale(1.0); }
}

.orderable-target.orderable-focus {
	background: #ffffcc;
	animation: jump-up 0.2s;
}

.sortable-item:hover {
	cursor: move;
}

/* **** */
#sidebar-wrapper .nav > b {
    display: block; text-align: left; cursor: pointer; margin-top: 0.6rem; padding: 0.4rem 0.6rem;
	border-radius: 0.4rem;
	border-left: 4px solid #ccc;
}

#sidebar-wrapper .nav > b + div {
    display: block; max-height: 0; overflow: hidden;
	transition: all 0.200s ease;
}

#sidebar-wrapper .nav > b:hover {
    background: #e0e0e0;
}

#sidebar-wrapper .nav > b.active + div {
    display: block; overflow: hidden; transition: all 0.350s ease; max-height: 200px;
}

#sidebar-wrapper .nav > b.active {
    border-left: 4px solid #ff7500;
}

/* *** */
.board-items {
	display: flex; flex-wrap: nowrap;  overflow-x: auto; overflow-y: visible;
}

.board-items > div {
	flex: 0 0 auto;
}

/* **** */
.line-clamp {
	display: block; overflow: hidden;
	overflow: hidden; text-overflow: ellipsis !important;
	display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}

.line-clamp.n2 { -webkit-line-clamp: 2; }
.line-clamp.n3 { -webkit-line-clamp: 3; }
.line-clamp.n4 { -webkit-line-clamp: 4; }
.line-clamp.n5 { -webkit-line-clamp: 5; }


/*
*********** Mobile Quartz *************
*/

@media (max-width: 770px) {
    .col-2 {
        max-width: 50%;
    }

    .btn-solid-reg.type-3 {
        width: max-content;
        margin-left: -7px;
    }
}

@media (max-width: 575px) {
  small a {
    display: block;
  }
  #btn-solid-reg {
    display: block;
    width: fit-content;
  }
  #page-content-wrapper {
    min-width: 86%!important;
    padding: 12px 16px 8px 16px;
    margin: 12px 16px 12px 12px;
  }


  h1 {
    font-size: 1.6em;
  }

  .col-2 {
    max-width: 100%;
  }

  .type-1 {
    margin-top: 0.4rem!important;
  }

  .w-hr {
    display: inline-grid!important;
  }
}