@charset "utf-8";

/* ------------------------------- RESET ------------------------------- */

/* main */

html {margin: 0; padding: 0; height: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body, div, span, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, a, font, small, strong, b, u, i, center, label, form, fieldset, input, button, textarea, img, p, table, tr, th, td, dl, dt, dd {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent;
}
table {border-collapse: collapse; border-spacing: 0;}
ol, ul, li {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
input, button, textarea, select, optgroup, option {font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
input, button, textarea, select {font-size: 100%; display: block;}
input[type=text], input[type=submit], textarea{-webkit-appearance: none;}
select {outline: 0;}
:focus {outline: none;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* special */

::-moz-focus-inner {border: 0; padding: 0;}

/* ------------------------------- DEFAULT ------------------------------- */

/* html-elements */

body {
	background: #fff; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; direction: ltr;
	color: #1d1d1e; display: block; min-width: 320px; font-family: open sans, sans-serif; font-weight: 400; font-size: 13px;
	height: 100%; width: 100%; position: relative; line-height: 1.154; overflow-y: scroll; -webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto; letter-spacing: -0.25px;
}
div, label {display: block;}

a {color: #000; text-decoration: underline; -webkit-transition: all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition: all 0.2s ease-out;}
a:hover {text-decoration: none;}

h1 {font-weight: 100; text-transform: uppercase; font-size: 30px; line-height: 30px; padding: 20px 0 20px 0; color: #111;}
h2 {font-weight: 300; font-size: 32px; margin: 10px 0 20px 0;}

img {vertical-align: middle;}

/* ------------------------------- GLOBAL ELEMENTS ------------------------------- */

/*patterns */

.bold {font-weight: 600;}
.clr {float: none; clear: both;}
.dn {display: none;}
.dv {display: block;}
.fl_l {float: left;}
.fl_r {float: right;}
.scroll {overflow-y: scroll;}
.small {font-size: 11px;}

/* colors */

.green {color: #259916;}
.red {color: #cf2832;}
.yellow {color: #e1a800;}

/* others */

.no_cursor {cursor: default;}
.no_select {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.no_transition {-webkit-transition: none; -o-transition: none; transition: none;}
.table_row {display: table-row;}

/* ------------------------------- UI ELEMENTS ------------------------------- */

/* icons */

.icon {display: inline-block; font-family: 'glyphicons'; font-size: 13px; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.icon_accept:before {content: '\e81b';}
.icon_add_cast:before {content: '\E806';}
.icon_apply:before {content: '\e87d';}
.icon_admin:before {content: '\e8fe';}
.icon_backward:before {content: '\e86b';}
.icon_burger:before {content: '\e8f5';}
.icon_delete_a:before {content: '\e841';}
.icon_delete_b:before {content: '\E8CD';}
.icon_delete_c:before {content: '\e81a';}
.icon_cover:before {content: '\E824';}
.icon_edit:before {content: '\e881';}
.icon_ellipsis:before {content: '\E811';}
.icon_email:before {content: '\E8E0';}
.icon_expand_a:before {content: '\e867';}
.icon_expand_b:before {content: '\e8fd';}
.icon_external:before {content: '\f081';}
.icon_homepage:before {content: '\e8ea';}
.icon_ghost:before {content: '\e8fb';}
.icon_logout:before {content: '\e8f7';}
.icon_messages:before {content: '\e87b';}
.icon_messages_b:before {content: '\e87a';}
.icon_mobile:before {content: '\e895';}
.icon_open:before {content: '\E8BB';}
.icon_my_casts:before {content: '\E8D0';}
.icon_moder:before {content: '\e8d6';}
.icon_notifications:before {content: '\E834';}
.icon_notifications_b:before {content: '\E8D3';}
.icon_photo:before {content: '\e8ed';}
.icon_photo_post:before {content: '\e8ac';}
.icon_plus:before {content: '\e84e';}
.icon_post:before {content: '\e8e0';}
.icon_send:before {content: '\e8c6';}
.icon_settings_a:before {content: '\e876';}
.icon_settings_b:before {content: '\e8de';}
.icon_settings_c:before {content: '\e8d9';}
.icon_share:before {content: '\e8b7';}
.icon_star:before {content: '\e848';}
.icon_switch:before {content: '\e81c';}
.icon_tick:before {content: '\E80D';}
.icon_tick_double:before {content: '\E80C';}
.icon_typing:before {content: '\e87f';}
.icon_up:before {content: '\E8A3';}
.icon_upload:before {content: '\E823';}
.icon_web:before {content: '\e847';}

.icon_instagram:before {content: '\E808';}
.icon_vk:before {content: '\E802';}
.icon_twitter:before {content: '\E801';}
.icon_facebook:before {content: '\E800';}
.icon_telegram:before {content: '\E807';}
.icon_tiktok:before {content: '\E809';}

/* scroll */

#ui_scroll_bar_container {position: absolute; top: 0; bottom: 0; right: 0; z-index: 100; border: 3px solid transparent;}
#ui_scroll_bar_outer {position: relative; height: 100%; width: 100%;}

#ui_scroll_bar_inner {
	height: 100px; -webkit-transform: translateY(0px); transform: translateY(0px);
	-webkit-transition: background-color 200ms linear, width 150ms linear;
	-o-transition: background-color 200ms linear, width 150ms linear;
	transition: background-color 200ms linear, width 150ms linear;
	background-color: rgba(0, 0, 0, .0); /*-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;*/
	width: 4px; position: relative; cursor: pointer;
}

#ui_scroll_bar_container:hover #ui_scroll_bar_inner {width: 6px; /*-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;*/ background-color: rgba(0, 0, 0, 0.5);}
#ui_scroll_bar_container #ui_scroll_bar_inner.move {background-color: rgba(0, 0, 0, 0.2);}

#ui_scroll_bar_container #ui_scroll_bar_inner.drag {width: 6px; /*-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;*/ background-color: rgba(0, 0, 0, 0.5);}
#ui_scroll_bar_container.enabled {-webkit-transition: opacity 250ms linear; -o-transition: opacity 250ms linear; transition: opacity 250ms linear;}
#ui_scroll_bar_container.disabled {opacity: 0!important; filter:alpha(opacity=0)!important; pointer-events: none;}

/* placeholders */

.placeholder {z-index: 3; cursor: text; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

/* radio */

.radio_wrap {display: inline-block; clear: both; padding: 10px 0 0 0;}
.ui_radio {display: block; float: left; color: #000; margin: 6px 15px 0 0; width: 18px; line-height: 18px;}
.ui_radio .icon_radio_outer {
	display: inline-block; width: 18px; height: 18px; overflow: hidden; margin: 0 8px 0 0; line-height: 18px; text-align: center;
	vertical-align: middle; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; border: 2px solid #d8d8d8;
	-webkit-transition: border-color ease-in-out 100ms;
	-o-transition: border-color ease-in-out 100ms;
	transition: border-color ease-in-out 100ms;
}
i.icon_radio {
	display: inline-block; width: 14px; height: 14px; line-height: 14px; -webkit-border-radius: 7px; -moz-border-radius: 7px;
	border-radius: 7px; border: 3px solid #fff; background-color: #fff; -webkit-transition: background-color ease-in-out 100ms;
	-o-transition: background-color ease-in-out 100ms; transition: background-color ease-in-out 100ms;
}
.radio_text {float: left; line-height: 18px;}

.ui_radio.ui_radio_on .icon_radio_outer {border-color: #5c8db3;}
.ui_radio.ui_radio_on i.icon_radio {background-color: #6b9bc2;}

.ui_radio:hover i.icon_radio {background-color: #f2f2f2;}
.ui_radio_on:hover i.icon_radio {background-color: #5785aa;}

/* buttons */

.btn {
	-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; cursor: pointer; float: left; font-size: 12px;
	letter-spacing: 0.3px; line-height: 30px; height: 34px; padding: 0 17px; text-align: center; text-decoration: none;
	vertical-align: middle; white-space: nowrap;
}
.btn_disabler {
	display: none; background: #fff; opacity: 0.4; filter: alpha(opacity=40); position: absolute; height: 34px; z-index: 10;
	margin: 0 auto; width: 100%; max-width: 300px;
}

.btn_default {background: #fff; border: 1px solid #336fa8; color: #336fa8; font-weight: 600;}
.btn_default:hover {background: #336fa8; color: #fff;}
.btn_primary {background: #336fa8; border: 1px solid #336fa8; color: #fff;}
.btn_primary:hover {background: #245d93; border: 1px solid #245d93;}

.btn_activate {color: #fff; text-transform: capitalize; font-weight: 600; font-size: 12px; background: #2B679F;}
.btn_activate:hover {background: #245D93;}

.btn_delete {color: #fff; text-transform: capitalize; font-weight: 600; font-size: 12px; background: #3c78b1;}
.btn_delete:hover {background: #245D93;}

.btn_modal {width: 100%; height: 35px;}

.btn_expand {font-size: 14px; line-height: 6px; padding: 0 0 0 5px;}

.btn_inactive {background: #e2e2e2; cursor: default;}

.btn_lock {display: none;}

/* selectors */

.selector input[type=text] {text-overflow: ellipsis; padding-right: 32px;}
.selector .dropdown {position: absolute; top: 0; right: 0; margin: 2px 0; padding: 0 12px; line-height: 30px; background: #fff; z-index: 10; cursor: pointer;}
.selector .dropdown_modal {margin: 5px 0 0 0; padding: 0 2px 0 5px; line-height: 28px;}

/* paginator */

.paginator a {color: #313132; text-decoration: none; padding: 8px 11px; width: auto; height: 32px; display: inline-block; border: 1px solid #a6a6a6; text-align: center; margin-right: 6px;}
.paginator a:hover {color: #fff; background: #343434; border: 1px solid #343434;}
.paginator a:last-child {margin: 0;}
a.current_page {color: #f3f3f3; border: 1px solid #777; background: #777;}

/* actions menu */

.ui_actions {position: absolute; right: 0; top: 35px; display: block; color: #d9d9d9; font-size: 12px; z-index: 20;}

.ui_actions_icon {font-size: 16px; padding: 5px 0; cursor: pointer; color: #999;}

.ui_actions_menu {
	position: absolute; min-width: 150px; max-width: 250px; top: 35px; right: -5px; background: #fff; z-index: 4;
	border: 1px solid #ccc; padding: 4px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
	box-shadow: 0 1px 3px rgba(0,0,0,.1); opacity: 0; filter: alpha(opacity=0); pointer-events: none;
	-webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto;
	-webkit-transition: opacity 100ms linear, top 100ms linear;
	-o-transition: opacity 100ms linear, top 100ms linear;
	transition: opacity 100ms linear, top 100ms linear;
}

.ui_actions_menu.visible {opacity: 1; filter: alpha(opacity=100); top: 26px; pointer-events: auto;}

.ui_actions_menu:after, .ui_actions_menu:before {
	position: absolute; pointer-events: none; border: solid transparent; content: ''; height: 0; width: 0; bottom: 100%; right: 11.5px;
}
.ui_actions_menu:before {border-width: 6px; margin: 0 -6px; border-bottom-color: #bbb;}
.ui_actions_menu:after {border-width: 5px; margin: 0 -5px; border-bottom-color: #fff;}

.ui_actions_menu_item {
	text-overflow: ellipsis; overflow: hidden; display: block; text-decoration: none; cursor: pointer; white-space: nowrap;
	position: relative; height: 30px; line-height: 30px; padding: 0 15px; color: #006598;
}
.ui_actions_menu_item:hover {background: #e4eaf0;}

/* password */

.settings_strength {display: none; padding-top: 5px; height: 20px; line-height: 15px; font-size: 11px; color: #cf2832;}
.settings_strength.active {display: block;}

.settings_strength.red {color: #cf2832;}
.settings_strength.yellow {color: #fdba1e;}
.settings_strength.green {color: #62b745;}

#password_strength {display: none; position: absolute; left: 0; bottom: 0; width: 100%; border-top: 2px solid #ccc;}

#password_strength_wrap {
	display: none; position: absolute; left: 0; bottom: 0; width: 0; border-top: 2px solid #ccc;
	-webkit-transition: width 600ms, border-color 600ms;
	-o-transition: width 600ms, border-color 600ms;
	transition: width 600ms, border-color 600ms;
}

#password_strength_wrap.low {width: 25%; border-color: #f33;}
#password_strength_wrap.medium {width: 50%; border-color: #fdba1e;}
#password_strength_wrap.good {width: 100%; border-color: #62b745;}

#password_strength.focused {display: block;}
#password_strength.focused #password_strength_wrap {display: block;}

@media screen and (max-width: 600px) {
	.settings_strength {font-size: 13px;}
}

/* ------------------------------- BASIC STRUCTURE ------------------------------- */

/* common */

#content {margin: 50px 0 0 0; position: absolute; width: 100%; top: 0; left: 0; bottom: 0;}
#scroll_fix {position: relative; min-height: 100%; height: auto;}
#tmp_form {visibility: hidden; height: 0; width: 0; display: none;}

/* notifications */

.note_container {display: table; position: relative; height: 60px; width: 100%; background: #3c78b1; margin-bottom: 4px;}
.note_desc {display: table-cell; line-height: 150%; color: #fff; vertical-align: middle; padding: 8px 35px 8px 20px;}
.note_controls {display: table-cell; width: auto; padding: 0 20px 0 0;}
.note_btn {height: 100%; width: 120px; float: right;}

@media screen and (max-width: 600px) {
	.note_container {margin-bottom: 2px;}
	.note_desc {display: block; padding: 20px 35px 20px 20px; font-size: 15px;}
	.note_controls {display: block; width: 100%; padding: 0;}
	.note_btn {height: 70px; width: 50%; font-size: 15px;}
	#btn_activate {background: #245d93;}
	#btn_delete {background: #2b679f;}
	#btn_email {width: 100%;}
}
/* overlay */

#im_overlay {
	display: none; background: #000; opacity: 0.5; filter: alpha(opacity=50); top: 50px; left: 0; width: 100%; height: 100%;
	overflow: hidden; position: fixed; z-index: 0; will-change: opacity; contain: content;
}

#im_overlay.active {display: block; z-index: 150;}

/* ------------------------------- MENU ------------------------------- */

#main_menu {
	position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background: #fff; padding: 0 0 0 20px;
	height: 50px; -webkit-transition: none; -o-transition: none; transition: none;
	-webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform;
	-webkit-transform: translateY(0px); transform: translateY(0px);
}

#main_menu.collapse {-webkit-transform: translateY(-50px); transform: translateY(-50px);}
#main_menu.transition {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
#main_menu.modal_open {-webkit-transition: none; -o-transition: none; transition: none;}
#main_menu.menu_border {box-shadow: 0 1px 0 0 rgba(0,0,0,.15);}

/* main menu */

.main_menu_logo {float: left; margin: 0 20px 0 0; padding: 16px 0 0 0;}
.main_menu_logo_img {height: 16px;}

.main_menu_backward {float: left; margin: 0 20px 0 0; padding: 14px 0 0 0; cursor: pointer;}
.main_menu_backward i {font-size: 20px;}

.main_menu_item {
	color: rgba(0,0,0,0.85); float: left; text-decoration: none; text-transform: uppercase; cursor: pointer;
	letter-spacing: -0.5px; font-family: roboto, open sans, sans-serif; font-size: 16px; margin: 0 20px 0 0; line-height: 44px; padding: 0 0 2px 0;
	border-top: 3px solid #fff; position: relative; -webkit-transition: none; -o-transition: none; transition: none;
}

.main_menu_item:hover {border-top: 3px solid #4c83d1;}
.main_menu_item.active {color: #4c83d1;}
.main_menu_item.right {float: right;}

.main_menu_compact {display: none;}

#main_menu_name {margin: 0;}

.main_menu_icon {color: #111; text-decoration: none; float: right; margin: 0; line-height: 50px; padding: 0 20px; cursor: pointer; position: relative;}
.main_menu_icon i {font-size: 20px; padding: 0 0 0 5px;}
.main_menu_icon:hover {color: #4a6f97;}

#status_notify {
	display: none; position: absolute; top: 17px; left: 41px; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #fff;
	background: #4c83d1;
}

#unread_count {
	background: #edeef0; font-size: 12px; color: #4c83d1; text-align: center; height: 20px; line-height: 20px; width: auto;
	padding: 0 7px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: absolute; top: 12.5px;
	right: -32px; font-weight: 600;
}

@media screen and (max-width: 640px)  {
	.main_menu_compact {display: block;}
	.main_menu_item {font-size: 17px; line-height: 46px;}
	.main_menu_item.compact_hide {display: none;}
	.main_menu_logo.compact_hide {display: none;}
	.main_menu_backward.compact_hide {display: none;}
	.main_menu_icon i {font-size: 23px; padding-top: 1px;}
}

@media screen and (max-width: 800px)  {
	#menu_agencies {display: none;}
	#menu_map {display: none;}
}

/* notifications */

.main_menu_notifications {float: right; margin-right: 15px;}
.main_menu_notifications:hover #main_menu_notifications_icon {color: #4c83d1;}
#main_menu_notifications_icon {
	text-decoration: none; float: left; font-size: 20px; margin-top: 13px; margin-bottom: 13px; padding: 0 10px; color: #2b6397;
	-webkit-transition: all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition: all 0.2s ease-out;
}
#main_menu_notifications_icon.empty {color: #888b9a;}
#main_menu_notifications_unread {
	background: #edeef0; font-size: 12px; color: #4c83d1; text-align: center; height: 20px; line-height: 20px; width: auto;
	padding: 0 7px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-weight: 600;
	display: inline-block; float: left; margin-top: 14.5px; margin-left: 5px; margin-right: 10px;
}

@media screen and (max-width: 640px)  {
	.main_menu_notifications {display: none;}
}

/* sub menu */

#sub_menu {padding: 0 20px 0 20px; background: #fff; width: 100%; height: 30px; border-bottom: 0 solid #ccc; position: absolute; top: 50px; left: 0; z-index: 150;}
#sub_menu.sub_menu_wide {background: none;}

.sub_menu_item {float: left; padding: 0 10px 0 10px; position: relative;}
.sub_menu_item > span, .sub_menu_item > a {
	color: #888b9a; text-decoration: none; font-size: 12px; height: 20px; letter-spacing: 0; line-height: 20px;
	text-transform: uppercase; font-weight: 600;
}
.sub_menu_item:first-child {padding-left: 0; clear: both;}
.sub_menu_item:last-child {padding-right: 0;}
.sub_menu_item > a.active {color: #222;}
.sub_menu_item > a:hover {color: #222;}

.sub_menu_item_right {float: right; position: relative;}
.sub_menu_item > a.active_black, .sub_menu_item > a.active_black:hover {color: #222;}

.sub_menu_compact {display: none;}

.sub_menu_wide {height: 47px;}
.sub_menu_wide .sub_menu_item:first-child .active_black {font-size: 30px; font-weight: 300; font-family: open sans, sans-serif; text-transform: capitalize; letter-spacing: -1px;}
.sub_menu_wide .sub_menu_item:first-child {padding-top: 9.5px; padding-right: 20px;}
.sub_menu_wide .sub_menu_item {padding-top: 16px;}
.sub_menu_wide .menu_user {top: 50px;}

@media screen and (max-width: 1000px)  {
	.sub_menu_wide {height: 30px;}
	.sub_menu_wide .sub_menu_item:first-child .active_black {font-size: 12px; font-weight: 600; font-family: open sans, sans-serif; text-transform: uppercase; letter-spacing: normal;}
	.sub_menu_wide .sub_menu_item:first-child {padding-top: 0; padding-right: 10px;}
	.sub_menu_wide .sub_menu_item {padding-top: 0;}
	.sub_menu_wide .menu_user {top: 30px;}
}

@media screen and (max-width: 800px)  {
	.sub_menu_full {display: none;}
	.sub_menu_compact {display: block;}
}
@media screen and (max-width: 640px)  {
	.sub_menu_item > a {font-size: 13px;}
}

/* menu cities */

.menu_cities {
	position: absolute; top: 50px; right: -20px; height: auto; width: 380px; padding: 10px 25px;
	background: #fff; border: 1px solid #ccc; opacity: 0; filter: alpha(opacity=0); z-index: 20;
	-webkit-transition: opacity 100ms linear, top 100ms linear;
	-o-transition: opacity 100ms linear, top 100ms linear;
	transition: opacity 100ms linear, top 100ms linear;
}

.menu_cities.visible {opacity: 1; filter: alpha(opacity=100); top: 30px;}

.menu_cities_container {float: left; width: 160px;}
.menu_cities_container > a {color: #333; display: block; text-align: right; text-decoration: none; font-size: 12px; height: 30px; line-height: 30px; text-transform: uppercase;}
.menu_cities_container > a:hover {color: #ec2c22;}
.menu_cities_container > a.active {color: #ec2c22;}

/* menu casts */

.menu_casts {
	position: absolute; top: 50px; right: 0; height: auto; width: auto; padding: 10px 25px;
	background: #fff; border: 1px solid #ccc; opacity: 0; filter: alpha(opacity=0); z-index: 20;
	-webkit-transition: opacity 100ms linear, top 100ms linear;
	-o-transition: opacity 100ms linear, top 100ms linear;
	transition: opacity 100ms linear, top 100ms linear;
}

.menu_casts.visible {opacity: 1; filter: alpha(opacity=100); top: 30px;}

.menu_casts_container {float: left; width: auto;}
.menu_casts_container > a {color: #333; display: block; text-align: right; text-decoration: none; font-size: 12px; height: 30px; line-height: 30px; text-transform: uppercase;}
.menu_casts_container > a:hover {color: #ec2c22;}
.menu_casts_container > a.active {color: #ec2c22;}

/* menu user cities */

.menu_user_cities {
	position: absolute; top: 50px; right: 0; height: auto; width: 155px; padding: 10px 25px;
	background: #fff; border: 1px solid #ccc; opacity: 0; filter: alpha(opacity=0); z-index: 20;
	-webkit-transition: opacity 100ms linear, top 100ms linear;
	-o-transition: opacity 100ms linear, top 100ms linear;
	transition: opacity 100ms linear, top 100ms linear;
}

.menu_user_cities.visible {opacity: 1; filter: alpha(opacity=100); top: 30px;}

.menu_user_cities_container {float: left; width: auto;}
.menu_user_cities_container > a {color: #333; display: block; text-align: right; text-decoration: none; font-size: 12px; height: 30px; line-height: 30px; text-transform: uppercase;}
.menu_user_cities_container > a:hover {color: #ec2c22;}
.menu_user_cities_container > a.active {color: #ec2c22;}

/* menu user */

.menu_user {
	position: absolute; top: 30px; left: 0; height: auto; width: 155px; padding: 7px 0;
	background: #fff; border: 1px solid #ccc; opacity: 0; filter: alpha(opacity=0); z-index: 20;
}

.menu_user.visible {opacity: 1; filter: alpha(opacity=100);}

.menu_user > a {display: block; padding: 0 0 0 8px; line-height: 27px; text-decoration: none; color: #333; width: 100%;}
.menu_user > a:hover {color: #222;}
.menu_user > a:hover > i {color: #777;}
.menu_user > a > i {padding: 0 10px 0 0; color: #fff;}
.menu_user > a > i.active {color: #777;}
.menu_user > a > .active {color: #ccc;}

/* ------------------------------- SIDEBAR ------------------------------- */

/* common */

#sidebar {
	position: fixed; top: 0; bottom: 0; right: 0; opacity: 0; filter: alpha(opacity=0);
	width: 290px; background: #fff; z-index: 9999;
	-webkit-transition: -webkit-transform 350ms, opacity 200ms;
	-o-transition: -o-transform 350ms, opacity 200ms;
	transition: transform 350ms, opacity 200ms;
	-webkit-transform: translateX(300px);
	transform: translateX(300px);
}

#sidebar.active {-webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; filter: alpha(opacity=100);}

.sidebar_header {width: 100%; margin: 0 0 10px 0; height: 150px; position: relative; background: #3c78b1;}

.sidebar_logout {position: absolute; top: 13px; left: 20px; color: #fff; opacity: 0.9; filter: alpha(opacity=90);}
.sidebar_close {position: absolute; top: 11px; right: 21px; color: #fff; opacity: 0.9; filter: alpha(opacity=90); display: inline-block; cursor: pointer;}

.sidebar_logout:hover, .sidebar_close:hover {opacity: 1; filter: alpha(opacity=100);}

.sidebar_photo {position: absolute; top: 25px; left: 110px;}
.sidebar_photo_img {height: 70px; width: 70px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px;}

#sidebar_name {
	position: absolute; top: 97px; left: 0; width: 100%; opacity: 0.9; filter: alpha(opacity=90); text-align: center;
	height: 50px; line-height: 50px; color: #fff; z-index: 2001; padding: 0; text-transform: uppercase;
	font-family: roboto, open sans, serif; letter-spacing: 0; font-size: 13px;
}

#sidebar_unread_count {
	position: absolute; top: 15px; left: 63px; height: 26px; width: 26px; padding: 2.5px 0; line-height: 17px; z-index: 1;
	border: 2px solid #fff; background: #66afe2; font-weight: 600; font-size: 10px; color: #fff; text-align: center;
	-webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px;
}

/* items */

.sidebar_items {padding: 20px 25px; position: absolute; width: 100%; left: 0; top: 150px; bottom: 0; overflow-y: auto;}
.sidebar_item {width: 50%; float: left; padding: 5px 5px 15px 5px; height: 100px; text-decoration: none; position: relative; color: #333; display: inline-block; cursor: pointer;}
.sidebar_item:hover, .sidebar_item:hover .sidebar_item_title {color: #2a5885;}

.sidebar_item_icon {position: absolute; width: 42px; margin: 0 auto; left: 50%; margin-left: -21px;}
.sidebar_item_title {
	position: absolute; bottom: 0; left: 0; width: 100%; font-size: 12px; display: block; font-weight: 400; color: #666;
	letter-spacing: 0; font-family: roboto, open sans, serif; text-transform: lowercase; text-align: center; line-height: 16px;
}

.sidebar_item_icon.icon_admin {top: 30px; margin-left: -18px; font-size: 38px;}
.sidebar_item_icon.icon_moder {top: 35px; margin-left: -19px; font-size: 34px;}
.sidebar_item_icon.icon_ghost {top: 20px; margin-left: -18px; font-size: 34px;}
.sidebar_item_icon.icon_messages {top: 13px; margin-left: -16px; font-size: 46px;}
.sidebar_item_icon.icon_photo {top: 20px; margin-left: -17px; font-size: 34px;}
.sidebar_item_icon.icon_my_casts {top: 18px; margin-left: -20px; font-size: 38px;}
.sidebar_item_icon.icon_add_cast {top: 20px; margin-left: -19px; font-size: 34px;}
.sidebar_item_icon.icon_cover {top: 20px; margin-left: -18px; font-size: 34px;}
.sidebar_item_icon.icon_homepage {top: 30px; margin-left: -19px; font-size: 38px;}
.sidebar_item_icon.icon_settings_b {top: 32px; margin-left: -18px; font-size: 36px;}
.sidebar_item_icon.icon_notifications {top: 32px; margin-left: -16px; font-size: 32px;}

#sidebar_messages {display: none;}
#sidebar_notifications {display: none;}

/* overlay */

#sidebar_overlay {position: fixed; display: none; background: #000; opacity: 0.6; filter: alpha(opacity=60); top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0;}
#sidebar_overlay.active {display: block; z-index: 1000;}

/* adaptive design */

@media screen and (max-width: 640px)  {
	.menu_hide .main_menu_full {display: none;}
	.menu_hide .main_menu_logo {display: none;}
	.menu_hide #menu_signup {float: left;}
	#menu_messages {display: none;}
	#main_menu_name {display: none;}
	#status_notify.active {display: block;}
	#sidebar_add_cast {display: none;}
	#sidebar_messages {display: block;}
	#sidebar_notifications {display: block;}
}

/* ------------------------------- USERS LISTS ------------------------------- */

.users_list_item {float: none; clear: both; width: 100%; display: inline-block; border-bottom: 1px solid #ccc; padding: 10px 0;}
.users_list_item:first-child {border-top: 1px solid #ccc;}
.users_list_item > div {float: left; padding-right: 20px;}
.users_list_item a {color: #33567f; text-decoration: none;}
.users_list_item a:hover {color: #c00;}

.users_list_item_created {line-height: 21px; text-align: center; font-size: 12px; color: #777;}
.users_list_item_photo img {-webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; width: 42px; height: 42px;}
.users_list_item_name a {line-height: 42px; font-weight: 600; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.users_list_item_note {color: #939699; line-height: 42px;}
.users_list_item_text {line-height: 18px; padding: 12px 0;}
div.users_list_item_controls {float: right; margin-left: 10px; padding: 0;}
div.users_list_item_controls.inline {line-height: 42px;}
div.users_list_item_controls.compact {display: none;}
div.users_list_item_controls.compact i {color: #bbb;}
div.users_list_item_controls.compact i:hover {color: #777;}

@media screen and (max-width: 600px)  {
	div.users_list_item_photo {padding-right: 10px;}
	.users_list_item_name a {max-width: 200px; font-size: 15px;}
	div.users_list_item_controls.full {display: none;}
	div.users_list_item_controls.compact {display: block;}
}

/* ------------------------------- RESULTS CONTAINER ------------------------------- */

/* common */

.results_container {position: absolute; visibility: hidden;}
.results_container.visible {visibility: visible;}

.results_container.items {border: 1px solid #aaa; border-top: 0; top: 35px; left: 0; height: auto; width: 100%; z-index: 100; background: #fff; color: #000;}

.results_container_wrap {display: block; bottom: auto; height: auto; width: auto; max-height: 240px; box-shadow: 0 1px 2px 0 rgba(0,0,0,.2); overflow: hidden;}
.results_container_wrap.compact_1 {max-height: 180px;}
.results_container_wrap.compact_2 {max-height: 120px;}
.results_container_wrap.scroll {overflow-y: scroll; overflow-x: hidden;}
.results_container_wrap.scroll ul {width: 100%;}

/* items */

.results_container_item {padding: 8px 12px; line-height: 14px; cursor: pointer;}
.results_container_item.active {background: #dfe5ef;}
.results_container_item.bold {font-weight: 600;}
.results_container_item:last-child {border-bottom: 0;}

.results_container.details .results_container_item {border-bottom: 0.5px solid #aaa;}
.results_container.details .results_container_item:last-child {border-bottom: 0;}

.results_container_item_label {display: block; padding-top: 2px; color: #666; font-size: 11px; line-height: 14px;}
.results_container_item_empty {padding: 7px 12px; list-style: none; cursor: default;}

@media screen and (max-width: 600px)  {
	.results_container_item {padding: 12px 12px;}
}

/* ------------------------------- EMAILS ------------------------------- */

.password_restore_container {position: absolute; top: 40px; left: 50%; margin: 0 0 20px -150px; width: 300px;}

@media screen and (max-width: 400px)  {
	.password_restore_container {top: 25px; margin-left: -140px; width: 280px;}
}

.password_restore_note {padding: 20px 0; line-height: 160%;}
.password_restore_btn {
	width: 100%; height: 50px; margin: 20px 0; padding: 15px 0; line-height: 100%; text-transform: uppercase; font-weight: 600;
	font-size: 11px; -webkit-transition: all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition: all 0.2s ease-out;
}

.advert_btn {
	height: 44px; line-height: 44px; width: auto; letter-spacing: 0.1px; text-align: center; color: #fff; font-weight: 600;
	text-transform: uppercase; font-size: 11px; cursor: pointer; display: inline-block; position: relative; background: #336fa8;
	padding: 0 20px;
}
.advert_btn:hover {background-color: #245d93;}

/* ------------------------------- CROP ------------------------------- */

.jcrop-holder {direction: ltr; text-align: left;}

/* selection border */

.jcrop-vline, .jcrop-hline {background: #fff; font-size: 0; position: absolute;}
.jcrop-vline {height: 100%; width: 1px !important;}
.jcrop-vline.right {right: 0;}
.jcrop-hline {height: 1px !important; width: 100%;}
.jcrop-hline.bottom {bottom: 0;}
.jcrop-tracker {height: 100%; width: 100%; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none;}

/* selection handles */

.jcrop-handle {background: #dcdcdc; opacity: 0.3; filter: alpha(opacity=30); width: 10px; height: 10px; overflow: hidden;}
.jcrop-handle.ord-n {left: 50%; margin-left: -4px; margin-top: -4px; top: 0;}
.jcrop-handle.ord-s {bottom: 0; left: 50%; margin-bottom: -4px; margin-left: -4px;}
.jcrop-handle.ord-e {margin-right: -4px; margin-top: -4px; right: 0; top: 50%;}
.jcrop-handle.ord-w {left: 0; margin-left: -4px; margin-top: -4px; top: 50%;}
.jcrop-handle.ord-nw {left: 0; margin-left: -4px; margin-top: -4px; top: 0;}
.jcrop-handle.ord-ne {margin-right: -4px; margin-top: -4px; right: 0; top: 0;}
.jcrop-handle.ord-se {bottom: 0; margin-bottom: -4px; margin-right: -4px; right: 0;}
.jcrop-handle.ord-sw {bottom: 0; left: 0; margin-bottom: -4px; margin-left: -4px;}

/* dragbars */

.jcrop-dragbar.ord-n, .jcrop-dragbar.ord-s {height: 7px; width: 100%;}
.jcrop-dragbar.ord-e, .jcrop-dragbar.ord-w {height: 100%; width: 7px;}
.jcrop-dragbar.ord-n {margin-top: -4px;}
.jcrop-dragbar.ord-s {bottom: 0; margin-bottom: -4px;}
.jcrop-dragbar.ord-e {margin-right: -4px; right: 0;}
.jcrop-dragbar.ord-w {margin-left: -4px;}

.solid-line .jcrop-vline, .solid-line .jcrop-hline {background: #ffffff;}
.jcrop-holder img, img.jcrop-preview {max-width: none;}

/* custom */

.jcrop-holder #preview_pane {display: block; position: absolute; z-index: 2000; top: 0; right: -170px;}
#preview_pane .preview_container {width: 150px; height: 150px; overflow: hidden;}

@media screen and (max-width: 600px) {
	.jcrop-holder #preview_pane {display: none;}
}