/* ------------------------------- MODAL GENERAL ------------------------------- */

/* common */

#modal {
	position: fixed; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden;
	display: none; opacity: 0; filter: alpha(opacity=0); background: rgba(0,0,0,0.8); z-index: 1000;
}

#modal.active {
	-webkit-transform: scale(1.15); transform: scale(1.15); display: block;
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946), opacity 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946);
	-o-transition: -o-transform 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946), opacity 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946);
	transition: transform 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946), opacity 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

#modal.visible {
	-webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100);
	-webkit-transition: -webkit-transform 0.0s cubic-bezier(0.465, 0.183, 0.153, 0.946), opacity 0.2s cubic-bezier(0.465, 0.183, 0.153, 0.946);
	-o-transition: -o-transform 0.0s cubic-bezier(0.465, 0.183, 0.153, 0.946), opacity 0.2s cubic-bezier(0.465, 0.183, 0.153, 0.946);
	transition: transform 0.0s cubic-bezier(0.465, 0.183, 0.153, 0.946), opacity 0.2s cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

#modal_container {overflow: auto; z-index: 1001; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; text-align: left; direction: ltr; position: fixed;}
#modal.visible #modal_container {overflow-y: scroll;}
#modal_overlay {position: absolute; width: 100%; min-height: 100%; left: 0; top: 0;}

#modal_content {
	position: relative; height: auto; margin: 55px auto 20px; padding: 0; /*background: #fff;*/
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

#modal_content b, #modal_content strong {font-weight: 600;}

/* content */

#modal_body {padding: 40px 40px 25px 40px; width: 100%; background: #fff;}

#modal_body.top_1 {padding-top: 35px;}
#modal_body.top_2 {padding-top: 50px;}
#modal_body.bottom_1 {padding-bottom: 20px;}
#modal_body.bottom_2 {padding-bottom: 30px;}
#modal_body.bottom_3 {padding-bottom: 35px;}
#modal_body.bottom_4 {padding-bottom: 40px;}
#modal_body.bottom_5 {padding-bottom: 15px;}

#user_photo_wrap {position: relative; margin: 0 auto;}

#modal_upload_error {margin: 10px 0; padding: 10px; border: 1px solid #D4BC4C; background: #F9F6E7; display: none;}
#modal_upload_error_title {font-weight: 600;}

/* edit */

.modal_row {margin-bottom: 10px; position: relative;}
.modal_row.wide {margin-bottom: 20px;}
.modal_row.double {display: table; width: 100%; margin-bottom: 30px;}
.modal_row.double > div:first-child {width: 50%; display: table-cell; padding-right: 10px;}
.modal_row.double > div:last-child {width: 50%; display: table-cell; padding-left: 10px;}

.modal_note {margin-bottom: 20px; line-height: 160%;}
.modal_label {margin-bottom: 10px; line-height: 16px; color: #8899a7;}
.modal_label.compact {margin: 0;}

.modal_edit {position: relative; height: 35px; width: 100%; line-height: 16px; color: #222; border-bottom: 1px solid #aaa;}
.modal_edit.focused {border-bottom: 2px solid #4c83d1;}
.modal_edit.error {border-bottom: 2px solid #f33;}
.modal_edit.hide {border: 0;}

.modal_item_label {font-size: 12px; position: absolute; top: -16px; color: #95a3b0;}

/* input (new) */

.edit_group {position: relative; height: 35px; width: 100%; line-height: 16px; color: #222; border-bottom: 1px solid #aaa;}
.edit_group:focus-within {border-bottom: 2px solid #4c83d1;}

/*.modal_edit_new > input::-webkit-input-placeholder {color: #828282;}
.modal_edit_new > input::-moz-placeholder {color: #828282;}
.modal_edit_new > input:-ms-input-placeholder {color: #828282;}
.modal_edit_new > input::-ms-input-placeholder {color: #828282;}*/
.edit_group > input::placeholder {color: #828282;}
.edit_group.error {border-bottom: 2px solid #f33;}

.edit_group > label {line-height: 100%; font-size: 11px; color: #cf2832; position: absolute; bottom: -16px;}

.edit_group > i {
	position: absolute; top: 0; right: 0; background: #fff; z-index: 10;
	cursor: pointer; margin: 5px 0 0 0; padding: 0 2px 0 5px; line-height: 28px;
}

/* input */

.modal_input {position: absolute; top: 0; left: 0; width: 100%; padding: 8px 0; line-height: 18px; color: #333; z-index: 10;}
.modal_input.readonly {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer;}
.modal_input.compact {padding: 0;}

.modal_textarea {width: 100%; padding-top: 8px; resize: none;}

/* placeholder */

.modal_placeholder {
	position: absolute; top: 0; left: 0; line-height: 18px; padding: 8px 0; color: #828282; opacity: 0;
	filter: alpha(opacity=0); pointer-events: none;
	-webkit-transform: translate(30px, 0px); transform: translate(30px, 0px);
	-webkit-transition: -webkit-transform 0.2s ease, color 0.2s ease, opacity 0.2s ease;
	-o-transition: -o-transform 0.2s ease, color 0.2s ease, opacity 0.2s ease;
	transition: transform 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}

.modal_placeholder.visible {opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
.modal_input:focus~.modal_placeholder, .modal_textarea:focus~.modal_placeholder {color: #b8b9bb;}

.modal_placeholder.empty {color: #b8b9bb;}

/* error */

.modal_error {height: 20px; line-height: 15px; padding-top: 5px; font-size: 11px; color: #cf2832;}

#modal_error a {color: #006598; text-decoration: none;}
#modal_error a:hover {color: #c00;}

.cast_apply_note a {color: #006598; text-decoration: none;}
.cast_apply_note a:hover {color: #c00;}

/* close */

#modal_close {cursor: pointer; text-align: right;}
#modal_close > i {font-size: 10px; line-height: 54px; margin: 0 20px; color: #fff; opacity: 0.8; filter: alpha(opacity=80);}
#modal_close:hover > i {opacity: 1; filter: alpha(opacity=100);}

/* controls */

#modal_controls {width: 100%;}

.modal_btn {
	display: block; position: relative; text-transform: uppercase; color: #fff; cursor: pointer; text-align: center;
	vertical-align: middle; white-space: nowrap; width: 100%; font-weight: 600; line-height: 65px; height: 65px;
	background: #336fa8; font-size: 11px; border: 0; letter-spacing: 0.3px; transition: all 0.2s ease-out; text-decoration: none;
	user-select: none;
}

.modal_btn:hover {background-color: #245d93;}

.modal_link {color: #2a5885; text-decoration: none;}

/* waiting */

#lock_btn {display: none;}

.pr_big .pr_d {width: 8px; height: 8px;}

.pr_d {
	display: inline-block; width: 5px; height: 5px; margin: -2px 5px 0 0;
	-webkit-border-radius: 2.5px; -moz-border-radius: 2.5px; border-radius: 2.5px; opacity: 0.2; filter: alpha(opacity=20);
	background-color: rgba(255, 255, 255, 0.8); vertical-align: middle;
	-webkit-animation: 1200ms ease-in-out 0s infinite waiting;
	-o-animation: 1200ms ease-in-out 0s infinite waiting;
	animation: 1200ms ease-in-out 0s infinite waiting;
}

.pr_d.pr_gray {width: 4px; height: 4px; margin: -2px 4px 0 0; background-color: rgba(150, 150, 150, 0.8);}

.pr_d:last-child {margin-right: 0;}
.pr_d:nth-child(1) {-webkit-animation-delay: 0ms; -o-animation-delay: 0ms; animation-delay: 0ms;}
.pr_d:nth-child(2) {-webkit-animation-delay: 240ms; -o-animation-delay: 240ms; animation-delay: 240ms;}
.pr_d:nth-child(3) {-webkit-animation-delay: 480ms; -o-animation-delay: 480ms; animation-delay: 480ms;}

@-webkit-keyframes waiting {
	0% {opacity: 0.2; filter: alpha(opacity=20);}
	30%{opacity: 1; filter: alpha(opacity=100);}
	70%{opacity: 0.2; filter: alpha(opacity=20);}
}

@-o-keyframes waiting {
	0% {opacity: 0.2; filter: alpha(opacity=20);}
	30%{opacity: 1; filter: alpha(opacity=100);}
	70%{opacity: 0.2; filter: alpha(opacity=20);}
}

@keyframes waiting {
	0% {opacity: 0.2; filter: alpha(opacity=20);}
	30%{opacity: 1; filter: alpha(opacity=100);}
	70%{opacity: 0.2; filter: alpha(opacity=20);}
}

/* preloader */

#preloader {
	position: fixed; top: 50%; left: 50%; opacity: 0.6; filter: alpha(opacity=60); z-index: 1001; margin: -25px 0 0 -50px;
	width: 100px; height: 50px; background: #000; padding: 8px 0 0 23px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

/* ------------------------------- MODAL SECTIONS ------------------------------- */

/* gallery */

#modal_gallery {width: 100%; position: relative;}
#modal_gallery > #photo {display: block; width: 100%; position: relative;}
#modal_gallery > #photo img {height: auto;}

/* login */

.login_more {color: #999; font-size: 12px; text-decoration: none; cursor: pointer; line-height: 150%;}
.login_more:hover {color: #333;}

/* screen name */

.screen_name_table {display: table; width: 100%; padding: 8px 0;}
.screen_name_domain {display: table-cell; width: 0; position: relative; line-height: 18px; color: #777;}
.screen_name_input {display: table-cell; width: 100%; position: relative; vertical-align: top;}
.screen_name_input_wrap {position: relative;}
.screen_name_placeholder {line-height: 18px; padding: 0 0 0 2px; text-transform: lowercase;}

/* appearance */

.modal_appearance_left {width: 48%; float: left; margin: 0 4% 0 0;}
.modal_appearance_right {width: 48%; float: left;}

@media screen and (max-width: 500px)  {
	#modal_body {padding: 30px 30px 15px 30px; font-size: 15px;}
	#modal_body.top_1 {padding-top: 30px;}
	#modal_body.top_2 {padding-top: 40px;}
	#modal_body.bottom_1 {padding-bottom: 10px;}
	#modal_body.bottom_2 {padding-bottom: 15px;}
	#modal_body.bottom_3 {padding-bottom: 40px;}
	#modal_body.bottom_4 {padding-bottom: 30px;}
	#modal_body.bottom_5 {padding-bottom: 15px;}
	.modal_error {font-size: 13px;}
	.modal_btn {font-size: 12px;}
	.login_more {font-size: 14px;}
	.modal_appearance_left {width: 100%; float: none; margin: 0;}
	.modal_appearance_right {width: 100%; float: none;}
}

/* post create */

.modal_row_post {margin: 0; position: relative;}
.modal_edit_post {height: auto; border: 0; position: relative; padding: 0 30px 0 0;}
.post_details {height: 160px; margin: 0 0 10px 0; padding-top: 6px;}

#post_upload_photo {
	position: absolute; display: inline-block; top: 0; right: 0; padding: 5px; cursor: pointer; z-index: 9999; color: #aaa;
	-webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s;
}

#post_upload_photo:hover {color: #777;}
#post_upload_photo > i {font-size: 18px;}

#post_upload_photo.in_progress {padding: 8px 4px; cursor: default;}

#post_upload_thumbs {padding: 0;}

.post_upload_thumb {position: relative; display:inline-block; margin: 0 10px 0 0; width: 60px;}
.post_upload_thumb_remove {
	position: absolute; top: 0; right: 0; width: 15px; height: 15px; background: #000; opacity: 0.6; filter: alpha(opacity=60);
}
.post_upload_thumb_remove > i {color: #fff; font-size: 8px; vertical-align: top; padding: 3px 3px 3px 3px;}
.post_upload_thumb_remove:hover {opacity: 0.9; filter: alpha(opacity=90);}
.post_upload_thumb_img {height: 60px; width: 60px;}

#post_upload_errors {color: #cf2832; font-size: 11px; padding: 10px 0 0 0; line-height: 150%;}

/* post details */

#photo_detail {width: 100%; height: auto;}

#post_details_body {cursor: text; margin-bottom: 15px;}
#post_details_media {display: inline-block;}
.post_details_photo {width: 100%; padding: 15px 0 0 0;}

/* moderation */

.users_exist_note {display: inline-block; margin: 30px 0 20px 0; font-weight: 600;}

/* user categories */

.modal_category_controls {float: right; height: 34px; margin: 0 0 0 10px;}
.modal_category_select {width: 100%; font-size: 14px; height: 34px; line-height: 1.4; padding: 6px 12px;}

.modal_category_accept {width: 34px; height: 34px;}
.modal_category_accept > i {
	line-height: 34px; width: 34px; text-align: center; color: #fff; background-color: #ccc;
	-webkit-transition: background-color 100ms ease-out;
	-o-transition: background-color 100ms ease-out;
	transition: background-color 100ms ease-out;
}
.modal_category_accept.active > i {background-color: #4f7196;}
.modal_category_accept:hover > i {background-color: #4f7196;}

/* user appearance */

#owner_pic {width: 288px; height: 480px; float: left;}
#owner_pic_wrap {
	position: absolute; top: 0; left: 283px; height: 480px; width: 5px; display: block; z-index: 200;
	box-shadow: inset -1px 0 1px -1px rgba(0,0,0,0.35);
}

#appearance_info {padding: 20px 35px; display: table; background: #fff; width: 462px; height: 480px;}

#appearance_label {padding: 5px 0 0 0; line-height: 30px; font-size: 12px; color: #888; display: table-cell; height: 30px;}
#appearance_name {padding: 5px 0 25px 0; line-height: 30px; font-size: 26px; display: table-cell; height: 30px; font-weight: 300;}

#appearance_params {display: table-cell; position: relative; border-top: 1px solid #ccc; padding-top: 20px;}
#appearance_params_left {float: left; width: 45%;}
#appearance_params_right {float: left; width: 55%;}

.appearance_params_item {padding: 12px 0; line-height: 20px; font-size: 14px;}

/* status */

#modal_roles_note {padding: 40px 50px 0 50px;}
#modal_roles {padding: 20px 20px 40px 40px;}

.settings_role_badge {
	display: inline-block; margin: 4px 20px 4px 10px; padding: 5px 0 6px 0; cursor: pointer;
	border: 2px solid #fff; font-size: 11px; text-transform: uppercase; font-weight: 600;
}

.settings_role_badge:hover {margin: 4px 10px 4px 0; padding: 5px 10px 6px 10px; color: #3b6598; border: 2px solid #a0bee8;}
.settings_role_badge.active {margin: 4px 10px 4px 0; padding: 5px 10px 6px 10px; color: #3b6598; border: 2px solid #4c83d1;}

@media screen and (max-width: 600px) {
	#modal_roles_note {display: none;}
	#modal_roles {padding: 0;}
	.settings_role_badge {font-size: 13px;}
}

/* user share */

.modal_share_note {margin-bottom: 20px; line-height: 160%; text-align: center;}

.modal_share {text-align: center; width: 100%; margin-bottom: 10px;}
.modal_share_wrap {display: inline-block; padding-top: 5px;}

.modal_share_btn {float: left; height: 70px; width: 70px; cursor: pointer;}

#facebook_share {background: #3b5998; margin-right: 20px;}
#twitter_share {background: #55acee; margin-right: 20px;}
#vk_share {background: #5f7fa2;}

.icon_share_facebook {color: #fff; line-height: 70px; font-size: 17px;}
.icon_share_twitter {color: #fff; line-height: 70px; font-size: 17px;}
.icon_share_vk {color: #fff; line-height: 70px; font-size: 17px;}

/* cast types */

.simple_item {
	padding: 26px 30px 24px 30px; border-bottom: 1px solid #ccc; width: 100%; display: block; color: #4F515B;
	text-decoration: none; font-size: 15px; text-transform: uppercase; font-weight: 600; cursor: pointer;
}
.simple_item:hover {color: #222;}
.simple_item:last-child {border: 0;}
.simple_item.active {color: #ec2c22;}

.simple_item_group {position: relative; overflow: hidden;}
.simple_item_group i {
	position: absolute; padding: 20px 25px; top: 4px; right: 0; font-size: 18px;
	-webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
.simple_item_group.active i {transform: rotate(180deg);}

.simple_item_compact {
	padding: 26px 30px 24px 30px; border-top: 1px solid #ccc; color: #4F515B; text-decoration: none; font-size: 15px;
	text-transform: uppercase; font-weight: 600; cursor: pointer;
}
.simple_item_expand {
	overflow: hidden; max-height: 0;
	-webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
}

.simple_item_inner {
	padding: 26px 30px 24px 30px; border-top: 1px solid #ccc; width: 100%; display: block; color: #4F515B; text-decoration: none;
	font-size: 15px; text-transform: uppercase; font-weight: 600; cursor: pointer;
}
.simple_item_inner:hover {color: #222;}
.simple_item_inner.active {color: #ec2c22;}
.simple_item_inner.label {color: #8b8e9d; cursor: default;}

/* cast cities */

.location_title {
	font-family: roboto, sans-serif; font-size: 14px; font-weight: 600; margin-top: 20px; margin-bottom: 25px;
	letter-spacing: 0; text-align: center; text-transform: uppercase;
}

.location_table {display: table; width: 100%;}
.location_table_countries {display: table-cell; width: 20%; vertical-align: top; position: relative;}
.location_table_countries::before {content: ''; position: absolute; width: 1px; height: 100%; top: 6px; bottom: 0; right: 0; background: #ccc;}
.location_table_cities {display: table-cell; width: 80%; vertical-align: top; padding-left: 30px;}

.location_table_group {
	display: none; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; overflow: auto; width: 100%;
	-webkit-column-gap: 18px; -moz-column-gap: 18px; column-gap: 18px;
}
.location_table_group.active {display: block;}

.location_country {
	padding: 6px 0 6px 10px; color: #777; font-size: 13px; cursor: pointer; letter-spacing: 0; font-weight: 600;
	font-family: roboto, sans-serif; text-transform: uppercase;
	-webkit-transition: all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition: all 0.2s ease-out;
}
.location_country:hover {color: #222;}
.location_country.active {color: #222;}
.location_country.select {color: #ec2c22;}
.location_city {
	margin-bottom: 5px; padding: 0; font-family: roboto, sans-serif; font-weight: 400; font-size: 13px;
	-webkit-transition: all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition: all 0.2s ease-out;
}
.location_city span {
	text-decoration: none; cursor: pointer; color: #333; display: inline-block; padding: 5px;
	-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column;
}
.location_city span:hover {color: #ec2c22;}
.location_city span.select {color: #ec2c22;}

.location_city_label {margin-bottom: 5px; padding: 5px; font-family: roboto, sans-serif; font-size: 13px; color: #777;}

/* cast details */

#cast_detail_title {padding: 0 0 20px 0; background: #fff; color: #191919; line-height: 150%; font-weight: 400; font-size: 20px;}

#cast_detail_body {padding: 5px 0 20px 0; line-height: 155%; font-size: 14px; color: #111; word-wrap: break-word;}
#cast_detail_body a {color: #006598; font-size: 14px; text-decoration: none;}
#cast_detail_body a:hover {color: #c00;}

#cast_detail_info {width: 100%; height: 90px; position: relative; margin-top: 15px; border-top: 1px solid #d6d6d6;}
.cast_detail_info_wrap {position: absolute; left: 0; top: 35px;}

.cast_detail_author_photo_wrap {float: left;}
#cast_detail_author_photo {height: 44px; width: 44px; border-radius: 50%; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5);}

.cast_detail_author_name_wrap {float: left; padding-left: 0;}

#cast_detail_author_name {padding-top: 2px; font-weight: 600; font-size: 13px;}
#cast_detail_created {color: #777; font-size: 11.5px; clear: both; padding-top: 7px; line-height: 130%;}

.cast_detail_contacts {position: absolute; right: 0; top: 35px;}

#cast_detail_contact_no_auth a {color: #006598; text-decoration: none;}
#cast_detail_contact_no_auth a:hover {color: #c00;}

#modal_controls.cast_detail_controls {display: none;}

@media screen and (max-width: 800px) {
	#cast_detail_title {font-size: 17px; line-height: 22px; font-weight: 400;}
	#cast_detail_body {padding: 0; line-height: 145%; font-size: 14.5px;}
	#cast_detail_info {display: none;}
	#modal_body.cast_detail_modal {padding: 20px;}
	#modal_controls.cast_detail_controls {display: block;}
}

/* cast apply */

.cast_apply_note {color: rgba(0,0,0,.9); padding: 0 0 20px 0; margin: 0 0 10px 0; border-bottom: 1px solid #ccc;}
.cast_apply_row {margin: 0; position: relative;}
.cast_apply_edit {height: auto; border: 0; position: relative; width: 100%;}
.cast_apply_message {height: 150px;}

/* cast add */

.cast_add_note {color: rgba(0,0,0,.9); margin: 0;}
.cast_add_note_short {display: none;}
.cast_add_error {padding: 10px; line-height: 150%; border-left: 2px solid #d50000; background: #fbe9e7; color: #d50000; margin-top: 15px;}
.cast_add_border {padding: 0 0 20px 0; margin: 0 0 10px 0; border-bottom: 1px solid #ccc;}
.cast_add_text {height: 170px;}

@media screen and (max-width: 800px) {
	.cast_add_note_full {display: none;}
	.cast_add_note_short {display: inline;}
	.cast_add_text {height: 250px;}
}

/* email */

.email_detail_title {word-wrap: break-word;}
.email_detail_body {line-height: 135%; word-wrap: break-word;}
.email_detail_body a {color: #33567f; text-decoration: none;}
.email_detail_body a:hover {color: #c00;}

/* verify */

#phone_timer {padding-top: 10px;}

/* company edit */

.modal_company_locations {padding: 10px 0; margin-bottom: 30px;}

.modal_company_locations_item {border-bottom: 1px solid #aaa; height: 42px; line-height: 42px; position: relative;}
.modal_company_locations_item:first-child {border-top: 1px solid #aaa;}
.modal_company_locations_delete {color: #95a3b0; font-size: 11px; position: absolute; right: 4px; top: 0; cursor: pointer;}

.modal_company_locations_add {
	height: 34px; line-height: 34px; background: #95a3b0; color: #fff; display: inline-block; width: 160px; cursor: pointer;
	text-align: center; transition: all 0.2s ease-out;
}
.modal_company_locations_add:hover {background: #748595;}

.modal_company_tags {padding: 10px 0; display: inline-block; margin-bottom: 30px;}
.modal_company_tags_item {
	width: auto; display: inline-block; float: left; padding: 0 16px; line-height: 34px; color: #fff; background: #d0d7dd;
	margin-right: 12px; margin-bottom: 12px; cursor: pointer; transition: all 0.2s ease-out;
}
.modal_company_tags_item:last-child {margin-bottom: 0;}
.modal_company_tags_item:hover {background-color: #95a3b0;}
.modal_company_tags_item.active {background-color: #95a3b0;}