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

body {
	font-family: 'Open Sans', sans-serif;
	background-color: rgba(242,245,247,0.4);
}

/* === STYLEGUIDE === */

/* -- Color -- */

:root {
	--white: #ffffff;
	--black: #333333;
	--lightblack: #555555;
	--darkgrey: #8C96A0;
	--grey: #F0F0F4;
	--darkwhite: #F8F9FA;
	--orange: #EF8634;
	--red: #FF606D;
	--blue: #1FBCE8;
	--lightblue: #D9F6F9;
	--green: #9FCB74;
	--yellow: #F2CA71;
	--purple: #898BD3;
	--shadow: rgba(51,51,51, 0.1)
}

/* --  Color -- */

.white {
	color: white !important;
}

.black {
	color: var(--black) !important;
}

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

.darkgrey {
	color: var(--darkgrey) !important;
}

.orange {
	color: var(--orange) !important;
}

.blue {
	color: var(--blue) !important;
}

.lightblue {
	color: var(--lightblue) !important;
}

.green {
	color: var(--green) !important;
}

.red {
	color: var(--red) !important;
}

/* -- Background Color -- */

.back-white {
	background-color: white;
}

.back-black {
	background-color: var(--black) !important;
}

.back-lightblack {
	background-color: var(--lightblack) !important;
}

.back-darkgrey {
	background-color: var(--darkgrey) !important;
}

.back-orange {
	background-color: var(--orange) !important;
}

.back-blue {
	background-color: var(--blue) !important;
}

.back-lightblue {
	background-color: var(--lightblue) !important;
}

.back-green {
	background-color: var(--green) !important;
}

.back-yellow {
	background-color: var(--yellow) !important;
}

.back-red {
	background-color: var(--red) !important;
}

/* -- Allineament -- */

.center {
	text-align:center;
}

.left {
	text-align:left;
}

.right {
	text-align:right;
}

/* -- Background Color -- */

.back-white {
	background-color: var(--white);
}

.back-darkgrey {
	background-color: var(--lightblack);
}

.back-black {
	background-color: var(--black);
}

.back-grey {
	background-color: rgba(240,240,244,0.5);
}

/* -- Typography -- */

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

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

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

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

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

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

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

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

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

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

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

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

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

/* === LAYOUT ELEMENTS === */

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

.btk-l-element {
    margin-right: 2.5rem;
    margin-left: 2.5rem;
}

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

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

.btk-l-sidebar {
	width: 18%;
	background-color: var(--black);
	height: 100vh;
	position: fixed;
	z-index: 1;
}

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

.btk-l-box {
	background-color: var(--white);
	padding: 1.5rem 1rem;
	border-radius: 0.5rem;
	box-shadow: 0 2px 4px 0 var(--shadow);
	margin: 0 0 3.5rem 0;
	height: 100%;
}


.btk-l-table p {
	color: var(--darkgrey);
}

.btk-l-sec {
	padding: 5rem 0;
}

@media screen and (max-width: 1200px) {

	.btk-l-element {
		margin: 0 1rem;
	}
}

/* -- Flex Direction Class -- */

@media (min-width: 640px) {

	.uk-flex-row\@s {
		flex-direction: row;
	}

	.uk-flex-column\@s {
		flex-direction: row;
	}
}

@media (min-width: 960px) {

	.uk-flex-row\@m {
		flex-direction: row;
	}

	.uk-flex-column\@m {
		flex-direction: row;
	}
}

@media (min-width: 1200px) {

	.uk-flex-row\@l {
		flex-direction: row;
	}

	.uk-flex-column\@l {
		flex-direction: row;
	}
}

@media (min-width: 1600px) {

	.uk-flex-row\@xl {
		flex-direction: row;
	}

	.uk-flex-column\@xl {
		flex-direction: row;
	}
}

/* -- Flex Fill Class -- */

@media (min-width: 640px) {

	.uk-flex-1\@s {
		flex: 1;
	}

	.uk-flex-none\@s {
		flex: none;
	}
}

@media (min-width: 960px) {

	.uk-flex-1\@m {
		flex: 1;
	}

	.uk-flex-none\@m {
		flex: none;
	}
}

@media (min-width: 1200px) {

	.uk-flex-1\@l {
		flex: 1;
	}

	.uk-flex-none\@l {
		flex: none;
	}
}

@media (min-width: 1600px) {

	.uk-flex-1\@xl {
		flex: 1;
	}

	.uk-flex-none\@xl {
		flex: none;
	}
}


/* === COMPONENT === */

/* -- Button -- */

.btk-c-button__simple {
	min-width: 180px;
	height: 2.5rem;
	background-color: var(--orange);
	color: var(--white);
	border: none;
	border-radius: 0.5rem;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}

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

.btk-c-button__simple i {
	color: var(--white);
	margin: 0 1rem 0 0;
}

.btk-c-button__outline {
	min-width: 180px;
	height: 2.5rem;
	color: var(--darkgrey);
	background-color: var(--white);
	border: 2px solid var(--grey);
	border-radius: 0.5rem;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}

.btk-c-button__outline i {
	color: var(--darkgrey);
	margin: 0 1rem 0 0;
}

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

/* -- Field -- */

::placeholder {
	color: var(--darkgrey);
	font-family: 'Open Sans', sans-serif;
}

::selection {
    background: var(--blue);
    color: var(--white);
    text-shadow: none;
}


.btk-l-field-group {
	margin-bottom: 1rem;
}

.btk-c-field__input {
	height: 3.5rem;
	padding: 1rem;
	font-size: 14px;
	color: var(--darkgrey) !important;
	border: 2px solid var(--grey);
	border-radius: 0.5rem;
}

.btk-c-field__input p {
	margin: 0 !important;
}

.btk-c-field__select {
	height: 3.5rem !important;
	padding: 1rem !important;
	font-size: 14px;
	color: var(--darkgrey) !important;
	background-color: var(--white);
	border: 2px solid var(--grey);
	border-radius: 0.5rem;
	font-family: 'Open Sans', sans-serif;
}

.btk-c-field__textarea {
	padding: 1rem !important;
	font-size: 14px;
	color: var(--darkgrey) !important;
	border: 2px solid var(--grey);
	border-radius: 0.5rem;
}

.btk-c-field__user {
	min-width: 150px;
	height: 0;
	padding: 1rem;
	font-size: 10px;
	color: var(--darkgrey) !important;
	background-color: var(--grey);
	border: 1px solid var(--grey);
	border-radius: 0.5rem;
}

.tagify {
	padding: 0.5rem !important;
	font-size: 14px;
	color: var(--darkgrey) !important;
	border: 2px solid var(--grey) !important;
	border-radius: 0.5rem;
}

.tagify {
	--tag-bg: var(--blue) !important;
	--tag-hover: var(--blue) !important;
	--tag-remove-btn-bg--hover: var(--red) !important;
	--tag-invalid-bg: var(--red) !important;
	--tag-invalid-color: var(--white) !important;
	--tag-text-color: var(--white) !important;
	--tag-text-color--edit: var(--white) !important;
	--tag-remove-bg: var(--red) !important;
}

.tagify__tag-text {
	font-size: 12px;
	line-height: 18px !important;
	color: var(--white);
}

.tagify.btk-c-field__input {
	min-height: 2.5rem !important;
	height: auto;
}

.uk-checkbox, .uk-radio {
	background-color: var(--white) !important;
	border-radius: 0.25rem;
}

.uk-checkbox:focus, .uk-radio:focus, .uk-select:focus, .uk-input:focus, .uk-textarea:focus {
    outline: 0;
    border-color: var(--blue);
}

.uk-checkbox:checked, .uk-radio {
	background-color: var(--blue) !important;
	border-radius: 0.25rem;
}

/* -- Form Element -- */

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

.btk-c-form__title img {
	width: 60px;
	height: 60px;
}

.btk-c-form__title p>a {
	font-weight: 600;
}

.btk-c-form .btk-c-button__simple {
	margin-top: 1.5rem;
}

/* -- Form Validation -- */

.uk-form-danger {
	color: var(--red);
	font-size: 12px;
}

.uk-form-danger {
    display: none;
}

.btk-c-form__alert {
	display: none;
	border-radius: 4px;
	background-color: var(--green);
	color:var(--white);
	text-align: center;
	padding: 1rem;
	margin-top: 1rem;
}

.was-validated .btk-c-field__input:invalid~.uk-form-danger {
	display: block;
	color: var(--red);
}

.was-validated .btk-c-field__checkbox:invalid~.uk-form-danger {
	display: block;
	color: var(--red);
}

.was-validated .btk-c-field__select:invalid~.uk-form-danger {
	display: block;
	color: var(--red);
}

.was-validated .btk-c-field__textarea:invalid~.uk-form-danger {
	display: block;
	color: var(--red);
}

.was-validated #success.btk-success {
	display: block;
}

.was-validated .btk-c-form__alert.btk-success {
	display: block;
}

/* -- Menu Elements -- */

.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(--darkgrey);
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
}

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

.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;
}

.uk-offcanvas-bar ul {
	list-style: none;
}

.uk-offcanvas-bar>ul>li {
	margin-bottom: 1.5rem;
}

.uk-offcanvas-bar a {
    color: var(--darkgrey) !important;
    font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
}

.uk-offcanvas-bar>ul>li>a:focus{
    color: var(--darkgrey);
}

.uk-offcanvas-bar a:hover {
    color: var(--white) !important;
}

.uk-offcanvas-bar>ul>li.uk-active>a {
    color: var(--white) !important;
}

/* Subheader Elements -- */

.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;
}

/* -- Function Elements -- */

.btk-c-function {
	width: 100%;
	margin-bottom: 2.5rem;
}

.btk-c-function h1 {
	font-size: 1.5rem;
	color: var(--lightblack);
	margin: 0 1rem 0 0;
}

#external.btk-c-function {
	width: 100%;
	margin-bottom: 0;
}

#external.btk-c-function h1 {
	font-size: 1.5rem;
	color: var(--lightblack);
	margin: 0 1rem 0 0;
}

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

.btk-header-icon i {
	font-size: 24px;
	margin-right: 1rem;
	color: var(--blue);
}

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

.btk-c-action__icon {
	width: 2rem;
	height: 2rem;
	background-color: var(--lightblue);
	border-radius: 0.5rem;
	margin-right: 1rem;
}

.btk-c-action__icon i {
	color: var(--blue);
}

.btk-c-action span {
	color: var(--darkgrey);
	margin: 0;
	font-weight: 600;
}

.uk-breadcrumb {
	color: var(--black);
	font-size: 12px;
	margin-top: 0;
}

.uk-breadcrumb>*>* {
    display: inline-block;
    font-size: 12px;
    color: var(--black);
}

.uk-breadcrumb>*>*:hover {
    display: inline-block;
    color: var(--orange);
}

.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
    content: "|";
    display: inline-block;
    margin: 0 4px;
    color: var(--black);
}

.uk-breadcrumb>:last-child>* {
    color: var(--orange)
}

.uk-disabled {
	opacity: 50%;
}

/* -- Dropdown User -- */

.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(--darkgrey);
}

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

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

.uk-nav-divider {
    border-top: 2px solid var(--grey) !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;
}


/* -- Modal -- */

.uk-modal-dialog {
	width: 540px;
	padding: 1rem;
	margin: 0 auto;
	border-radius: 0.5rem;
	border: 2px solid rgba(240,240,244,0.5)
}

.btk-c-modal__back p {
	color: var(--blue);
}

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

.btk-c-modal__close {
	color: var(--red);
	font-size: 20px;
}

.btk-c-modal__content {
	padding: 1.5rem 1rem 2.5rem 1rem;
}

.btk-c-modal__content h5 {
	color: var(--lightblack);
	margin-bottom: 1.5rem;
	font-weight: 600;
}

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

.btk-c-modal__content img {
	width: 120px;
	margin: 1rem 0;
}

.btk-c-modal__content .btk-c-field__input {
	height: 3rem;
}

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

.btk-c-modal__content .btk-c-button__simple, .btk-c-modal__content .btk-c-button__outline {
	margin: 1rem 1rem 1rem;
}

.btk-c-modal-field {
	margin: 0.5rem;
	width: 100%;
}

.btk-c-modale-glogin {
	margin: 1rem 1rem 0 1rem;
	text-align: center;
}

.btk-c-modale-glogin img {
	width: 50%;
	margin: 0 auto;
}

.btk-c-dropdown__user {
	padding: 1rem;
	background-color: var(--white);
	border: 2px solid var(--grey);
	border-radius: 0.5rem;
	margin-top: 5.5rem;
	position: absolute;
}

.btk-upload-status {
	width: 90%;
	padding: 0.5rem 1rem;
	border-radius: 0.5rem;
}

.btk-upload-status p {
	color: var(--black);
	margin: 0 1rem 0 0;
}

.btk-upload-status span {
	color: var(--white);
	line-height: 1.5;
}

.btk-Mstatus-complete {
	background-color: var(--green);
}

.btk-Mstatus-error {
	background-color: var(--red);
}

#confirm_reject .btk-c-modal-field {
	margin: 0.5rem 0;
}

.ms-container {
	width: 100% !important;
}

.ms-container .ms-list:focus {
	border: 2px solid var(--blue) !important;
	box-shadow: unset !important;
}

.ms-container .ms-selectable {
	background-color: var(--white);
}

.ms-container .ms-list {
	background-color: var(--white);
	border: 2px solid var(--grey) !important;
    border-radius: 0.5rem !important;
}

.ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection {
    padding: 0.5rem 1rem !important;
    color: var(--darkgrey) !important;
    font-size: 12px !important;
}

.ms-container .ms-selectable li.ms-elem-selectable:hover, .ms-container .ms-selection li.ms-elem-selection:hover {
    padding: 0.5rem 1rem !important;
	color: var(--white) !important;
	background-color: var(--blue);
    font-size: 12px !important;
}

.btk-c-choise__card {
	min-height: 120px;
	background-color: var(--white);
	padding: 1rem;
	border: 1px solid var(--orange);
	border-radius: 0.5rem;
	margin: 1rem;
}

.btk-c-choise__card i {
	font-size: 2.5rem;
	color: var(--orange);
	margin-bottom: 1rem;
}

.btk-c-choise__card h6 {
	margin: 0 0 0.5rem 0;
	font-weight: 600;
}

/* -- Progress Elements -- */

.btk-l-progress {
	background-color: var(--white);
	border-radius: 0.5rem;	
	padding: 1.5rem;
	margin-bottom: 2.5rem;
	box-shadow: 0 2px 4px 0 var(--shadow);
}

.btk-l-progress .btk-c-button__simple {
	margin-left: 1rem;
}

.btk-c-progress__info {
	margin: 0 2rem 1.5rem 0;
}

.btk-c-progress__info p {
	font-weight: 600;
}

.btk-c-progress__info span {
	margin: 0;
}

.btk-c-progress__icon {
	width: 2rem;
	height: 2rem;
	border-radius: 0.5rem;
	margin-right: 1rem;
}

.btk-c-progress__icon i {
	color: var(--white);
}

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

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

.uk-progress {
	margin: 0;
	height: 0.5rem;
}

.btk-c-progress__bar {
	background-color: var(--blue) !important;
}

/*  -- Filter Elements -- */

.btk-filter-block {
	width: 100%;
}

.btk-filter-content {
	width: 100%;
}

.btk-c-filter-button {
	width: 3rem;
	height: 3rem;
	background-color: var(--lightblue);
	border-radius: 0.5rem;
	border: none;
	font-size: 12px;
	color: var(--blue);
}

.btk-c-filter-button:active {
	background-color: var(--blue);
	font-size: 12px;
	color: var(--lightblue);
}

.btk-c-filter-field {
	margin-right: 1rem;
}

.btk-c-filter-field i {
	font-size: 12px;
}

.btk-l-filter .btk-c-filter-field {
	max-width: 250px;
}

.btk-l-filter .btk-c-field__input {
	height: 44px;
}

.btk-l-filter .btk-c-field__select {
	height: 44px !important;
	padding: 0 1rem !important;
}

.uk-button-primary {
	background-color: #EF8634;
}

@media screen and (max-width: 640px) {
	
	.btk-l-filter {
		flex-direction: column;
		align-items: flex-start;
	}

	.btk-l-filter .btk-c-filter-field {
		max-width: unset !important;
	}

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

/* -- Tab Setting -- */

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

.uk-switcher {
	margin: 0;
}

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

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

@media screen and (max-width: 640px) {

	.btk-c-tab.uk-subnav>li>a {
		width: 75px;
	}
}

@media (min-width:640px) and (max-width: 960px) {

	.btk-c-tab.uk-subnav>li>a {
		width: 100px;
	}
}

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

/* -- General Elements -- */

.btk-l-main {
	margin-top: 1.5rem;
}

.btk-l-main__column {
	align-self: stretch;
}

.btk-l-main__column:first-of-type {
	margin: 0 1rem 0 0;
}

.btk-l-main__column:last-of-type {
	margin: 0 0 0 1rem;
}

.btk-l-main.btk-c-404 {
	margin-top: 0;
}

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

.btk-c-table__column span {
	font-weight: 600 !important;
	color: var(--darkgrey);
}

.btk-c-table__column a {
	margin: 0;
	color: var(--darkgrey);
}

.btk-c-table__column i {
	margin-left: 0.25rem;
}

.btk-c-table__content {
	background-color: var(--white);
	border-radius: 0.5rem;
	/*border: 2px solid var(--grey);*/
	box-shadow: 0 2px 4px 0 var(--shadow);
	margin-bottom: 2rem;
}

.btk-c-table__content p {
	color: var(--darkgrey);
}

.btk-c-table__row {
	margin: 0 1.5rem;
	padding: 1.5rem 0;
	border-bottom: 2px solid var(--grey);
}

.btk-c-table__row:last-of-type {
	border: none !important;
}

.btk-c-table__content .btk-c-table__row:only-child {
	border: none !important;
}

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

.btk-c-table__content .btk-c-table__row-locked a>p {
	color: var(--orange) !important;
}

.btk-c-row__user p {
	color: var(--orange);
}

.btk-c-row__user i {
	font-size: 18px;
	margin-bottom: 0;
	color: var(--orange);
	margin-right: 1rem;
}

.btk-c-row__action {
	justify-content: flex-end;
}

.btk-c-row__action i {
	font-size: 1.5rem;
	color: var(--darkgrey);
}

.btk-c-row__delete {
	width: 5%;
	justify-content: flex-end;
}

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

@media screen and (max-width: 640px) {

	.btk-c-main__title .btk-c-button__simple {
		margin-bottom: 1.5rem;
	}

	.btk-l-main__column:first-of-type {
		margin: 0;
}

	.btk-l-main__column:last-of-type {
		margin: 0;
	}
}

/* -- Keyword List Settings -- */

#keyword-list.btk-c-table__content {
	border: 1px solid var(--grey);
}

#keyword-list .btk-c-table__row {
	margin: 0;
	padding: 0.5rem 1rem;
	border-bottom: 1px solid var(--grey);
}

#keyword-list .btk-c-table__row:nth-of-type(even) {
	background-color: var(--darkwhite) !important;
}

#keyword-list .btk-c-table__row:last-of-type {
	border: none !important;
	border-radius: 0 0 0.5rem 0.5rem;
}

#keyword-list .btk-c-table__row i {
	font-size: 14px;
}

#keyword-list .uk-checkbox {
	width: 14px;
	height: 14px;
}

#expansion-table .btk-c-table__row {
	margin: 0 1rem;
	padding: 0.5rem 0;
	border-bottom: 1px solid var(--darkwhite);
}

/* -- Multyselect Element -- */

#multyselect .btk-c-checkbox {
	background-color: transparent !important;
	border: 1px solid var(--white);
}

#multyselect .btk-c-checkbox:checked {
	background-color: var(--black) !important;
	border: 1px solid var(--black) !important;
}

#multyselect .btk-project-cat {
	box-shadow: none;
}

#multyselect .btk-c-field__select {
	box-shadow: none;
}

#multyselect .btk-c-row__action i {
	font-size: 14px;
}

#multyselect .btk-c-table {
	padding: 0.5rem 1rem;
	background-color: var(--blue);
	border: 2px solid var(--blue);
	border-radius: 0.5rem;
	margin-bottom: 0.5rem;
}

#multyselect .btk-c-table>.btk-c-row__action i {
	color: var(--black) !important;
	font-size: 1rem !important;
}

#multyselect .btk-c-table>.btk-c-row__action p {
	color: var(--black);
	font-weight: 600;
	margin-right: 1rem;
}

#multyselect .btk-c-table>*>a>p {
	color: var(--white);
}

#external-tool-table .btk-l-table {
	width: 100%;
}

#external-tool-table .btk-c-table__content {
	margin-bottom: 0;
}

#external-tool-table .btk-c-table__column {
	margin: 0 1rem 1rem 1rem;
	padding: 0;
}

.uk-panel-scrollable {
	padding: 0;
	height: 500px;
}

@media screen and (max-width: 640px) {
	#external-tool-table .btk-c-table__column {
		margin: 0 0 1rem 0;
	}
}

@media not all and (min-resolution:.001dpcm) {
    @media {
        #external-tool-table #keyword-list .btk-c-table__row {
			flex: none;
		}
    }
}

/* -- Table Status -- */

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

.btk-c-status p {
	color: var(--white);
}

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

.btk-status__todo {
	background-color: var(--blue);
}

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

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

.btk-status__draft {
	background-color: var(--darkgrey);
	opacity: 0.7;
}

.btk-status__review {
	background-color: var(--purple);
}

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

/* -- Alerts Elements -- */

.btk-l-alert {
    margin: 2rem 0;
}

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

.btk-c-alert__success {
    background-color: var(--green);
    padding: 1rem;
    border-radius: 0.5rem;

}

.btk-c-alert__warning {
    background-color: var(--yellow);
    padding: 1rem;
    border-radius: 0.5rem;
}

.btk-c-alert__error {
    background-color: var(--red);
    padding: 1rem;
    border-radius: 0.5rem;
}

.btk-c-alert__wait {
    background-color: var(--grey);
    padding: 1rem;
	border-radius: 0.5rem;
	color: var(--darkgrey);
}

.btk-c-alert__wait p {
    margin: 0 0 0 1rem;
    color: var(--darkgrey) !important;
}

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

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

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

.btk-c-spinner svg {
	width: 20;
	height: 20;
}

/* -- Table Pagination -- */

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

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

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

/* -- Column Size -- */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 640px) {
	
	.btk-c-column {
		padding: 0;
	}
}

@media (min-width: 640px) and (max-width: 960px) {
	
	.btk-c-column {
		padding: 0;
	}
}

/* -- Row 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-60 {
	width: 60%;
}

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

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

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

/* -- Project Table -- */

.btk-project-cat {
	height: 18px;
	background-color: var(--white);
	border: 1px solid var(--grey);
	border-radius: 0.5rem;
	width: 100%;
	padding: 0 0.5rem;
	box-shadow: 0 2px 4px var(--grey);
	margin-right: 1rem;
}

.btk-project-cat i {
	color: var(--lightblack);
	font-size: 10px !important;
	line-height: 4;
}

.btk-c-Rproject-field {
	width: 100%;
	padding: 0 1rem 0 0;
}

.btk-c-Rproject-field .btk-c-field__select {
	height: 18px !important;
	font-size: 10px;
	background-color: var(--white);
	padding: 0 1rem !important;
	border: 1px solid var(--grey);
	box-shadow: 0 2px 4px var(--grey);
}

.btk-c-table {
	padding: 0.5rem 1rem;
	background-color: var(--blue);
	border: 2px solid var(--blue);
	border-radius: 0.5rem;
	margin-bottom: 0.5rem;
}

.btk-c-table>.btk-c-row__action i {
	color: var(--black) !important;
	font-size: 1rem !important;
}

.btk-c-table>.btk-c-row__action p {
	color: var(--black);
	font-weight: 600;
	margin-right: 1rem;
}

.btk-c-table>*>a>p {
	color: var(--white);
}

.btk-c-table__all {
	padding: 0.5rem 1rem;
	background-color: var(--grey);
	border-radius: 0.5rem;
	margin: 1rem 0;
}

.btk-c-table__all p {
	margin-right: 2rem;
}

.btk-c-table__all a {
	color: var(--orange);
	font-weight: 600;
}

.btk-c-delete i {
	color: var(--red);
	margin-left: 1rem;
}

/* -- Projects Status -- */

.btk-Pstatus-todo {
	color: var(--yellow) !important;
}

.btk-Pstatus-todo i {
	color: var(--yellow);
}

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

/* -- Category Toggle -- */

.btk-c-table__category {
	width: 100%;
	background:var(--white);
	border-radius: 0 0 0.5rem 0.5rem;
	box-shadow: 0 6px 10px 0 rgba(0,0,0,0.15);
	padding: 1.5rem;
}

.btk-c-category__col {
	width: 20%;
	margin: 0 1rem;
}

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

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

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

.btk-c-category__button>.btk-c-button__simple {
	min-width: unset;
	background-color: var(--orange);
	width: 180px;
	height: 34px;
	margin: 0 0 0 1rem;
}

.btk-c-table__category>*>a>.btk-c-button__simple {
	min-width: unset;
	background-color: var(--blue);
	width: 200px;
	height: 34px;
	margin: 0 0 0 1rem;
}

.btk-c-table__category>*>a>.btk-c-button__outline {
	min-width: unset;
	width: 200px;
	height: 34px;
	margin: 0 0 0 1rem;
}

.btk-c-category__search>.btk-c-button__simple {
	min-width: unset;
	background-color: var(--orange);
	width: 100px;
	height: 34px;
	margin: 0 0 0 1rem;
}

.btk-c-table__category .btk-c-field__input {
	min-width: 250px;
    height: 0;
    font-size: 10px;
    color: var(--darkgrey) !important;
    background-color: var(--grey);
    border: 1px solid var(--grey);
}

.btk-c-table__category>p {
	margin-bottom: 1rem;
}

.btk-c-category__search>*>i {
	font-size: 1rem;
	color: var(--darkgrey);
	margin: 0 1rem;
}

/* -- Expansion -- */

.btk-c-keyword__list {
	width: 100%;
	max-height: 200px;
	border-radius: 0.25rem;
	margin: 1rem 0;
}

.btk-c-keyword__card {
	padding: 0.25rem 0.5rem;
	background-color: var(--grey);
	border-radius: 0.25rem;
	margin-bottom: 0.5rem;
}

.btk-c-keyword__card i {
	color: var(--red);
	font-size: 1rem;
}

/* === OTHER PAGE ELEMENT === */

/* -- Signup & Signin -- */

.btk-c-access {
	padding: 2.5rem 0;
}

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

.btk-c-access>*>a {
	color: var(--orange);
}

.btk-c-access__box {
	width: 480px;
	background-color: var(--white);
	padding: 2rem 1.5rem;
	border-radius: 0.5rem;
	border: 2px solid var(--grey);
	margin: 2rem 0;
}

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

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

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

.btk-c-access hr {
    width: 30%;
    margin-right: auto;
    margin-left: auto;
}

/* --  Single User -- */

.btk-c-user__avatar {
	width: 200px;
	height: 200px;
	padding: 0 2rem;
}

.btk-c-user__avatar img {
	border-radius: 100px;
}

.btk-c-user__avatar-icon {
	position: absolute;
}

.btk-c-user__avatar-icon i {
	font-size: 2.5rem;
	color: var(--darkgrey);
}

.btk-c-user__field {
	padding: 0 2rem;
}

.btk-c-user__field .btk-c-field-group {
	min-width: 255px;
	margin: 1rem;
}

.btk-l-main h2 {
	font-size: 1.5rem;
	color: var(--lightblack);
	margin: 0 0 1.5rem 0;
}

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

.btk-c-user__password .btk-c-field-group {
	min-width: 255px;
	margin: 1rem;
}

.btk-c-user__password .btk-c-button__simple {
	width: 255px;
	margin: 2rem 1rem 0 1rem;
}

#cover-spin {
    position:fixed;
	width:50;
	height: 50;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
	padding-left: 50%;
	padding-top: 20%;
	display: none;
}

/* === EXTERNAL TOOL ELEMENT === */

/* -- General -- */

.btk-c-chart img {
	width: 100%;
	height: 300px;
	padding: 0 1rem;
	object-fit: contain;
}

.btk-c-box__title p {
	margin: 0 0 1.5rem 0;
}

.btk-c-info__card {
	background-color: var(--darkwhite);
	max-height: 550px;
	min-height: 100px;
	padding: 1rem;
	border-radius: 0.5rem;
	box-shadow: 0 2px 4px 0 var(--shadow);
	margin-bottom: 1rem;
}

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

.btk-c-info__card p {
	margin: 0 0 1rem 0;
}

.btk-c-info__card a>p {
	color: var(--orange);
}

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

.btk-c-recap__card {
	padding: 0.5rem;
	background-color: var(--white);
	border-radius: 0.5rem;
	box-shadow: 0 2px 4px 0 var(--shadow);
}

.btk-c-recap__card i {
	margin-right: 1.5rem;
	font-size: 1rem;
}

.btk-c-recap__card h6 {
	font-weight: 600;
	color: var(--darkgrey);
	margin: 0 0.5rem 0 0;
}

.btk-c-recap__card p {
	color: var(--darkgrey);
}

.btk-c-noresults img {
	width: 300px;
}

.btk-c-404 img {
	height: 380px;
}

.btk-c-noresults a {
	color: var(--orange);
}

.btk-c-404 a {
	color: var(--orange);
}

@media screen and (max-width: 640px) {

	.btk-c-chart img {
		height: 150px;
		padding: 1rem 0;
	}

	.btk-c-info__card {
		margin-top: 2rem;
		margin-bottom: 0;
	}
}

@media (min-width: 640px) and (max-width: 960px) {

	.btk-c-info__card {
		margin: 2rem 0.5rem 0 0.5rem;
	}
}

@media (min-width: 960px) and (max-width: 1200px) {

	.btk-c-info__card {
		margin: 2rem 0.5rem 0 0.5rem;
	}
}

/* -- Highcharts -- */

.highcharts-title tspan {
	font-weight: 600 !important;
	font-family: 'Open Sans', sans-serif !important;
}

.highcharts-subtitle tspan {
	font-weight: 500 !important;
	font-family: 'Open Sans', sans-serif !important;
}

.highcharts-menu {
	background-color: var(--white);
	border-radius: 0.5rem;
	padding: 1rem !important;
	box-shadow: 0 2px 10px 0 var(--shadow) !important;
	border: none !important;
}

.highcharts-menu-item {
	font-family: 'Open Sans', sans-serif !important;
	color: var(--darkgrey);
	transition: none !important;
}

.highcharts-menu-item:hover {
	background-color: var(--blue) !important;
}

.highcharts-drilldown-axis-label {
	color: var(--blue) !important;
	fill: var(--blue) !important;
	text-decoration: none !important;
}

/* -- Data Table -- */

.dataTables_wrapper .dataTables_filter label {
	font-size: 12px;
	color: var(--darkgrey) !important;
}

.dataTables_wrapper .dataTables_filter input {
	height: 2rem !important;
	border-radius: 0.5rem !important;
	border: 2px solid var(--grey) !important;
	margin-bottom: 1rem !important;
}

.dt-buttons button {
	font-size: 12px !important;
	border-radius: 0.5rem !important;
	color: var(--white) !important;
	border: none !important;
	background: unset !important;
}

.dt-buttons button:first-of-type {
	background-color: var(--darkgrey) !important;
}

.dt-buttons button:last-of-type {
	background-color: var(--red) !important;
}

.dataTable thead th {
    padding: 0.5rem 1.5rem !important;
	text-align: left !important;
	border-bottom: 1px solid var(--grey) !important;
}

.dataTable tfoot th {
	border-top: none !important;
}

.dataTable tfoot select {
	border: 2px solid var(--grey) !important;
	border-radius: 0.5rem !important;
	height: 2rem !important;
    font-size: 12px !important;
    color: var(--darkgrey) !important;
}

.dataTable tr {
    font-size: 12px !important;
	color: var(--darkgrey);
}

.dataTable td {
	border-top: 1px solid var(--grey) !important;
	padding: 0.5rem 1.5rem !important;
}

.dataTable tbody td.select-checkbox:before, .dataTable tbody th.select-checkbox:before {
    margin-top: -2px !important;
    border: 1px solid var(--darkgrey) !important;
}

.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after {
	margin-top: -6px !important;
	text-shadow: unset !important;
	color: var(--blue) !important;

}

table.dataTable.stripe tbody>tr.odd.selected, table.dataTable.stripe tbody>tr.odd>.selected, table.dataTable.display tbody>tr.odd.selected, table.dataTable.display tbody>tr.odd>.selected {
    background-color: var(--lightblue) !important;
}

table.dataTable.display tbody>tr.odd.selected>.sorting_1, table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_1 {
    background-color: var(--blue) !important;
	color: var(--white) !important;
}

table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
    background-color: var(--lightblue) !important;
}

table.dataTable.display tbody>tr.even.selected>.sorting_1, table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1 {
    background-color: var(--blue) !important;
	color: var(--white) !important;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: var(--lightblue) !important;
}

.paginate_button.current {
	font-size: 10px !important;
	padding: 8px 12px !important;
	background: unset !important;
	background-color: var(--blue) !important;
	border-radius: 0.5rem !important;
	border: none !important;
}

.paginate_button {
	font-size: 10px !important;
	padding: 8px 12px !important;
	background: unset !important;
	background-color: var(--grey) !important;
	border-radius: 0.5rem !important;
	border: none !important;
	margin: 0 0.5rem;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
	color: var(--white) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	color: var(--white) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	color: var(--darkgrey) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	color: var(--blue) !important;
}

.dataTables_info {
	font-size: 12px;
	color: var(--darkgrey) !important;
}

thead input {
        width: 100%;
}

.dt-buttons button:nth-child(2) {
    background-color: var(--darkgrey) !important;
}


/* -- Form GTrends Newsletter -- */

#newsletter .btk-c-field__group {
	margin-top: 1rem;
	width: 60%;
}

#newsletter .btk-c-field__group a {
	color: var(--orange);
}

#newsletter .btk-c-field__input {
	border-radius: 0.5rem 0 0 0.5rem;
}

#newsletter .btk-c-button__simple {
	height: 3.5rem;
	border-radius: 0 0.5rem 0.5rem 0;
	margin-top: 2.5rem;
}

.btk-c-newsletter__image img{
	width: 70%;
	height: 70%;
	margin: 0 0 0 auto;
}

#newsletter .form-error {
	font-size: 14px;
	color: var(--red);
}

#success-news {
	display: none;
	border-radius: 4px;
	background-color: var(--green);
	color:var(--white);
	text-align: center;
}

@media screen and (max-width: 640px) {

	.btk-c-newsletter__image {
		margin-bottom: 1.5rem;
	}

	#newsletter .btk-c-field__group {
		margin: 1rem 0;
		width: 100%;
		border-radius: 0.5rem;
	}

	#newsletter .btk-c-button__simple {
		width: 100%;
		border-radius: 0.5rem;
		margin-bottom: 0;
	}

	.btk-c-newsletter__image img{
		width: 100%;
		height: 100%;
	}
}

@media (min-width: 640px) and (max-width: 960px) {

	.btk-c-newsletter__image {
		margin-bottom: 1.5rem;
	}

	.btk-c-newsletter__image img{
		width: 60%;
		margin: 0 auto;
	}

	#newsletter .btk-c-field__group {
    	width: 70%;
	}
}

/* -- Form GTrends Footer -- */

#footer-form h2 {
	color: var(--white);
	margin-bottom: 0;
}

#footer-form p {
	color: var(--white);
	margin: 0 0 2.5rem 0;
}

#footer-form a {
	color: var(--orange)
}

#footer-form .btk-c-field__group {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 1rem;
}

#footer-form .btk-c-field__group label {
	font-size: 14px;
	color: var(--white);
}

#footer-form .btk-c-field__input {
    height: 3rem;
    background-color: var(--white);
    border-radius: 0.5rem;
    border: none;
}

#form-footer .btk-c-button__simple {
	margin-top: 2rem;
}


#success {
	display: none;
	border-radius: 4px;
	background-color: var(--green);
	color:var(--white);
	text-align: center;
	padding: 1rem 0;
	margin-top: 1rem;

}

/* -- Form Result Page -- */

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

#result-form .btk-c-form__row .btk-c-field__group:nth-child(2) {
    margin: 0 0 0 1.5rem;
}

#result-form .btk-c-form__row .btk-c-field__group:nth-child(3) {
    margin: 0 0 0 1.5rem;
}

#result-form .btk-c-button__simple {
    width: 100%;
	min-width: unset;
    height: 3.5rem;
    background-color: var(--orange);
    border-radius: 0.25rem;
    line-height: 48px;
    color: var(--white);
    text-transform: none !important;
	margin: 1.5rem 0 0 1.5rem;
}

@media screen and (max-width: 640px) {

	#result-form .btk-c-form__row .btk-c-field__group:nth-child(2) {
    	margin: 1rem 0 0 0;
	}

	#result-form .btk-c-form__row .btk-c-field__group:nth-child(3) {
    	margin: 1rem 0 0 0;
	}
}

/* -- Form Result Page -- */

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

#result-form .btk-c-form__row .btk-c-field__group:nth-child(2) {
    margin: 0 0 0 1.5rem;
}

#result-form .btk-c-form__row .btk-c-field__group:nth-child(3) {
    margin: 0 0 0 1.5rem;
}

#result-form .btk-c-button__simple {
    width: 100%;
	min-width: unset;
    height: 3.5rem;
    background-color: var(--orange);
    border-radius: 0.25rem;
    line-height: 48px;
    color: var(--white);
    text-transform: none !important;
	margin: 1.5rem 0 0 1.5rem;
}

@media screen and (max-width: 640px) {

	#result-form .btk-c-form__row .btk-c-field__group:nth-child(2) {
    	margin: 1rem 0 0 0;
	}

	#result-form .btk-c-form__row .btk-c-field__group:nth-child(3) {
    	margin: 1rem 0 0 0;
	}
}

/* -- Google News & Social Element -- */

.btk-c-card__news {
	border-bottom: 2px solid var(--grey);
	padding: 1.5rem 0.5rem;
}

.btk-c-card__news:first-of-type {
	border-bottom: 2px solid var(--grey);
	padding-top: 0;
}

.btk-c-card__news:last-of-type {
	border: none;
	padding: 1.5rem 0.5rem;
}

.btk-c-card__news h6 {
	color: var(--lightblack);
	font-weight: 600;
	margin: 0 0 0.5rem 0;
}

.btk-c-card__news i {
	color: var(--darkgrey);
	margin: 0 0.25rem 0 0;
}

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

.btk-c-box__social hr {
	margin: 1rem 0;
}

.btk-c-box__social h6 {
	color: var(--lightblack);
	font-weight: 600;
}

.btk-c-box__nodata img {
	width: 200px;
	height: 200px;
	margin-bottom: 1rem;
}

.btk-c-box__nodata h4 {
	color: var(--blue);
}

.btk-c-hashtag {
	padding: 0.25rem;
	color: var(--white);
	background-color: var(--blue);
	border-radius: 0.25rem;
	margin: 0 0.5rem 0.5rem 0;
}

.btk-c-word {
	padding: 0.25rem;
	color: var(--white);
	background-color: var(--darkgrey);
	border-radius: 0.25rem;
	margin: 0 0.5rem 0.5rem 0;
}

.btk-c-card__social {
	margin: 1.5rem;
}

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

.btk-c-card__social h6~i {
	font-size: 1rem;
	color: var(--lightblack);
	margin-left: 0.5rem;
}

.btk-c-card__social p {
	font-size: 40px;
	font-weight: 900;
	line-height: 1;
}


@media screen and (max-width: 640px) {
	.btk-c-social__column:last-of-type{
		margin-top: 2rem;
	}
}

@media (min-width: 640px) and (max-width: 1200px) {
	.btk-c-social__column:last-of-type{
		margin-top: 2rem;
	}
}


/* -- Easter Egg -- */

.btk-c-easteregg__text {
	margin: auto 2rem;
	height: 100%;
}

.btk-c-easteregg .btk-c-chart img {
	height: 450px !important;
}

.btk-c-easteregg .btk-c-chart h2 {
	font-weight: 400;
	font-size: 35px;
}

.btk-c-easteregg .btk-c-chart p {
	color: var(--lightblack);
}

.btk-c-easteregg .btk-c-chart p>a {
	color: var(--orange);
}

@media screen and (max-width: 640px) {

	.btk-c-easteregg__text {
		margin: auto 1rem;
		height: 100%;
	}

	.btk-c-easteregg .btk-c-chart h2 {
		font-weight: 400;
		font-size: 25px;
	}

	.btk-c-easteregg .btk-c-chart img {
		height: 400px !important;
		object-fit: cover;
		margin-bottom: 1rem;
	}
}

@media (min-width: 640px) and (max-width: 960px) {

	.btk-c-easteregg .btk-c-chart img {
		height: 500px !important;
		object-fit: cover;
		margin-bottom: 1rem;
		object-position: top;
	}
}

@media (min-width: 960px) and (max-width: 1200px) {

	.btk-c-easteregg .btk-c-chart h2 {
		font-weight: 400;
		font-size: 30px;
	}
}

/* -- Ai Drive Optimization Function -- */

#card-choice .btk-l-box {
	margin: 0 1rem;
}

#card-choice .btk-l-box img {
	width: 120px;
	height: 120px;
	margin-bottom: 0.5rem;
	padding: 1rem;
}

#card-choice .btk-l-box i {
	font-size: 1.5rem;
	background-color: white;
	position: absolute;
	border-radius: 5rem;
	padding: 0.5rem;
	margin-bottom: 1rem;
}

#property-card .btk-l-box {
	padding: 0;
	height: unset;
	margin: 1rem;
	min-height: 220px;
}

#property-card .btk-l-box__color .btk-l-box__info i {
	margin-right: 1rem;
	font-size: 1.5rem;
}

#property-card .btk-l-box__info {
	padding: 1rem;
}

#property-card .btk-l-box__info .btk-l-box__site img {
	width: 1.5rem;
	height: 1.5rem;
	margin-right: 0.5rem;
}

#property-card .btk-l-box__info .btk-l-box__site img {
	width: 1.5rem;
	height: 1.5rem;
	margin-right: 0.5rem;
}

#property-card .btk-l-box__info .btk-l-box__data i {
	margin-right: 0.25rem;
}

#property-card .btk-l-box__info .btk-l-box__data {
	margin-right: 1rem;
}

#property-card .btk-l-box span{
	font-size: 2rem;
	font-weight: 400;
}

#single-property .btk-l-box__site  {
	margin-bottom: 2rem;
}

#single-property .btk-l-box__site img {
	width: 3rem;
	height: 3rem;
	margin-right: 1rem;
}

#single-property .btk-l-box__site i {
	font-size: 1.5rem;
	margin-right: 0.5rem;
}

#single-property .btk-c-header__sticky {
	background-color: #FAFBFC !important;
	padding: 1.5rem 0 !important;
}

#simple-property .uk-sticky-fixed {

}