/* === GENERALI === */
html {
	scroll-behavior: smooth;
}

body {
    font-family: 'Open Sans', sans-serif;
    color: var(--lightblack) !important;
    font-display: swap;
    background-color: rgba(240,240,244,0.5);
}

/* === STYLEGUIDE === */

/* -- Color -- */

:root {
--white: #FFFFFF;
--orange: #EF8634;
--black: #333333;
--lightblack: #555555;
--grey: #8C96A0;
--lightgrey: #C2D1D9;
--blue: #1FBCE8;
--lightblue: #D9F6F9;
--yellow: #F4C260;
--green: #9FCB74;
--purple: #898BD3;
--red: #FF606D;
}

/* -- Allineament -- */

.center {
	text-align:center;
}

.left {
	text-align:left;
}

.right {
	text-align:right;
}

/* -- Background Color -- */

.btk-back__lightgrey {
    background-color: var(--lightgrey)0.5;
    min-height: 100vh;
}

/* -- Typography -- */

h1 {
	font-size: 54px;
	line-height: 1.5;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
}

h2 {
	font-size: 40px;
	line-height: 1.5;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
}

h3 {
	font-size: 32px;
	line-height: 1.5;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
}

h4 {
	font-size: 24px;
	line-height: 1.5;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
}

h5 {
	font-size: 20px;
	line-height: 1.5;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
}

h6 {
	font-size: 18px;
	line-height: 1.5;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
}

p {
	font-size: 18px;
	line-height: 1.5;
	font-weight: 400;
}

.span1 {
	font-size: 16px;
	line-height: 1.5;
}

.span2 {
	font-size: 14px;
	line-height: 1.5;
}

.span3 {
	font-size: 12px;
	line-height: 1.5;
}

.span4 {
	font-size: 10px;
	line-height: 1.5;
}

hr {
    margin: 1.5rem 0;
    border-top: 2px solid var(--lightgrey);
    opacity: 0.5;
}

.btk-c-link {
    text-decoration: none !important;
    color: unset;
}

.btk-c-link:hover {
    text-decoration: none !important;
    color: unset;
}

.btk-c-link.btk-active .btk-c-spinner {
    margin-left: 1rem;
    display: block;
    outline: none;
}

/* === LAYOUT ELEMENT === */

.btk-l-header {
    background-color: var(--black);
}

.btk-l-element {
    width: 1140px;
    margin-right: auto;
    margin-left: auto;
}

.btk-l-menu {
    height: 3.5rem;
}

.btk-l-title {
    height: 100px;
}

.btk-l-content {
    padding: 3rem 0;
    min-height: calc(100vh - 308px);
}

.btk-l-table h4 {
    color: var(--lightblack);
    margin: 2.5rem 0 2.5rem 0;
}

.btk-l-filter {
    margin-bottom: 1.5rem;
}

.btk-l-introbox {
    background-color: var(--white);
    border-radius: 0.5rem;
    box-shadow: 0 2px 4px 0 rgba(51,51,51,0.1);
    padding: 2rem;
}

.btk-l-introbox h4 {
    margin: 0;
    color: var(--lightblack);
}

.btk-l-introbox .btk-c-row__delete i {
    margin-left: 1rem;
}

.btk-l-sidebar {
    width: 30%;
    margin-right: 2rem;
    color: var(--grey);
}

.btk-l-article {
    width: 70%;
    min-height: 400px;
    background-color: var(--white);
    box-shadow: 0 2px 4px 0 rgba(51,51,51,0.1);
    border-radius: 0.5rem;
    padding: 1.5rem;
}

.btk-l-footer {
    height: 56px;
    bottom: 0;
    background-color: var(--black);
}

.btk-l-footer p {
    font-weight: 600;
    color: var(--white);
    margin: 0;
}

.btk-l-footer a {
    font-weight: 600;
    color: var(--white);
}

/* === CONTENT ELEMENT === */

/* -- Buttons -- */

.btk-c-button {
    min-width: 150px;
    height: 40px;
    background-color: var(--orange);
    border-radius: 0.5rem;
    border: none;
    padding: 0 1rem;
    color: var(--white);
    font-size: 14px;
    font-family: 'Open Sans';
}

.btk-c-button__secondary {
    min-width: 150px;
    height: 40px;
    background-color: var(--white);
    border-radius: 0.5rem;
    border: none;
    padding: 0 1rem;
    color: var(--grey);
    font-size: 14px;
    font-family: 'Open Sans';

}

.btk-c-button__outline {
    min-width: 150px;
    height: 40px;
    background-color: var(--white);
    border-radius: 0.5rem;
    border: 2px solid var(--lightgrey);
    padding: 0 1rem;
    color: var(--lightgrey);
    font-size: 14px;
}

.btk-c-button p {
    margin: 0;
    font-family: 'Open Sans';
}

.btk-c-button i {
    margin-left: 1rem;
}

.btk-c-button.uk-disabled {
    opacity: 0.5;
}

.btk-c-spinner {
    display: none;
}

.btk-c-button.btk-active .btk-c-spinner {
    margin-right: 1rem;
    display: block;
    outline: none;
}

.btk-c-button__outline.btk-active .btk-c-spinner {
    margin-right: 1rem;
    display: block;
    outline: none;
}

.btk-c-button__outline p {
    margin: 0;
    font-family: 'Open Sans';
}

.btk-c-button__outline i {
    margin-left: 1rem;
}

.uk-disabled {
    opacity: 50%;
}

/* -- Fields -- */

::placeholder {
    font-family: 'Open Sans';
    font-size: 12px;
}

.uk-input, .uk-select, .uk-textarea {
    color: var(--grey);
}

.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
    border-color: var(--orange);
}

.btk-l-form {
    padding: 2rem 0 3rem 0;
}

.btk-l-field-row .btk-l-field-group:first-child {
    margin-right: 1rem;
}

.btk-l-field-row .btk-l-field-group:last-child {
    margin-left: 1rem;
}

.btk-l-field-row .btk-l-field-group:only-child {
    margin-left: 0;
    margin-right: 0;
}

.btk-l-field-group {
    flex: 1;
    margin-bottom: 1rem;
    color: var(--grey)
}

.btk-c-field__text {
    height: 56px;
    font-size: 12px;
    border-radius: 0.25rem;
    border-color: #F0F0F4;
    padding: 1rem;
}

.btk-c-field__text:focus {
    height: 56px;
    font-size: 12px;
    border-radius: 0.25rem;
    border-color: var(--orange);
}

.btk-c-field__select {
    width: 100%;
    padding: 1rem;
    height: 56px !important;
    font-size: 12px;
    background-color: var(--white);
    border-radius: 0.25rem;
    border-color: #F0F0F4;
}

.btk-c-field__textarea {
    font-size: 12px;
    border-radius: 0.25rem;
    border-color: #F0F0F4;
    padding: 1rem;
}

.btk-c-field__upload {
    height: 60px;
    background-color: var(--white);
    margin: 0;
}

.btk-c-field__upload i {
    margin-right: 0.5rem;
}

.btk-c-field__upload span {
    color: var(--orange);
}

.btk-c-field__check {
    font-size: 14px;
    margin-right: 0.5rem;
}

.btk-c-field__radio {
    margin-left: 1rem;
    width: 1rem;
    height: 1rem;
}

.btk-c-field__number {
    height: 1.5rem;
    font-size: 12px;
    border-radius: 0.25rem;
    border-color: var(--lightgrey);
}

.uk-radio:checked {
    background-color: var(--blue);
}

.uk-radio:checked:focus {
    background-color: var(--blue);
}

.uk-checkbox {
    background-color: transparent;
    border-radius: 0.25rem;
}

.uk-checkbox:checked {
    background-color: var(--blue);
}

.uk-checkbox:focus {
    border-color: var(--blue);
}

.uk-checkbox:checked:focus {
    background-color: var(--blue);
}

.uk-checkbox:disabled:checked {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A);
}

.btk-l-field-group .btk-c-button, .btk-l-field-group .btk-c-outline {
    margin: 0 1rem;
}

/* -- Back Action -- */

.btk-l-back {
    color: var(--blue);
    margin-bottom: 1.5rem;
}

.btk-l-back h6 {
    margin: 0;
    color: var(--blue);
}

.btk-l-back i {
    font-size: 1.5rem;
    margin-right: 1rem;
    color: var(--blue);
}

.btk-l-back__icon {
    padding: 1.5rem;
    position: absolute;
    right: 0;
}

.btk-l-back__icon i {
    font-size: 2rem;
    color: var(--red);
}

/* -- Alerts -- */

.btk-l-alert a {
    color: var(--white);
}

.btk-c-alert {
    padding: 1rem;
    border-radius: 0.5rem;
    margin: 2.5rem 0 0 0;
}

.btk-c-alert__success {
    background-color: var(--green);
}

.btk-c-alert__error {
    background-color: var(--red);
}

.btk-c-alert__warning {
    background-color: var(--yellow);
}

.btk-c-alert__info {
    background-color: var(--grey);
}

.btk-l-alert p {
    margin: 0;
    color: var(--white);
    margin-left: 1rem;
}

.btk-l-alert i {
    font-size: 18px;
    color: var(--white);
}

.uk-alert-close {
    top: unset;
}

.btk-l-form .btk-c-alert {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

/* -- Modals -- */

.btk-c-modal {
    padding: 1rem;
    border-radius: 0.5rem;
}

.btk-c-modal__action>.btk-c-button {
    margin: 0 1rem;
}

.btk-c-modal__action>.btk-c-button p{
    color: var(--white) !important;
}

.btk-c-modal__action>.btk-c-button__outline {
    margin: 0 1rem;
}

.btk-c-modal .btk-l-field-group {
    width: 100%;
    margin-top: 1rem;
}

.uk-modal-close-default>i {
    color: var(--red);
    font-size: 1.5rem;
}

.btk-c-modal__content {
    padding: 3rem 2rem;
}

.btk-c-modal__content h6 {
    margin: 0 0 0.5rem 0;
    color: var(--lightblack);
}

.btk-c-modal__content p {
    color: var(--grey);
    margin: 0;
}

.btk-c-modal__content .btk-c-link {
    color: var(--orange);
}

.btk-c-modal__content .btk-c-intro__row {
    width: 100%;
}

.btk-c-modal__content hr {
    width: 100%;
    margin-bottom: 0;
}

.btk-c-modal__action {
    margin-top: 2rem;
}

/* -- Editor -- */

#editor {
    margin-bottom: 1rem;
}

#editor h1 {
    font-family: 'Open Sans' !important;
    color: var(--lightblack) !important;
    line-height: 1.5;
    margin-bottom: 1rem;
}

#editor h2 {
    font-family: 'Open Sans' !important;
    color: var(--lightblack) !important;
    line-height: 1.5;
    margin-bottom: 1rem;
}

#editor h3 {
    font-family: 'Open Sans' !important;
    color: var(--lightblack) !important;
    line-height: 1.5;
    margin-bottom: 1rem;
}

#editor h4 {
    font-family: 'Open Sans' !important;
    color: var(--lightblack) !important;
    line-height: 1.5;
    margin-bottom: 1rem;
}

#editor h5 {
    font-family: 'Open Sans' !important;
    color: var(--lightblack) !important;
    line-height: 1.5;
    margin-bottom: 1rem;
}

#editor h6 {
    font-family: 'Open Sans' !important;
    color: var(--lightblack) !important;
    line-height: 1.5;
    margin-bottom: 1rem;
}

#editor p {
    font-family: 'Open Sans' !important;
    color: var(--lightblack) !important;
    line-height: 1.5;
    margin-bottom: 1rem;
    font-size: 1rem;
}

.ql-editor {
    padding: 1.5rem !important;
}

.ql-toolbar.ql-snow {
    border-color: var(--lightgrey) !important;
    border-radius: 0.5rem 0.5rem 0 0;
}

.ql-container.ql-snow {
    border-color: var(--lightgrey) !important;
    border-radius: 0 0 0.5rem 0.5rem;
}

.btk-c-editor__action {
    margin-top: 2rem;
}

#counter.span2 {
    margin: 0;
    color: var(--blue);
}

.btk-c-editor__button .btk-c-button, .btk-c-editor__button .btk-c-button__outline {
    margin-left: 2rem;
}

/* -- Rating -- */

.btk-c-rating {
    width: 100%;
}

.btk-c-rating .btk-l-field-group {
    margin: 1.5rem 0;
}

.btk-c-rating__score span {
    margin-bottom: 1rem;
}

/* -- Menu Element -- */

.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
    min-height: 3.5rem;
}

.uk-navbar-nav>li>a {
    text-transform: none;
    color: var(--grey);
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
}

.uk-navbar-nav>li>a:focus{
    color: var(--grey);
}

.uk-navbar-nav>li>a:hover {
    color: var(--white);
}

.uk-navbar-nav>li.uk-active>a {
    color: var(--white);
}

.uk-navbar-nav i {
    font-size: 1.5rem;
}

/* -- Title Element -- */

.btk-c-title img {
    width: 45px;
    height: 45px;
    margin-right: 1rem;
}

.btk-c-title h1 {
    font-size: 24px;
    color: var(--white);
    line-height: 1.5;
    margin: 0;
}

.btk-c-action__icon {
    width: 2.5rem;
    height: 2.5rem;
    color: var(--white);
    background-color: var(--orange);
    border-radius: 100px;
    margin-left: 1rem;
}

.btk-c-action p {
    color: var(--white);
    margin: 0;
}

/* -- SubHeader Element -- */

.btk-l-subheader {
    background-color: var(--white);
    box-shadow: 0 2px 10px 0 rgba(51,51,51,0.1);
}

.btk-c-sH__tab {
    flex: 1;
    height: 4rem;
}

.btk-c-sH__tab a {
    color: var(--grey);
}

.btk-c-sH__tab a:hover {
    color: var(--blue);
}

.btk-c-sH__tab i {
    font-size: 20px;
    margin-right: 1rem;
}

.btk-c-sH__tab .uk-active {
    color: var(--blue);
    opacity: 1;
    border-bottom: 2px solid var(--blue);
}

.btk-c-sH__tab .uk-active i {
    color: var(--blue);
    opacity: 1;
}

.btk-c-sh-element {
    padding: 1rem 0;
}

.btk-c-sh-element p {
    color: var(--grey);
    margin: 0 1rem 0 0;
}

.btk-c-sH__num {
    color: var(--white);
    background-color: var(--lightgrey);
    padding: 0 0.5rem;
    border-radius: 0.5rem;
    margin-right: 0.5rem;
    opacity: 0.5;
}

.btk-c-sH__tab .uk-active .btk-c-sH__num {
    color: var(--white);
    background-color: var(--blue);
    padding: 0 0.5rem;
    border-radius: 0.5rem;
    margin-right: 0.5rem;
    opacity: 1;
}

.btk-c-sH__num p {
    margin: 0;
}

/* -- Infobox Element -- */

.btk-c-intro__row {
    margin-top: 1rem;
}

.btk-c-intro__row h6 {
    margin-right: 0.5rem;
    margin-bottom: 0;
    color: var(--grey);
}

.btk-c-intro__row p {
    margin: 0;
    color: var(--grey);   
}

.btk-c-intro__row>a>p {
    color: var(--blue);
}

.btk-c-intro__row .btk-c-button, .btk-c-intro__row .btk-c-button__outline {
    margin-right: 2rem !important;
}

.btk-c-intro__cardrow {
    max-width: 48.5%;
    flex: 1;
}

#chosen-copys.btk-c-intro__cardrow {
    max-width: 100% !important;
    flex: 1;
}

.btk-c-intro__cardrow h6 {
    font-weight: 700;
    color: var(--grey);
    margin-bottom: 0.5rem;
}

.btk-c-copy__row {
    background-color: var(--white);
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
    box-shadow: 0 2px 4px 0 rgba(51,51,51,0.1);
    min-width: 25%;
}

.btk-c-copy__row i {
    margin-right: 1rem;
    color: var(--grey);
}

.btk-c-copy__row p {
    margin: 0 0.5rem 0 0;
    color: var(--grey);
}

.btk-c-change i {
    color: var(--orange);
    margin: 0 0.5rem 0 0;
}

.btk-c-change p {
    color: var(--orange);
    margin: 0;
}

.btk-c-priority__list .btk-c-priority__row {
    margin: 0.5rem 1rem 0 0;
}

.btk-c-priority__row {
    background-color: var(--white);
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
    box-shadow: 0 2px 4px 0 rgba(51,51,51,0.1);
    max-width: 25%;
}

.btk-c-priority__row i {
    margin-right: 1rem;
    color: var(--grey);
}

.btk-c-priority__row p {
    margin: 0 0.5rem 0 0;
    color: var(--grey);
}

.btk-c-priority__number {
    width: 1rem;
    height: 1rem;
    color: var(--white);
    background-color: var(--blue);
    border-radius: 100px;
}

.btk-c-priority__number p {
    margin: 0;
    color: var(--white);
}

/* -- Dash Element -- */

.btk-c-dash {
    margin-bottom: 2.5rem;
}

.btk-c-dash h4 {
    color: var(--lightblack);
}

.btk-c-dash__card {
    width: 302px;
    background-color: var(--white);
    padding: 1.5rem;
    border-radius: 0.5rem;
    box-shadow: 0 2px 4px 0 rgba(51,51,51,0.1);
}

.btk-c-dash__card p {
    margin: 0;
}

.btk-c-dash__card h3 {
    color: var(--lightblack);
    margin: 0;
}

.btk-c-dash__icon {
    width: 50px;
    height: 50px;
    background-color: var(--lightblue);
    border-radius: 100px;
}

.btk-c-dash__icon {
    color: var(--blue);
    font-size: 1.5rem;
}

.btk-l-content>h5 {
    margin-top: 0;
}

/* === TABLE ELEMENT === */

/* -- Column Size -- */

.btk-c-table__column {
    font-weight: 600;
    color: var(--grey);
    padding: 0 1.5rem;
    margin-bottom: 1rem;
}

.btk-c-column-75 {
    width: 75%;
}

.btk-c-column-65 {
    width: 65%;
}

.btk-c-column-60 {
    width: 60%;
}

.btk-c-column-50 {
    width: 50%;
}

.btk-c-column-45 {
    width: 45%;
}

.btk-c-column-40{
    width: 40%;
}

.btk-c-column-35 {
    width: 35%;
}

.btk-c-column-30 {
    width: 30%;
}

.btk-c-column-25 {
    width: 25%;
}

.btk-c-column-20 {
    width: 20%;
}

.btk-c-column-15 {
    width: 15%;
}

.btk-c-column-10 {
    width: 10%;
}

.btk-c-column-5 {
    width: 5%;
}

/* -- Rows Settings -- */

.btk-c-table__intro p {
    color: var(--grey);
    margin: 0;
    margin-bottom: 2.5rem;
}

.btk-c-table__title {
    margin-bottom: 2.5rem;
}

.btk-c-table__title h4 {
    margin: 0;
}

.btk-c-table__rows {
    margin-bottom: 2.5rem;
}

.btk-c-table__srow {
    color: var(--grey);
    background-color: var(--white);
    border-radius: 0.25rem;
    box-shadow: 0 2px 4px 0 rgba(51,51,51,0.1);
    padding: 1rem 1.5rem;
    margin-bottom: 0.5rem;
}

.btk-c-table__srow h6 {
    color: var(--lightblack);
    margin: 0;
}

.btk-c-table__srow p {
    margin: 0;
}

.btk-c-table__srow i {
    font-size: 18px;
    color: var(--grey);
}

.btk-c-table__srow .btk-c-field__text {
    color: var(--lightblack);
    width: 100%;
    height: 21px;
    font-size: 10px;
    border: none;
    background-color: #F0F0F4;
    padding: 0.25rem 0.5rem;
    margin-right: 1rem;
    font-family: 'Open Sans';
}

.btk-c-table__srow--short {
    color: var(--grey);
    background-color: var(--white);
    border-radius: 0.25rem;
    box-shadow: 0 2px 4px 0 rgba(51,51,51,0.1);
    padding: 0.5rem 1rem;
    margin-bottom: 0.5rem;
}

.btk-c-row__action i {
    font-size: 18px;
    color: var(--black);
}

.btk-c-row__delete i {
    font-size: 18px;
    color: var(--red);
}

.btk-c-row__url i {
    font-size: 18px;
    color: var(--blue);
}

.btk-c-row__approve i {
    font-size: 18px;
    color: var(--green);
    cursor: pointer
}

.uk-pagination>.uk-active>* {
	width: 1.5rem;
	height: 1.5rem;
	color: var(--white);
	background-color: var(--blue);
	text-align: center;
    align-items: center;
    border-radius: 0.25rem;
	line-height: 2;
	padding-left: 0;
}

.uk-pagination>* {
	width: 1.5rem;
	height: 1.5rem;
	color: var(--white);
    background-color: var(--white);
    border-radius: 0.25rem;
	text-align: center;
	align-items: center;
    line-height: 2;
    padding-left: 0;
	margin: 0 0.5rem;
}

.uk-pagination i {
	line-height: 2;
}

.btk-c-table__scroll {
    width: 100%;
    margin: 1.5rem 0;
    background-color: rgba(240,240,244,0.5);
    max-height: 400px;
}

/* -- Rows Size -- */

.btk-c-row-5 {
    width: 5%;
}

.btk-c-row-10 {
    width: 10%;
}

.btk-c-row-15 {
    width: 15%;
}

.btk-c-row-20 {
    width: 20%;
}

.btk-c-row-25 {
    width: 25%;
}

.btk-c-row-30 {
    width: 30%;
}

.btk-c-row-35 {
    width: 35%;
}

.btk-c-row-40 {
    width: 40%;
}

.btk-c-row-45 {
    width: 45%;
}

.btk-c-row-50 {
    width: 50%;
}

.btk-c-row-55 {
    width: 55%;
}

.btk-c-row-60 {
    width: 60%;
}

.btk-c-row-65 {
    width: 65%;
}

.btk-c-row-70 {
    width: 70%;
}

.btk-c-row-80 {
    width: 80%;
}

/* -- Status -- */

.btk-c-status {
    height: 1rem;
	border-radius: 12px;
    padding: 0.25rem 0.40rem;
}

.btk-c-status p {
    font-size: 9px;
	color: var(--white);
	margin: 0;
}

.btk-c-status i {
	font-size: 0.5rem;
	color: var(--white);
	margin-right: 0.5rem;
}

.btk-status__todo { /* Wait for admin to check */
	background-color: var(--blue);
}

.btk-status__wait { /* Wait for copy to accept */
	background-color: var(--yellow);
}

.btk-status__complete { /* Accepted */
	background-color: var(--green);
}

.btk-status__draft { /* New */
	background-color: var(--lightgrey);
}

.btk-status__ongoing { /* Writing */
	background-color: var(--purple);
}

.btk-status__reject { /* Rifiutato */
	background-color: var(--red);
}

.btk-status__approve i {
	color: var(--green);
}

.btk-c-feed i {
    margin-right: 0.5rem;
}

.btk-c-feed__present i {
    color: var(--blue);
    margin-right: 0.5rem;
}

/* -- Sorting Element -- */

.btk-c-sorter__title {
    margin-bottom: 2.5rem;
}

.btk-c-sorter__title h4 {
    margin-bottom: 0.5rem;
}

.btk-c-sorter__title p {
    margin: 0;
}

.btk-c-sorter .btk-c-table__rows {
    margin-bottom: 0;
}

.btk-c-sorter .btk-c-table__action {
    margin-bottom: 0;
}

.btk-c-sorter .btk-c-table__action .btk-c-button {
    margin-right: 0;
}

/* --  Filter Element -- */

.btk-l-filter>.btk-l-field-group {
    width: unset;
    margin-right: 2rem;
    margin-bottom: 0rem;
}

.btk-l-filter>.btk-l-field-group i {
    font-size: 10px;
}

.btk-l-filter .btk-c-field__text {
    height: 2.5rem;
    font-size: 12px;
    color: var(--grey) !important;
    border-radius: 0.25rem;
    border: none;
    padding: 0 1rem;
}

.btk-l-filter .btk-c-field__select {
    min-width: 170px;
    height: 2.5rem !important;
    font-size: 12px;
    color: var(--grey) !important;
    background-color: var(--white);
    border: none;
    border-radius: 0.5rem;
    font-family: 'Open Sans';
    padding: 0 1rem;
}							

/* -- Multiselect -- */

.btk-c-multi {
    color: var(--white);
    background-color: var(--blue);
    border-radius: 0.25rem;
    box-shadow: 0 2px 4px 0 rgba(51,51,51,0.1);
    padding: 1rem 1.5rem;
    margin-bottom: 0.5rem;
}
.btk-c-multi p {
    margin: 0;
}

.btk-c-multi i {
    font-size: 18px;
    color: var(--grey);
}

.btk-c-multi__del {
    color: var(--lightblack) !important;
}

.btk-c-multi__del p {
    font-weight: 700;
}

.btk-c-multi .btk-c-link {
    color: var(--white);
}

.btk-c-multi .uk-checkbox {
    background-color: transparent;
    border-radius: 0.25rem;
    border-color: var(--white);
}

.btk-c-multi .uk-checkbox:checked {
    background-color: var(--black);
    border: none;
}

.btk-c-multi .uk-checkbox:focus {
    border-color: var(--white);
}

.btk-c-multi .uk-checkbox:checked:focus {
    background-color: var(--black);
}



/* -- Single Job Order Table -- */

.btk-c-table__action {
    width: 50%;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.btk-c-table__action .btk-c-button__outline {
    margin-left: 2rem;
}

.btk-c-table__action .btk-c-button {
    margin-right: 2rem;
}

/* -- New Job Order -- */

#job-order.btk-l-form__content {
    width: 50%;
}

.btk-c-page-title {
    text-align: center;
    color: var(--lightblack);
}

/* -- New Article -- */

.btk-c-form__step {
    width: 540px;
    min-height: 300px;
    background-color: var(--white);
    box-shadow: 0 2px 4px 0 rgba(51,51,51,0.1);
    padding: 1rem 2rem 2rem 2rem;
    margin: 0 auto;
}

.btk-c-form__step .uk-subnav>li {
    width: 46%;
    text-align: center;
}

.btk-c-form__step .uk-subnav>li>a {
    text-transform: none !important;
    padding: 1rem;
    color: var(--grey);
    opacity: 0.5;
}

.btk-c-form__step p {
    margin: 0;
}

.btk-c-form__step i {
    margin-left: 0.5rem;
}

.btk-l-form__content .btk-c-button__outline {
    margin-top: 1rem;
}

.btk-l-form__content .btk-c-button {
    margin-top: 1rem;
}

.btk-c-post__detail {
    width: 540px;
}

.btk-c-post__detail .btk-l-field-group {
    width: 48%;
}

/* -- Single Article -- */

.uk-accordion>li {
    background-color: var(--white);
    padding: 1rem 1rem;
    box-shadow: 0 2px 4px 0 rgba(51,51,51,0.1);
    border-radius: 0.5rem;
}

.uk-accordion>li>a {
    font-weight: 600;
    color: var(--grey); 
}

.uk-accordion-content>a {
    color: var(--blue) !important;
}

.uk-accordion-content>.btk-c-link>a {
    color: var(--blue) !important;
}

.uk-accordion-content>h6 {
    color: var(--blue) !important;
}

.uk-accordion-content>.btk-c-intro__row {
    margin-top: 0;
    margin-bottom: 1rem;
}
.uk-tab::before {
    border: none;
}

.uk-accordion-title::before {
    background-image: url(../img/close.svg);
}

.uk-open>.uk-accordion-title::before {
    background-image: url(../img/open.svg);
}

.btk-l-article>.uk-subnav>li>a {
    width: 160px;
    color: var(--grey);
    font-weight: 600;
    text-transform: none;
    text-align: center;
    font-size: 12px !important;
    padding: 1rem 0rem;
}

.uk-subnav>.uk-active>a {
    border-bottom: 2px solid var(--blue);
    color: var(--blue) !important;
    background-color: var(--white);
    opacity: 1 !important;
}

.btk-c-intro__row>a {
    color: var(--blue) !important;
}

.btk-c-comment {
    padding: 0 1.5rem 0 0;
    height: 540px;
    border: none;
}

.btk-c-comment__single {
    padding: 1.5rem;
    background-color: rgba(240,240,244,0.5);
    margin-bottom: 1rem;
    border-radius: 0.5rem;
}

.btk-c-comment__single h6 {
    margin: 0 0.5rem 0 0;
}

.btk-c-comment__single p {
    margin: 0;
}

.btk-c-comment__single i {
    font-size: 1.5rem;
    margin-right: 1rem;
    color: var(--blue);
}

.btk-c-comment__autor {
    margin-bottom: 0.5rem;
}

.btk-c-comment__action {
    margin-top: 1.5rem
}

.btk-c-comment__action .btk-c-field__check{
    border-color: var(--blue);
}

.btk-c-comment__action .btk-l-field-group {
    margin-bottom: 0;
}

.btk-c-comment__action .btk-l-field-group label{
    color: var(--blue);
}

.btk-c-comment__button i {
    margin-right: 0.5rem;
    font-size: 1rem;
}

.btk-c-comment__button>*:last-of-type i, .btk-c-comment__button>*:last-of-type p {
    color: var(--red)
}

.btk-c-comment__button>*:first-of-type i, .btk-c-comment__button>*:first-of-type p {
    color: var(--lightblack)
}

.btk-c-comment__button>* {
    margin-left: 2rem;
}

.btk-l-article .btk-c-field__upload {
    margin: 2rem 0;
}

.btk-l-article .btk-c-opt__file {
    margin: 2rem 0 0 0;
    color: var(--orange);
}

.btk-l-article .btk-c-opt__file p {
    margin: 0;
}

.btk-l-article .btk-c-opt__file i {
    margin-left: 0.5rem;
}

.btk-c-opt__upload {
    padding: 1.5rem 1rem;
    background-color: rgba(240,240,244,0.5);
    border-radius: 0.5rem;
    margin: 1rem 0;
}

.btk-c-opt__upload i {
    margin-right: 0.5rem;
}

.btk-c-opt__upload p {
    margin: 0;
}

/* -- Login/Signup -- */

.btk-l-form hr {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
}

.btk-l-form img {
    height: 60px;
    width: 60px;
    margin-bottom: 2rem;
}

.btk-c-form {
    width: 100%;
}

.btk-c-form__title>.span2 {
    color: var(--grey);
    margin: 0 0 0.5rem 0;
}

.btk-c-form__title>p>.btk-c-link {
    font-weight: 600;
    color: var(--orange);
}

.btk-c-form__title h4 {
    color: var(--lightblack);
    margin: 0;
}

.btk-c-form__title h6 {
    color: var(--lightblack);
}

.btk-l-form__content {
    margin: 2rem auto;
    width: 100%;
}

#login.btk-l-form__content{
    width: 40%;
}

#copywriter.btk-l-form__content{
    width: 50%;
}

.btk-l-form__content>.btk-l-field-group>a {
    color: var(--orange);
}

.btk-c-form__action .btk-c-button  {
    margin: 2rem 1rem 0 1rem;
}

.btk-c-form__action .btk-c-button__outline  {
    margin: 2rem 1rem 0 1rem;
}

.btk-c-user__card {
    width: 300px;
    background-color: var(--white);
    border-radius: 0.5rem;
    box-shadow: 0 2px 4px 0 rgba(51,51,51,0.1);
    padding: 2rem;
    margin: 0 1rem;
}

.btk-c-user__card img {
    width: 255px;
    height: 180px;
    margin-bottom: 1.5rem;
    object-fit: cover;
}

.btk-c-user__card h5 {
    margin: 0 0 1rem 0;
    color: var(--black);
}

.btk-c-user__card p {
    margin: 0 0 1.5rem 0;
    color: var(--grey);
}

.btk-c-user__card>a>.btk-c-button {
    margin: 0 !important;
}

.btk-l-sidebar .btk-c-button {
    width: 100%;
    margin-top: 1rem;
}

.btk-l-sidebar .btk-c-button__outline {
    width: 100%;
    margin-top: 1rem;
}

.btk-c-card {
    background-color: var(--white);
    border-radius: 0.5rem;
    box-shadow: 0 2px 4px 0 rgba(51,51,51,0.1);
    padding: 2rem;
    min-height: 200px;
}

.btk-c-card i {
    font-size: 4rem;
    color: var(--green);
    margin-bottom: 1rem;
}

.btk-c-card h5 {
    margin: 0;
    color: var(--green);
}


/* -- Application -- */

.btk-c-application__action .btk-c-button {
    margin-right: 2rem;
}

.btk-c-application__text {
    margin-top: 2.5rem;
}

.btk-c-tag {
    margin-right: 0.5rem;
}

.btk-c-tag p:first-child {
    margin: 0 !important;
}

.btk-c-tag p {
    margin-left: 0.5rem;
}

.btk-c-tag p::after {
    content: ',';
}


/* -- Dropdown -- */

.btk-c-avatar__icon {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100rem;
    background-color: var(--lightblue);
    color: var(--blue);
    margin-right: 1rem;
}

.uk-dropdown {
    min-width: 250px;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    box-shadow: 0 2px 4px 0 rgba(51,51,51,0.1);
}

.uk-dropdown-nav>li>a {
    color: var(--grey);
}

.uk-dropdown-nav>li>a:hover {
    color: var(--grey);
}

.uk-dropdown-nav .span2 {
    color: var(--grey);
}

.uk-nav-divider {
    border-top: 2px solid var(--lightgrey) !important;
    margin: 1rem 0;
}

.btk-c-logout a {
    color: var(--red) !important;
    font-weight: 600;
}

.btk-c-logout a:hover {
    color: var(--red) !important;
    font-weight: 600;
}

/* -- Price -- */

.btk-c-price__table {
    width: 60%;
}

.btk-c-price__table h5 {
    margin: 0 0 1.5rem 0;
    color: var(--lightblack);
}

.btk-c-price__coupon {
    width: 35%;
}

.btk-c-price__coupon h5 {
    margin: 0 0 1.5rem 0;
    color: var(--lightblack);
}

.btk-notice-dot {
    position: absolute;
}

.btk-notice-dot {
    color: var(--orange);
    font-size: 10px !important;
}

/* -- Profile -- */

.btk-c-profile {
    width: 50%;
    margin: 0 auto;
}

.btk-c-profile h4 {
    color: var(--lightblack);
    margin: 0 0 2.5rem 0;
}

.btk-c-profile h5 {
    color: var(--lightblack);
    margin: 1rem 0 2rem 0;
}

.btk-c-profile .btk-c-button {
    width: 50%;
    margin-top: 2rem;
}