/* input(8142,1): run-time error CSS1019: Unexpected token, found '@import'
input(8142,9): run-time error CSS1019: Unexpected token, found 'url(css/line-icons.css)'
input(10059,3): run-time error CSS1031: Expected selector, found '/'
input(10059,3): run-time error CSS1025: Expected comma or open brace, found '/'
input(10252,16): run-time error CSS1031: Expected selector, found '/'
input(10252,16): run-time error CSS1025: Expected comma or open brace, found '/'
input(18726,17): run-time error CSS1026: Expected open brace, found '-'
input(18726,63): run-time error CSS1019: Unexpected token, found '}'
input(18726,467): run-time error CSS1031: Expected selector, found '-'
input(18726,467): run-time error CSS1025: Expected comma or open brace, found '-'
input(18726,713): run-time error CSS1031: Expected selector, found '-'
input(18726,713): run-time error CSS1025: Expected comma or open brace, found '-'
input(18726,840): run-time error CSS1031: Expected selector, found '-'
input(18726,840): run-time error CSS1025: Expected comma or open brace, found '-'
input(18726,887): run-time error CSS1031: Expected selector, found '-'
input(18726,887): run-time error CSS1025: Expected comma or open brace, found '-'
input(18726,1799): run-time error CSS1031: Expected selector, found '-'
input(18726,1799): run-time error CSS1025: Expected comma or open brace, found '-'
input(18726,2442): run-time error CSS1030: Expected identifier, found ' '
input(18726,2443): run-time error CSS1031: Expected selector, found 'not('
input(18726,2443): run-time error CSS1025: Expected comma or open brace, found 'not('
input(18726,3223): run-time error CSS1030: Expected identifier, found ' '
input(18726,3224): run-time error CSS1031: Expected selector, found 'not('
input(18726,3224): run-time error CSS1025: Expected comma or open brace, found 'not('
input(18726,4206): run-time error CSS1030: Expected identifier, found ' '
input(18726,4207): run-time error CSS1031: Expected selector, found 'not('
input(18726,4207): run-time error CSS1025: Expected comma or open brace, found 'not('
input(18726,4855): run-time error CSS1030: Expected identifier, found ' '
input(18726,4856): run-time error CSS1031: Expected selector, found 'not('
input(18726,4856): run-time error CSS1025: Expected comma or open brace, found 'not('
input(18726,5528): run-time error CSS1031: Expected selector, found '-'
input(18726,5528): run-time error CSS1025: Expected comma or open brace, found '-'
input(18726,5566): run-time error CSS1031: Expected selector, found '-'
input(18726,5566): run-time error CSS1025: Expected comma or open brace, found '-'
input(18726,5617): run-time error CSS1031: Expected selector, found '-'
input(18726,5617): run-time error CSS1025: Expected comma or open brace, found '-'
input(18726,5665): run-time error CSS1031: Expected selector, found '-'
input(18726,5665): run-time error CSS1025: Expected comma or open brace, found '-'
input(18726,6080): run-time error CSS1031: Expected selector, found '-'
input(18726,6080): run-time error CSS1025: Expected comma or open brace, found '-'
input(18726,6321): run-time error CSS1031: Expected selector, found '-'
input(18726,6321): run-time error CSS1025: Expected comma or open brace, found '-'
input(18726,7273): run-time error CSS1031: Expected selector, found '-'
input(18726,7273): run-time error CSS1025: Expected comma or open brace, found '-'
input(18726,7380): run-time error CSS1031: Expected selector, found '-'
input(18726,7380): run-time error CSS1025: Expected comma or open brace, found '-'
input(18726,7449): run-time error CSS1031: Expected selector, found '-'
input(18726,7449): run-time error CSS1025: Expected comma or open brace, found '-'
input(18726,7520): run-time error CSS1031: Expected selector, found '-'
input(18726,7520): run-time error CSS1025: Expected comma or open brace, found '-'
input(18726,7590): run-time error CSS1031: Expected selector, found '-'
input(18726,7590): run-time error CSS1025: Expected comma or open brace, found '-'
input(18726,7679): run-time error CSS1031: Expected selector, found '-'
input(18726,7679): run-time error CSS1025: Expected comma or open brace, found '-'
input(18726,7862): run-time error CSS1031: Expected selector, found '-'
input(18726,7862): run-time error CSS1025: Expected comma or open brace, found '-'
input(18726,8047): run-time error CSS1031: Expected selector, found '-'
input(18726,8047): run-time error CSS1025: Expected comma or open brace, found '-'
input(18726,8231): run-time error CSS1031: Expected selector, found '-'
input(18726,8231): run-time error CSS1025: Expected comma or open brace, found '-'
input(18726,9154): run-time error CSS1031: Expected selector, found '-'
input(18726,9154): run-time error CSS1025: Expected comma or open brace, found '-'
input(18726,9219): run-time error CSS1031: Expected selector, found '-'
input(18726,9219): run-time error CSS1025: Expected comma or open brace, found '-'
input(18726,9504): run-time error CSS1019: Unexpected token, found ' '
input(18726,9504): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(18726,9528): run-time error CSS1019: Unexpected token, found ' '
input(18726,9528): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(18726,9615): run-time error CSS1035: Expected colon, found '-'
input(18726,9648): run-time error CSS1035: Expected colon, found '-'
input(18726,9691): run-time error CSS1019: Unexpected token, found ' '
input(18726,9691): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(18726,9742): run-time error CSS1019: Unexpected token, found ' '
input(18726,9742): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(18726,9794): run-time error CSS1019: Unexpected token, found ' '
input(18726,9794): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(18726,9850): run-time error CSS1019: Unexpected token, found ' '
input(18726,9850): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(18726,9903): run-time error CSS1019: Unexpected token, found ' '
input(18726,9903): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' */
.icon-envelope-l {
	background: url('img/icons/line-icon.png') no-repeat -727px  -62px;	
	width: 24px;
	height: 16px;;
	display: inline-block !important;
}
.icon-bell-l {
	background: url('img/icons/line-icon.png') no-repeat -217px -18px;	
	width: 23px;
	height: 25px;;
	display: inline-block !important;
}
.icon-task-l {
	background: url('img/icons/line-icon.png') no-repeat -517px -102px;
	width: 23px;
	height: 16px;;
	display: inline-block !important;	
}
.icon-dashboard-l {
	background: url('img/icons/line-icon.png') no-repeat -15px -17px;
	width: 24px;
	height: 24px;
	display: inline-block !important;
}
.icon-charts-l {
	background: url('img/icons/line-icon.png') no-repeat -136px -98px;
	width: 24px;
	height: 24px;
	display: inline-block !important;
}
.icon-calendar-l {
	background: url('img/icons/line-icon.png') no-repeat -435px -138px;
	width: 24px;
	height: 22px;
	display: inline-block !important;
}
.icon-login-l {
	background: url('img/icons/line-icon.png') no-repeat -687px -59px;
	width: 23px;
	height: 23px;
	display: inline-block !important;
}
.icon-map-l {
	background: url('img/icons/line-icon.png') no-repeat -519px -134px;
	width: 19px;
	height: 29px;
	display: inline-block !important;
}
.icon-widget-l {
	background: url('img/icons/line-icon.png') no-repeat -357px -19px;
	width: 22px;
	height: 22px;
	display: inline-block !important;	
}
.icon-uikit-l {
	background: url('img/icons/line-icon.png') no-repeat -135px -57px;
	width: 24px;
	height: 24px;
	display: inline-block !important;
}
.icon-pages-l {
	background: url('img/icons/line-icon.png') no-repeat -729px -18px;
	width: 21px;
	height: 25px;
	display: inline-block !important;
}
.icon-form-l {
	background: url('img/icons/line-icon.png') no-repeat -55px -102px;
	width: 26px;
	height: 18px;
	display: inline-block !important;
}
.icon-table-l {
	background: url('img/icons/line-icon.png') no-repeat -807px -140px;
	width: 26px;
	height: 20px;
	display: inline-block !important;
}







/*Hover*/
.icon-envelope-l:hover,.icon-envelope-l.active{
	background: url('img/icons/line-icon-hover.png') no-repeat -727px  -62px;	
	width: 24px;
	height: 16px;
	display: inline-block !important;
}
.icon-bell-l:hover{
	background: url('img/icons/line-icon-hover.png') no-repeat -217px -18px;	
	width: 23px;
	height: 25px;
	display: inline-block !important;
}
.icon-task-l:hover{
	background: url('img/icons/line-icon-hover.png') no-repeat -517px -102px;
	width: 23px;
	height: 16px;
	display: inline-block !important;	
}
@font-face {
	font-family: 'ElegantIcons';
	src:url('css/fonts/ElegantIcons.eot');
	src:url('css/fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('css/fonts/ElegantIcons.woff') format('woff'),
		url('css/fonts/ElegantIcons.ttf') format('truetype'),
		url('css/fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'ElegantIcons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="your-class-prefix"] {
*/
.arrow_up, .arrow_down, .arrow_left, .arrow_right, .arrow_left-up, .arrow_right-up, .arrow_right-down, .arrow_left-down, .arrow-up-down, .arrow_up-down_alt, .arrow_left-right_alt, .arrow_left-right, .arrow_expand_alt2, .arrow_expand_alt, .arrow_condense, .arrow_expand, .arrow_move, .arrow_carrot-up, .arrow_carrot-down, .arrow_carrot-left, .arrow_carrot-right, .arrow_carrot-2up, .arrow_carrot-2down, .arrow_carrot-2left, .arrow_carrot-2right, .arrow_carrot-up_alt2, .arrow_carrot-down_alt2, .arrow_carrot-left_alt2, .arrow_carrot-right_alt2, .arrow_carrot-2up_alt2, .arrow_carrot-2down_alt2, .arrow_carrot-2left_alt2, .arrow_carrot-2right_alt2, .arrow_triangle-up, .arrow_triangle-down, .arrow_triangle-left, .arrow_triangle-right, .arrow_triangle-up_alt2, .arrow_triangle-down_alt2, .arrow_triangle-left_alt2, .arrow_triangle-right_alt2, .arrow_back, .icon_minus-06, .icon_plus, .icon_close, .icon_check, .icon_minus_alt2, .icon_plus_alt2, .icon_close_alt2, .icon_check_alt2, .icon_zoom-out_alt, .icon_zoom-in_alt, .icon_search, .icon_box-empty, .icon_box-selected, .icon_minus-box, .icon_plus-box, .icon_box-checked, .icon_circle-empty, .icon_circle-slelected, .icon_stop_alt2, .icon_stop, .icon_pause_alt2, .icon_pause, .icon_menu, .icon_menu-square_alt2, .icon_menu-circle_alt2, .icon_ul, .icon_ol, .icon_adjust-horiz, .icon_adjust-vert, .icon_document_alt, .icon_documents_alt, .icon_pencil, .icon_pencil-edit_alt, .icon_pencil-edit, .icon_folder-alt, .icon_folder-open_alt, .icon_folder-add_alt, .icon_info_alt, .icon_error-oct_alt, .icon_error-circle_alt, .icon_error-triangle_alt, .icon_question_alt2, .icon_question, .icon_comment_alt, .icon_chat_alt, .icon_vol-mute_alt, .icon_volume-low_alt, .icon_volume-high_alt, .icon_quotations, .icon_quotations_alt2, .icon_clock_alt, .icon_lock_alt, .icon_lock-open_alt, .icon_key_alt, .icon_cloud_alt, .icon_cloud-upload_alt, .icon_cloud-download_alt, .icon_image, .icon_images, .icon_lightbulb_alt, .icon_gift_alt, .icon_house_alt, .icon_genius, .icon_mobile, .icon_tablet, .icon_laptop, .icon_desktop, .icon_camera_alt, .icon_mail_alt, .icon_cone_alt, .icon_ribbon_alt, .icon_bag_alt, .icon_creditcard, .icon_cart_alt, .icon_paperclip, .icon_tag_alt, .icon_tags_alt, .icon_trash_alt, .icon_cursor_alt, .icon_mic_alt, .icon_compass_alt, .icon_pin_alt, .icon_pushpin_alt, .icon_map_alt, .icon_drawer_alt, .icon_toolbox_alt, .icon_book_alt, .icon_calendar, .icon_film, .icon_table, .icon_contacts_alt, .icon_headphones, .icon_lifesaver, .icon_piechart, .icon_refresh, .icon_link_alt, .icon_link, .icon_loading, .icon_blocked, .icon_archive_alt, .icon_heart_alt, .icon_star_alt, .icon_star-half_alt, .icon_star, .icon_star-half, .icon_tools, .icon_tool, .icon_cog, .icon_cogs, .arrow_up_alt, .arrow_down_alt, .arrow_left_alt, .arrow_right_alt, .arrow_left-up_alt, .arrow_right-up_alt, .arrow_right-down_alt, .arrow_left-down_alt, .arrow_condense_alt, .arrow_expand_alt3, .arrow_carrot_up_alt, .arrow_carrot-down_alt, .arrow_carrot-left_alt, .arrow_carrot-right_alt, .arrow_carrot-2up_alt, .arrow_carrot-2dwnn_alt, .arrow_carrot-2left_alt, .arrow_carrot-2right_alt, .arrow_triangle-up_alt, .arrow_triangle-down_alt, .arrow_triangle-left_alt, .arrow_triangle-right_alt, .icon_minus_alt, .icon_plus_alt, .icon_close_alt, .icon_check_alt, .icon_zoom-out, .icon_zoom-in, .icon_stop_alt, .icon_menu-square_alt, .icon_menu-circle_alt, .icon_document, .icon_documents, .icon_pencil_alt, .icon_folder, .icon_folder-open, .icon_folder-add, .icon_folder_upload, .icon_folder_download, .icon_info, .icon_error-circle, .icon_error-oct, .icon_error-triangle, .icon_question_alt, .icon_comment, .icon_chat, .icon_vol-mute, .icon_volume-low, .icon_volume-high, .icon_quotations_alt, .icon_clock, .icon_lock, .icon_lock-open, .icon_key, .icon_cloud, .icon_cloud-upload, .icon_cloud-download, .icon_lightbulb, .icon_gift, .icon_house, .icon_camera, .icon_mail, .icon_cone, .icon_ribbon, .icon_bag, .icon_cart, .icon_tag, .icon_tags, .icon_trash, .icon_cursor, .icon_mic, .icon_compass, .icon_pin, .icon_pushpin, .icon_map, .icon_drawer, .icon_toolbox, .icon_book, .icon_contacts, .icon_archive, .icon_heart, .icon_profile, .icon_group, .icon_grid-2x2, .icon_grid-3x3, .icon_music, .icon_pause_alt, .icon_phone, .icon_upload, .icon_download, .social_facebook, .social_twitter, .social_pinterest, .social_googleplus, .social_tumblr, .social_tumbleupon, .social_wordpress, .social_instagram, .social_dribbble, .social_vimeo, .social_linkedin, .social_rss, .social_deviantart, .social_share, .social_myspace, .social_skype, .social_youtube, .social_picassa, .social_googledrive, .social_flickr, .social_blogger, .social_spotify, .social_delicious, .social_facebook_circle, .social_twitter_circle, .social_pinterest_circle, .social_googleplus_circle, .social_tumblr_circle, .social_stumbleupon_circle, .social_wordpress_circle, .social_instagram_circle, .social_dribbble_circle, .social_vimeo_circle, .social_linkedin_circle, .social_rss_circle, .social_deviantart_circle, .social_share_circle, .social_myspace_circle, .social_skype_circle, .social_youtube_circle, .social_picassa_circle, .social_googledrive_alt2, .social_flickr_circle, .social_blogger_circle, .social_spotify_circle, .social_delicious_circle, .social_facebook_square, .social_twitter_square, .social_pinterest_square, .social_googleplus_square, .social_tumblr_square, .social_stumbleupon_square, .social_wordpress_square, .social_instagram_square, .social_dribbble_square, .social_vimeo_square, .social_linkedin_square, .social_rss_square, .social_deviantart_square, .social_share_square, .social_myspace_square, .social_skype_square, .social_youtube_square, .social_picassa_square, .social_googledrive_square, .social_flickr_square, .social_blogger_square, .social_spotify_square, .social_delicious_square, .icon_printer, .icon_calulator, .icon_building, .icon_floppy, .icon_drive, .icon_search-2, .icon_id, .icon_id-2, .icon_puzzle, .icon_like, .icon_dislike, .icon_mug, .icon_currency, .icon_wallet, .icon_pens, .icon_easel, .icon_flowchart, .icon_datareport, .icon_briefcase, .icon_shield, .icon_percent, .icon_globe, .icon_globe-2, .icon_target, .icon_hourglass, .icon_balance, .icon_rook, .icon_printer-alt, .icon_calculator_alt, .icon_building_alt, .icon_floppy_alt, .icon_drive_alt, .icon_search_alt, .icon_id_alt, .icon_id-2_alt, .icon_puzzle_alt, .icon_like_alt, .icon_dislike_alt, .icon_mug_alt, .icon_currency_alt, .icon_wallet_alt, .icon_pens_alt, .icon_easel_alt, .icon_flowchart_alt, .icon_datareport_alt, .icon_briefcase_alt, .icon_shield_alt, .icon_percent_alt, .icon_globe_alt, .icon_clipboard {
	font-family: 'ElegantIcons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.arrow_up:before {
	content: "\21";
}
.arrow_down:before {
	content: "\22";
}
.arrow_left:before {
	content: "\23";
}
.arrow_right:before {
	content: "\24";
}
.arrow_left-up:before {
	content: "\25";
}
.arrow_right-up:before {
	content: "\26";
}
.arrow_right-down:before {
	content: "\27";
}
.arrow_left-down:before {
	content: "\28";
}
.arrow-up-down:before {
	content: "\29";
}
.arrow_up-down_alt:before {
	content: "\2a";
}
.arrow_left-right_alt:before {
	content: "\2b";
}
.arrow_left-right:before {
	content: "\2c";
}
.arrow_expand_alt2:before {
	content: "\2d";
}
.arrow_expand_alt:before {
	content: "\2e";
}
.arrow_condense:before {
	content: "\2f";
}
.arrow_expand:before {
	content: "\30";
}
.arrow_move:before {
	content: "\31";
}
.arrow_carrot-up:before {
	content: "\32";
}
.arrow_carrot-down:before {
	content: "\33";
}
.arrow_carrot-left:before {
	content: "\34";
}
.arrow_carrot-right:before {
	content: "\35";
}
.arrow_carrot-2up:before {
	content: "\36";
}
.arrow_carrot-2down:before {
	content: "\37";
}
.arrow_carrot-2left:before {
	content: "\38";
}
.arrow_carrot-2right:before {
	content: "\39";
}
.arrow_carrot-up_alt2:before {
	content: "\3a";
}
.arrow_carrot-down_alt2:before {
	content: "\3b";
}
.arrow_carrot-left_alt2:before {
	content: "\3c";
}
.arrow_carrot-right_alt2:before {
	content: "\3d";
}
.arrow_carrot-2up_alt2:before {
	content: "\3e";
}
.arrow_carrot-2down_alt2:before {
	content: "\3f";
}
.arrow_carrot-2left_alt2:before {
	content: "\40";
}
.arrow_carrot-2right_alt2:before {
	content: "\41";
}
.arrow_triangle-up:before {
	content: "\42";
}
.arrow_triangle-down:before {
	content: "\43";
}
.arrow_triangle-left:before {
	content: "\44";
}
.arrow_triangle-right:before {
	content: "\45";
}
.arrow_triangle-up_alt2:before {
	content: "\46";
}
.arrow_triangle-down_alt2:before {
	content: "\47";
}
.arrow_triangle-left_alt2:before {
	content: "\48";
}
.arrow_triangle-right_alt2:before {
	content: "\49";
}
.arrow_back:before {
	content: "\4a";
}
.icon_minus-06:before {
	content: "\4b";
}
.icon_plus:before {
	content: "\4c";
}
.icon_close:before {
	content: "\4d";
}
.icon_check:before {
	content: "\4e";
}
.icon_minus_alt2:before {
	content: "\4f";
}
.icon_plus_alt2:before {
	content: "\50";
}
.icon_close_alt2:before {
	content: "\51";
}
.icon_check_alt2:before {
	content: "\52";
}
.icon_zoom-out_alt:before {
	content: "\53";
}
.icon_zoom-in_alt:before {
	content: "\54";
}
.icon_search:before {
	content: "\55";
}
.icon_box-empty:before {
	content: "\56";
}
.icon_box-selected:before {
	content: "\57";
}
.icon_minus-box:before {
	content: "\58";
}
.icon_plus-box:before {
	content: "\59";
}
.icon_box-checked:before {
	content: "\5a";
}
.icon_circle-empty:before {
	content: "\5b";
}
.icon_circle-slelected:before {
	content: "\5c";
}
.icon_stop_alt2:before {
	content: "\5d";
}
.icon_stop:before {
	content: "\5e";
}
.icon_pause_alt2:before {
	content: "\5f";
}
.icon_pause:before {
	content: "\60";
}
.icon_menu:before {
	content: "\61";
}
.icon_menu-square_alt2:before {
	content: "\62";
}
.icon_menu-circle_alt2:before {
	content: "\63";
}
.icon_ul:before {
	content: "\64";
}
.icon_ol:before {
	content: "\65";
}
.icon_adjust-horiz:before {
	content: "\66";
}
.icon_adjust-vert:before {
	content: "\67";
}
.icon_document_alt:before {
	content: "\68";
}
.icon_documents_alt:before {
	content: "\69";
}
.icon_pencil:before {
	content: "\6a";
}
.icon_pencil-edit_alt:before {
	content: "\6b";
}
.icon_pencil-edit:before {
	content: "\6c";
}
.icon_folder-alt:before {
	content: "\6d";
}
.icon_folder-open_alt:before {
	content: "\6e";
}
.icon_folder-add_alt:before {
	content: "\6f";
}
.icon_info_alt:before {
	content: "\70";
}
.icon_error-oct_alt:before {
	content: "\71";
}
.icon_error-circle_alt:before {
	content: "\72";
}
.icon_error-triangle_alt:before {
	content: "\73";
}
.icon_question_alt2:before {
	content: "\74";
}
.icon_question:before {
	content: "\75";
}
.icon_comment_alt:before {
	content: "\76";
}
.icon_chat_alt:before {
	content: "\77";
}
.icon_vol-mute_alt:before {
	content: "\78";
}
.icon_volume-low_alt:before {
	content: "\79";
}
.icon_volume-high_alt:before {
	content: "\7a";
}
.icon_quotations:before {
	content: "\7b";
}
.icon_quotations_alt2:before {
	content: "\7c";
}
.icon_clock_alt:before {
	content: "\7d";
}
.icon_lock_alt:before {
	content: "\7e";
}
.icon_lock-open_alt:before {
	content: "\e000";
}
.icon_key_alt:before {
	content: "\e001";
}
.icon_cloud_alt:before {
	content: "\e002";
}
.icon_cloud-upload_alt:before {
	content: "\e003";
}
.icon_cloud-download_alt:before {
	content: "\e004";
}
.icon_image:before {
	content: "\e005";
}
.icon_images:before {
	content: "\e006";
}
.icon_lightbulb_alt:before {
	content: "\e007";
}
.icon_gift_alt:before {
	content: "\e008";
}
.icon_house_alt:before {
	content: "\e009";
}
.icon_genius:before {
	content: "\e00a";
}
.icon_mobile:before {
	content: "\e00b";
}
.icon_tablet:before {
	content: "\e00c";
}
.icon_laptop:before {
	content: "\e00d";
}
.icon_desktop:before {
	content: "\e00e";
}
.icon_camera_alt:before {
	content: "\e00f";
}
.icon_mail_alt:before {
	content: "\e010";
}
.icon_cone_alt:before {
	content: "\e011";
}
.icon_ribbon_alt:before {
	content: "\e012";
}
.icon_bag_alt:before {
	content: "\e013";
}
.icon_creditcard:before {
	content: "\e014";
}
.icon_cart_alt:before {
	content: "\e015";
}
.icon_paperclip:before {
	content: "\e016";
}
.icon_tag_alt:before {
	content: "\e017";
}
.icon_tags_alt:before {
	content: "\e018";
}
.icon_trash_alt:before {
	content: "\e019";
}
.icon_cursor_alt:before {
	content: "\e01a";
}
.icon_mic_alt:before {
	content: "\e01b";
}
.icon_compass_alt:before {
	content: "\e01c";
}
.icon_pin_alt:before {
	content: "\e01d";
}
.icon_pushpin_alt:before {
	content: "\e01e";
}
.icon_map_alt:before {
	content: "\e01f";
}
.icon_drawer_alt:before {
	content: "\e020";
}
.icon_toolbox_alt:before {
	content: "\e021";
}
.icon_book_alt:before {
	content: "\e022";
}
.icon_calendar:before {
	content: "\e023";
}
.icon_film:before {
	content: "\e024";
}
.icon_table:before {
	content: "\e025";
}
.icon_contacts_alt:before {
	content: "\e026";
}
.icon_headphones:before {
	content: "\e027";
}
.icon_lifesaver:before {
	content: "\e028";
}
.icon_piechart:before {
	content: "\e029";
}
.icon_refresh:before {
	content: "\e02a";
}
.icon_link_alt:before {
	content: "\e02b";
}
.icon_link:before {
	content: "\e02c";
}
.icon_loading:before {
	content: "\e02d";
}
.icon_blocked:before {
	content: "\e02e";
}
.icon_archive_alt:before {
	content: "\e02f";
}
.icon_heart_alt:before {
	content: "\e030";
}
.icon_star_alt:before {
	content: "\e031";
}
.icon_star-half_alt:before {
	content: "\e032";
}
.icon_star:before {
	content: "\e033";
}
.icon_star-half:before {
	content: "\e034";
}
.icon_tools:before {
	content: "\e035";
}
.icon_tool:before {
	content: "\e036";
}
.icon_cog:before {
	content: "\e037";
}
.icon_cogs:before {
	content: "\e038";
}
.arrow_up_alt:before {
	content: "\e039";
}
.arrow_down_alt:before {
	content: "\e03a";
}
.arrow_left_alt:before {
	content: "\e03b";
}
.arrow_right_alt:before {
	content: "\e03c";
}
.arrow_left-up_alt:before {
	content: "\e03d";
}
.arrow_right-up_alt:before {
	content: "\e03e";
}
.arrow_right-down_alt:before {
	content: "\e03f";
}
.arrow_left-down_alt:before {
	content: "\e040";
}
.arrow_condense_alt:before {
	content: "\e041";
}
.arrow_expand_alt3:before {
	content: "\e042";
}
.arrow_carrot_up_alt:before {
	content: "\e043";
}
.arrow_carrot-down_alt:before {
	content: "\e044";
}
.arrow_carrot-left_alt:before {
	content: "\e045";
}
.arrow_carrot-right_alt:before {
	content: "\e046";
}
.arrow_carrot-2up_alt:before {
	content: "\e047";
}
.arrow_carrot-2dwnn_alt:before {
	content: "\e048";
}
.arrow_carrot-2left_alt:before {
	content: "\e049";
}
.arrow_carrot-2right_alt:before {
	content: "\e04a";
}
.arrow_triangle-up_alt:before {
	content: "\e04b";
}
.arrow_triangle-down_alt:before {
	content: "\e04c";
}
.arrow_triangle-left_alt:before {
	content: "\e04d";
}
.arrow_triangle-right_alt:before {
	content: "\e04e";
}
.icon_minus_alt:before {
	content: "\e04f";
}
.icon_plus_alt:before {
	content: "\e050";
}
.icon_close_alt:before {
	content: "\e051";
}
.icon_check_alt:before {
	content: "\e052";
}
.icon_zoom-out:before {
	content: "\e053";
}
.icon_zoom-in:before {
	content: "\e054";
}
.icon_stop_alt:before {
	content: "\e055";
}
.icon_menu-square_alt:before {
	content: "\e056";
}
.icon_menu-circle_alt:before {
	content: "\e057";
}
.icon_document:before {
	content: "\e058";
}
.icon_documents:before {
	content: "\e059";
}
.icon_pencil_alt:before {
	content: "\e05a";
}
.icon_folder:before {
	content: "\e05b";
}
.icon_folder-open:before {
	content: "\e05c";
}
.icon_folder-add:before {
	content: "\e05d";
}
.icon_folder_upload:before {
	content: "\e05e";
}
.icon_folder_download:before {
	content: "\e05f";
}
.icon_info:before {
	content: "\e060";
}
.icon_error-circle:before {
	content: "\e061";
}
.icon_error-oct:before {
	content: "\e062";
}
.icon_error-triangle:before {
	content: "\e063";
}
.icon_question_alt:before {
	content: "\e064";
}
.icon_comment:before {
	content: "\e065";
}
.icon_chat:before {
	content: "\e066";
}
.icon_vol-mute:before {
	content: "\e067";
}
.icon_volume-low:before {
	content: "\e068";
}
.icon_volume-high:before {
	content: "\e069";
}
.icon_quotations_alt:before {
	content: "\e06a";
}
.icon_clock:before {
	content: "\e06b";
}
.icon_lock:before {
	content: "\e06c";
}
.icon_lock-open:before {
	content: "\e06d";
}
.icon_key:before {
	content: "\e06e";
}
.icon_cloud:before {
	content: "\e06f";
}
.icon_cloud-upload:before {
	content: "\e070";
}
.icon_cloud-download:before {
	content: "\e071";
}
.icon_lightbulb:before {
	content: "\e072";
}
.icon_gift:before {
	content: "\e073";
}
.icon_house:before {
	content: "\e074";
}
.icon_camera:before {
	content: "\e075";
}
.icon_mail:before {
	content: "\e076";
}
.icon_cone:before {
	content: "\e077";
}
.icon_ribbon:before {
	content: "\e078";
}
.icon_bag:before {
	content: "\e079";
}
.icon_cart:before {
	content: "\e07a";
}
.icon_tag:before {
	content: "\e07b";
}
.icon_tags:before {
	content: "\e07c";
}
.icon_trash:before {
	content: "\e07d";
}
.icon_cursor:before {
	content: "\e07e";
}
.icon_mic:before {
	content: "\e07f";
}
.icon_compass:before {
	content: "\e080";
}
.icon_pin:before {
	content: "\e081";
}
.icon_pushpin:before {
	content: "\e082";
}
.icon_map:before {
	content: "\e083";
}
.icon_drawer:before {
	content: "\e084";
}
.icon_toolbox:before {
	content: "\e085";
}
.icon_book:before {
	content: "\e086";
}
.icon_contacts:before {
	content: "\e087";
}
.icon_archive:before {
	content: "\e088";
}
.icon_heart:before {
	content: "\e089";
}
.icon_profile:before {
	content: "\e08a";
}
.icon_group:before {
	content: "\e08b";
}
.icon_grid-2x2:before {
	content: "\e08c";
}
.icon_grid-3x3:before {
	content: "\e08d";
}
.icon_music:before {
	content: "\e08e";
}
.icon_pause_alt:before {
	content: "\e08f";
}
.icon_phone:before {
	content: "\e090";
}
.icon_upload:before {
	content: "\e091";
}
.icon_download:before {
	content: "\e092";
}
.social_facebook:before {
	content: "\e093";
}
.social_twitter:before {
	content: "\e094";
}
.social_pinterest:before {
	content: "\e095";
}
.social_googleplus:before {
	content: "\e096";
}
.social_tumblr:before {
	content: "\e097";
}
.social_tumbleupon:before {
	content: "\e098";
}
.social_wordpress:before {
	content: "\e099";
}
.social_instagram:before {
	content: "\e09a";
}
.social_dribbble:before {
	content: "\e09b";
}
.social_vimeo:before {
	content: "\e09c";
}
.social_linkedin:before {
	content: "\e09d";
}
.social_rss:before {
	content: "\e09e";
}
.social_deviantart:before {
	content: "\e09f";
}
.social_share:before {
	content: "\e0a0";
}
.social_myspace:before {
	content: "\e0a1";
}
.social_skype:before {
	content: "\e0a2";
}
.social_youtube:before {
	content: "\e0a3";
}
.social_picassa:before {
	content: "\e0a4";
}
.social_googledrive:before {
	content: "\e0a5";
}
.social_flickr:before {
	content: "\e0a6";
}
.social_blogger:before {
	content: "\e0a7";
}
.social_spotify:before {
	content: "\e0a8";
}
.social_delicious:before {
	content: "\e0a9";
}
.social_facebook_circle:before {
	content: "\e0aa";
}
.social_twitter_circle:before {
	content: "\e0ab";
}
.social_pinterest_circle:before {
	content: "\e0ac";
}
.social_googleplus_circle:before {
	content: "\e0ad";
}
.social_tumblr_circle:before {
	content: "\e0ae";
}
.social_stumbleupon_circle:before {
	content: "\e0af";
}
.social_wordpress_circle:before {
	content: "\e0b0";
}
.social_instagram_circle:before {
	content: "\e0b1";
}
.social_dribbble_circle:before {
	content: "\e0b2";
}
.social_vimeo_circle:before {
	content: "\e0b3";
}
.social_linkedin_circle:before {
	content: "\e0b4";
}
.social_rss_circle:before {
	content: "\e0b5";
}
.social_deviantart_circle:before {
	content: "\e0b6";
}
.social_share_circle:before {
	content: "\e0b7";
}
.social_myspace_circle:before {
	content: "\e0b8";
}
.social_skype_circle:before {
	content: "\e0b9";
}
.social_youtube_circle:before {
	content: "\e0ba";
}
.social_picassa_circle:before {
	content: "\e0bb";
}
.social_googledrive_alt2:before {
	content: "\e0bc";
}
.social_flickr_circle:before {
	content: "\e0bd";
}
.social_blogger_circle:before {
	content: "\e0be";
}
.social_spotify_circle:before {
	content: "\e0bf";
}
.social_delicious_circle:before {
	content: "\e0c0";
}
.social_facebook_square:before {
	content: "\e0c1";
}
.social_twitter_square:before {
	content: "\e0c2";
}
.social_pinterest_square:before {
	content: "\e0c3";
}
.social_googleplus_square:before {
	content: "\e0c4";
}
.social_tumblr_square:before {
	content: "\e0c5";
}
.social_stumbleupon_square:before {
	content: "\e0c6";
}
.social_wordpress_square:before {
	content: "\e0c7";
}
.social_instagram_square:before {
	content: "\e0c8";
}
.social_dribbble_square:before {
	content: "\e0c9";
}
.social_vimeo_square:before {
	content: "\e0ca";
}
.social_linkedin_square:before {
	content: "\e0cb";
}
.social_rss_square:before {
	content: "\e0cc";
}
.social_deviantart_square:before {
	content: "\e0cd";
}
.social_share_square:before {
	content: "\e0ce";
}
.social_myspace_square:before {
	content: "\e0cf";
}
.social_skype_square:before {
	content: "\e0d0";
}
.social_youtube_square:before {
	content: "\e0d1";
}
.social_picassa_square:before {
	content: "\e0d2";
}
.social_googledrive_square:before {
	content: "\e0d3";
}
.social_flickr_square:before {
	content: "\e0d4";
}
.social_blogger_square:before {
	content: "\e0d5";
}
.social_spotify_square:before {
	content: "\e0d6";
}
.social_delicious_square:before {
	content: "\e0d7";
}
.icon_printer:before {
	content: "\e103";
}
.icon_calulator:before {
	content: "\e0ee";
}
.icon_building:before {
	content: "\e0ef";
}
.icon_floppy:before {
	content: "\e0e8";
}
.icon_drive:before {
	content: "\e0ea";
}
.icon_search-2:before {
	content: "\e101";
}
.icon_id:before {
	content: "\e107";
}
.icon_id-2:before {
	content: "\e108";
}
.icon_puzzle:before {
	content: "\e102";
}
.icon_like:before {
	content: "\e106";
}
.icon_dislike:before {
	content: "\e0eb";
}
.icon_mug:before {
	content: "\e105";
}
.icon_currency:before {
	content: "\e0ed";
}
.icon_wallet:before {
	content: "\e100";
}
.icon_pens:before {
	content: "\e104";
}
.icon_easel:before {
	content: "\e0e9";
}
.icon_flowchart:before {
	content: "\e109";
}
.icon_datareport:before {
	content: "\e0ec";
}
.icon_briefcase:before {
	content: "\e0fe";
}
.icon_shield:before {
	content: "\e0f6";
}
.icon_percent:before {
	content: "\e0fb";
}
.icon_globe:before {
	content: "\e0e2";
}
.icon_globe-2:before {
	content: "\e0e3";
}
.icon_target:before {
	content: "\e0f5";
}
.icon_hourglass:before {
	content: "\e0e1";
}
.icon_balance:before {
	content: "\e0ff";
}
.icon_rook:before {
	content: "\e0f8";
}
.icon_printer-alt:before {
	content: "\e0fa";
}
.icon_calculator_alt:before {
	content: "\e0e7";
}
.icon_building_alt:before {
	content: "\e0fd";
}
.icon_floppy_alt:before {
	content: "\e0e4";
}
.icon_drive_alt:before {
	content: "\e0e5";
}
.icon_search_alt:before {
	content: "\e0f7";
}
.icon_id_alt:before {
	content: "\e0e0";
}
.icon_id-2_alt:before {
	content: "\e0fc";
}
.icon_puzzle_alt:before {
	content: "\e0f9";
}
.icon_like_alt:before {
	content: "\e0dd";
}
.icon_dislike_alt:before {
	content: "\e0f1";
}
.icon_mug_alt:before {
	content: "\e0dc";
}
.icon_currency_alt:before {
	content: "\e0f3";
}
.icon_wallet_alt:before {
	content: "\e0d8";
}
.icon_pens_alt:before {
	content: "\e0db";
}
.icon_easel_alt:before {
	content: "\e0f0";
}
.icon_flowchart_alt:before {
	content: "\e0df";
}
.icon_datareport_alt:before {
	content: "\e0f2";
}
.icon_briefcase_alt:before {
	content: "\e0f4";
}
.icon_shield_alt:before {
	content: "\e0d9";
}
.icon_percent_alt:before {
	content: "\e0da";
}
.icon_globe_alt:before {
	content: "\e0de";
}
.icon_clipboard:before {
	content: "\e0e6";
}


	.glyph {
		float: left;
		text-align: center;
		padding: .75em;
		margin: .4em 1.5em .75em 0;
		width: 6em;
text-shadow: none;
	}
        .glyph_big {
        font-size: 128px;
        color: #59c5dc;
        float: left;
        margin-right: 20px;
        }

        .glyph div { padding-bottom: 10px;}

	.glyph input {
		font-family: consolas, monospace;
		font-size: 12px;
		width: 100%;
		text-align: center;
		border: 0;
		box-shadow: 0 0 0 1px #ccc;
		padding: .2em;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
	}
	.centered {
		margin-left: auto;
		margin-right: auto;
	}
	.glyph .fs1 {
		font-size: 2em;
	}

	

/*!
 *  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */.fa.fa-pull-left,.fa.pull-left{margin-right:.3em}.fa,.fa-stack{display:inline-block}.fa-fw,.fa-li{text-align:center}@font-face{font-family:FontAwesome;src:url(css/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(css/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(css/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(css/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(css/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}.fa{font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa.fa-pull-right,.fa.pull-right{margin-left:.3em}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:.08em solid #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right,.pull-right{float:right}.pull-left{float:left}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{filter:none}.fa-stack{position:relative;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-close:before,.fa-remove:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-repeat:before,.fa-rotate-right:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-image:before,.fa-photo:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-exclamation-triangle:before,.fa-warning:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-floppy-o:before,.fa-save:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before,.fa-navicon:before,.fa-reorder:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-bolt:before,.fa-flash:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-chain-broken:before,.fa-unlink:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-caret-square-o-down:before,.fa-toggle-down:before{content:"\f150"}.fa-caret-square-o-up:before,.fa-toggle-up:before{content:"\f151"}.fa-caret-square-o-right:before,.fa-toggle-right:before{content:"\f152"}.fa-eur:before,.fa-euro:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-inr:before,.fa-rupee:before{content:"\f156"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{content:"\f157"}.fa-rouble:before,.fa-rub:before,.fa-ruble:before{content:"\f158"}.fa-krw:before,.fa-won:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-caret-square-o-left:before,.fa-toggle-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-try:before,.fa-turkish-lira:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-bank:before,.fa-institution:before,.fa-university:before{content:"\f19c"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before{content:"\f1c5"}.fa-file-archive-o:before,.fa-file-zip-o:before{content:"\f1c6"}.fa-file-audio-o:before,.fa-file-sound-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before,.fa-resistance:before{content:"\f1d0"}.fa-empire:before,.fa-ge:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-paper-plane:before,.fa-send:before{content:"\f1d8"}.fa-paper-plane-o:before,.fa-send-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-futbol-o:before,.fa-soccer-ball-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-ils:before,.fa-shekel:before,.fa-sheqel:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-bed:before,.fa-hotel:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-y-combinator:before,.fa-yc:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before,.fa-battery:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-paper-o:before,.fa-hand-stop-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-television:before,.fa-tv:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before{content:"\f2a3"}.fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-sign-language:before,.fa-signing:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-address-card:before,.fa-vcard:before{content:"\f2bb"}.fa-address-card-o:before,.fa-vcard-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer-full:before,.fa-thermometer:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bath:before,.fa-bathtub:before,.fa-s15:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
@font-face {
    font-family: 'icomoon';
    src:    url('css/fonts/icomoon.eot?hzinuh');
    src:    url('css/fonts/icomoon.eot?hzinuh#iefix') format('embedded-opentype'),
        url('css/fonts/icomoon.ttf?hzinuh') format('truetype'),
        url('css/fonts/icomoon.woff?hzinuh') format('woff'),
        url('css/fonts/icomoon.svg?hzinuh#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-add:before {
    content: "\e900";
}
.icon-admin:before {
    content: "\e901";
}
.icon-calendar:before {
    content: "\e902";
}
.icon-callcenter:before {
    content: "\e903";
}
.icon-control:before {
    content: "\e904";
}
.icon-delete:before {
    content: "\e905";
}
.icon-edit:before {
    content: "\e906";
}
.icon-fleet:before {
    content: "\e907";
}
.icon-installation:before {
    content: "\e908";
}
.icon-inventory:before {
    content: "\e909";
}
.icon-messages:before {
    content: "\e90a";
}
.icon-reports:before {
    content: "\e90b";
}
.icon-revenue:before {
    content: "\e90c";
}
.icon-search:before {
    content: "\e90d";
}
.icon-suspension:before {
    content: "\e90e";
}
.icon-tracking:before {
    content: "\e90f";
}
.icon-training:before {
    content: "\e910";
}


@media (min-width: 980px) {

}

@media (min-width: 768px) and (max-width: 979px) {

    .inbox-wrapper .inbox-left {
        width: 30%;
    }

    .inbox-wrapper .inbox-right {
        width: 70%;
    }

}

@media (max-width: 768px) {

    .header {
        position: absolute;
    }

    /*sidebar*/

    #sidebar {
        height: auto !important;
        overflow: hidden;
        position: absolute;
        width: 100%;
        z-index: 1001;
    }


    /* body container */
    #main-content {
        margin: 0px!important;
        position: none !important;
    }

    #sidebar > ul > li > a > span {
        line-height: 35px;
    }

    #sidebar > ul > li {
        margin: 0 10px 5px 10px;
    }
    #sidebar > ul > li > a {
        height:35px;
        line-height:35px;
        padding: 0 10px;
        text-align: left;
    }
    #sidebar > ul > li > a i{
        /*display: none !important;*/
    }

    .mail-info, .mail-info:hover {
        display: none !important;
    }
    #sidebar ul > li > a .arrow, #sidebar > ul > li > a .arrow.open {
        margin-right: 10px;
        margin-top: 15px;
    }

    #sidebar ul > li.active > a .arrow, #sidebar ul > li > a:hover .arrow, #sidebar ul > li > a:focus .arrow,
    #sidebar > ul > li.active > a .arrow.open, #sidebar > ul > li > a:hover .arrow.open, #sidebar > ul > li > a:focus .arrow.open{
        margin-top: 15px;
    }

    #sidebar > ul > li > a, #sidebar > ul > li > ul.sub > li {
        width: 100%;
    }
    #sidebar > ul > li > ul.sub > li > a {
        background: transparent !important ;
    }
    #sidebar > ul > li > ul.sub > li > a:hover {
        /*background: #4A8BC2 !important ;*/
    }


    /* sidebar */
    #sidebar {
        margin: 0px !important;
    }

    /* sidebar collabler */
    #sidebar .btn-navbar.collapsed .arrow {
        display: none;
    }

    #sidebar .btn-navbar .arrow {
        position: absolute;
        right: 35px;
        width: 0;
        height: 0;
        top:48px;
        border-bottom: 15px solid #282e36;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
    }


    /*---------*/

    .btn {
        margin-bottom: 5px;
    }


    .inbox-wrapper aside {
        display: block;
    }

    .inbox-wrapper .inbox-left , .inbox-wrapper .inbox-right{
        width: 100% ;
    }

    /* full calendar fix */
    .fc-header-right {
        left:25px;
        position: absolute;
    }

    .fc-header-left .fc-button {
        margin: 0px !important;
        top: -10px !important;
    }

    .fc-header-right .fc-button {
        margin: 0px !important;
        top: -50px !important;
    }

    .fc-state-active, .fc-state-active .fc-button-inner, .fc-state-hover, .fc-state-hover .fc-button-inner {
        background: none !important;
        color: #FFFFFF !important;
    }

    .fc-state-default, .fc-state-default .fc-button-inner {
        background: none !important;
    }

    .fc-button {
        border: none !important;
        margin-right: 2px;
    }

    .fc-view {
        top: 0px !important;
    }

    .fc-button .fc-button-inner {
        margin: 0px !important;
        padding: 2px !important;
        border: none !important;
        margin-right: 2px !important;
        background-color: #fafafa !important;
        background-image: -moz-linear-gradient(top, #fafafa, #efefef) !important;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef)) !important;
        background-image: -webkit-linear-gradient(top, #fafafa, #efefef) !important;
        background-image: -o-linear-gradient(top, #fafafa, #efefef) !important;
        background-image: linear-gradient(to bottom, #fafafa, #efefef) !important;
        filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0) !important;
        -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
        -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
        box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
        -webkit-border-radius: 3px !important;
        -moz-border-radius: 3px !important;
        border-radius: 3px !important;
        color: #646464 !important;
        border: 1px solid #ddd !important;
        text-shadow: 0 1px 0px rgba(255, 255, 255, .6) !important;
        text-align: center;
    }

    .fc-button.fc-state-disabled .fc-button-inner {
        color: #bcbbbb !important;
    }

    .fc-button.fc-state-active .fc-button-inner {
        background-color: #e5e4e4 !important;
        background-image: -moz-linear-gradient(top, #e5e4e4, #dddcdc) !important;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e4e4), to(#dddcdc)) !important;
        background-image: -webkit-linear-gradient(top, #e5e4e4, #dddcdc) !important;
        background-image: -o-linear-gradient(top, #e5e4e4, #dddcdc) !important;
        background-image: linear-gradient(to bottom, #e5e4e4, #dddcdc) !important;
        filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e5e4e4', endColorstr='#dddcdc', GradientType=0) !important;
    }

    .fc-content {
        margin-top: 50px;
    }

    .fc-header-title h2 {
        line-height: 40px !important;
        font-size: 12px !important;
    }

    .fc-header {
        margin-bottom:0px !important;
    }

    /*--*/

    /*.chart-position {*/
        /*margin-top: 0px;*/
    /*}*/

    .timeline-desk .album a {
        margin-bottom: 5px;
        margin-right: 4px;
    }

    .stepy-titles li {
        margin: 10px 3px;
    }

    .mail-option .btn {
        margin-bottom: 0;
    }



}


@media (max-width: 740px) {
    #task_notificatoin_bar,#mail_notificatoin_bar,#alert_notificatoin_bar{
        display: none;
    }
}

@media (max-width: 480px) {

    .notification-row,.task_notificatoin_bar, .search-row,.knob-charts, .dont-show , .inbox-head .sr-input, .inbox-head .sr-btn{
        display: none;
    }

    .inbox-wrapper aside {
        display: block;
    }

    .inbox-wrapper .inbox-left , .inbox-wrapper .inbox-right{
        width: 100% ;
    }

    #top_menu .nav > li, ul.top-menu > li {
        float: right;
    }
    .hidden-phone {
        display: none !important;
    }

    .dataTables_filter {
        float: left;
    }

    .dataTables_info {
        margin-bottom: 10px;
    }

    .mail-option .btn {
        margin-bottom: 0;
    }

    .mail-option .inbox-pagination {
        margin-top: 10px;
        float: left;
    }

    .chart-position {
       margin-top: 0px;
     }
}

@media (max-width:320px) {
    .login-social-link a {
        padding: 15px 17px !important;
    }

    .notification-row, .search, .dont-show, .inbox-head .sr-input, .inbox-head .sr-btn {
        display: none;
    }

    .inbox-wrapper aside {
        display: block ;
    }

    .inbox-wrapper .inbox-left , .inbox-wrapper .inbox-right{
        width: 100% ;
    }

    #top_menu .nav > li, ul.top-menu > li {
        float: right;
    }

    .hidden-phone {
        display: none !important;
    }

    .dataTables_filter {
        float: left;
    }

    .dataTables_info {
        margin-bottom: 10px;
    }

    .mail-option .btn {
        margin-bottom: 0;
    }

    .mail-option .inbox-pagination {
        margin-top: 10px;
        float: left;
    }

    .chart-position {
        margin-top: 0px;
    }

}
/*!
 * Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
a:focus {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
mark {
  background: #ff0;
  color: #000;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
pre {
  white-space: pre-wrap;
}
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 2cm .5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: Lato;
  font-size: 14px;
  line-height: 1.428571429;
  color: #2b2b2b;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
input,
select[multiple],
textarea {
  background-image: none;
}
a {
  color: #007aff;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #0055b3;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #f7f7f7;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16.099999999999998px;
  font-weight: 200;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small {
  font-size: 85%;
}
cite {
  font-style: normal;
}
.text-muted {
  color: #d7d7d7;
}
.text-primary {
  color: #007aff;
}
.text-warning {
  color: #ffcc00;
}
.text-danger {
  color: #ff2d55;
}
.text-success {
  color: #4cd964;
}
.text-info {
  color: #34aadc;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: Lato;
  font-weight: 400;
  line-height: 1.1;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
  font-weight: normal;
  line-height: 1;
  color: #d7d7d7;
}
h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h4,
h5,
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
h1 small,
.h1 small {
  font-size: 24px;
}
h2 small,
.h2 small {
  font-size: 18px;
}
h3 small,
.h3 small,
h4 small,
.h4 small {
  font-size: 14px;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #f7f7f7;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.428571429;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
  .dl-horizontal dd:before,
  .dl-horizontal dd:after {
    content: " ";
    /* 1 */
  
    display: table;
    /* 2 */
  
  }
  .dl-horizontal dd:after {
    clear: both;
  }
  .dl-horizontal dd:before,
  .dl-horizontal dd:after {
    content: " ";
    /* 1 */
  
    display: table;
    /* 2 */
  
  }
  .dl-horizontal dd:after {
    clear: both;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #d7d7d7;
}
abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  border-left: 5px solid #f7f7f7;
}
blockquote p {
  font-size: 17.5px;
  font-weight: 300;
  line-height: 1.25;
}
blockquote p:last-child {
  margin-bottom: 0;
}
blockquote small {
  display: block;
  line-height: 1.428571429;
  color: #d7d7d7;
}
blockquote small:before {
  content: '\2014 \00A0';
}
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #f7f7f7;
  border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}
blockquote.pull-right small:before {
  content: '';
}
blockquote.pull-right small:after {
  content: '\00A0 \2014';
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.428571429;
}
code,
pre {
  font-family: Lato;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  white-space: nowrap;
  border-radius: 4px;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.428571429;
  word-break: break-all;
  word-wrap: break-word;
  color: #2b2b2b;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
pre.prettyprint {
  margin-bottom: 20px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container:before,
.container:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.container:after {
  clear: both;
}
.container:before,
.container:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.container:after {
  clear: both;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:before,
.row:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.row:after {
  clear: both;
}
.row:before,
.row:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.row:after {
  clear: both;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11 {
  float: left;
}
.col-xs-1 {
  width: 8.333333333333332%;
}
.col-xs-2 {
  width: 16.666666666666664%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-4 {
  width: 33.33333333333333%;
}
.col-xs-5 {
  width: 41.66666666666667%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-7 {
  width: 58.333333333333336%;
}
.col-xs-8 {
  width: 66.66666666666666%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-10 {
  width: 83.33333333333334%;
}
.col-xs-11 {
  width: 91.66666666666666%;
}
.col-xs-12 {
  width: 100%;
}
@media (min-width: 768px) {
  .container {
    max-width: 750px;
  }
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11 {
    float: left;
  }
  .col-sm-1 {
    width: 8.333333333333332%;
  }
  .col-sm-2 {
    width: 16.666666666666664%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.33333333333333%;
  }
  .col-sm-5 {
    width: 41.66666666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.333333333333336%;
  }
  .col-sm-8 {
    width: 66.66666666666666%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.33333333333334%;
  }
  .col-sm-11 {
    width: 91.66666666666666%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-push-1 {
    left: 8.333333333333332%;
  }
  .col-sm-push-2 {
    left: 16.666666666666664%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.33333333333333%;
  }
  .col-sm-push-5 {
    left: 41.66666666666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.333333333333336%;
  }
  .col-sm-push-8 {
    left: 66.66666666666666%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.33333333333334%;
  }
  .col-sm-push-11 {
    left: 91.66666666666666%;
  }
  .col-sm-pull-1 {
    right: 8.333333333333332%;
  }
  .col-sm-pull-2 {
    right: 16.666666666666664%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.33333333333333%;
  }
  .col-sm-pull-5 {
    right: 41.66666666666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.333333333333336%;
  }
  .col-sm-pull-8 {
    right: 66.66666666666666%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.33333333333334%;
  }
  .col-sm-pull-11 {
    right: 91.66666666666666%;
  }
  .col-sm-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-sm-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666666666666%;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 970px;
  }
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11 {
    float: left;
  }
  .col-md-1 {
    width: 8.333333333333332%;
  }
  .col-md-2 {
    width: 16.666666666666664%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.33333333333333%;
  }
  .col-md-5 {
    width: 41.66666666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.333333333333336%;
  }
  .col-md-8 {
    width: 66.66666666666666%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.33333333333334%;
  }
  .col-md-11 {
    width: 91.66666666666666%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.333333333333332%;
  }
  .col-md-push-2 {
    left: 16.666666666666664%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.33333333333333%;
  }
  .col-md-push-5 {
    left: 41.66666666666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.333333333333336%;
  }
  .col-md-push-8 {
    left: 66.66666666666666%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.33333333333334%;
  }
  .col-md-push-11 {
    left: 91.66666666666666%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.333333333333332%;
  }
  .col-md-pull-2 {
    right: 16.666666666666664%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.33333333333333%;
  }
  .col-md-pull-5 {
    right: 41.66666666666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.333333333333336%;
  }
  .col-md-pull-8 {
    right: 66.66666666666666%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.33333333333334%;
  }
  .col-md-pull-11 {
    right: 91.66666666666666%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
  .col-md-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-md-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666666666666%;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11 {
    float: left;
  }
  .col-lg-1 {
    width: 8.333333333333332%;
  }
  .col-lg-2 {
    width: 16.666666666666664%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.33333333333333%;
  }
  .col-lg-5 {
    width: 41.66666666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.333333333333336%;
  }
  .col-lg-8 {
    width: 66.66666666666666%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.33333333333334%;
  }
  .col-lg-11 {
    width: 91.66666666666666%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.333333333333332%;
  }
  .col-lg-push-2 {
    left: 16.666666666666664%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.33333333333333%;
  }
  .col-lg-push-5 {
    left: 41.66666666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.333333333333336%;
  }
  .col-lg-push-8 {
    left: 66.66666666666666%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.33333333333334%;
  }
  .col-lg-push-11 {
    left: 91.66666666666666%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.333333333333332%;
  }
  .col-lg-pull-2 {
    right: 16.666666666666664%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.33333333333333%;
  }
  .col-lg-pull-5 {
    right: 41.66666666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.333333333333336%;
  }
  .col-lg-pull-8 {
    right: 66.66666666666666%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.33333333333334%;
  }
  .col-lg-pull-11 {
    right: 91.66666666666666%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
  .col-lg-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-lg-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666666666666%;
  }
}
table {
  max-width: 100%;
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  margin-bottom: 20px;
}
.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table caption + thead tr:first-child th,
.table colgroup + thead tr:first-child th,
.table thead:first-child tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed thead > tr > th,
.table-condensed tbody > tr > th,
.table-condensed tfoot > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > td,
.table-condensed tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff8e3;
  border-color: #caf4ca;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td {
  background-color: #caf4d1;
  border-color: #b5efb5;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #ffe0e6;
  border-color: #ffd0e1;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td {
  background-color: #ffc6d1;
  border-color: #ffb7d1;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fff0b3;
  border-color: #ffdda3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td {
  background-color: #ffeb99;
  border-color: #ffd48a;
}
@media (max-width: 768px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    border: 1px solid #dddddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
    background-color: #fff;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > thead > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > thead > tr:last-child > td,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #2b2b2b;
  border: 0;
  border-bottom: 1px solid #c7c7cc;
}
label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */

  line-height: normal;
}
input[type="file"] {
  display: block;
}
select[multiple],
select[size] {
  height: auto;
}
select optgroup {
  font-size: inherit;
  font-style: inherit;
  font-family: inherit;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  height: auto;
}
.form-control:-moz-placeholder {
  color: #d7d7d7;
}
.form-control::-moz-placeholder {
  color: #d7d7d7;
}
.form-control:-ms-input-placeholder {
  color: #d7d7d7;
}
.form-control::-webkit-input-placeholder {
  color: #d7d7d7;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #8e8e93;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #c7c7cc;
  border-radius: 4px;  
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #007AFF;
  outline: 0;  
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #f7f7f7;
}
textarea.form-control {
  height: auto;
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
  vertical-align: middle;
}
.radio label,
.checkbox label {
  display: inline;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm {
  height: auto;
}
.input-lg {
  height: 45px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-lg {
  height: 45px;
  line-height: 45px;
}
textarea.input-lg {
  height: auto;
}
.has-warning .help-block,
.has-warning .control-label {
  color: #ffcc00;
}
.has-warning .form-control {
  border-color: #ffcc00;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #cca300;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffe066;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffe066;
}
.has-warning .input-group-addon {
  color: #ffcc00;
  border-color: #ffcc00;
  background-color: #fff0b3;
}
.has-error .help-block,
.has-error .control-label {
  color: #ff2d55;
}
.has-error .form-control {
  border-color: #ff2d55;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #f9002f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff93a8;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff93a8;
}
.has-error .input-group-addon {
  color: #ff2d55;
  border-color: #ff2d55;
  background-color: #ffe0e6;
}
.has-success .help-block,
.has-success .control-label {
  color: #4cd964;
}
.has-success .form-control {
  border-color: #4cd964;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2ac845;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a0ebad;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a0ebad;
}
.has-success .input-group-addon {
  color: #4cd964;
  border-color: #4cd964;
  background-color: #dff8e3;
}
.form-control-static {
  margin-bottom: 0;
  padding-top: 7px;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #6b6b6b;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.form-horizontal .form-group:after {
  clear: both;
}
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.form-horizontal .form-group:after {
  clear: both;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
  }
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-weight: 300;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  transition: all 0.15s;
}


.btn:focus {
  /*outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;*/
  outline: none;
}
.btn:hover,
.btn:focus {
  color: #2b2b2b;
  text-decoration: none;
}
.btn:active,
.btn.active {  
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #2b2b2b;
  background-color: #ffffff;
  border-color: #c7c7cc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: #9e9e9e;
  border-color: #9e9e9e;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #c7c7cc;
}
.btn-primary {
  color: #ffffff;
  background-color: #007aff;
  border-color: #007aff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #007aff;
  border-color: #007aff;
  background: transparent;  
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #007aff;
  border-color: #007aff;
}
.btn-warning {
  color: #ffffff;
  background-color: #ffcc00;
  border-color: #ffcc00;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #ffcc00;
  background: transparent;
  border-color: #ffcc00;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #ffcc00;
  border-color: #ffcc00;
}
.btn-danger {
  color: #ffffff;
  background-color: #ff2d55;
  border-color: #ff2d55;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #ff2d55;
  background: transparent;
  border-color: #ff2d55;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #ff2d55;
  border-color: #ff2d55;
}
.btn-success {
  color: #ffffff;
  background-color: #4cd964;
  border-color: #4cd964;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #4cd964;
  background: transparent;
  border-color: #4cd964;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;  
  outline: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #4cd964;
  border-color: #4cd964;
}
.btn-info {
  color: #ffffff;
  background-color: #34aadc;
  border-color: #34aadc;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #34aadc;
  background: transparent;
  border-color: #34aadc;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #34aadc;
  border-color: #34aadc;
}
.btn-link {
  color: #007aff;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #0055b3;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #d7d7d7;
  text-decoration: none;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm,
.btn-xs {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs {
  padding: 1px 5px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('css/fonts/glyphicons-halflings-regular.eot');
  src: url('css/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('css/fonts/glyphicons-halflings-regular.woff') format('woff'), url('css/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('css/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-briefcase:before {
  content: "\1f4bc";
}
.glyphicon-calendar:before {
  content: "\1f4c5";
}
.glyphicon-pushpin:before {
  content: "\1f4cc";
}
.glyphicon-paperclip:before {
  content: "\1f4ce";
}
.glyphicon-camera:before {
  content: "\1f4f7";
}
.glyphicon-lock:before {
  content: "\1f512";
}
.glyphicon-bell:before {
  content: "\1f514";
}
.glyphicon-bookmark:before {
  content: "\1f516";
}
.glyphicon-fire:before {
  content: "\1f525";
}
.glyphicon-wrench:before {
  content: "\1f527";
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 0 dotted;
  content: "";
}
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #2b2b2b;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #ffffff;
  background-color: #007aff;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #007aff;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #d7d7d7;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
  opacity: 0.9;
}
.open > a {
  outline: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #d7d7d7;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0 dotted;
  border-bottom: 4px solid #000000;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
}
.btn-default .caret {
  border-top-color: #2b2b2b;
}
.btn-primary .caret,
.btn-success .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret {
  border-top-color: #fff;
}
.dropup .btn-default .caret {
  border-bottom-color: #2b2b2b;
}
.dropup .btn-primary .caret,
.dropup .btn-success .caret,
.dropup .btn-warning .caret,
.dropup .btn-danger .caret,
.dropup .btn-info .caret {
  border-bottom-color: #fff;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
  outline: none;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar:before,
.btn-toolbar:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.btn-toolbar:after {
  clear: both;
}
.btn-toolbar:before,
.btn-toolbar:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.btn-toolbar:after {
  clear: both;
}
.btn-toolbar .btn-group {
  float: left;
}
.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group,
.btn-toolbar > .btn-group + .btn-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group-xs > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  padding: 1px 5px;
}
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.btn-group-vertical > .btn-group:after {
  clear: both;
}
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.btn-group-vertical > .btn-group:after {
  clear: both;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child > .btn:last-child,
.btn-group-vertical > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified .btn {
  float: none;
  display: table-cell;
  width: 1%;
}
[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  display: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group.col {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  width: 100%;
  margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 45px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 45px;
  line-height: 45px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  background-color: #f7f7f7;
  border: 1px solid #c7c7cc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -4px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:active {
  z-index: 2;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav:before,
.nav:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.nav:after {
  clear: both;
}
.nav:before,
.nav:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.nav:after {
  clear: both;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #f7f7f7;
}
.nav > li.disabled > a {
  color: #d7d7d7;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #d7d7d7;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #f7f7f7;
  border-color: #007aff;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #d7d7d7;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #f7f7f7 #f7f7f7 #d7d7d7;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #8e8e93;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
}
.nav-tabs.nav-justified > li > a {
  border-bottom: 1px solid #dddddd;
  margin-right: 0;
}
.nav-tabs.nav-justified > .active > a {
  border-bottom-color: #ffffff;
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 5px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #007aff;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  border-bottom: 1px solid #dddddd;
  margin-right: 0;
}
.nav-tabs-justified > .active > a {
  border-bottom-color: #ffffff;
}
.tabbable:before,
.tabbable:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.tabbable:after {
  clear: both;
}
.tabbable:before,
.tabbable:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.tabbable:after {
  clear: both;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}
.tab-content > .active,
.pill-content > .active {
  display: block;
}
.nav .caret {
  border-top-color: #007aff;
  border-bottom-color: #007aff;
}
.nav a:hover .caret {
  border-top-color: #0055b3;
  border-bottom-color: #0055b3;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar {
  position: relative;
  z-index: 1000;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
.navbar:before,
.navbar:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.navbar:after {
  clear: both;
}
.navbar:before,
.navbar:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.navbar:after {
  clear: both;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
.navbar-header:before,
.navbar-header:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.navbar-header:after {
  clear: both;
}
.navbar-header:before,
.navbar-header:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.navbar-header:after {
  clear: both;
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  max-height: 340px;
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse:before,
.navbar-collapse:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.navbar-collapse:after {
  clear: both;
}
.navbar-collapse:before,
.navbar-collapse:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.navbar-collapse:after {
  clear: both;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-collapse .navbar-nav.navbar-left:first-child {
    margin-left: -15px;
  }
  .navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }
  .navbar-collapse .navbar-text:last-child {
    margin-right: 0;
  }
}
.container > .navbar-header,
.container > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  z-index: 1030;
  top: 0;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
}
.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
  }
}
.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-nav.pull-right > li > .dropdown-menu,
.navbar-nav > li > .dropdown-menu.pull-right {
  left: auto;
  right: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-text {
  float: left;
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.navbar-default {
  background-color: #ffffff;
  border-color: #007AFF;
}
.navbar-default .navbar-brand {
  color: #4a4a4a;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #313131;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #2b2b2b;
}
.navbar-default .navbar-nav > li > a {
  color: #4a4a4a;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #2b2b2b;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #007AFF;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #dddddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ededed;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #2b2b2b;
  border-bottom-color: #2b2b2b;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #eeeeee;
  color: #555555;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}
.navbar-default .navbar-nav > .dropdown > a .caret {
  border-top-color: #4a4a4a;
  border-bottom-color: #4a4a4a;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #4a4a4a;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #2b2b2b;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555555;
    background-color: #eeeeee;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #4a4a4a;
}
.navbar-default .navbar-link:hover {
  color: #2b2b2b;
}
.navbar-inverse {
  background-color: #222222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #d7d7d7;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #d7d7d7;
}
.navbar-inverse .navbar-nav > li > a {
  color: #d7d7d7;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #ffffff;
}
.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.navbar-inverse .navbar-nav > .dropdown > a .caret {
  border-top-color: #d7d7d7;
  border-bottom-color: #d7d7d7;
}
.navbar-inverse .navbar-nav > .open > a .caret,
.navbar-inverse .navbar-nav > .open > a:hover .caret,
.navbar-inverse .navbar-nav > .open > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #d7d7d7;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #d7d7d7;
}
.navbar-inverse .navbar-link:hover {
  color: #ffffff;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #ffffff;
  border: 0px solid transparent;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #cccccc;
}
.breadcrumb > .active {
  color: #d7d7d7;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #f7f7f7;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #007aff;
  border-color: #007aff;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #d7d7d7;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.pager:before,
.pager:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.pager:after {
  clear: both;
}
.pager:before,
.pager:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #f7f7f7;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #d7d7d7;
  background-color: #ffffff;
  cursor: not-allowed;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
.label[href]:hover,
.label[href]:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.label-default {
  background-color: #d7d7d7;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #bebebe;
}
.label-primary {
  background-color: #007aff;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #0062cc;
}
.label-success {
  background-color: #4cd964;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #2ac845;
}
.label-info {
  background-color: #34aadc;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #218ebd;
}
.label-warning {
  background-color: #ffcc00;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #cca300;
}
.label-danger {
  background-color: #ff2d55;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #f9002f;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #d7d7d7;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.btn .badge {
  position: relative;
  top: -1px;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #007aff;
  background-color: #ffffff;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  font-size: 21px;
  font-weight: 200;
  line-height: 2.1428571435;
  color: inherit;
  background-color: #f7f7f7;
}
.jumbotron h1 {
  line-height: 1;
  color: inherit;
}
.jumbotron p {
  line-height: 1.4;
}
.container .jumbotron {
  border-radius: 6px;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1 {
    font-size: 63px;
  }
}
.thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
  display: block;
}
.thumbnail > img {
  display: block;
  max-width: 100%;
  height: auto;
}
a.thumbnail:hover,
a.thumbnail:focus {
  border-color: #007aff;
}
.thumbnail > img {
  margin-left: auto;
  margin-right: auto;
}
.thumbnail .caption {
  padding: 9px;
  color: #2b2b2b;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;  
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable {
  padding-right: 35px;
}
.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff8e3;
  border-color: #caf4ca;
  color: #4cd964;
}
.alert-success hr {
  border-top-color: #b5efb5;
}
.alert-success .alert-link {
  color: #2ac845;
}
.alert-info {
  background-color: #cceaf6;
  border-color: #aee8f1;
  color: #34aadc;
}
.alert-info hr {
  border-top-color: #98e2ed;
}
.alert-info .alert-link {
  color: #218ebd;
}
.alert-warning {
  background-color: #fff0b3;
  border-color: #ffdda3;
  color: #ffcc00;
}
.alert-warning hr {
  border-top-color: #ffd48a;
}
.alert-warning .alert-link {
  color: #cca300;
}
.alert-danger {
  background-color: #ffe0e6;
  border-color: #ffd0e1;
  color: #ff2d55;
}
.alert-danger hr {
  border-top-color: #ffb7d1;
}
.alert-danger .alert-link {
  color: #f9002f;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  background-color: #007aff;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #4cd964;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #34aadc;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #ffcc00;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #ff2d55;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media,
.media .media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media-object {
  display: block;
}
.media-heading {
  margin: 0 0 5px;
}
.media > .pull-left {
  margin-right: 10px;
}
.media > .pull-right {
  margin-left: 10px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #d7d7d7;
}
.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
a.list-group-item {
  color: #555555 er;
}
a.list-group-item .list-group-item-heading {
  color: #333333 er;
}
a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: #f7f7f7;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #007aff;
  border-color: #007aff;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #cce4ff;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 0px solid transparent;  
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.panel-body {
  padding: 15px;
}
.panel-body:before,
.panel-body:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.panel-body:after {
  clear: both;
}
.panel-body:before,
.panel-body:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.panel-body:after {
  clear: both;
}
.panel > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item {
  border-width: 1px 0;
}
.panel > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.panel > .list-group .list-group-item:last-child {
  border-bottom: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.panel > .table {
  margin-bottom: 0;
}
.panel > .panel-body + .table {
  border-top: 1px solid #dddddd;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;  
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}
.panel-title > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
  overflow: hidden;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 1px solid #dddddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd;
}
.panel-default {
  border-color: #dddddd;
}
.panel-default > .panel-heading {
  color: #2b2b2b;
  background-color: #f5f5f5;
  border-color: #dddddd;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #dddddd;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #dddddd;
}
.panel-primary {
  border-color: #007aff;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #007aff;
  border-color: #007aff;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #007aff;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #007aff;
}
.panel-success {
  border-color: #caf4ca;
}
.panel-success > .panel-heading {
  color: #4cd964;
  background-color: #dff8e3;
  border-color: #caf4ca;
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #caf4ca;
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #caf4ca;
}
.panel-warning {
  border-color: #ffdda3;
}
.panel-warning > .panel-heading {
  color: #ffcc00;
  background-color: #fff0b3;
  border-color: #ffdda3;
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ffdda3;
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ffdda3;
}
.panel-danger {
  border-color: #ffd0e1;
}
.panel-danger > .panel-heading {
  color: #ff2d55;
  background-color: #ffe0e6;
  border-color: #ffd0e1;
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ffd0e1;
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ffd0e1;
}
.panel-info {
  border-color: #aee8f1;
}
.panel-info > .panel-heading {
  color: #34aadc;
  background-color: #cceaf6;
  border-color: #aee8f1;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #aee8f1;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #aee8f1;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
  margin-right: 15px;
}
.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-dialog {
  margin-left: auto;
  margin-right: auto;
  width: auto;
  padding: 10px;
  z-index: 1050;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.428571429px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.428571429;
}
.modal-body {
  position: relative;
  padding: 20px;
}
.modal-footer {
  margin-top: 15px;
  padding: 19px 20px 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer:before,
.modal-footer:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.modal-footer:after {
  clear: both;
}
.modal-footer:before,
.modal-footer:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .modal-dialog {
    left: 50%;
    right: auto;
    width: 600px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #007aff;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #007aff;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #007aff;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #007aff;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #007aff;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #007aff;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #007aff;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #007aff;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #007aff;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #e5f2ff;
  border: 1px solid #b3d7ff;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #e5f2ff;
  border-bottom: 1px solid #cce4ff;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover .arrow {
  border-width: 11px;
}
.popover .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #e5f2ff;
  border-top-color: #b3d7ff;
  bottom: -11px;
}
.popover.top .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #e5f2ff;
  border-right-color: #b3d7ff;
}
.popover.right .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #e5f2ff;
  border-bottom-color: #b3d7ff;
  top: -11px;
}
.popover.bottom .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #e5f2ff;
  border-left-color: #b3d7ff;
}
.popover.left .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control.left {
  background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.clearfix:after {
  clear: both;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: 320px;
  }
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.visible-xs {
  display: none !important;
}
tr.visible-xs {
  display: none !important;
}
th.visible-xs,
td.visible-xs {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-xs.visible-sm {
    display: block !important;
  }
  tr.visible-xs.visible-sm {
    display: table-row !important;
  }
  th.visible-xs.visible-sm,
  td.visible-xs.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-xs.visible-md {
    display: block !important;
  }
  tr.visible-xs.visible-md {
    display: table-row !important;
  }
  th.visible-xs.visible-md,
  td.visible-xs.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-xs.visible-lg {
    display: block !important;
  }
  tr.visible-xs.visible-lg {
    display: table-row !important;
  }
  th.visible-xs.visible-lg,
  td.visible-xs.visible-lg {
    display: table-cell !important;
  }
}
.visible-sm {
  display: none !important;
}
tr.visible-sm {
  display: none !important;
}
th.visible-sm,
td.visible-sm {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-sm.visible-xs {
    display: block !important;
  }
  tr.visible-sm.visible-xs {
    display: table-row !important;
  }
  th.visible-sm.visible-xs,
  td.visible-sm.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-sm.visible-md {
    display: block !important;
  }
  tr.visible-sm.visible-md {
    display: table-row !important;
  }
  th.visible-sm.visible-md,
  td.visible-sm.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-sm.visible-lg {
    display: block !important;
  }
  tr.visible-sm.visible-lg {
    display: table-row !important;
  }
  th.visible-sm.visible-lg,
  td.visible-sm.visible-lg {
    display: table-cell !important;
  }
}
.visible-md {
  display: none !important;
}
tr.visible-md {
  display: none !important;
}
th.visible-md,
td.visible-md {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-md.visible-xs {
    display: block !important;
  }
  tr.visible-md.visible-xs {
    display: table-row !important;
  }
  th.visible-md.visible-xs,
  td.visible-md.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md.visible-sm {
    display: block !important;
  }
  tr.visible-md.visible-sm {
    display: table-row !important;
  }
  th.visible-md.visible-sm,
  td.visible-md.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-md.visible-lg {
    display: block !important;
  }
  tr.visible-md.visible-lg {
    display: table-row !important;
  }
  th.visible-md.visible-lg,
  td.visible-md.visible-lg {
    display: table-cell !important;
  }
}
.visible-lg {
  display: none !important;
}
tr.visible-lg {
  display: none !important;
}
th.visible-lg,
td.visible-lg {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-lg.visible-xs {
    display: block !important;
  }
  tr.visible-lg.visible-xs {
    display: table-row !important;
  }
  th.visible-lg.visible-xs,
  td.visible-lg.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-lg.visible-sm {
    display: block !important;
  }
  tr.visible-lg.visible-sm {
    display: table-row !important;
  }
  th.visible-lg.visible-sm,
  td.visible-lg.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg.visible-md {
    display: block !important;
  }
  tr.visible-lg.visible-md {
    display: table-row !important;
  }
  th.visible-lg.visible-md,
  td.visible-lg.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
.hidden-xs {
  display: block !important;
}
tr.hidden-xs {
  display: table-row !important;
}
th.hidden-xs,
td.hidden-xs {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
  tr.hidden-xs {
    display: none !important;
  }
  th.hidden-xs,
  td.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-xs.hidden-sm {
    display: none !important;
  }
  tr.hidden-xs.hidden-sm {
    display: none !important;
  }
  th.hidden-xs.hidden-sm,
  td.hidden-xs.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-xs.hidden-md {
    display: none !important;
  }
  tr.hidden-xs.hidden-md {
    display: none !important;
  }
  th.hidden-xs.hidden-md,
  td.hidden-xs.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-xs.hidden-lg {
    display: none !important;
  }
  tr.hidden-xs.hidden-lg {
    display: none !important;
  }
  th.hidden-xs.hidden-lg,
  td.hidden-xs.hidden-lg {
    display: none !important;
  }
}
.hidden-sm {
  display: block !important;
}
tr.hidden-sm {
  display: table-row !important;
}
th.hidden-sm,
td.hidden-sm {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-sm.hidden-xs {
    display: none !important;
  }
  tr.hidden-sm.hidden-xs {
    display: none !important;
  }
  th.hidden-sm.hidden-xs,
  td.hidden-sm.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
  tr.hidden-sm {
    display: none !important;
  }
  th.hidden-sm,
  td.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-sm.hidden-md {
    display: none !important;
  }
  tr.hidden-sm.hidden-md {
    display: none !important;
  }
  th.hidden-sm.hidden-md,
  td.hidden-sm.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-sm.hidden-lg {
    display: none !important;
  }
  tr.hidden-sm.hidden-lg {
    display: none !important;
  }
  th.hidden-sm.hidden-lg,
  td.hidden-sm.hidden-lg {
    display: none !important;
  }
}
.hidden-md {
  display: block !important;
}
tr.hidden-md {
  display: table-row !important;
}
th.hidden-md,
td.hidden-md {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-md.hidden-xs {
    display: none !important;
  }
  tr.hidden-md.hidden-xs {
    display: none !important;
  }
  th.hidden-md.hidden-xs,
  td.hidden-md.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md.hidden-sm {
    display: none !important;
  }
  tr.hidden-md.hidden-sm {
    display: none !important;
  }
  th.hidden-md.hidden-sm,
  td.hidden-md.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
  tr.hidden-md {
    display: none !important;
  }
  th.hidden-md,
  td.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-md.hidden-lg {
    display: none !important;
  }
  tr.hidden-md.hidden-lg {
    display: none !important;
  }
  th.hidden-md.hidden-lg,
  td.hidden-md.hidden-lg {
    display: none !important;
  }
}
.hidden-lg {
  display: block !important;
}
tr.hidden-lg {
  display: table-row !important;
}
th.hidden-lg,
td.hidden-lg {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-lg.hidden-xs {
    display: none !important;
  }
  tr.hidden-lg.hidden-xs {
    display: none !important;
  }
  th.hidden-lg.hidden-xs,
  td.hidden-lg.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-lg.hidden-sm {
    display: none !important;
  }
  tr.hidden-lg.hidden-sm {
    display: none !important;
  }
  th.hidden-lg.hidden-sm,
  td.hidden-lg.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg.hidden-md {
    display: none !important;
  }
  tr.hidden-lg.hidden-md {
    display: none !important;
  }
  th.hidden-lg.hidden-md,
  td.hidden-lg.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
  tr.hidden-lg {
    display: none !important;
  }
  th.hidden-lg,
  td.hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
tr.visible-print {
  display: none !important;
}
th.visible-print,
td.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
  .hidden-print {
    display: none !important;
  }
  tr.hidden-print {
    display: none !important;
  }
  th.hidden-print,
  td.hidden-print {
    display: none !important;
  }
}

/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
  cursor: pointer;
  *cursor: hand;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background-repeat: no-repeat;
  background-position: center right;
}
table.dataTable thead .sorting {
  background-image: url("/Content/css/images/sort_both.png");
}
table.dataTable thead .sorting_asc {
  background-image: url("/Content/css/images/sort_asc.png");
}
table.dataTable thead .sorting_desc {
  background-image: url("/Content/css/images/sort_desc.png");
}
table.dataTable thead .sorting_asc_disabled {
  background-image: url("/Content/css/images/sort_asc_disabled.png");
}
table.dataTable thead .sorting_desc_disabled {
  background-image: url("/Content/css/images/sort_desc_disabled.png");
}
table.dataTable tbody tr {
  background-color: #ffffff;
}
table.dataTable tbody tr.selected {
  background-color: #B0BED9;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #ddd;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6;
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa;
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc;
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ececec;
}
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #efefef;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb;
}
table.dataTable.no-footer {
  border-bottom: 1px solid #111;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #979797;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #585858 0%, #111 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #585858 0%, #111 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}

table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected {
  background-color: #B0BED9;
}
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: #acbad4;
}
table.dataTable.hover tbody > tr.selected:hover,
table.dataTable.hover tbody > tr > .selected:hover, table.dataTable.display tbody > tr.selected:hover,
table.dataTable.display tbody > tr > .selected:hover {
  background-color: #aab7d1;
}
table.dataTable.order-column tbody > tr.selected > .sorting_1,
table.dataTable.order-column tbody > tr.selected > .sorting_2,
table.dataTable.order-column tbody > tr.selected > .sorting_3,
table.dataTable.order-column tbody > tr > .selected, table.dataTable.display tbody > tr.selected > .sorting_1,
table.dataTable.display tbody > tr.selected > .sorting_2,
table.dataTable.display tbody > tr.selected > .sorting_3,
table.dataTable.display tbody > tr > .selected {
  background-color: #acbad5;
}
table.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}
table.dataTable.display tbody > tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}
table.dataTable.display tbody > tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}
table.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
  background-color: #acbad5;
}
table.dataTable.display tbody > tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_2 {
  background-color: #aebcd6;
}
table.dataTable.display tbody > tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}
table.dataTable.display tbody > tr.odd > .selected, table.dataTable.order-column.stripe tbody > tr.odd > .selected {
  background-color: #a6b4cd;
}
table.dataTable.display tbody > tr.even > .selected, table.dataTable.order-column.stripe tbody > tr.even > .selected {
  background-color: #acbad5;
}
table.dataTable.display tbody > tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1 {
  background-color: #a2aec7;
}
table.dataTable.display tbody > tr.selected:hover > .sorting_2, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_2 {
  background-color: #a3b0c9;
}
table.dataTable.display tbody > tr.selected:hover > .sorting_3, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_3 {
  background-color: #a5b2cb;
}
table.dataTable.display tbody > tr:hover > .selected,
table.dataTable.display tbody > tr > .selected:hover, table.dataTable.order-column.hover tbody > tr:hover > .selected,
table.dataTable.order-column.hover tbody > tr > .selected:hover {
  background-color: #a2aec7;
}
table.dataTable td.select-checkbox {
  position: relative;
}
table.dataTable td.select-checkbox:before, table.dataTable td.select-checkbox:after {
  display: block;
  position: absolute;
  top: 1.2em;
  left: 50%;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
}
table.dataTable td.select-checkbox:before {
  content: ' ';
  margin-top: -6px;
  margin-left: -6px;
  border: 1px solid black;
  border-radius: 3px;
}
table.dataTable tr.selected td.select-checkbox:after {
  content: '\2714';
  margin-top: -11px;
  margin-left: -4px;
  text-align: center;
  text-shadow: 1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9;
}

div.dataTables_wrapper span.select-info,
div.dataTables_wrapper span.select-item {
  margin-left: 0.5em;
}

@media screen and (max-width: 640px) {
  div.dataTables_wrapper span.select-info,
  div.dataTables_wrapper span.select-item {
    margin-left: 0;
    display: block;
  }
}

/*
Template Name: Creative Bootstrap 3 Responsive Admin Template
Template Version: 1.0
Author: GeeksLabs
Website: http://geekslabs.com/
*/

/* Import fonts 
@import url(http://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);*/
@import url(css/line-icons.css);

@font-face {
    font-family: 'museo_sans500';
    src: url('css/fonts/museosans_500-webfont.eot');
    src: url('css/fonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
    /*url('css/fonts/museosans_500-webfont.woff2') format('woff2'),*/
    url('css/fonts/museosans_500-webfont.woff') format('woff'), url('css/fonts/museosans_500-webfont.ttf') format('truetype'), url('css/fonts/museosans_500-webfont.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    /*background:#f3f4f6;*/
    background: url(css/images/pattern.png);
    font-family: 'museo_sans500';
    padding: 0px !important;
    margin: 0px !important;
}

h1, h2, h3, h4, h5 {
    font-weight: 300;
    font-family: 'museo_sans500';
}

label {
    font-weight: 300;
}

ul li {
    list-style: none;
}

a, a:hover, a:focus {
    text-decoration: none;
    outline: none;
    outline: 0;
}

input:focus, textarea:focus {
    outline: none;
}

table tr th { /*color: #688a7e;*/
}

*:focus {
    outline: none;
}

::selection {
    background: #688a7e;
    color: #fff;
}

::-moz-selection {
    background: #688a7e;
    color: #fff;
}

#container {
    width: 100%;
    height: 100%;
    overflow-x: auto;
    min-height: 100%;
    height: auto !important;
    margin: 0 auto -3em;
}

.Creative-pro, .Creative-pro h3 {
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 100000;
    width: 100%;
    overflow: hidden;
    height: 50px;
    margin: 0px;
}

    .Creative-pro h3 {
        padding-bottom: 10px;
        padding-top: 10px;
    }

.lite {
    color: #00a0df !important;
}

/*login page*/

.login-body {
    background-color: #f1f2f7;
}

.login-img-body {
    background: url('img/bg-1.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.login-img2-body {
    background: url('img/bg-1.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.login-img3-body {
    background: url('img/bg-1.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.login-form {
    max-width: 350px;
    margin: 200px auto 0;
    background: #d5d7de;
}

.login-img-body .login-form {
    max-width: 350px;
    margin: 200px auto 0;
    background: rgba(213,215,222,0.4);
    border: 1px solid #B0B6BE;
}

.login-img2-body .login-form {
    border: 1px solid #B0B6BE;
    background: rgba(213,215,222,0.7);
}

.login-img3-body .login-form {
    border: 1px solid #B0B6BE;
    background: rgba(213,215,222,0.9);
}

.login-form a {
    color: #688a7e !important;
}

.login-form h2.login-form-heading {
    margin: 0;
    padding: 20px 15px;
    text-align: center;
    background: #34aadc;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
}

.login-form .checkbox {
    margin-bottom: 14px;
}

.login-form .checkbox {
    font-weight: normal;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
}

.login-form .form-control {
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .login-form .form-control:focus {
        z-index: 2;
    }

.login-form .login-img {
    font-size: 50px;
    font-weight: 300;
}

.login-form .input-group {
    padding-bottom: 15px;
}

.login-form .input-group-addon {
    padding: 6px 12px;
    font-size: 16px;
    color: #8b9199;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    background-color: #ffffff;
    border: none;
    border-radius: 0;
}

.login-form input[type="text"], .login-form input[type="password"] {
    border: none;
    box-shadow: none;
    font-size: 16px;
    border-radius: 0;
}

.login-form .btn {
    border-radius: 0;
}

.login-form .btn-login {
    background: #f67a6e;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
    box-shadow: 0 4px #e56b60;
    margin-bottom: 20px;
}

.login-form p {
    text-align: center;
    color: #b6b6b6;
    font-size: 16px;
    font-weight: 300;
}

.login-img3-body .login-form p, .login-img2-body .login-form p {
    color: #34aadc;
}

.login-form a {
    color: #b6b6b6;
}

    .login-form a:hover {
        color: #34aadc;
    }

.login-wrap {
    padding: 20px;
}

.login-social-link {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 15px;
}

    .login-social-link a {
        color: #fff;
        padding: 15px 28px;
        border-radius: 4px;
    }

        .login-social-link a:hover {
            color: #fff;
        }

        .login-social-link a i {
            font-size: 20px;
            padding-right: 10px;
        }

        .login-social-link a.facebook {
            background: #5193ea;
            margin-right: 22px;
            box-shadow: 0 4px #2775e2;
            float: left;
        }

        .login-social-link a.twitter {
            background: #44ccfe;
            box-shadow: 0 4px #2bb4e8;
            float: left;
        }
/*Modal Content*/
.modal-content {
    border-radius: 0px;
    background: rgba(255,255,255,0.9);
}

.modal-header .close {
    font-weight: 300;
    font-size: 18px;
    color: #fff;
    opacity: 0.5;
}


/*sidebar navigation*/

#sidebar {
    min-width: 200px;
    height: 100%;
    position: fixed;
    background: #1e8fa0;
    /*background: #1e1e1e;
	background: #e5e7e9;*/
    box-shadow: inset 0px 10px 15px 0px rgba(0,0,0,0.45);
}

.nav-collapse.collapse {
    display: inline;
}

ul.sidebar-menu, ul.sidebar-menu li ul.sub {
    margin: -2px 0 0;
    padding: 0;
}

ul.sidebar-menu {
    margin-top: 66px;
}

#sidebar > ul > li > ul.sub {
    display: none;
}

    #sidebar > ul > li.active > ul.sub, #sidebar > ul > li > ul.sub > li > a {
        display: block;
    }

ul.sidebar-menu li ul.sub li a:before {
    font-family: 'ElegantIcons';
    content: "\35";
    margin: 0 5px 0 -15px;
    color: #27dcdc;
}

ul.sidebar-menu li ul.sub li a:hover:before, ul.sidebar-menu li ul.sub li a:hover:focus {
    /*color: #25aaf1;*/
    color: #fff;
}

ul.sidebar-menu li ul.sub li {
    background: #10707f;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

    ul.sidebar-menu li ul.sub li:last-child {
        border-radius: 0 0 4px 4px;
        -webkit-border-radius: 0 0 4px 4px;
    }

    ul.sidebar-menu li ul.sub li a {
        font-size: 12px;
        padding: 0 0 0 70px;
        line-height: 35px;
        height: 35px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        color: #27dcdc;
        font-size: 14px;
    }

        ul.sidebar-menu li ul.sub li a:hover, ul.sidebar-menu li ul.sub li.active a {
            background: #116a77;
            border-left: 0px solid #2e3b46;
            color: #fff;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease;
            display: block;
            /*
    color: #25aaf1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;

    background: #2e3b46;
    box-shadow: inset -8px 0px 6px 1px rgba(0,0,0,0.1);
    border-left: 3px solid #25aaf1;
    */
        }

ul.sidebar-menu li {
    line-height: 20px !important;
    /*margin-bottom: 5px;
    margin-left:10px;
    margin-right:10px;*/
}
    /*ul.sidebar-menu li:hover{
    border-bottom: 1px solid #688a7e;
}*/
    ul.sidebar-menu li.sub-menu {
        line-height: 15px;
        font-size: 16px;
    }

    ul.sidebar-menu li a span {
        display: inline-block;
        text-transform: uppercase;
    }

    ul.sidebar-menu li a {
        color: #34ecec;
        text-decoration: none;
        display: block;
        padding: 15px 0 15px 24px;
        font-size: 13px;
        font-weight: 300;
        outline: none;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        border-right: 0px solid #D7D7D7;
        border-bottom: 0px solid #D7D7D7;
    }
        /*ul.sidebar-menu li a i{
    position: relative;
    top: 2px;
}*/
        ul.sidebar-menu li.active a, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
            color: #fff;
            display: block;
            /*border-radius: 4px;
    -webkit-border-radius: 4px;*/
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease;
            /*  
    background: #2e3b46;
    box-shadow: inset -8px 0px 6px 1px rgba(0,0,0,0.1);
    border-left: 3px solid #25aaf1;
    */
        }

        ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
            border-bottom: 0px solid #d0d8df;
        }
/*ul.sidebar-menu li.active a,*/ ul.sidebar-menu .sub-menu li.active a {
    border-bottom: 0px solid #d0d8df;
}

ul.sidebar-menu li a i {
    font-size: 16px;
    padding-right: 10px;
    /*color: #688a7e;*/
}

ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i {
    /*color: #25aaf1;*/
    color: #fff;
}

ul.sidebar-menu li.sub-menu a.active {
    background: #116a77;
    border-left: 0px solid #2e3b46;
    color: #fff;
}

    ul.sidebar-menu li.sub-menu a.active i {
        color: #fff;
    }


#sidebar ul > li > a .arrow {
    border-bottom: 4px solid transparent;
    border-left: 4px solid #A0A0A0;
    border-top: 4px solid transparent;
    float: right;
    height: 0;
    margin-right: 10px;
    margin-top: 6px;
    width: 0;
}

#sidebar ul > li > a .menu-arrow {
    float: right;
    margin-right: 20px;
    margin-top: 6px;
}

#sidebar > ul > li > a .arrow.open {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #A0A0A0;
    float: right;
    height: 0;
    margin-right: 10px;
    margin-top: 8px;
    width: 0;
}

#sidebar ul > li.active > a .arrow, #sidebar ul > li > a:hover .arrow, #sidebar ul > li > a:focus .arrow {
    float: right;
    margin-top: 6px;
    margin-right: 10px;
    width: 0;
    height: 0;
    border-left: 4px solid #d0d8df;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

#sidebar > ul > li.active > a .arrow.open, #sidebar > ul > li > a:hover .arrow.open, #sidebar > ul > li > a:focus .arrow.open {
    float: right;
    margin-top: 8px;
    margin-right: 10px;
    width: 0;
    height: 0;
    border-top: 5px solid #d0d8df;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.mail-info, .mail-info:hover {
    margin: 3px 6px 0 0;
    font-size: 11px;
}
/*profile status bubbly*/
.online-profile li a i {
    position: relative;
    left: -12px;
    top: -10px;
}

.online-profile li a span i {
    position: relative;
    top: 10px;
}
/*chat-*/

.chat-online-profile li a i {
    position: relative;
    left: -12px;
    top: -10px;
}

.chat-online-profile li a span i {
    position: relative;
    top: 10px;
}

.chat-online-profile li a {
    border-bottom: 1px solid #D7D7D7;
}

    .chat-online-profile li a:hover, .chat-online-profile li a:focus, .chat-online-profile li a:active {
        background: #eeeeee !important;
        border-bottom: 1px solid #688a7e !important;
    }

        .chat-online-profile li a:hover span i, .chat-online-profile li a:focus span i, .chat-online-profile li a:active span i {
            color: #688a7e;
        }

.right-chat-panel {
    max-height: 600px;
}

.compose-mail {
    width: 95%;
    font-size: 16px;
    border-radius: 0;
}
/*main content*/

#main-content {
    margin-left: 200px;
    overflow-x: hidden;
}

.header, .footer {
    min-height: 55px;
    padding: 0 15px;
}

.box1 {
    font-size: 16px;
    display: inline-block;
    width: 25%;
    padding: .25em .5em;
    margin: 20px 10px 0 0;
}

.header {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1002;
    box-shadow: 2px 0 4px #000;
}

    .header span.head {
        display: inline-block;
        margin: -10px 0 0 10px;
        font-size: 16px;
        position: absolute;
        top: 50%;
    }

    .header span.sep {
        font-size: 21px;
        color: #00b4b5;
        margin: 14px 0 0 -15px;
        display: block;
        float: left;
    }

.white-bg {
    background: rgba(255,255,255,0.9);
    border-bottom: 1px solid #f1f2f7;
}

.dark-bg {
    background: rgba(54,66,74,1);
    border-bottom: 0px solid #f1f2f7;
}

.panel-content {
    padding: 10px;
}

.wrapper {
    display: inline-block;
    margin-top: 55px;
    padding: 15px;
    width: 100%;
}

a.logo {
    float: left;
    margin: 10px 0 0 10px;
}

    a.logo:hover, a.logo:focus {
        text-decoration: none;
        outline: none;
    }

    a.logo span {
        color: #688a7e;
    }
/* Tab bar */
.nav-tabs {
    border-bottom: 0px solid #fff;
    width: 100%;
    text-transform: uppercase;
}

    .nav-tabs > li {
        float: left;
        margin-bottom: 0px;
    }

        .nav-tabs > li > a {
            margin-right: 0px;
            line-height: 1.428571429;
            border: 0px solid transparent;
            border-radius: 0px 0px 0 0;
            padding: 12px 30px 10px;
            color: #999;
            font-weight: 600;
            font-size: 13px;
        }

            .nav-tabs > li > a:hover {
                /*border-color: #f7f7f7 #f7f7f7 #d7d7d7;*/
                border-color: transparent;
                background: none;
                color: #999;
            }

        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:hover,
        .nav-tabs > li.active > a:focus {
            color: #555;
            /*    background-color: rgba(255, 255, 255, 1);*/
            background-color: transparent;
            border: 0px solid #dddddd;
            border-bottom-color: transparent;
            cursor: default;
            border-bottom: 4px solid #999;
        }

    .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0;
    }

        .nav-tabs.nav-justified > li {
            float: none;
        }

            .nav-tabs.nav-justified > li > a {
                text-align: center;
            }

/*notification*/

#top_menu .nav > li, ul.top-menu > li {
    float: left;
}

.search-row {
    float: left;
    margin-top: 15px;
    margin-left: 16px;
}

.notification-row {
    float: right;
    margin-top: 15px;
    margin-left: 65px;
}

#task_notificatoin_bar, #mail_notificatoin_bar, #alert_notificatoin_bar {
    margin-top: 7px;
}

ul.top-menu > li > a {
    color: #fed189;
    font-size: 18px;
    padding: 2px 6px;
    margin-right: 15px;
}

    ul.top-menu > li > a:hover, ul.top-menu > li > a:focus {
        background: transparent !important;
        color: #D7D7D7 !important;
    }

.notification-row .badge {
    position: absolute;
    right: -4px;
    top: 0px;
    z-index: 100;
    border-radius: 9px;
    min-width: 18px;
    height: 18px;
    text-align: center;
    padding: 3px 5px;
    background: #00a0df;
    font-weight: 400;
}

.badge {
    border-radius: 9px;
    min-width: 18px;
    height: 18px;
    text-align: center;
    padding: 3px 5px;
    background: #00a0df;
}

.dropdown-menu.extended {
    max-width: 300px !important;
    min-width: 160px !important;
    top: 42px;
    width: 235px !important;
    padding: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important;
    border: none !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.navbar-form {
    padding: 0px;
    margin: 0 0 0 10px;
}

    .navbar-form .form-control {
        width: 200px;
        height: 30px;
        background: white url('img/icons/search-line-icon.png') no-repeat 3px;
        padding-left: 24px;
        margin-top: 1px;
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome */
    .dropdown-menu.extended {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important;
    }
}
/* bootstrape editor*/
#editor {
    max-height: 250px;
    height: 250px;
    background-color: white;
    border-collapse: separate;
    border: 1px solid rgb(204, 204, 204);
    padding: 4px;
    box-sizing: content-box;
    -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
    box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    overflow: scroll;
    outline: none;
}

#voiceBtn {
    width: 20px;
    color: transparent;
    background-color: transparent;
    transform: scale(2.0, 2.0);
    -webkit-transform: scale(2.0, 2.0);
    -moz-transform: scale(2.0, 2.0);
    border: transparent;
    cursor: pointer;
    box-shadow: none;
    -webkit-box-shadow: none;
}

div[data-role="editor-toolbar"] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dropdown-menu.extended li p {
    background-color: #F1F2F7;
    color: #666666;
    margin: 0;
    padding: 10px;
}

    .dropdown-menu.extended li p.green {
        background-color: #4cd964;
        color: #fff;
    }

    .dropdown-menu.extended li p.red {
        background-color: #00a0df;
        color: #fff;
    }

    .dropdown-menu.extended li p.blue {
        background-color: #688a7e;
        color: #fff;
    }

    .dropdown-menu.extended li p.yellow {
        background-color: #fcb322;
        color: #fff;
    }

.dropdown-menu.extended li a {
    border-bottom: 1px solid #EBEBEB !important;
    font-size: 12px;
    list-style: none;
}

.dropdown-menu.extended li a {
    padding: 15px 10px !important;
    width: 100%;
    display: inline-block;
}

    .dropdown-menu.extended li a:hover {
        background-color: #F7F8F9 !important;
        color: #2E2E2E;
        border-bottom: 1px solid #688a7e !important;
    }

.dropdown-menu.tasks-bar .task-info .desc {
    font-size: 13px;
    font-weight: normal;
}

.dropdown-menu.tasks-bar .task-info .percent {
    display: inline-block;
    float: right;
    font-size: 13px;
    font-weight: 600;
    padding-left: 10px;
    margin-top: -4px;
}

.dropdown-menu.extended .progress {
    margin-bottom: 0 !important;
    height: 10px;
}

.dropdown-menu.inbox li a .photo img {
    border-radius: 2px 2px 2px 2px;
    float: left;
    height: 40px;
    margin-right: 4px;
    width: 40px;
}

.dropdown-menu.inbox li a .subject {
    display: block;
}

    .dropdown-menu.inbox li a .subject .from {
        font-size: 12px;
        font-weight: 600;
    }

    .dropdown-menu.inbox li a .subject .time {
        font-size: 11px;
        font-style: italic;
        font-weight: bold;
        position: absolute;
        right: 5px;
    }

.dropdown-menu.inbox li a .message {
    display: block !important;
    font-size: 11px;
}

.top-nav {
    margin-top: 10px;
    padding-right: 20px;
}

    .top-nav ul.top-menu > li .dropdown-menu.logout {
        width: 200px !important;
    }

    .top-nav li.dropdown .dropdown-menu {
        float: right;
        right: 0;
        left: auto;
    }

.dropdown-menu.extended.logout > li {
    float: left;
    text-align: left;
    width: 100%;
}

    .dropdown-menu.extended.logout > li.eborder-top {
        border-top: 2px solid #fff !important;
    }

    .dropdown-menu.extended.logout > li:last-child {
        float: left;
        text-align: left;
        width: 100%;
        background: #688a7e;
    }

        .dropdown-menu.extended.logout > li:last-child > a, .dropdown-menu.extended.logout > li:last-child > a:hover {
            color: #fff;
            border-bottom: none !important;
            text-transform: uppercase;
            background-color: #e25252 !important;
        }

            .dropdown-menu.extended.logout > li:last-child > a:hover > i {
                color: #fff;
            }

.dropdown-menu > li > a {
    color: #797979;
}

.dropdown-menu.extended.logout > li > a {
    border-bottom: 1px solid #EBEBEB !important;
    font-size: 14px;
    list-style: none;
    padding: 15px 10px !important;
    width: 100%;
    display: inline-block;
}

    .dropdown-menu.extended.logout > li > a:hover {
        background-color: #F7F8F9 !important;
        color: #2E2E2E;
        border-bottom: 1px solid #688a7e !important;
    }

        .dropdown-menu.extended.logout > li > a:hover i {
            color: #688a7e;
        }

    .dropdown-menu.extended.logout > li > a i {
        font-size: 17px;
    }

    .dropdown-menu.extended.logout > li > a > i {
        display: inline-block;
        padding-right: 10px
    }

.top-nav .username {
    font-size: 14px;
    color: #1bb4b4;
    display: inline-block;
    padding: 0px 30px 0 0;
}

    .top-nav .username span.cname {
        font-size: 11px;
        margin-top: 0px;
        display: block;
        color: #1bb4b4;
    }

    .top-nav .username span {
        color: #fff;
    }

.top-nav ul.top-menu > li > a {
    padding: 0px;
    background: none;
    margin-right: 0;
}

.top-nav ul.top-menu > li {
    margin-left: 10px;
}

    .top-nav ul.top-menu > li .arrow_carrot-down {
        position: relative;
        top: -10px;
        color: #fff;
        right: 15px;
    }

    .top-nav ul.top-menu > li > a:hover, .top-nav ul.top-menu > li > a:focus {
        background: #F1F2F7;
    }

.top-nav .dropdown-menu.extended.logout {
    top: 50px;
}

.top-nav .nav .caret {
    border-bottom-color: #A4AABA;
    border-top-color: #A4AABA;
}

.top-nav ul.top-menu > li > a:hover .caret {
    border-bottom-color: #7498f1;
    border-top-color: #7498f1;
}

.log-arrow-up {
    background: url("css/images/arrow-up.png") no-repeat;
    width: 20px;
    height: 11px;
    position: absolute;
    right: 20px;
    top: -10px;
}
/*----*/
.page-header {
    margin: 12px 0 20px;
    border-bottom: none;
    opacity: 0.7;
    text-transform: uppercase;
}

    .page-header i {
        color: #acb1b8;
        margin-right: 10px;
        float: left;
        font-size: 30px;
        line-height: 22px;
        opacity: 0.8;
    }

.breadcrumb {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    height: 34px;
    position: relative;
    margin: 0 0 19px 0;
    overflow: hidden;
}

    .breadcrumb li {
        position: relative;
        margin-right: 0;
    }

        .breadcrumb li i {
            Font-size: 15px;
            margin-right: 5px;
        }

    .breadcrumb > .active {
        color: #d4d4d4;
    }
/* .info-box
=================================================================== */
.info-box {
    min-height: 140px;
    margin-bottom: 30px;
    padding: 20px;
    color: white;
    -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
}

    .info-box i {
        display: block;
        height: 100px;
        font-size: 60px;
        line-height: 100px;
        width: 100px;
        float: left;
        text-align: center;
        margin-right: 20px;
        padding-right: 20px;
        color: rgba(255, 255, 255, 0.75);
    }

    .info-box .count {
        margin-top: 20px;
        font-size: 34px;
        font-weight: 700;
    }

    .info-box .title {
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 600;
    }

    .info-box .desc {
        margin-top: 10px;
        font-size: 12px;
    }

    .info-box.danger {
        background: #ff5454;
        border: 1px solid #ff2121;
    }

    .info-box.warning {
        background: #fabb3d;
        border: 1px solid #f9aa0b;
    }

    .info-box.primary {
        background: #20a8d8;
        border: 1px solid #1985ac;
    }

    .info-box.info {
        background: #67c2ef;
        border: 1px solid #39afea;
    }

    .info-box.success {
        background: #79c447;
        border: 1px solid #61a434;
    }
/*----------------	color------------------------*/
.dark-heading-bg {
    background: #4c4f53;
    border: 1px solid #4c4f53;
}

.main-bg {
    background: #e6e8ea;
}

.white-bg {
    color: #768399;
    background: #fff;
    background-color: #fff;
}

.red-bg {
    color: #fff;
    background: #d95043;
    background-color: #d95043;
}

.blue-bg {
    color: #fff;
    background: #25aaf1;
    background-color: #25aaf1;
}

.green-bg {
    color: #fff;
    background: #1bb4b4;
    background-color: #1bb4b4;
}

.darkgray-bg {
    color: #fff;
    background: #999999;
    background-color: #999999;
}

.greenLight-bg {
    color: #71843f;
    background: #71843f;
    background-color: #71843f;
}

.yellow-bg {
    color: #fff;
    background: #fc6;
    background-color: #fc6;
}

.orange-bg {
    color: #fff;
    background: #f4b162;
    background-color: #f4b162;
}

.purple-bg {
    color: #fff;
    background: #af91e1;
    background-color: #af91e1;
}

.pink-bg {
    color: #fff;
    background: #f78db8;
    background-color: #f78db8;
}

.lime-bg {
    color: #fff;
    background: #a8db43;
    background-color: #a8db43;
}

.magenta-bg {
    color: #fff;
    background: #e65097;
    background-color: #e65097;
}

.teal-bg {
    color: #fff;
    background: #97d3c5;
    background-color: #97d3c5;
}

.brown-bg {
    color: #fff;
    background: #d1b993;
    background-color: #d1b993;
}

.gray-bg {
    color: #768399;
    background: #e4e9eb;
    background-color: #e4e9eb;
}

.dark-bg {
    color: #fff;
    background: #0b3d52;
    background-color: #0b3d52;
}

.facebook-bg {
    color: #fff;
    background: #3b5998;
    background-color: #3b5998;
}

.twitter-bg {
    color: #fff;
    background: #00aced;
    background-color: #00aced;
}

.linkedin-bg {
    color: #fff;
    background: #4875b4;
    background-color: #4875b4;
}
/*----------------------	panel-----------------*/
.panel {
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-bottom: 30px;
}

    .panel .panel-heading {
        line-height: 34px;
        padding: 0 15px;
        min-height: 34px;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        position: relative;
        box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
        -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
        -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
    }

        .panel .panel-heading .panel-title {
            line-height: 40px;
        }

.panel-title {
    font-size: 14px;
    text-transform: capitalize;
}

.panel .panel-heading i {
    width: 30px;
    display: inline-block;
    font-size: 14px;
    border-right: 1px solid #e6e6e6;
}

.panel .panel-heading ul li {
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

.panel .panel-heading h2 {
    height: 100%;
    width: auto;
    display: inline-block;
    font-size: 14px;
    position: relative;
    margin: 0;
    line-height: 34px;
    font-weight: 400;
    letter-spacing: 0;
}

.panel .panel-heading .panel-actions {
    float: right;
    margin-right: -15px;
    height: 40px;
    font-size: 0;
}

    .panel .panel-heading .panel-actions i {
        display: inline-block;
        text-align: center;
        width: 34px;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
        text-decoration: none;
        font-size: 14px;
    }

    .panel .panel-heading .panel-actions a {
        text-decoration: none;
        font-size: 14px;
        text-align: center;
        display: inline-block;
        line-height: 32px;
        padding: 0;
        margin: 0;
        color: #333;
        border-left: 1px solid rgba(0,0,0,.09);
    }

.panel-actions .btn-setting:hover,
.panel-actions .btn-minimize:hover,
.panel-actions .btn-close:hover {
    background-color: rgba(0,0,0,.05);
}

.panel .panel-heading .switch {
    margin: 10px;
}

.panel .panel-body {
    border-width: 0px 0px 0px;
    border-style: solid;
    border-top: none;
    border-right-color: #ccc !important;
    border-bottom-color: #ccc !important;
    border-left-color: #ccc !important;
}

.panel .panel-body-map {
    border-width: 1px 1px 2px;
    border-style: solid;
    background: #eef3f7;
    height: 380px;
    border-top: none;
    border-right-color: #ccc !important;
    border-bottom-color: #ccc !important;
    border-left-color: #ccc !important;
}

.panel .panel-body.no-padding {
    padding: 0;
}

.panel .panel-body.padding-horizontal {
    padding: 0 15px;
}

.panel .panel-body.no-padding-bottom {
    padding-bottom: 0;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.panel .panel-footer {
    border-width: 0 1px 2px 1px;
    border-style: solid;
    border-top: none;
    border-right-color: #ccc !important;
    border-bottom-color: #ccc !important;
    border-left-color: #ccc !important;
    position: relative;
}

.panel.panel-default {
    border-radius: 0px;
    border-top: 0px solid #d4d4d4;
    -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.2);
}

    .panel.panel-default.panel-heading {
        background: #97d3c5;
    }

    .panel.panel-default .panel-footer {
        background: #f5f5f5;
    }

.panel.panel-primary {
    border-color: #20a8d8;
}

    .panel.panel-primary .panel-heading,
    .panel.panel-primary .panel-footer {
        background: #5dc3e7;
        color: #092f3d;
        border-color: #20a8d8;
    }

.panel.panel-success {
    border-color: #79c447;
}

    .panel.panel-success .panel-heading,
    .panel.panel-success .panel-footer {
        background: #a3d781;
        color: #284315;
        border-color: #79c447;
    }

.panel.panel-info {
    border-color: #67c2ef;
}

    .panel.panel-info .panel-heading,
    .panel.panel-info .panel-footer {
        background: #acdef6;
        color: #106894;
        border-color: #67c2ef;
    }

.panel.panel-warning {
    border-color: #fabb3d;
}

    .panel.panel-warning .panel-heading,
    .panel.panel-warning .panel-footer {
        background: #fcd588;
        color: #815703;
        border-color: #fabb3d;
    }

.panel.panel-danger {
    border-color: #ff5454;
}

    .panel.panel-danger .panel-heading,
    .panel.panel-danger .panel-footer {
        background: #ffa1a1;
        color: #a10000;
        border-color: #ff5454;
    }

.panel .panel-body p {
    color: #222222;
    font-size: 14px;
    padding: 0 30px 6px;
    margin: 0 0 0 0;
}

    .panel .panel-body p span {
        padding: 0;
    }
/* Table Grid */
.form-horizontal .control-label {
    text-align: left;
    display: block;
    float: none;
    color: #838383;
    padding-top: 0;
    font-size: 12px;
}

.panel-body {
    padding: 0px;
}

    .panel-body .padd {
        padding: 20px;
    }

.panel-default > .panel-heading {
    color: #fff;
    background-color: #25aaf1;
    border-color: #25aaf1;
}

.pull-left {
    padding: 7px;
}

.table {
    margin-bottom: 0px;
    border-bottom: 1px solid #e8e8e8 !important;
}

    .table thead tr {
        background: #25aaf1;
        color: #fff;
    }

    .table tr th {
        color: #fff;
        padding: 6px 8px !important;
        border: 0px !important;
        font-size: 11px;
        vertical-align: middle !important;
    }


    .table tr.selected {
        background-color: #ccdee8 !important;
    }

    .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
        line-height: 1.428571429;
        vertical-align: middle;
        border-top: 1px solid #f4f5f7;
        border-right: 1px solid #e8e8e8;
        font-size: 11px;
        font-weight: normal !important;
        padding: 6px 8px !important;
        white-space: normal;
        width: 0px !important;
    }

    .table tbody tr:nth-child(even) {
        background: #ececec;
    }

    .table tr td:last-child {
        border-right: 0px;
    }

/* inner table */

.innertable {
    margin-bottom: 0px;
    border: 1px solid #e8e8e8 !important;
    background: #fff;
}

    .innertable thead tr {
        background: #A9A9A9 !important;
        color: #fff;
    }

    .innertable tr th {
        color: #fff;
        padding: 8px !important;
        border: 0px !important;
        font-size: 11px;
        vertical-align: middle !important;
    }


    .innertable tr.selected {
        background-color: #e5e5e5 !important;
    }

    .innertable thead > tr > th, .innertable tbody > tr > th, .innertable tfoot > tr > th, .innertable thead > tr > td, .innertable tbody > tr > td, .innertable tfoot > tr > td {
        line-height: 1.428571429;
        vertical-align: middle;
        border-top: 1px solid #f4f5f7;
        border-right: 1px solid #e8e8e8;
        font-size: 11px;
        font-weight: normal !important;
    }

    .innertable tbody tr:nth-child(even) {
        background: #fff;
    }

    .innertable tr td:last-child {
        border-right: 0px;
    }
/* Chat Widget starts */

.chats {
    list-style-type: none;
    margin: 0px;
}

    .chats li {
        margin-bottom: 8px;
        padding-bottom: 8px;
    }

    .chats .by-me img {
        margin-top: 5px;
        margin-right: 10px;
        padding: 1px;
        background: #fff;
        border: 1px solid #ccc;
    }

    .chats .by-me .chat-meta {
        font-size: 11px;
        color: #999;
    }

    .chats .by-me .chat-content {
        margin-left: 60px;
        position: relative;
        background: #fff;
        border: 1px solid #ddd;
        padding: 7px 10px;
        border-radius: 5px;
        font-size: 13px;
    }

        .chats .by-me .chat-content:after, .chats .by-me .chat-content:before {
            right: 100%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .chats .by-me .chat-content:after {
            border-color: rgba(255, 255, 255, 0);
            border-right-color: #fff;
            border-width: 10px;
            top: 30%;
            margin-top: -10px;
        }

        .chats .by-me .chat-content:before {
            border-color: rgba(238, 238, 238, 0);
            border-right-color: #ccc;
            border-width: 11px;
            top: 30%;
            margin-top: -11px;
        }

    .chats .by-other img {
        margin-top: 5px;
        margin-left: 10px;
        padding: 1px;
        background: #fff;
        border: 1px solid #ccc;
    }

    .chats .by-other .chat-meta {
        font-size: 11px;
        color: #999;
    }

    .chats .by-other .chat-content {
        margin-right: 60px;
        position: relative;
        background: #fff;
        border: 1px solid #ddd;
        padding: 7px 10px;
        border-radius: 5px;
        font-size: 13px;
    }

        .chats .by-other .chat-content:after, .chats .by-other .chat-content:before {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .chats .by-other .chat-content:after {
            border-color: rgba(255, 255, 255, 0);
            border-left-color: #fff;
            border-width: 10px;
            top: 30%;
            margin-top: -10px;
        }

        .chats .by-other .chat-content:before {
            border-color: rgba(238, 238, 238, 0);
            border-left-color: #ccc;
            border-width: 11px;
            top: 30%;
            margin-top: -11px;
        }

/* Chat widget ends */
.portlets {
    min-height: 50px;
}

    .portlets .widget-head {
        cursor: move;
    }
/* Just Gage - Demo Charts
=================================================================== */
.sz1 {
    width: 200px;
    height: 160px;
}

.sz0 {
    margin: 2em 0 0 0;
}

.sz0 {
    width: 100px;
    height: 80px;
}
/**
 * Nestable
 */
.dd {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    line-height: 20px;
}

.dd-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .dd-list .dd-list {
        padding-left: 30px;
    }

.dd-collapsed .dd-list {
    display: none;
}

.dd-item,
.dd-empty,
.dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    font-size: 13px;
    line-height: 20px;
}

.dd-handle {
    display: block;
    height: 30px;
    margin: 5px 0;
    padding: 4px 10px;
    text-decoration: none;
    border: 1px solid #d4d4d4;
    background: #eeeeee;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .dd-handle:hover {
        color: #20a8d8;
        background: white;
    }

    .dd-handle .icon {
        float: right;
        font-size: 16px;
        margin-left: 10px;
    }

        .dd-handle .icon:hover {
            text-decoration: none;
        }

.dd-item > button {
    display: block;
    position: relative;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 20px;
    margin: 5px 0;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: transparent;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    font-weight: bold;
}

    .dd-item > button:before {
        content: '+';
        display: block;
        position: absolute;
        width: 100%;
        text-align: center;
        text-indent: 0;
    }

    .dd-item > button[data-action="collapse"]:before {
        content: '-';
    }

.dd-placeholder,
.dd-empty {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: #f2fbff;
    border: 1px dashed #b6bcbf;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dd-empty {
    border: 1px dashed #bbb;
    min-height: 100px;
    background-color: #e5e5e5;
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.dd-dragel {
    position: absolute;
    pointer-events: none;
    z-index: 9999;
}

    .dd-dragel > .dd-item .dd-handle {
        margin-top: 0;
    }

    .dd-dragel .dd-handle {
        -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
    }

* /Widget-Content */

.widget-content .error .form-inline button {
    margin-left: -2px;
    padding: 8px 12px;
}

.chats {
    padding-left: 0px;
    margin-left: 0px;
}

.recent {
    padding-left: 0px;
    margin-left: 0px;
}

.widget-foot .form-inline button {
    margin-left: -3px;
    padding: 7px 12px;
}

.widget-content .form-inline button {
    margin-left: 0px;
    padding: 7px 12px;
}

.buttons button {
    margin-top: 10px;
}

.widget-content ol#slist {
    padding: 0px;
}

.widget .widget-head, .modal-header {
    background-color: #0b3d52;
    /*
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f2f2f2));
  background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);
  background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);
  background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);
  background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);
  background: linear-gradient(top, #f8f8f8, #f2f2f2);	
text-shadow:0px 1px #fff;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #fff;
      */
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 15px;
}

    .modal-header h3 {
        font-size: 15px;
        color: #fff;
        margin: 14px 0px;
    }

.widget.wblack .widget-head {
    background-color: #e8ece9;
    background: -webkit-gradient(linear, left top, left bottom, from(#e8ece9), to(#111));
    background: -webkit-linear-gradient(top, #e8ece9, #111);
    background: -moz-linear-gradient(top, #e8ece9, #111);
    background: -ms-linear-gradient(top, #e8ece9, #111);
    background: -o-linear-gradient(top, #e8ece9, #111);
    background: linear-gradient(top, #e8ece9, #111);
    text-shadow: 0px 1px #000;
    border-bottom: 1px solid #555;
    border-top: 1px solid #666;
    box-shadow: inset 0px 1px 1px #444;
    color: #ccc;
}

.widget .widget-head .widget-icons i {
    font-size: 14px;
    margin: 0px 4px;
}

.widget .widget-head .widget-icons a {
    color: #aaa;
}

    .widget .widget-head .widget-icons a:hover {
        color: #999;
    }

.widget.wblack .widget-head .widget-icons i {
    font-size: 14px;
    margin: 0px 4px;
}

.widget .widget-foot, .modal-footer {
    background-color: #e5f5f2;
    /*
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f2f2f2));
  background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);
  background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);
  background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);
  background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);
  background: linear-gradient(top, #f8f8f8, #f2f2f2);	
  
  text-shadow:0px 1px transparent;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #ccc;
      */
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 8px 15px;
    font-size: 12px;
    color: #555;
    box-shadow: inset 0px 1px 1px #fff;
}

.widget-content .error .form-inline button {
    margin-left: -2px;
    padding: 8px 12px;
}

.chats {
    padding-left: 0px;
    margin-left: 0px;
}

.recent {
    padding-left: 0px;
    margin-left: 0px;
}

.widget-foot .form-inline button {
    margin-left: -3px;
    padding: 7px 12px;
}

.widget-content .form-inline button {
    margin-left: 0px;
    padding: 7px 12px;
}

.widget .padd .modal-body {
    padding: 13px 15px;
}

.buttons button {
    margin-top: 10px;
}

.widget-content ol#slist {
    padding: 0px;
}

.task i {
    display: inline-block;
    width: 30px;
    height: 17px;
    background: #ccc;
    text-align: center;
    border-radius: 50px;
    font-size: 10px;
    line-height: 17px;
}

.pagination li a {
    color: #777;
}
/* Widget white extras */

.widget .nav-tabs > li a {
}

.widget .nav-tabs {
    margin-bottom: 5px;
}

.widget .tab-content {
    margin-bottom: 10px;
}

.widget .padd, .modal-body {
    padding: 20px;
}

.portlets {
    min-height: 50px;
}

    .portlets .widget-head {
        cursor: move;
    }
/*-----	map-----*/
* Google maps */

.gmap iframe {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

/* Google maps ends */
/* Today datas */

.today-datas {
    list-style-type: none;
    padding: 0px;
    margin: 10px 0px;
}

    .today-datas li {
        display: inline-block;
        margin-bottom: 5px;
        margin-right: 10px;
        padding: 10px 10px;
        text-shadow: 0px 1px 0px #fff;
        max-width: 100%;
        text-align: center;
    }

        .today-datas li .datas-text {
            font-size: 13px;
            padding: 7px 0px 0px 0px;
            font-weight: normal;
        }

/*----*/

.notify-arrow {
    border-style: solid;
    border-width: 0 9px 9px;
    height: 0;
    margin-top: 0;
    opacity: 0;
    position: absolute;
    right: 7px;
    top: -18px;
    transition: all 0.25s ease 0s;
    width: 0;
    z-index: 10;
    margin-top: 10px;
    opacity: 1;
}

.notify-arrow-blue {
    border-color: transparent transparent #688a7e;
    border-bottom-color: #688a7e !important;
    border-top-color: #688a7e !important;
}

.notify-arrow-yellow {
    border-color: transparent transparent #FCB322;
    border-bottom-color: #FCB322 !important;
    border-top-color: #FCB322 !important;
}

.notify-arrow-red {
    border-color: transparent transparent #00a0df;
    border-bottom-color: #00a0df !important;
    border-top-color: #00a0df !important;
}

.notify-arrow-green {
    border-color: transparent transparent #4cd964;
    border-bottom-color: #4cd964 !important;
    border-top-color: #4cd964 !important;
}


/*search*/

.search {
    margin-top: 6px;
    width: 20px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #fff;
    box-shadow: none;
    background: url("img/search-icon.jpg") no-repeat 10px 8px;
    padding: 0 5px 0 35px;
    color: #fff;
}

    .search:focus {
        margin-top: 5px;
        width: 180px;
        border: 1px solid #eaeaea;
        box-shadow: none;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        color: #c8c8c8;
        font-weight: 300;
    }

/*--sidebar toggle---*/

.toggle-nav {
    float: left;
    padding-right: 0px;
    margin-top: 18px;
}

    .toggle-nav .icon-reorder {
        cursor: pointer;
        display: inline-block;
        font-size: 24px;
        color: #1bb4b4;
    }

/* Icon 1 */

#nav-icon1 {
    width: 20px;
    height: 20px;
    position: relative;
    margin: 20px auto 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

    #nav-icon1 span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: #1bb4b4;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

        #nav-icon1 span:nth-child(1) {
            top: 0px;
        }

        #nav-icon1 span:nth-child(2) {
            top: 6px;
        }

        #nav-icon1 span:nth-child(3) {
            top: 12px;
        }

    #nav-icon1.open span:nth-child(1) {
        top: 6px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    #nav-icon1.open span:nth-child(2) {
        opacity: 0;
        left: -10px;
    }

    #nav-icon1.open span:nth-child(3) {
        top: 6px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }





.sidebar-closed > #sidebar > ul {
    display: none;
}

.sidebar-closed #main-content {
    margin-left: 0px;
}

.sidebar-closed #sidebar {
    /*margin-left: -200px;*/
    display: none;
}

/*state overview*/

.state-overview .symbol, .state-overview .value {
    display: inline-block;
    text-align: center;
}

.state-overview .value {
    float: right;
}

    .state-overview .value h1 {
        margin: 0;
        padding: 0;
        color: #688a7e;
    }

    .state-overview .value p {
        margin: 0;
        padding: 0;
        color: #fed189;
    }

    .state-overview .value h1 {
        font-weight: 300;
        font-weight: 30px;
    }

.state-overview .symbol i {
    color: #688a7e;
    font-size: 30px;
}

.state-overview .symbol {
    width: 30%;
    padding: 25px 15px;
}

.state-overview .value {
    width: 68%;
    padding-top: 21px;
}

.state-overview .terques {
    background: #34AADC;
}

.state-overview .red {
    background: #00a0df;
}

.state-overview .yellow {
    background: #FCB322;
}

.state-overview .blue {
    background: #688a7e;
}


/**/
.state .panel-body {
    padding: 0px;
}

.panel-body.chart-texture {
    background: url("img/chart-texture.jpg");
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    padding: 0px;
}


/*personal task*/

.task-thumb {
    width: 90px;
    float: left;
}

    .task-thumb img {
        border-radius: 4px;
        -webkit-border-radius: 4px;
    }

.task-thumb-details {
    display: inline-block;
    margin: 25px 0 0 10px;
}

.task-progress {
    float: left;
}

    .task-thumb-details h1, .task-thumb-details h1 a, .task-progress h1, .task-progress h1 a {
        color: #688a7e;
        font-size: 18px;
        margin: 0;
        padding: 0;
        font-weight: 300;
    }

    .task-thumb-details p, .task-progress p {
        padding-top: 5px;
        color: #fed189;
    }


.personal-task tbody tr td {
    padding: 11px 15px;
    border-color: #eeeff1;
}

    .personal-task tbody tr td i {
        font-size: 16px;
        color: #c7cbd4;
        position: relative;
        right: 6px;
        top: 6px;
    }

.personal-task.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #f7f8fc;
}

    .personal-task.table-hover > tbody > tr:hover > td i {
        color: #688a7e;
    }

.personal-task > tbody > tr > td:last-child {
    text-align: right;
}

.task-option {
    float: right;
}

    .task-option select {
        height: 35px;
        border: 1px solid #eaeaea;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        padding: 8px;
        color: #a4abbb;
    }

.progress-panel {
    padding-bottom: 5px;
}

/*badge*/

.badge.bg-primary {
    background: #688a7e;
}

.badge.bg-success {
    background: #4cd964;
}

.badge.bg-warning {
    background: #FCB322;
}

.badge.bg-important {
    background: #00a0df;
    font-family: 'Lato', sans-serif;
    font-size: 11px;
}

.badge.bg-info {
    background: #34aadc;
}

.badge.bg-inverse {
    background: #797979;
}



/*---revenue----*/

.revenue-head {
    background: #688a7e;
    color: #fff;
    line-height: 50px;
    text-align: center;
}

    .revenue-head span {
        /*background: rgba(0,0,0,0.1);*/
        text-align: left;
        line-height: normal;
        padding: 16px;
        font-weight: 300;
    }

        .revenue-head span i {
            font-size: 18px;
        }

    .revenue-head h3 {
        display: inline;
        padding: 0 10px;
        font-size: 16px;
        font-weight: 400;
    }

    .revenue-head span.rev-combo {
        /*background: rgba(0,0,0,0.1);*/
        text-align: right;
        padding: 16px;
        line-height: normal;
        font-weight: 300;
    }

/*easy pie chart*/

.easy-pie-chart {
    display: inline-block;
    padding: 30px 0;
}

.chart-info, .chart-info .increase, .chart-info .decrease {
    display: inline-block;
}

.chart-info {
    width: 100%;
    margin-bottom: 5px;
}

.chart-position {
    margin-top: 70px;
}

.chart-info span {
    margin: 0 3px;
}

.chart-info .increase {
    background: #688a7e;
    width: 10px;
    height: 10px;
}

.chart-info .decrease {
    background: #f2f2f2;
    width: 10px;
    height: 10px;
}

.panel-footer.revenue-foot {
    background-color: #e6e7ec;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    border: none;
    padding: 0;
    width: 100%;
    display: inline-block;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome */
    .panel-footer.revenue-foot {
        margin-bottom: -4px;
    }

    ;
}


.panel-footer.revenue-foot ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline-flex;
}

    .panel-footer.revenue-foot ul li {
        float: left;
        width: 33.33%;
    }

        .panel-footer.revenue-foot ul li.first a:hover, .panel-footer.revenue-foot ul li.first a {
            -webkit-border-radius: 0px 0px 0px 4px;
            border-radius: 0px 0px 0px 4px;
        }

        .panel-footer.revenue-foot ul li.last a:hover, .panel-footer.revenue-foot ul li.last a {
            -webkit-border-radius: 0px 0px 4px 0px;
            border-radius: 0px 0px 4px 0px;
            border-right: none;
        }

        .panel-footer.revenue-foot ul li a {
            display: inline-block;
            width: 100%;
            padding: 14px 15px;
            text-align: center;
            border-right: 1px solid #d5d8df;
            color: #797979;
        }

            .panel-footer.revenue-foot ul li a:hover, .panel-footer.revenue-foot ul li.active a {
                background: #fff;
                position: relative;
            }

            .panel-footer.revenue-foot ul li a i {
                color: #c6cad5;
                display: block;
                font-size: 16px;
            }

            .panel-footer.revenue-foot ul li a:hover i, .panel-footer.revenue-foot ul li.active a i {
                color: #688a7e;
                display: block;
                font-size: 16px;
            }

/*Creative carousel model*/

.flat-carousal {
    background: #00a0df;
    padding: 10px;
    color: #fff;
    position: relative;
}

    .flat-carousal h1 {
        text-align: center;
        font-size: 16px;
        margin: 30px 20px;
        line-height: 20px;
        font-weight: 300;
        font-style: italic;
    }

a.view-all {
    color: #fff;
    background: rgba(0,0,0,0.1);
    padding: 8px 15px;
    text-align: center;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    margin-bottom: 18px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
}

ul.ft-link {
    margin: 0;
    padding: 0;
}

    ul.ft-link li {
        border-right: 1px solid #E6E7EC;
        display: inline-block;
        line-height: 30px;
        margin: 8px 0;
        text-align: center;
        width: 24%;
    }

        ul.ft-link li a {
            color: #74829c;
            text-transform: uppercase;
            font-size: 12px;
        }

            ul.ft-link li a:hover, ul.ft-link li.active a {
                color: #00a0df;
            }

        ul.ft-link li:last-child {
            border-right: none;
        }

        ul.ft-link li a i {
            display: block;
        }


#owl-slider .item img {
    display: block;
    width: 100%;
    height: auto;
}

.owl-buttons {
    position: absolute;
    top: 70px;
    width: 100%;
}

.owl-prev, .owl-next {
    position: absolute;
}

.owl-next {
    right: 0;
}

.owl-buttons .owl-prev {
    text-indent: -9999px;
    background: url("img/left-arrow.png") no-repeat;
    width: 6px;
    height: 10px;
    display: inline-block;
}

.owl-buttons .owl-next {
    text-indent: -9999px;
    background: url("img/right-arrow.png") no-repeat;
    width: 6px;
    height: 10px;
    display: inline-block;
}

/*product post*/

.post-wrap aside {
    display: table-cell;
    float: none;
    height: 100%;
    padding: 0;
    vertical-align: top;
}

.pro-box {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.post-info {
    position: relative;
}

.arrow-pro.right:after {
    border-left-color: #FFFFFF;
    border-right-width: 0;
    top: 85px;
    content: " ";
}

.arrow-pro.left:after {
    border-right-color: #FFFFFF;
    border-left-width: 0;
    top: 80px;
    content: " ";
}

.arrow-pro.left {
    left: -8px;
}

.arrow-pro:after {
    border-width: 7px;
    content: "";
}

.arrow-pro, .arrow-pro:after {
    border-color: rgba(0, 0, 0, 0);
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    right: -5px;
}

.post-highlight.yellow {
    background: #FCB322;
}

.post-highlight.terques {
    background: #688a7e;
}

.post-info h1 {
    margin: 0;
    font-size: 18px;
    color: #a19899;
    font-weight: 300;
}

.post-highlight.terques h2 {
    font-size: 16px;
    color: #fff;
    font-style: italic;
    padding: 0 20px;
    line-height: 22px;
    margin: 0;
    font-weight: 300;
}

    .post-highlight.terques h2 span, .post-highlight.terques h2 a {
        color: #92faf3;
    }

.post-info h1 strong {
    text-transform: uppercase;
    color: #937b7b;
}

.post-info .desk {
    display: inline-block;
}

    .post-info .desk h3 {
        font-size: 16px;
    }

    .post-info .desk.yellow h3 {
        color: #FCB322;
    }

.post-btn {
}

    .post-btn a {
        float: left;
        margin-right: 8px;
        font-size: 18px;
        color: #9a9a9a;
    }

        .post-btn a:hover {
            color: #727272;
        }

.pro-thumb {
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 10px solid rgba(256,256,256,0.4);
}

    .pro-thumb img {
        text-align: center;
        width: 112px;
        height: 112px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
    }

.v-align {
    vertical-align: middle !important;
}

.twite h1 {
    margin: 50px 0;
}


.social-footer {
    display: inline;
    text-align: center;
}

    .social-footer ul {
        text-align: center;
        margin: 0;
        padding: 0;
    }

        .social-footer ul li {
            display: inline-block;
            margin: 0 20px;
        }

            .social-footer ul li a {
                font-size: 25px;
                color: #ceced0;
            }

                .social-footer ul li a:hover i.icon-facebook, .social-footer ul li.active a i.icon-facebook {
                    color: #486eac;
                }

                .social-footer ul li a:hover i.icon-twitter, .social-footer ul li.active a i.icon-twitter {
                    color: #00a0df;
                }

                .social-footer ul li a:hover i.icon-google-plus, .social-footer ul li.active a i.icon-google-plus {
                    color: #4a4a4a;
                }

                .social-footer ul li a:hover i.icon-pinterest, .social-footer ul li.active a i.icon-pinterest {
                    color: #d1282d;
                }

/*pie chart */

.pie-foot {
    background: #6b6b6b;
    padding: 18px 15px;
    color: #fff;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
}

/*profile-widget*/

.profile-widget {
    color: #fff;
    text-align: center;
}

/*profile-widget image bg*/
.profile-widget-img {
    background: url('img/backgrounds/bg-11-small.jpg') no-repeat !important;
}

.profile-nav .profile-widget-img .bg-layer {
    background: rgba(0,0,0,0.5) !important;
}

.profile-widget-img .panel-body {
    background: rgba(0,0,0,0.5) !important;
}

.profile-widget-img .profile-widget-foot {
    background: rgba(0,0,0,0.8);
}

.profile-widget p {
    font-weight: 300;
    /*margin-bottom: 15px;*/
}

.profile-widget {
    /*padding-left: 20px 15px 30px 15px;*/
}

    .profile-widget .twt-category {
        display: inline-block;
        margin-bottom: 0px;
        margin-top: 10px;
        width: 100%;
        padding: 0px;
    }

        .profile-widget .twt-category ul li {
            color: #ffffff;
        }

.knob-charts {
    margin-top: 10px;
}

.follow-task {
    padding: 5px;
}

    .follow-task a {
        color: #ffffff;
        width: 15%;
        display: inline-block;
    }

        .follow-task a span.badge {
            top: -12px;
            position: relative;
            left: -8px;
            background: #FFFFFF;
            color: #34AADC;
        }

    .follow-task i {
        font-size: 20px;
    }

.profile-widget-foot {
    padding: 8px 5px 5px 5px;
    background: rgba(0,0,0,0.1);
    color: #757575;
    font-weight: 300;
}

.profile-foot {
    padding: 8px 5px 5px 5px;
    background: rgba(0,0,0,0.1);
    color: #ffffff;
    font-weight: 300;
    overflow: hidden;
}

    .profile-foot .active {
    }

    .profile-foot a {
        color: #ffffff;
    }

.profile-widget-foot ul {
    padding: 0;
    margin: 0;
}

    .profile-widget-foot ul li {
        display: inline-block;
        text-align: center;
        width: 48%;
        line-height: normal;
    }

        .profile-widget-foot ul li h5 {
            margin: 5px 0 0 0;
        }

.follow-info {
    text-align: left;
    padding-top: 20px;
    padding-bottom: 10px;
}

.profile-widget h4 {
    margin: 5px;
    font-size: 18px;
    font-weight: 300;
}

.profile-widget h6 {
    margin: 0px;
    font-size: 12px;
    color: rgba(255,255,255,0.9);
    font-weight: 300;
}

    .profile-widget h6 span i {
        padding-right: 4px;
    }

    .profile-widget h6 span {
        padding-right: 8px;
    }

.project-team, .panel-title, .progress-panel {
    /* background: #F7F7F7;*/
}

.profile-ava {
    display: block;
    margin: 0px 0 0 0;
    float: left;
    padding-right: 10px;
}

    .profile-ava img {
        border-radius: 50%;
        -webkit-border-radius: 50%;
        border: 0px solid #688a7e;
        display: inline-block;
    }

        .profile-ava img.simple {
            border-radius: 50%;
            -webkit-border-radius: 50%;
            border: 2px solid rgba(0,112,255,0.4);
            display: inline-block;
        }

.profile-name {
    margin: 0px;
    font-size: 16px;
}

.profile-occupation {
    margin: 0px;
    font-size: 12px;
}

.follow-ava {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 5px solid rgba(0,0,0,0.1);
    display: inline-block;
}

.timeline-ava {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 5px solid #688a7e;
    display: inline-block;
}

    .timeline-ava img {
        border-radius: 50%;
        -webkit-border-radius: 50%;
        width: 50px;
        height: 50px;
    }

.profile-widget img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 62px;
    height: 62px;
    /*display: inline-block;*/
}

/* .social-box
=================================================================== */
.social-box {
    min-height: 158px;
    background: white;
    margin-bottom: 30px;
    text-align: center;
}

    .social-box i {
        display: block;
        font-size: 40px;
        line-height: 90px;
        background: #f5f5f5;
    }

    .social-box ul {
        list-style: none;
        padding: 10px 0;
    }

        .social-box ul li {
            display: block;
            width: 50%;
            float: left;
        }

            .social-box ul li:first-child {
                border-right: 1px solid #f5f5f5;
            }

            .social-box ul li strong {
                display: block;
                font-size: 20px;
            }

            .social-box ul li span {
                color: #d4d4d4;
                font-weight: 500;
                text-transform: uppercase;
                font-size: 10px;
            }

    .social-box.facebook i {
        background: #3b5998;
        color: white;
        margin: -1px -1px 1px -1px;
    }

    .social-box.twitter i {
        background: #00aced;
        color: white;
        margin: -1px -1px 1px -1px;
    }

    .social-box.linkedin i {
        background: #4875b4;
        color: white;
        margin: -1px -1px 1px -1px;
    }

    .social-box.google-plus i {
        background: #d34836;
        color: white;
        margin: -1px -1px 1px -1px;
    }
/*weather*/

.weather-bg {
    background: #34AADC;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
}

    .weather-bg i {
        font-size: 60px;
        display: block;
    }

    .weather-bg h3 {
        font-weight: 300;
        font-size: 28px;
    }

    .weather-bg .degree {
        padding-top: 10px;
        font-size: 60px;
    }

.weather-category {
    padding: 15px 0;
    color: #ffffff;
}

.weather-info {
    background: #34AADC;
}

.weather-category ul {
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 100%;
}

.weather-category ul {
    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
    text-align: center;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    display: inline-block;
}

    .weather-category ul li {
        display: inline-block;
        width: 70%;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        display: inline-block;
    }

        .weather-category ul li i {
            margin-bottom: 10px;
        }

        .weather-category ul li h4 {
            margin: 10px 0 0 0;
            text-transform: uppercase;
            font-weight: 300;
        }

.weather-days {
    color: #ffffff;
    background: #34AADC;
}

    .weather-days ul {
        padding: 0;
        margin: 0;
        display: inline-block;
        width: 100%;
    }

        .weather-days ul li {
            display: inline-block;
            width: 16.6%;
            text-align: center;
            display: inline-block;
            margin-right: -2.9px;
            padding: 5px 0px;
        }

            .weather-days ul li.day1 {
                background: rgba(0,0,0,0.05);
            }

            .weather-days ul li.day2 {
                background: rgba(0,0,0,0.1);
            }

            .weather-days ul li.day3 {
                background: rgba(0,0,0,0.15);
            }

            .weather-days ul li.day4 {
                background: rgba(0,0,0,0.2);
            }

            .weather-days ul li.day5 {
                background: rgba(0,0,0,0.25);
            }

            .weather-days ul li.day6 {
                background: rgba(0,0,0,0.3);
            }

            .weather-days ul li h5 {
                margin: 0 0 5px 0;
                text-transform: uppercase;
                font-weight: 300;
            }

.weather-category ul li a {
}

.weather-category ul li:last-child, .weather-days ul li:last-child {
    border-right: none;
}
/*weather widget 2*/
.weather-bg-img {
    background: url(img/backgrounds/bg-14-small.jpg) no-repeat center center;
    color: #fff;
    text-shadow: 0px 1px 5px #fed189;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
}

    .weather-bg-img i {
        font-size: 60px;
        text-shadow: 0px 1px 5px #fed189;
        display: block;
    }

    .weather-bg-img h3 {
        font-weight: 300;
        font-size: 28px;
    }

    .weather-bg-img .degree {
        padding-top: 10px;
        font-size: 60px;
    }

    .weather-bg-img .weather-category {
        padding: 15px 0;
        color: #ffffff;
        text-shadow: 0px 1px 5px #fed189;
        background: transparent;
    }

        .weather-bg-img .weather-category ul {
            padding: 0;
            margin: 0;
            display: inline-block;
            width: 100%;
        }

            .weather-bg-img .weather-category ul li {
                display: inline-block;
                width: 32%;
                text-align: center;
                border-right: 1px solid #e6e6e6;
                display: inline-block;
            }

                .weather-bg-img .weather-category ul li h5 {
                    margin: 0 0 5px 0;
                    text-transform: uppercase;
                    font-weight: 300;
                    text-shadow: 0px 1px 5px #fed189;
                }

    .weather-bg-img .panel-body, footer.weather-bg-img ul {
        background: rgba(0,0,0,0.5);
    }

.weather-days-img {
    color: #ffffff;
    text-shadow: 0px 1px 5px #fed189;
}

.weather-days-img {
    background: transparent !important;
}

/*fontawesome*/

.fontawesome-icon-list h2 {
    margin-top: 0;
    font-size: 20px;
    font-weight: 300;
}

.fontawesome-icon-list .col-sm-3 {
    margin-bottom: 10px;
}

.fontawesome-icon-list .page-header {
    border-bottom: 1px solid #C9CDD7;
}

.fontawesome-icon-list i {
    font-size: 16px;
    padding-right: 10px;
}

#web-application, #text-editor, #directional, #video-player, #brand, #medical, #currency {
    margin-top: 10px;
}

/*mail inbox*/

.inbox-wrapper {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}

    .inbox-wrapper aside {
        display: table-cell;
        float: none;
        height: 100%;
        padding: 0;
        vertical-align: top;
    }

    .inbox-wrapper .inbox-left {
        width: 20%;
        background: #e5e8ef;
    }

    .inbox-wrapper .inbox-middle {
        width: 25%;
        background: #fff;
    }

    .inbox-wrapper .inbox-right {
        width: 65%;
        background: #f5f5f5;
    }

    .inbox-wrapper .inbox-left .inbox-left-menu {
        background: #688a7e;
    }

.table-inbox .icon_star_alt:hover, .starred {
    color: #FCB322;
}

.inbox-wrapper .inbox-left .user-head {
    background: rgba(0,0,0,0.2);
    padding: 10px;
    color: #fff;
    min-height: 80px;
}

.inbox-wrapper .inbox-middle .inbox-mail {
    background: #688a7e;
    padding: 10px;
    color: #fff;
    min-height: 80px;
}

.user-head .inbox-avatar {
    width: 65px;
    float: left;
}

    .user-head .inbox-avatar img {
        border-radius: 4px;
        -webkit-border-radius: 4px;
    }

.user-head .user-name {
    display: inline-block;
    margin: 0 0 0 10px;
}

    .user-head .user-name h5 {
        font-size: 14px;
        margin-top: -15px;
        margin-bottom: 0;
        font-weight: 300;
    }

        .user-head .user-name h5 a {
            color: #fff;
        }

    .user-head .user-name span a {
        font-size: 12px;
        color: rgba(255,255,255,0.9);
    }

a.mail-dropdown {
    background: #80d3d9;
    padding: 3px 5px;
    font-size: 10px;
    color: #01a7b3;
    border-radius: 2px;
    margin-top: 20px;
}

.inbox-body {
    padding: 20px;
}

.btn-compose {
    background: #00a0df;
    padding: 12px 0;
    text-align: center;
    width: 100%;
    color: #fff;
}

    .btn-compose:hover {
        background: #f5675c;
        color: #fff;
    }

ul.mail-nav {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.mail-divider {
    border-bottom: 1px solid #d5d8df;
}

ul.mail-nav li {
    display: inline-block;
    line-height: 20px;
    padding: 10px;
    width: 100%;
    border-right: 1px solid #D7D7D7;
    border-bottom: 1px solid #D7D7D7;
}

    ul.mail-nav li a {
        color: #6a6a6a;
        width: 100%;
        display: inline-block;
        padding: 0 20px;
    }

ul.mail-nav .mail-info {
    padding: 5px;
    font-size: 14px;
}

ul.mail-nav p {
    font-size: 12px;
}

ul.mail-nav li:hover, ul.mail-nav li.active, ul.mail-nav li:focus {
    color: #6a6a6a;
    background: #f5f5f5;
    border-bottom: 1px solid #688a7e;
    border-right: none;
}

ul.mail-nav li a i {
    padding-right: 10px;
    font-size: 16px;
    color: #6a6a6a;
}

ul.mail-nav li a span.label {
    margin-top: 13px;
}

ul.inbox-nav {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.inbox-divider {
    border-bottom: 1px solid #d5d8df;
}

ul.inbox-nav li {
    display: inline-block;
    line-height: 45px;
    width: 100%;
}

    ul.inbox-nav li a {
        color: #6a6a6a;
        line-height: 45px;
        width: 100%;
        display: inline-block;
        padding: 0 20px;
    }

        ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.inbox-nav li a:focus {
            color: #6a6a6a;
            background: #d5d7de;
        }

        ul.inbox-nav li a i {
            padding-right: 10px;
            font-size: 16px;
            color: #6a6a6a;
        }

        ul.inbox-nav li a span.label {
            margin-top: 13px;
        }

ul.labels-info li h4 {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    color: #5c5c5e;
    font-size: 13px;
    text-transform: uppercase;
}

ul.labels-info li {
    margin: 0;
}

    ul.labels-info li a {
        color: #6a6a6a;
        border-radius: 0;
    }

        ul.labels-info li a:hover, ul.labels-info li a:focus {
            color: #6a6a6a;
            background: #d5d7de;
        }

        ul.labels-info li a i {
            padding-right: 10px;
        }

.nav.nav-pills.nav-stacked.labels-info p {
    margin-bottom: 0;
    padding: 0 22px;
    color: #9d9f9e;
    font-size: 11px;
}

.inbox-head {
    padding: 10px;
    background: #688a7e;
    color: #fff;
    border-bottom: 1px solid #D7D7D7;
    min-height: 80px;
}

    .inbox-head h3 {
        margin: 0;
        display: inline-block;
        padding-top: 6px;
        font-weight: 300;
    }

    .inbox-head .sr-input {
        height: 40px;
        border: none;
        box-shadow: none;
        padding: 0 10px;
        float: left;
        border-radius: 4px 0 0 4px;
        color: #8a8a8a;
    }

    .inbox-head .sr-btn {
        height: 40px;
        border: none;
        background: #00a6b2;
        color: #fff;
        padding: 0 20px;
        border-radius: 0 4px 4px 0;
        -webkit-border-radius: 0 4px 4px 0;
    }

.table-inbox {
    border: 1px solid #d3d3d3;
    margin-bottom: 0;
}

    .table-inbox tr td {
        padding: 12px !important;
    }

        .table-inbox tr td:hover {
            cursor: pointer;
        }

        .table-inbox tr td .icon-star.inbox-started, .table-inbox tr td .icon-star:hover {
            color: #f78a09;
        }

        .table-inbox tr td .icon-star {
            color: #d5d5d5;
        }

    .table-inbox tr.unread td {
        font-weight: 600;
        background: #f7f7f7;
    }

ul.inbox-pagination {
    float: right;
}

    ul.inbox-pagination li {
        float: left;
    }

.mail-option {
    display: inline-block;
    margin-bottom: 0px;
    width: 100%;
    margin-top: 18px;
}

.open-mail-action i {
    padding-right: 5px;
    font-size: 14px;
}

.inbox-mail .navbar-form {
    margin-top: 15px;
}

.mail-option .chk-all, .mail-option .btn-group {
    margin-right: 5px;
}

    .mail-option .chk-all, .mail-option .btn-group a.btn {
        border: 1px solid #e7e7e7;
        padding: 5px 10px;
        display: inline-block;
        background: #ffffff;
        color: #688a7e;
        border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
    }

.inbox-pagination a.np-btn {
    border: 1px solid #e7e7e7;
    padding: 5px 15px;
    display: inline-block;
    background: #fcfcfc;
    color: #afafaf;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

.mail-option .chk-all input[type=checkbox] {
    margin-top: 0;
}

.mail-option .btn-group a.all {
    padding: 0;
    border: none;
}

.inbox-pagination a.np-btn {
    margin-left: 5px;
}

.inbox-pagination li span {
    display: inline-block;
    margin-top: 7px;
    margin-right: 5px;
}

.fileinput-button {
    border: 1px solid #e6e6e6;
    background: #eeeeee;
}

.inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea {
    border: 1px solid #e6e6e6;
    box-shadow: none;
}

.btn-send, .btn-send:hover {
    background: #00A8B3;
    color: #fff;
}

    .btn-send:hover {
        background: #009da7;
    }

.modal-header h4.modal-title {
    font-weight: 300;
    font-family: 'Lato', sans-serif;
}

.modal-body label {
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}


/*404 page*/

.page-404 {
    position: relative;
    width: 350px;
    height: 200px;
    margin: 100px auto;
    text-align: center;
}

.text-404 {
    font-size: 138px;
    background: #e9e3dd;
    background-image: url('https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQTdWeWNteABnbzguiXSBxmfc8Z8nh_HHoWoK35QL81x4HnpVmgvQ');
    background-repeat: no-repeat;
    background-size: 200% 200%;
    background-position: 100% 100%;
    -webkit-animation: square 3s linear infinite;
    -ms-animation: square 3s linear infinite;
    animation: square 3s linear infinite;
    -webkit-background-clip: text;
    color: transparent;
    text-align: center;
    line-height: 200px;
    position: relative;
}

    .text-404:nth-of-type(2) {
        text-shadow: none;
        z-index: 2;
        position: absolute;
        top: -139px;
        left: -1px;
    }

@-webkit-keyframes square {
    0% {
        background-position: 0 0;
    }

    25% {
        background-position: 100% 0;
    }

    50% {
        background-position: 100% 100%;
    }

    75% {
        background-position: 0 100%;
    }

    100% {
        background-position: 0 0;
    }
}

@-ms-keyframes square {
    0% {
        background-position: 0 0;
    }

    25% {
        background-position: 100% 0;
    }

    50% {
        background-position: 100% 100%;
    }

    75% {
        background-position: 0 100%;
    }

    100% {
        background-position: 0 0;
    }
}

@keyframes square {
    0% {
        background-position: 0 0;
    }

    25% {
        background-position: 100% 0;
    }

    50% {
        background-position: 100% 100%;
    }

    75% {
        background-position: 0 100%;
    }

    100% {
        background-position: 0 0;
    }
}

/*profile*/

.profile-nav .user-heading {
    background: #688a7e;
    color: #fff;
    padding: 30px;
    text-align: center;
}

    .profile-nav .user-heading.round a {
        border-radius: 50%;
        -webkit-border-radius: 50%;
        border: 10px solid rgba(256,256,256,0.3);
        display: inline-block;
    }

    .profile-nav .user-heading a img {
        width: 112px;
        height: 112px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
    }

    .profile-nav .user-heading h1 {
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 5px;
    }

    .profile-nav .user-heading p {
        font-size: 12px;
    }

.profile-nav ul {
    margin-top: 1px;
}

    .profile-nav ul > li {
        border-bottom: 1px solid #ebeae6;
        margin-top: 0;
        line-height: 30px;
    }

        .profile-nav ul > li:last-child {
            border-bottom: none;
        }

        .profile-nav ul > li > a {
            border-radius: 0;
            -webkit-border-radius: 0;
            color: #89817f;
            border-left: 5px solid #fff;
        }

            .profile-nav ul > li > a:hover, .profile-nav ul > li > a:focus, .profile-nav ul li.active a {
                background: #f8f7f5 !important;
                border-left: 5px solid #688a7e;
                color: #89817f !important;
            }

        .profile-nav ul > li:last-child > a:last-child {
            border-radius: 0 0 4px 4px;
            -webkit-border-radius: 0 0 4px 4px;
        }

        .profile-nav ul > li > a > i {
            font-size: 16px;
            padding-right: 10px;
            color: #bcb3aa;
        }

.r-activity {
    margin: 6px 0 0;
    font-size: 12px;
}
/*profile-widget color bg*/
.profile-widget-info {
    background: #324c57 !important;
}

.profile-widget-success {
    background: #4cd964 !important;
}

.profile-widget-primary {
    background: #688a7e !important;
}

.profile-widget-warning {
    background: #ffcc00 !important;
}

.profile-widget-danger {
    background: #00a0df !important;
}

.profile-widget-name {
    padding: 0px;
}

.p-text-area, .p-text-area:focus {
    border: none;
    font-weight: 300;
    box-shadow: none;
    color: #c3c3c3;
    font-size: 16px;
}

.profile-info .panel-footer {
    background-color: #f8f7f5;
    border-top: 1px solid #e7ebee;
}

    .profile-info .panel-footer ul li a {
        color: #7a7a7a;
    }

.bio-graph-heading {
    background: #263a4f;
    color: #fff;
    text-align: center;
    font-style: italic;
    padding: 40px 110px;
    font-size: 16px;
    font-weight: 300;
}

.bio-graph-info {
    color: #89817e;
}

    .bio-graph-info h1 {
        font-size: 22px;
        font-weight: 300;
        margin: 0 0 20px;
    }

.bio-row {
    width: 50%;
    float: left;
    margin-bottom: 10px;
    padding: 0 15px;
}

    .bio-row p span {
        width: 100px;
        display: inline-block;
    }

.bio-chart, .bio-desk {
    float: left;
}

.bio-chart {
    width: 40%;
}

.bio-desk {
    width: 60%;
}

    .bio-desk h4 {
        font-size: 15px;
        font-weight: 400;
    }

        .bio-desk h4.terques {
            color: #34aadc;
        }

        .bio-desk h4.red {
            color: #e26b7f;
        }

        .bio-desk h4.green {
            color: #97be4b;
        }

        .bio-desk h4.purple {
            color: #caa3da;
        }

.file-pos {
    margin: 6px 0 10px 0;
}

.profile-activity h5 {
    font-weight: 300;
    margin-top: 0;
    color: #c3c3c3;
}

.summary-head {
    background: #ee7272;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #ee7272;
}

    .summary-head h4 {
        font-weight: 300;
        text-transform: uppercase;
        margin-bottom: 5px;
    }

    .summary-head p {
        color: rgba(256,256,256,0.6);
    }

ul.summary-list {
    display: inline-block;
    padding-left: 0;
    width: 100%;
    margin-bottom: 0;
}

    ul.summary-list > li {
        display: inline-block;
        width: 19.5%;
        text-align: center;
    }

        ul.summary-list > li > a > i {
            display: block;
            font-size: 18px;
            padding-bottom: 5px;
        }

        ul.summary-list > li > a {
            padding: 10px 0;
            display: inline-block;
            color: #818181;
        }

    ul.summary-list > li {
        border-right: 1px solid #eaeaea;
    }

        ul.summary-list > li:last-child {
            border-right: none;
        }

.activity {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

    .activity.alt {
        width: 100%;
        float: right;
        margin-bottom: 10px;
    }

    .activity span {
        float: left;
    }

    .activity.alt span {
        float: right;
    }
    /*.activity span, .activity.alt span {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #eee;
    text-align: center;
    color: #fff;
    font-size: 16px;
}*/

    .activity.terques span {
        background: #8dd7d6;
    }

    .activity.terques h4 {
        color: #8dd7d6;
    }

    .activity.purple span {
        background: #b984dc;
    }

    .activity.purple h4 {
        color: #b984dc;
    }

    .activity.blue span {
        background: #90b4e6;
    }

    .activity.blue h4 {
        color: #90b4e6;
    }

    .activity.green span {
        background: #4cd964;
    }

    .activity.green h4 {
        color: #4cd964;
    }

    .activity h4 {
        margin-top: 0;
        font-size: 16px;
    }

    .activity p {
        margin-bottom: 0;
        font-size: 13px;
    }

    .activity .activity-desk i, .activity.alt .activity-desk i {
        float: left;
        font-size: 18px;
        margin-right: 10px;
        color: #bebebe;
    }

    .activity .activity-desk {
        margin-left: 70px;
        position: relative;
    }

    .activity.alt .activity-desk {
        margin-right: 70px;
        position: relative;
    }

        .activity.alt .activity-desk .panel {
            float: right;
            position: relative;
            border-radius: 10px;
            -webkit-border-radius: 10px;
        }

    .activity .activity-desk .panel {
        background: #F4F4F4;
        display: inline-block;
    }

    .activity.alt .activity-desk .panel {
        background: #688a7e;
        color: #ffffff;
        display: inline-block;
    }


    .activity .activity-desk .arrow {
        border-right: 8px solid #F4F4F4 !important;
    }

    .activity .activity-desk .arrow {
        border-bottom: 8px solid transparent;
        border-top: 8px solid transparent;
        display: block;
        height: 0;
        left: -7px;
        position: absolute;
        top: 13px;
        width: 0;
    }

.activity-desk .arrow-alt {
    border-left: 8px solid #688a7e !important;
}

.activity-desk .arrow-alt {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    right: -7px;
    position: absolute;
    top: 13px;
    width: 0;
}

.activity-desk .album {
    display: inline-block;
    margin-top: 10px;
}

    .activity-desk .album a {
        margin-right: 10px;
    }

        .activity-desk .album a:last-child {
            margin-right: 0px;
        }

/*invoice*/

.invoice-list {
    margin-bottom: 30px;
}

    .invoice-list h4 {
        font-weight: 300;
        font-size: 16px;
    }

.invoice-block {
    text-align: right;
}

.invoice-paid {
    color: #4cd964;
}

ul.amounts li {
    background: #f5f5f5;
    margin-bottom: 5px;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    font-weight: 300;
}

.invoice-btn a {
    font-weight: 300;
    margin: 0 5px;
    font-size: 16px;
}

.company-logo {
    margin: 30px;
}

/*panel heading color*/
.panel-heading {
    background: #F7F7F7;
    color: #688a7e;
}

    .panel-heading h3 {
        margin: 0px !important;
    }

.panel-primary > .panel-heading.navyblue {
    background-color: #2A3542;
    border-color: #2A3542;
    color: #FFFFFF;
}

/*table*/

.table-advance tr td {
    vertical-align: middle !important;
}

.no-border {
    border-bottom: none;
}

.dataTables_length, .dataTables_filter {
    padding: 10px 15px 5px;
}

.dataTables_info {
    padding: 0 15px;
}

.dataTables_filter {
    float: right;
}

.dataTables_length select {
    width: 65px;
    padding: 5px 8px;
    display: inline;
}

.dataTables_length label, .dataTables_filter label {
    font-weight: 300;
}

.dataTables_filter label {
    width: 100%;
    color: #555555;
}

    .dataTables_filter label input {
        width: 100%;
        color: #555555;
        font-size: 13px;
        padding: 4px;
        margin: 0 !important;
        border: 1px solid #cdcdcd;
        background: transparent;
        border-radius: 3px;
    }

.border-top {
    border-top: 1px solid #ddd;
}

.dataTables_paginate.paging_bootstrap.pagination li {
    float: left;
    margin: 0 1px;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .dataTables_paginate.paging_bootstrap.pagination li.disabled a {
        color: #c7c7c7;
    }

    .dataTables_paginate.paging_bootstrap.pagination li a {
        color: #797979;
        padding: 5px 10px;
        display: inline-block;
    }

    .dataTables_paginate.paging_bootstrap.pagination li:hover a, .dataTables_paginate.paging_bootstrap.pagination li.active a {
        color: #797979;
        background: #eee;
        border-radius: 3px;
        -webkit-border-radius: 3px;
    }

.dataTables_paginate.paging_bootstrap.pagination {
    float: right;
    margin-right: 15px;
    margin-top: -5px;
    margin-bottom: 15px;
}

.dataTable tr:last-child {
    border-bottom: 1px solid #ddd;
}



/*button*/

.btn-row {
    margin-bottom: 10px;
}

/*tabs*/

.tab-head {
    background: #688a7e;
    display: inline-block;
    width: 100%;
    margin-top: 60px;
}

.tab-container {
    margin-top: 10px;
}

.tab-head .nav-tabs > li > a {
    border-radius: 0;
    margin-right: 1px;
    color: #fff;
}

    .tab-head .nav-tabs > li.active > a, .tab-head .nav-tabs > li > a:hover, .tab-head .nav-tabs > li.active > a:hover, .tab-head .nav-tabs > li.active > a:focus {
        background-color: #f1f2f7;
        border-color: #f1f2f7;
        color: #797979;
    }

/*general page*/

.progress-xs {
    height: 8px;
}

.progress-sm {
    height: 12px;
}

.panel-heading .nav {
    border: medium none;
    font-size: 13px;
    margin: -10px -15px -11px;
}

.tab-bg-primary {
    background: #688a7e;
    border-bottom: none;
}

.tab-bg-info {
    background: #324c57;
    border-bottom: none;
}

    .tab-bg-info.panel-heading .nav > li.active > a, .tab-bg-info.panel-heading .nav > li > a:hover {
        color: #36464d;
    }

    .tab-bg-info.panel-heading .nav {
        margin: -10px 15px -11px;
    }

.panel-heading .nav > li > a,
.panel-heading .nav > li.active > a, .panel-heading .nav > li.active > a:hover, .panel-heading .nav > li.active > a:focus {
    border-width: 0;
    border-radius: 0;
}

.panel-heading .nav > li > a {
    color: #fff;
}

    .panel-heading .nav > li.active > a, .panel-heading .nav > li > a:hover {
        color: #688a7e;
        background: #fff;
    }

.tab-right {
    height: 38px;
}

    .panel-heading.tab-right .nav > li:first-child.active > a, .tab-right.panel-heading .nav > li:first-child > a:hover {
        border-radius: 0;
        -webkit-border-radius: 0;
    }

    .panel-heading.tab-right .nav > li:last-child.active > a, .tab-right.panel-heading .nav > li:last-child > a:hover {
        border-radius: 0 4px 0 0;
        -webkit-border-radius: 0 4px 0 0;
    }

.panel-heading.tab-right .nav-tabs > li > a {
    margin-left: 1px;
    margin-right: 0px;
}

.m-bot20 {
    margin-bottom: 20px;
}

.m-bot-none {
    margin-bottom: 0;
}

.wht-color {
    color: #fff;
}

.close-sm {
    font-size: 14px;
}

/*carousel*/

.carousel-indicators li {
    background: rgba(0, 0, 0, 0.2);
    border: none;
    transition: background-color 0.25s ease 0s;
    -moz-transition: background-color 0.25s ease 0s;
    -webkit-transition: background-color 0.25s ease 0s;
}

.carousel-indicators .active {
    background: #00a0df;
    height: 10px;
    margin: 1px;
    width: 10px;
}

.carousel-indicators.out {
    bottom: -5px;
}

.carousel-indicators.out {
    bottom: -5px;
}

.carousel-control {
    color: #999999;
    text-shadow: none;
    width: 45px;
}

    .carousel-control i {
        display: inline-block;
        height: 25px;
        left: 50%;
        margin-left: -10px;
        margin-top: -10px;
        position: absolute;
        top: 50%;
        width: 20px;
        z-index: 5;
    }


    .carousel-control.left, .carousel-control.right {
        background: none;
        filter: none;
    }

    .carousel-control:hover, .carousel-control:focus {
        color: #CCCCCC;
        opacity: 0.9;
        text-decoration: none;
    }

.carousel-inner h3 {
    font-weight: 300;
    font-size: 16px;
    margin: 0;
}

.carousel-inner {
    margin-bottom: 15px;
}

/*gritter*/
.gritter-close {
    left: auto !important;
    right: 3px !important;
}


/*form*/
.form-control {
    padding: 4px;
    height: auto;
    color: #555;
    font-size: 13px;
}

.quick-post {
    margin-top: 0;
}

.sm-input {
    width: 175px;
}

.formview {
    background: #fff;
    padding: 10px 0 !important;
    margin: 0 !important;
}

    .formview .form-control {
        display: inline-block !important;
    }

    .formview .control-label {
        display: inline-block !important;
        width: 10%;
    }

.cal {
    position: absolute;
    margin: -21px 8px;
    right: 0;
}

.ui-datepicker table {
    background: #fff !important;
    outline: 1px solid #ccc;
}

.form-horizontal .form-group {
    border-bottom: 0px solid #eff2f7;
    padding-bottom: 0px;
    margin-bottom: 15px;
}

    .form-horizontal .form-group:last-child {
        border-bottom: none;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }


    .form-horizontal .form-group .help-block {
        margin-bottom: 0;
    }

.form-group p {
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}

.form-group input[type=checkbox] {
    margin: 0px 3px 3px 12px;
    padding: 3px;
    display: inline-block;
    vertical-align: middle;
}

.issues-box {
    background: #ececec;
    padding: 20px;
    margin: 10px 10px 0;
}

    .issues-box h4 {
        color: #838383;
        margin: 0;
        padding: 0 0 5px 0;
        font-size: 14px;
    }

    .issues-box p {
        color: #222;
        font-size: 12px !important;
        padding: 2px 4px;
        margin: 0;
    }

        .issues-box p input {
            margin-right: 5px;
            margin-top: 0;
            vertical-align: middle;
        }

.issuebox p {
    color: #222;
    font-size: 12px !important;
    padding: 2px 4px;
    margin: 0;
    font-weight: normal;
}

    .issuebox p input[type=checkbox] {
        margin-right: 5px;
    }

.round-input {
    border-radius: 500px;
    -webkit-border-radius: 500px;
}


.m-bot15 {
    margin-bottom: 15px;
}

.form-horizontal .checkbox-inline > input {
    margin-top: 1px;
    border: none;
}

.btn-primary {
    color: #ffffff;
    background-color: #fca100;
    border-color: transparent;
}

    .btn-primary:hover, .btn-primary:focus {
        color: #ffffff;
        background-color: #e19000 !important;
        border-color: transparent;
    }

.btn {
    display: inline-block;
    padding: 3px 25px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-weight: 300;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    transition: all 0.15s;
}

.btn-default {
    color: #454545;
    background-color: #e5e5e5;
    border-color: transparent;
}

.inline-lbl {
    background: #f2f2f2;
    border: 1px solid #cdcdcd;
    border-radius: 4px 0 0 4px;
}

    .inline-lbl label {
        font-size: 13px;
        padding: 5px 0 5px 8px;
        color: #838383;
        margin: 0;
    }

.input-trans {
    border: 0;
    padding: 2px 10px;
    color: #555;
    width: 100%;
}

.lr-bor {
    border: 1px solid #cdcdcd;
    border-left: 0;
    border-right: 0;
    padding: 4px 0 3px;
}

.l-bor {
    border: 1px solid #cdcdcd;
    border-left: 0;
    padding: 4px 0 3px;
}

.find-box {
    border: 1px solid #cdcdcd;
    border-radius: 0px 4px 4px 0px;
    border-left: 0;
    padding: 3px 0 2px 0;
}

.find-btn {
    background: transparent;
    border: 0;
    color: #25aaf1;
    font-size: 15px;
    float: right;
    margin-right: 4px;
}

.dot {
    border-bottom: 1px dashed #cdcdcd;
}

.form-horizontal textarea {
    padding: 4px;
    height: auto;
    color: #555;
    font-size: 13px;
    border-radius: 4px;
    width: 100%;
    resize: none;
    border: 1px solid #cdcdcd;
}
/*form validation*/

.form-validate .form-group label.error {
    display: inline;
    margin: 5px 0;
    color: #00a0df;
    font-weight: 400;
}

input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus, .form-validate .form-group input.error, .form-validate .form-group textarea.error {
    border-color: #00a0df !important;
}

#register_form label.error {
    display: inline;
    margin: 5px 0px;
    width: auto;
    color: #00a0df;
}

.checkbox, .checkbox:hover, .checkbox:focus {
    border: none;
}


/*slider*/
table.sliders tr td {
    padding: 30px 0;
    border: none;
}

.slider {
    margin-top: 3px;
}

.slider-info {
    padding-top: 10px;
}

.sliders .ui-widget-header {
    background: #688a7e !important;
    border-radius: 15px !important;
    -webkit-border-radius: 15px !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0 !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0 !important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0 !important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0 !important;
}


#eq span {
    height: 120px;
    float: left;
    margin: 15px
}


.ui-widget-content {
    background: #f0f2f7 !important;
    border: none !important;
    border-radius: 15px !important;
    -webkit-border-radius: 15px !important;
}

.ui-slider-horizontal {
    height: 8px !important;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -0.57em !important;
    }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #fff !important;
    /*border: 3px solid #22bacf !important;*/
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.2);
    border-radius: 0% !important;
    -webkit-border-radius: 0% !important;
}

.ui-slider-vertical {
    width: 8px !important;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -0.5em !important;
    }

.ui-slider .ui-slider-handle {
    cursor: default;
    height: 1.6em;
    position: absolute;
    width: 1.6em;
    z-index: 2;
}

.bound-s {
    width: 90px;
    margin-bottom: 15px;
}


/*----switch ----*/


.has-switch {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    display: inline-block;
    cursor: pointer;
    line-height: 1.231;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 80px;
    -webkit-mask: url('img/mask.png') 0 0 no-repeat;
    mask: url('img/mask.png') 0 0 no-repeat;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

    .has-switch.deactivate {
        opacity: 0.5;
        filter: alpha(opacity=50);
        cursor: default !important;
    }

        .has-switch.deactivate label,
        .has-switch.deactivate span {
            cursor: default !important;
        }

    .has-switch > div {
        width: 162%;
        position: relative;
        top: 0;
    }

        .has-switch > div.switch-animate {
            -webkit-transition: left 0.25s ease-out;
            -moz-transition: left 0.25s ease-out;
            -o-transition: left 0.25s ease-out;
            transition: left 0.25s ease-out;
            -webkit-backface-visibility: hidden;
        }

        .has-switch > div.switch-off {
            left: -63%;
        }

            .has-switch > div.switch-off label {
                background-color: #7f8c9a;
                border-color: #bdc3c7;
                -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
                -moz-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
                box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
            }

        .has-switch > div.switch-on {
            left: 0%;
        }

            .has-switch > div.switch-on label {
                background-color: #34aadc;
            }

    .has-switch input[type=checkbox] {
        display: none;
    }

    .has-switch span {
        cursor: pointer;
        font-size: 14.994px;
        font-weight: 700;
        float: left;
        height: 29px;
        line-height: 19px;
        margin: 0;
        padding-bottom: 6px;
        padding-top: 5px;
        position: relative;
        text-align: center;
        width: 50%;
        z-index: 1;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: 0.25s ease-out;
        -moz-transition: 0.25s ease-out;
        -o-transition: 0.25s ease-out;
        transition: 0.25s ease-out;
        -webkit-backface-visibility: hidden;
    }

        .has-switch span.switch-left {
            border-radius: 30px 0 0 30px;
            background-color: #2A3542;
            color: #34aadc;
            border-left: 1px solid transparent;
        }

        .has-switch span.switch-right {
            border-radius: 0 30px 30px 0;
            background-color: #bdc3c7;
            color: #ffffff;
            text-indent: 7px;
        }

            .has-switch span.switch-right [class*="fui-"] {
                text-indent: 0;
            }

    .has-switch label {
        border: 4px solid #2A3542;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        float: left;
        height: 29px;
        margin: 0 -21px 0 -14px;
        padding: 0;
        position: relative;
        vertical-align: middle;
        width: 29px;
        z-index: 100;
        -webkit-transition: 0.25s ease-out;
        -moz-transition: 0.25s ease-out;
        -o-transition: 0.25s ease-out;
        transition: 0.25s ease-out;
        -webkit-backface-visibility: hidden;
    }

.switch-square {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-mask: url('img/mask.png') 0 0 no-repeat;
    mask: url('img/mask.png') 0 0 no-repeat;
}

    .switch-square > div.switch-off label {
        border-color: #7f8c9a;
        border-radius: 6px 0 0 6px;
    }

    .switch-square span.switch-left {
        border-radius: 6px 0 0 6px;
    }

        .switch-square span.switch-left [class*="fui-"] {
            text-indent: -10px;
        }

    .switch-square span.switch-right {
        border-radius: 0 6px 6px 0;
    }

        .switch-square span.switch-right [class*="fui-"] {
            text-indent: 5px;
        }

    .switch-square label {
        border-radius: 0 6px 6px 0;
        border-color: #34aadc;
    }


/*tag input*/

.tagsinput {
    border: 1px solid #e3e6ed;
    border-radius: 6px;
    height: 100px;
    padding: 6px 1px 1px 6px;
    overflow-y: auto;
    text-align: left;
}

    .tagsinput .tag {
        border-radius: 4px;
        background-color: #688a7e;
        color: #ffffff;
        cursor: pointer;
        margin-right: 5px;
        margin-bottom: 5px;
        overflow: hidden;
        line-height: 15px;
        padding: 6px 13px 8px 19px;
        position: relative;
        vertical-align: middle;
        display: inline-block;
        zoom: 1;
        *display: inline;
        -webkit-transition: 0.14s linear;
        -moz-transition: 0.14s linear;
        -o-transition: 0.14s linear;
        transition: 0.14s linear;
        -webkit-backface-visibility: hidden;
    }

        .tagsinput .tag:hover {
            background-color: rgba(0,122,255,0.7);
            color: #ffffff;
            padding-left: 12px;
            padding-right: 20px;
        }

            .tagsinput .tag:hover .tagsinput-remove-link {
                color: #ffffff;
                opacity: 1;
                display: block\9;
            }

    .tagsinput input {
        background: transparent;
        border: none;
        color: #34495e;
        font-family: "Lato", sans-serif;
        font-size: 14px;
        margin: 0px;
        padding: 0 0 0 5px;
        outline: 0;
        margin-right: 5px;
        margin-bottom: 5px;
        width: 12px;
    }

.tagsinput-remove-link {
    bottom: 0;
    color: #ffffff;
    cursor: pointer;
    font-size: 12px;
    opacity: 0;
    padding: 7px 7px 5px 0;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    top: 0;
    width: 100%;
    z-index: 2;
    display: none\9;
}

    .tagsinput-remove-link:before {
        color: #ffffff;
        content: "\f00d";
        font-family: "FontAwesome";
    }

.tagsinput-add-container {
    vertical-align: middle;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.tagsinput-add {
    background-color: #d6dbdf;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    margin-bottom: 5px;
    padding: 6px 9px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-backface-visibility: hidden;
}

    .tagsinput-add:hover {
        background-color: #688a7e;
    }

    .tagsinput-add:before {
        content: "\f067";
        font-family: "FontAwesome";
    }

.tags_clear {
    clear: both;
    width: 100%;
    height: 0px;
}


/*checkbox & radio style*/


.checkboxes label, .radios label {
    display: block;
    cursor: pointer;
    line-height: 20px;
    padding-bottom: 7px;
    font-weight: 300;
}

.radios {
    padding-top: 18px;
}

.label_check input,
.label_radio input {
    margin-right: 5px;
}

.has-js .label_check,
.has-js .label_radio {
    padding-left: 34px;
}

.has-js .label_radio {
    background: url(img/checkbox/radio-off.png) no-repeat;
}

.has-js .label_check {
    background: url(img/checkbox/check-off.png) no-repeat;
}

.has-js label.c_on {
    background: url(img/checkbox/check-on.png) no-repeat;
}

.has-js label.r_on {
    background: url(img/checkbox/radio-on.png) no-repeat;
}

.has-js .label_check input,
.has-js .label_radio input {
    position: absolute;
    left: -9999px;
}

/*date picker*/


.add-on {
    border: 1px solid #E2E2E4;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    float: right;
    margin-right: -37px;
    margin-top: -34px;
    padding: 8px;
    text-align: center;
    background: #25aaf1;
}

.daterangepicker .ranges .range_inputs > div:nth-child(2) {
    margin-bottom: 10px;
    padding-left: 0px;
}

.daterangepicker .ranges label {
    padding-bottom: 0;
    padding-top: 8px;
}


.daterangepicker td.active, .daterangepicker td.active:hover,
.datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active.active:hover, .datepicker td.active.disabled, .datepicker td.active.disabled:hover, .datepicker td.active[disabled], .datepicker td.active[disabled]:hover,
.datepicker td span.active:hover, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] {
    background: #25aaf1;
}

.daterangepicker .calendar th, .daterangepicker .calendar td {
    font-weight: 300;
    text-align: center;
    white-space: nowrap;
}

.daterangepicker td.active, .daterangepicker td.active:hover, .datepicker td.active, .datepicker td.active:hover, .datepicker td span.active {
    text-shadow: none;
}

.datepicker th.switch {
    width: 125px;
}

.datepicker td span {
    height: 40px;
    line-height: 40px;
}

.glyphicon-chevron-right:before, .glyphicon-chevron-left:before, .glyphicon-chevron-up:before, .glyphicon-chevron-down:before {
    color: #000;
    font-style: normal;
}

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
    font-weight: normal !important;
    color: #000 !important;
    width: auto;
}

/*ck editor*/

.cke_top, .cke_bottom {
    background: #F5F5F5 !important;
    background: -moz-linear-gradient(center top, #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important;
    background: -webkit-linear-gradient(center top, #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important;
    background: -o-linear-gradient(center top, #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important;
    box-shadow: none;
    padding: 6px 8px 2px;
}

.cke_top {
    border-bottom: 1px solid #cccccc !important;
}

.cke_chrome {
    border: 1px solid #cccccc !important;
    box-shadow: none !important;
    display: block;
    padding: 0;
}

/*form wizard*/

.stepy-tab {
    text-align: center;
}

    .stepy-tab ul {
        display: inline-block;
    }

        .stepy-tab ul li {
            float: left;
        }

.step legend {
    border: none;
}

.button-back {
    float: left;
}

.button-next, .finish {
    float: right;
}

.button-back, .button-next, .finish {
    cursor: pointer;
    text-decoration: none;
}

.step {
    clear: left;
}

    .step label {
        display: block;
    }


.stepy-titles li {
    color: #757575;
    cursor: pointer;
    float: left;
    margin: 10px 15px;
}

    .stepy-titles li span {
        display: block;
    }

    .stepy-titles li.current-step div {
        color: #fff;
        cursor: auto;
        background: #688a7e;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        width: 80px;
        height: 80px;
        line-height: 80px;
    }

    .stepy-titles li div {
        font-size: 16px;
        font-weight: 300;
        background: #eee;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        width: 80px;
        height: 80px;
        line-height: 80px;
    }


/*widget*/

.user-heading.alt {
    display: inline-block;
    width: 100%;
    text-align: left;
}

.alt.green-bg {
    background: #4cd964;
}

.profile-nav.alt.green-border ul > li > a:hover, .profile-nav.alt.green-border ul > li > a:focus, .profile-nav.alt.green-border ul li.active a {
    border-left: 5px solid #4cd964;
}

.user-heading.alt a {
    float: left;
    margin-right: 15px;
    margin-left: -10px;
    display: inline-block;
    border: 5px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

    .user-heading.alt a img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
    }

.twt-feed {
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    color: #FFFFFF;
    padding: 10px;
    position: relative;
    text-align: center;
}

    .twt-feed.blue-bg {
        background: #00a0df;
    }

    .twt-feed h1 {
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 5px;
    }

    .twt-feed a {
        border: 8px solid #fff;
        border-radius: 50%;
        -webit-border-radius: 50%;
        display: inline-block;
        margin-bottom: -55px;
    }

        .twt-feed a img {
            height: 112px;
            width: 112px;
            border-radius: 50%;
            -webit-border-radius: 50%;
        }

.twt-category {
    display: inline-block;
    margin-bottom: 11px;
    margin-top: 55px;
    width: 100%;
}

.profile-widget-data {
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 15px;
    width: 100%;
}

    .twt-category ul li, .profile-widget-data ul li, .profile-nav ul > li {
        color: #89817f;
        font-size: 13px;
        border-bottom: none;
    }

.twt-category h5 {
    font-size: 20px;
    font-weight: 300;
}

.twt-write .t-text-area {
    border: 1px solid #eeeeee;
    border-radius: 0;
}

.twt-footer {
    padding: 10px 15px;
}

.btn-space {
    padding-left: 11.6%;
    padding-right: 11%;
}

.p-head {
    color: #f77b6f;
    font-weight: 400;
    font-size: 14px;
}

.cmt-head {
    font-weight: 400;
    font-size: 13px;
}

.p-thumb img {
    width: 50px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.tasi-tab .media-body p {
    /*color: #b8bac6;*/
}


/*Timeline chat*/

.chat-form {
    margin-top: 25px;
    clear: both;
}

    .chat-form .input-cont {
        margin-bottom: 10px;
    }

        .chat-form .input-cont input {
            margin-bottom: 0px;
        }

        .chat-form .input-cont input {
            border: 1px solid #d3d3d3 !important;
            margin-top: 0;
            min-height: 45px;
        }

        .chat-form .input-cont input {
            background-color: #fff !important;
        }

.chat-features a {
    margin-left: 10px;
}

    .chat-features a i {
        color: #d0d0d0;
    }

.profile-activity:before {
    background: rgba(0, 0, 0, 0.1);
    bottom: 0;
    top: 0;
    width: 2px;
}
/*.profile-activity:before, .act-time:before, .act-time .text:before {
    content: "";
    left: 60px;
    position: absolute;
    top: -2px;
}*/
.profile-activity, .act-time, .profile-activity .act-in, .profile-activity .act-out {
    position: relative;
}


    .profile-activity .act-in .arrow {
        /*border-right: 8px solid #F4F4F4 !important;*/
    }

    .profile-activity .act-in .arrow {
        border-bottom: 8px solid transparent;
        border-top: 8px solid transparent;
        display: block;
        height: 0;
        left: -8px;
        position: absolute;
        top: 13px;
        width: 0;
    }

    .profile-activity .act-out .arrow {
        /*border-right: 8px solid #34aadc !important;*/
    }

    .profile-activity .act-out .arrow {
        border-bottom: 8px solid transparent;
        border-top: 8px solid transparent;
        display: block;
        height: 0;
        left: -8px;
        position: absolute;
        top: 13px;
        width: 0;
    }

    .act-time:first-child:before {
        margin-top: 16px;
    }

    .act-time:before {
        background: #CCCCCC;
        border: 2px solid #FAFAFA;
        border-radius: 100px;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        height: 14px;
        margin: 23px 0 0 -6px;
        width: 14px;
    }

    .act-time:hover:before {
        background: #34aadc;
    }

    .act-time:first-child {
        padding-top: 0;
    }

.activity-img {
    float: left;
    margin-right: 30px;
    overflow: hidden;
}

    .activity-img img {
        display: block;
        height: 44px;
        width: 44px;
    }

.activity-body {
    /*margin-left: 80px;*/
}

.act-time .act-in .text {
    border: 1px solid #e3e6ed;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.act-time .act-out .text {
    border: 1px solid #e3e6ed;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.act-time p {
    margin: 0;
}

.act-time .attribution {
    font-size: 11px;
    margin: 0px 0 5px;
}

.act-time {
    overflow: hidden;
    padding: 8px 0;
}

.act-in a, .act-in a:hover {
    color: #b64c4c;
    text-decoration: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-right: 10px;
    font-weight: 400;
    font-size: 13px;
}

.act-out a, .act-out a:hover {
    color: #288f98;
    text-decoration: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-right: 10px;
    font-weight: 400;
    font-size: 13px;
}

.messages-wrapper {
    position: relative;
}

.message {
    border-radius: 20px 20px 20px 20px;
    margin: 0 15px 10px;
    padding: 5px 20px;
    position: relative;
}

    .message.to {
        background-color: #2095FE;
        color: #fff;
        margin-left: 80px;
    }

    .message.from {
        background-color: #E5E4E9;
        color: #363636;
        margin-right: 80px;
    }

        .message.to + .message.to,
        .message.from + .message.from {
            margin-top: -7px;
        }

    .message:before {
        border-color: #2095FE;
        border-radius: 50% 50% 50% 50%;
        border-style: solid;
        border-width: 0 20px;
        bottom: 0;
        clip: rect(20px, 35px, 42px, 0px);
        content: " ";
        height: 40px;
        position: absolute;
        right: -50px;
        width: 30px;
        z-index: -1;
    }

    .message.from:before {
        border-color: #E5E4E9;
        left: -50px;
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

/*custom select*/

span.customSelect {
    font-size: 12px;
    background-color: #ffffff;
    padding: 10px;
    border: 1px solid #EAEAEA;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #A4AABA;
}

    span.customSelect.changed {
        background-color: #fff;
    }

.customSelectInner {
    background: url(img/customSelect-arrow.gif) no-repeat center right;
}


.taxi-info {
    overflow: hidden;
    font-size: 14px;
}

    .taxi-info .free, .taxi-info .onduty {
        background: #1bb4b4;
        color: #fff;
        border-radius: 0px 0px 0 0;
        overflow: hidden;
        padding: 6px 10px;
    }

    .taxi-info .hired {
        background: #f15b4a;
        color: #fff;
        border-radius: 0px 0px 0 0;
        overflow: hidden;
        padding: 6px 10px;
    }

    .taxi-info .logoff {
        background: #bbb8b8;
        color: #fff;
        border-radius: 0px 0px 0 0;
        overflow: hidden;
        padding: 6px 10px;
    }

    .taxi-info .oncall {
        background: #25aaf1;
        color: #fff;
        border-radius: 0px 0px 0 0;
        overflow: hidden;
        padding: 6px 10px;
    }

    .taxi-info .shutdown {
        background: #555;
        color: #fff;
        border-radius: 0px 0px 0 0;
        overflow: hidden;
        padding: 6px 10px;
    }

    .taxi-info .stealth {
        background: #ea9f43;
        color: #fff;
        border-radius: 0px 0px 0 0;
        overflow: hidden;
        padding: 6px 10px;
    }

    .taxi-info .waiting {
        background: #78b6bf;
        color: #fff;
        border-radius: 0px 0px 0 0;
        overflow: hidden;
        padding: 6px 10px;
    }

    .taxi-info .stopped {
        background: #817e7e;
        color: #fff;
        border-radius: 0px 0px 0 0;
        overflow: hidden;
        padding: 6px 10px;
    }

    .taxi-info .updating {
        background: #188693;
        color: #fff;
        border-radius: 0px 0px 0 0;
        overflow: hidden;
        padding: 6px 10px;
    }

    .taxi-info .break {
        background: #999;
        color: #fff;
        border-radius: 0px 0px 0 0;
        overflow: hidden;
        padding: 6px 10px;
    }

    .taxi-info .vID {
        float: left;
    }

    .taxi-info .status {
        float: right;
        text-transform: uppercase;
    }

    .taxi-info .tdata {
        padding: 10px;
    }

        .taxi-info .tdata .lbl {
            color: #2e8bda;
        }

        .taxi-info .tdata span {
            color: #999999;
        }

        .taxi-info .tdata p {
            color: #222222;
            padding: 0px 0 9px;
            font-size: 16px;
            margin: 9px 0;
            border-bottom: 1px solid #e6e6e6;
            font-weight: bold;
        }

        .taxi-info .tdata div {
            margin: 3px 0;
        }

.taxidetail {
    position: absolute;
    width: 220px;
    z-index: 999;
    background: #fff;
    padding: 0px;
    margin: 5px;
    right: 0;
}


.selected {
    background: #25aaf1 !important;
}

    .selected p.id label, .selected p.time label {
        color: #f8f8f8 !important;
    }

    .selected h3 {
        color: #fff !important;
        font-weight: normal !important;
    }

    .selected p.id span, .selected p.time span {
        color: #fff !important;
        font-weight: normal !important;
    }

    .selected h4 {
        color: #e2e2e2 !important;
    }


/* Booking Styles */
.zero-rt-pad {
    padding-right: 0;
}

.zero-lf-pad {
    padding-left: 0;
}

.sep {
    height: 15px;
}

.mar-tb {
    margin: 8px 0;
}

.passenger-info-cont {
    margin-top: 20px;
}

.promo-label {
    padding-top: 2px;
    text-align: left;
}

.callerinfo, .passenger-info-cont {
    background: #fff;
    box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.1);
}

    .callerinfo .tophead {
        background: #187a89;
        padding: 15px 12px;
        overflow: hidden;
    }

        .callerinfo .tophead label {
            color: #b3e2fb;
            font-size: 16px;
            margin: 0;
            width: 100%;
        }

    .callerinfo .search-callar {
        background: #187a89;
        padding: 10px 12px 10px;
        height: auto;
    }

        .callerinfo .search-callar label {
            color: #b3e2fb;
            font-size: 14px;
            margin: 0;
            width: 100%;
        }

        .callerinfo .search-callar input {
            background: transparent;
            border-bottom: 1px solid #ccc;
            font-size: 14px;
            color: #fff;
            float: left;
            width: 100%;
            padding-left: 4px;
            margin-left: 5px;
            margin-top: 1px;
            border-radius: 3px;
            border-width: 0 0 1px 0;
        }

        .callerinfo .search-callar button {
            background: transparent;
            border: 0;
            color: #b3e2fb;
            font-size: 14px;
            float: right;
            margin: -1px -1px 0px -24px;
            position: absolute;
            z-index: 3;
        }

        .callerinfo .search-callar select {
            color: #b3e2fb;
            padding: 3px;
            margin: 0;
            border: 1px solid #ccc;
            width: 100%;
            background: #187a89;
            border-radius: 3px;
            border-width: 0 0 1px 0;
            font-size: 13px;
        }

    .callerinfo .customerinfo, .callerinfo .driverinfo, .passenger-info-cont .passengerinfo {
        background: #293231;
        padding: 12px;
        overflow: visible;
    }

        .callerinfo .customerinfo h3, .callerinfo .driverinfo h3, .passenger-info-cont .passengerinfo h3 {
            font-size: 12px;
            padding: 4px 0 10px;
            margin: 0;
            color: #fff;
            text-transform: uppercase;
        }

        .callerinfo .customerinfo label, .callerinfo .driverinfo label, .passenger-info-cont .passengerinfo label {
            color: #777777;
            font-size: 12px;
            padding: 0;
            margin: 0;
        }

        .callerinfo .customerinfo input, .callerinfo .driverinfo input, .passenger-info-cont .passengerinfo input {
            color: #e4e4e4;
            font-size: 12px;
            padding: 2px;
            margin: 0;
            border: 1px solid #7c7c7c;
            width: 100%;
            background: transparent;
            border-radius: 3px;
            letter-spacing: 1px;
        }

        .callerinfo .customerinfo select, .callerinfo .driverinfo select, .passenger-info-cont .passengerinfo select {
            color: #888;
            font-size: 12px;
            padding: 2px;
            margin: 0;
            border: 1px solid #7c7c7c;
            width: 100%;
            background: transparent;
            border-radius: 3px;
        }

        .callerinfo .customerinfo p, .callerinfo .driverinfo p, .passenger-info-cont .passengerinfo p {
            color: #e4e4e4;
            font-size: 13px;
            overflow-wrap: break-word;
        }

        .callerinfo .customerinfo .resend, .callerinfo .driverinfo .resend {
            text-align: right;
            font-size: 11px;
            float: right;
        }

            .callerinfo .customerinfo .resend a, .callerinfo .driverinfo .resend a {
                color: #25aaf1;
            }

                .callerinfo .customerinfo .resend a:hover, .callerinfo .driverinfo .resend a:hover {
                    text-decoration: underline;
                }

        .callerinfo .customerinfo .verify, .callerinfo .driverinfo .verify {
            color: #999;
            font-size: 12px;
            padding: 5px 0 0;
        }

        .callerinfo .customerinfo .verified, .callerinfo .driverinfo .verified {
            color: #1bb4b4;
            font-size: 12px;
            padding: 5px 0 0;
        }

.graybutton {
    background: #989898;
    color: #ffffff;
    width: 100%;
    border: 0;
    padding: 5px;
    border-radius: 3px;
}

.customerhistory {
    background: #fff;
    box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.1);
    padding-bottom: 15px;
}

    .customerhistory h2 {
        color: #187a89;
        font-size: 14px;
        text-transform: uppercase;
        padding: 18px 0 8px;
        margin: 4px;
    }

    .customerhistory .table {
        margin-bottom: 0px;
    }

        .customerhistory .table thead tr {
            background: #25aaf1;
            color: #fff;
        }

        .customerhistory .table tr th {
            color: #fff;
            padding: 4px !important;
            border: 0px !important;
            font-size: 12px;
        }

        .customerhistory .table thead > tr > th, .customerhistor .table tbody > tr > th, .customerhistory .table tfoot > tr > th, .customerhistory .table thead > tr > td, .customerhistory .table tbody > tr > td, .customerhistory .table tfoot > tr > td {
            line-height: 1.428571429;
            vertical-align: top;
            border-top: 1px solid #f4f5f7;
            border-right: 1px solid #f4f5f7;
            font-size: 11px;
            padding: 4px;
        }

        .customerhistory .table tbody tr:nth-child(even) {
            background: #ececec;
        }

        .customerhistory .table tr td:last-child {
            border-right: 0px;
        }

.booking-details {
    background: #fff;
    box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    color: #293231;
    font-size: 16px;
}

    .booking-details .lbl {
        background: #f1f1f1;
        color: #969696;
        font-size: 16px;
        padding: 14px;
        display: inline-block;
    }

    .booking-details input[type=radio] {
        margin: 0 10px 0 22px;
    }

    .booking-details input[type=checkbox] {
        width: auto !important;
    }

    .booking-details .form {
        padding: 12px 0;
    }

        .booking-details .form select {
            color: #555555;
            font-size: 13px;
            padding: 4px;
            margin: 0;
            border: 1px solid #cdcdcd;
            background: transparent;
            border-radius: 3px;
            width: 90%;
        }

    .booking-details .dropoff {
        background: #fff;
    }

    .booking-details .pickup {
        background: #f1f1f1;
        border-bottom: 1px solid #dfe0e0;
    }

    .booking-details .leftcont {
        padding: 10px 15px;
    }

        .booking-details .leftcont h3 {
            font-size: 14px;
            padding: 0px 0 2px;
            margin: 0;
            color: #187a89;
            text-transform: uppercase;
            font-weight: bold;
        }

        .booking-details .leftcont label {
            color: #838383;
            font-size: 14px;
            padding: 0;
            margin: 0;
        }

        .booking-details .leftcont input {
            box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
            color: #555555;
            font-size: 13px;
            padding: 4px;
            margin: 0;
            border: 1px solid #cdcdcd;
            width: 100%;
            background: transparent;
            border-radius: 3px;
        }

        .booking-details .leftcont select {
            color: #555555;
            font-size: 13px;
            padding: 4px;
            margin: 0;
            border: 1px solid #cdcdcd;
            width: 100%;
            background: transparent;
            border-radius: 3px;
        }

        .booking-details .leftcont p {
            color: #838383;
            font-size: 13px;
            text-align: right;
            margin: 4px 0 0 0;
        }

        .booking-details .leftcont textarea {
            height: 38px;
            resize: none;
            box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
            color: #555555;
            font-size: 13px;
            padding: 4px;
            margin: 0;
            border: 1px solid #cdcdcd;
            width: 100%;
            background: transparent;
            border-radius: 3px;
        }

        .booking-details .leftcont span {
            color: #929292;
            font-size: 12px;
            font-style: italic;
            display: block;
            width: 100%;
            text-align: right;
        }

        .booking-details .leftcont button, .booking-details .ride-sharing-explore button {
            border: 0;
            font-size: 14px;
            border-radius: 3px;
            width: 90%;
            padding: 6px;
            width: 100%;
        }

    .booking-details .btnbx {
        position: absolute;
        bottom: 0;
        width: 100%;
        border-top: 1px solid #dfe0e0;
    }

.booktaxi, .exploretaxi, .adjust-trip {
    background: #fca100;
    color: #fff;
}

.ride-sharing-explore {
    display: flex;
    flex-direction: column;
}

.ride-sharing-timer {
    color: #838383;
    font-size: 13px;
    margin: 0 16px;
}

.ride-sharing-options {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.explore-option {
    display: flex;
    flex: 0 0 282px;
    flex-direction: column;
    height: 70px;
    margin: 3px 13px;
    padding: 5px;
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    box-shadow: inset 0px 1px 2px 0px rgb(0 0 0 / 20%);
}

    .explore-option .option-label {
        padding: 0px 4px;
        width: 185px;
        color: #838383;
        font-size: 14px;
        font-weight: 300;
    }

    .explore-option .radio {
        margin-top: 5px;
        margin-left: auto;
    }

.cancel {
    background: #c2c2c2;
    color: #454545 !important;
}

.decline {
    background: #e25252;
    color: #fff;
}

.bluebutton {
    background: #25aaf1;
    color: #ffffff;
    width: 100%;
    border: 0;
    padding: 5px;
    border-radius: 3px;
}

.callerinfo .customerinfo textarea, .callerinfo .driverinfo textarea {
    color: #e4e4e4;
    font-size: 13px;
    padding: 4px;
    margin: 0;
    border: 1px solid #7c7c7c;
    width: 100%;
    background: transparent;
    border-radius: 3px;
    resize: none;
    height: 30px;
}

.searchcont {
    background: #fff;
    box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    color: #293231;
    font-size: 16px;
}

    .searchcont .lbl {
        background: #ececec;
        color: #969696;
        font-size: 16px;
        padding: 20px;
        display: inline-block;
    }

    .searchcont .graylbl {
        background: #ececec;
        color: #969696;
        font-size: 16px;
        padding: 17px 23px 17px 10px;
        display: inline-block;
    }

    .searchcont input[type=radio] {
        margin: 0 10px 0 22px;
    }

.txtalgn-rt {
    text-align: right;
}

.searchcont button {
    background: #e5e5e5;
    color: #454545;
    border: 0;
    border-radius: 3px;
    padding: 8px;
    width: 100%;
    font-size: 14px;
    margin: 12px 0;
}

.searchcont .fa-search:before {
    font-size: 26px;
    padding: 0 5px;
    color: #e8e8e8;
}

.searchcont input[type=text] {
    border: 0;
    background: none;
    width: 90%;
    padding: 5px;
    font-size: 18px;
    padding: 18px 0;
}

.searchcont .form {
}

    .searchcont .form select {
        color: #555555;
        font-size: 13px;
        padding: 4px;
        margin: 0 5px;
        border: 1px solid #cdcdcd;
        background: transparent;
        border-radius: 3px;
        width: 100%;
    }

.mainbody .avatar img {
    width: 80px;
    height: 80px;
    margin: 20px auto 0;
    border-radius: 100%;
    max-width: 110px;
    max-height: 110px;
    border: 1px solid #ccc;
}

.mainbody {
    background: #fff;
    box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    color: #293231;
    font-size: 16px;
    padding: 20px 40px 0;
}

    .mainbody h2 {
        color: #1e1e1e;
        font-size: 20px;
        padding: 0;
        margin: 0;
    }

    .mainbody label {
        color: #838383;
        font-size: 11px;
        padding: 0;
        margin: 0;
        text-transform: uppercase;
        width: 100%;
    }

    .mainbody p {
        color: #1e1e1e;
        font-size: 12px;
        margin: -3px 0 20px 0;
        padding: 0;
        font-weight: bold;
    }

    .mainbody h3 {
        color: #187a89;
        font-size: 12px;
        padding: 0 0 7px;
        margin: 0 0 12px;
        text-transform: uppercase;
        border-bottom: 1px solid #d1d1d1;
    }

    .mainbody h1 {
        color: #1e1e1e;
        font-size: 30px;
        padding: 0;
        margin: 0;
        font-weight: 900;
    }

    .mainbody p.income {
        color: #1e1e1e;
        font-size: 30px;
        float: right;
        padding: 0;
        margin: 0;
        font-weight: 900;
    }

    .mainbody span {
        color: #25aaf1;
        font-size: 14px;
        margin: -4px 0 20px 0;
        padding: 0
    }

        .mainbody span.qr {
            display: block;
            float: right;
            color: #25aaf1;
            font-size: 14px;
            margin: 16px 0 0px 6px;
            padding: 0
        }

.tp-mrg-20 {
    margin-top: 20px;
}

.gray-head {
    background: #ececec;
    overflow: hidden;
    color: #999;
    padding: 10px;
    box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.1);
}

    .gray-head h3 {
        font-size: 16px;
        text-transform: capitalize;
        margin: 0;
        padding: 7px 0;
        color: #555;
    }

    .gray-head form {
        text-align: right;
    }

        .gray-head form select {
            color: #555555;
            font-size: 13px;
            margin: 0 5px 0 0;
            border: 1px solid #cdcdcd;
            background: transparent;
            border-radius: 3px;
            height: 30px;
        }


.blue-head {
    background: #25aaf1;
    overflow: hidden;
    color: #fff;
    padding: 13px 15px;
}

    .blue-head h3 {
        font-size: 14px;
        text-transform: capitalize;
        margin: 0;
        padding: 7px 0;
        color: #fff;
    }

/* Messages */
.alert-success, .alert-info, .alert-warning, .alert-danger {
    box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.1);
    margin: 0 14px 20px;
}

    .alert-success div, .alert-info div, .alert-warning div, .alert-danger div {
        display: inline;
    }

.alert-success {
    color: #72b55f;
    background-color: #fff;
    border-color: #fff;
    border: 1px solid #72b55f;
}

    .alert-success::before {
        content: "\f00c";
        font-family: "FontAwesome";
        padding: 19px;
        background: #72b55f;
        color: #fff;
        margin: -15px;
        font-size: 18px;
        margin-right: 14px;
    }

.alert-danger::before {
    content: "\f00d";
    font-family: "FontAwesome";
    padding: 19px;
    background: #f58229;
    color: #fff;
    margin: -15px;
    font-size: 18px;
    margin-right: 14px;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-danger {
    color: #f58229;
    background-color: #fff;
    border: 1px solid #f58229;
}


.searchfield {
    width: 70%;
    padding: 15px;
    margin-top: 22px;
    border: 1px solid #ccc;
    box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.2);
    font-size: 14px;
    z-index: 0;
    position: absolute;
    /* right: 0px; */
    left: 50%;
    top: 0px;
    margin-left: -27%;
}

.msgbx {
    background: #fff;
    margin: -15px -15px 0;
    padding: 15px 0;
}

/*Map context menu*/
.map-contextmenu {
    visibility: hidden;
    background: #ffffff;
    border: 0px solid #8888FF;
    z-index: 10;
    position: relative;
    width: 160px;
    border-radius: 8px;
    box-shadow: 0 5px 5px rgba(0,0,0,0.3)
}

    .map-contextmenu a {
        color: #000;
        font-size: 14px;
        border-bottom: 1px solid #e7e7e7;
        display: inline-block;
        width: 100%;
    }

        .map-contextmenu a:hover {
            color: #25aaf1;
        }

        .map-contextmenu a:last-child {
            border-bottom: 0px solid #e7e7e7;
        }

    .map-contextmenu div {
        padding: 6px 10px;
    }

.contextmenu-delete {
    color: #e25252;
    text-align: center;
}


/*Modal*/
.modal {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin-left: -280px;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    outline: none;
    -webkit-box-shadow: 0 0px 30px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0px 30px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    bottom: auto;
    overflow: visible;
}

.white-back {
    background: #fff;
    background-color: #fff;
    box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.height-550 {
    height: 550px;
}

.sorting_1 {
    background: transparent !important;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #fff !important;
    border-collapse: collapse;
}

.form-group {
    margin: 6px;
    overflow: visible;
    color: #333;
    font-size: 12px;
}

    .form-group h5 {
        margin: 0px;
        padding: 0;
        font-size: 14px;
        color: #838383;
    }

/* assignment & messages */

.successful, .error, .warning {
    -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .5s; /* Chrome, Safari, Opera */
    -webkit-animation-delay: .5s; /* Chrome, Safari, Opera */
    animation-name: example;
    animation-duration: .5s;
    animation-delay: .5s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    0% {
        bottom: -200px;
    }

    100% {
        bottom: 40px;
    }
}

/* Standard syntax */
@keyframes example {
    0% {
        bottom: -200px;
    }

    100% {
        bottom: 40px;
    }
}

.successful {
    position: fixed;
    z-index: 9;
    bottom: -200px;
    right: 30px;
    border-radius: 10px;
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.8);
    padding: 20px 30px;
    background: #aed74b url(css/images/success.png) no-repeat -14px -30px !important;
}

.msgerror {
    position: fixed;
    z-index: 9;
    bottom: -200px;
    right: 30px;
    border-radius: 10px;
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.8);
    padding: 20px 30px;
    background: #f25858 url(css/images/error.png) no-repeat -14px -30px !important;
    color: #fff;
}

.warning {
    position: fixed;
    z-index: 9;
    bottom: -200px;
    right: 30px;
    border-radius: 10px;
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.8);
    padding: 20px 30px;
    background: #f59600 url(css/images/warning.png) no-repeat -14px -30px !important;
    color: #fff;
}

span.phoneNumberError {
    color: #ff0000 !important;
    font-size: 11px !important;
}

.error, .field-validation-error {
    color: #ff0000 !important;
    font-size: 11px !important;
}

    .successful .close, .error .close, .warning .close {
        margin: -15px -22px 0 0;
    }

/* Assignment */
.tp-mrg-10 {
    margin-top: 10px;
}

.tpcont {
    background: #fff;
    box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    color: #293231;
    font-size: 16px;
    padding: 10px;
}

    .tpcont label {
        color: #838383;
        font-size: 11px;
        padding: 0;
        margin: 0;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
    }

    .tpcont p {
        color: #1e1e1e;
        font-size: 16px;
        margin: -2px 0 0px 0;
        padding: 0;
        text-align: center;
    }

p.bluetxt {
    color: #25aaf1 !important;
}

.addnew {
    background: #f8f8f8 url(css/images/add.png) no-repeat center;
    height: 342px;
    position: absolute;
    z-index: 1;
    width: 100%;
}

    .addnew a {
        display: block;
        width: 100%;
        height: 342px;
    }

.cont .avatar img {
    margin: auto;
    border-radius: 100%;
    max-width: 55px;
    border: 1px solid #ccc;
}

.cont {
    position: relative;
    background: #fff;
    box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    color: #293231;
    min-height: 320px;
}

    .cont h2 {
        color: #1e1e1e;
        font-size: 16px;
        padding: 0;
        margin: 0;
        min-height: 40px;
    }

    .cont label {
        color: #838383;
        font-size: 11px;
        padding: 0;
        margin: 0;
        text-transform: uppercase;
        width: 100%;
    }

    .cont p {
        color: #1e1e1e;
        font-size: 16px;
        margin: -2px 0 0px 0;
        padding: 0;
    }

    .cont h1 {
        color: #1e1e1e;
        font-size: 30px;
        padding: 0;
        margin: 0;
        font-weight: 900;
    }

    .cont span {
        color: #25aaf1;
        font-size: 14px;
        margin: -4px 0 20px 0;
        padding: 0
    }

    .cont select {
        width: 100%;
        color: #555555;
        font-size: 13px;
        margin: 0 5px 0 0;
        border: 1px solid #cdcdcd;
        background: transparent;
        border-radius: 3px;
        height: 30px;
    }

    .cont textarea {
        height: 65px;
        resize: none;
        color: #555555;
        font-size: 13px;
        padding: 4px;
        margin: 0;
        border: 1px solid #cdcdcd;
        width: 100%;
        background: transparent;
        border-radius: 5px;
    }

    .cont input[type="radio"] {
        font-size: 13px;
        color: #1e1e1e;
    }

.greybx {
    background: #ececec;
    overflow: hidden;
    color: #555;
    padding: 15px 0;
    /*box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.1);*/
}

    .greybx h3 {
        font-size: 16px;
        text-transform: capitalize;
        margin: 0;
        padding: 7px 0;
        color: #969696;
    }

    .greybx input {
        background: transparent;
        border: 0;
        font-size: 16px;
        width: 100%;
        border-bottom: 1px solid #ccc;
    }

    .greybx button.find {
        background: transparent;
        border: 0;
        font-size: 16px;
        float: right;
    }

.bluebx {
    background: #25aaf1;
    overflow: hidden;
    padding: 15px 0;
    /*box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.1);*/
}

    .bluebx h3 {
        font-size: 16px;
        text-transform: capitalize;
        margin: 0;
        padding: 7px 0;
        color: #fff;
    }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #999;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #ccc;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #ccc;
}

:-moz-placeholder { /* Firefox 18- */
    color: #999;
}
/* grid status styles */
.unavailable {
    color: #8a6d3b;
    background-color: #FCEDE3 !important;
    font-weight: 600;
}

.confirmed {
    color: #555;
    background-color: #c6ebff !important;
    font-weight: 600;
}


/* primary button styles */
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background: #ccc;
}

.btn-primary[disabled] {
    background: #ccc;
    color: #999;
}

/* data grid */
.dataTables_wrapper .dataTables_filter {
    float: left !important;
    text-align: left !important;
    width: 100%;
}

.dataTables_wrapper .dataTables_paginate {
    margin: 10px;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: 0.3em .6em !important;
        font-size: .9em;
    }


.dataTables_wrapper .dataTables_info {
    padding: 10px;
    font-size: .9em;
    color: #666 !important;
}

/*add new*/
a.addnewbtn {
    text-align: center;
    display: block;
    padding: 10px;
    background: #25aaf1;
    color: #fff;
    box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.2);
}

    a.addnewbtn:hover {
        background: #25aaf1;
        color: #ccc;
    }


/* form */
.driverpic {
    max-width: 172px;
    max-height: 198px;
}

.readonly {
    border-color: #ddd;
}
/*
.choose_file{
        position: relative;s
    display: inline-block;
    border-radius: 8px;
    border: #c7c7cc dashed 2px;
    width: 100%;
    padding: 4px 6px 4px 8px;
    color: #7f7f7f;
    margin-top: 2px;
    background: #e8e8e8;
    height: 140px;
    text-align: center;

}
    */
.choose_file:before {
    content: "\f0ee";
    font-family: FontAwesome;
    color: #25aaf1;
}

.choose_file input[type="file"] {
    -webkit-appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.choose_file {
    position: relative;
    display: inline-block;
    border-radius: 4px;
    border: #c7c7cc solid 1px;
    width: 172px;
    padding: 4px 6px 4px 8px;
    color: #25aaf1;
    margin-top: 2px;
    background: white;
}

.form-control:focus {
    border-color: #25aaf1;
}

/* Loader */
.loader {
    /*background-color: rgba(0, 0, 0, 0.2);*/
    z-index: 9999;
    width: 100%;
    height: 100%;
    position: absolute;
}

    .loader img {
        background: #fff;
        width: 160px;
        height: 160px;
        border-radius: 10px;
        margin: 250px auto 0;
        display: block;
        padding: 10px;
        box-shadow: 0 0 26px #999;
    }

/* form */
.input {
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    color: #555555;
    font-size: 13px;
    padding: 4px;
    margin: 0;
    border: 1px solid #cdcdcd;
    width: 100%;
    background: transparent;
    border-radius: 3px;
}



/*
New Menu styles

-------------------------------- */
.cd-accordion-menu {
    background: transparent;
    margin: 55px 0 0 0;
    box-shadow: none;
    padding: 0;
}

    .cd-accordion-menu ul {
        /* by default hide all sub menus */
        display: none;
    }

    .cd-accordion-menu li {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .cd-accordion-menu input[type=checkbox] {
        /* hide native checkbox */
        position: absolute;
        opacity: 0;
    }

    .cd-accordion-menu label, .cd-accordion-menu a {
        position: relative;
        display: block;
        padding: 13px 0 13px 20px;
        background: transparent;
        box-shadow: inset 0 -1px #0c8798;
        color: #34ecec;
        font-size: 11px;
        margin-bottom: 0;
        text-transform: uppercase;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
    background: transparent;
}

.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {
    /* icons */
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 48%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cd-accordion-menu label {
    cursor: pointer;
}

    .cd-accordion-menu label::before {
        /*background-image: url(img/cd-icons.svg);
  background-repeat: no-repeat;*/
        content: "\33";
        font-family: 'ElegantIcons';
    }

    .cd-accordion-menu label::before {
        /* arrow icon */
        right: 18px;
        background-position: 0 0;
        -webkit-transform: translateY(-50%) rotate(-90deg);
        -moz-transform: translateY(-50%) rotate(-90deg);
        -ms-transform: translateY(-50%) rotate(-90deg);
        -o-transform: translateY(-50%) rotate(-90deg);
        transform: translateY(-50%) rotate(-90deg);
    }

    .cd-accordion-menu label::after {
        /* folder icons */
        left: 22px;
    }

.cd-accordion-menu ul li label::after {
    left: 0px !important;
    content: "\45";
    font-family: 'ElegantIcons';
}

.cd-accordion-menu ul li a::after {
    /* image icon 
  left: 36px;
  background: url(img/cd-icons.svg) no-repeat -48px 0;*/
    left: 0px !important;
    content: "\45";
    font-family: 'ElegantIcons';
}

.cd-accordion-menu input[type=checkbox]:checked + label::before {
    /* rotate arrow */
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cd-accordion-menu input[type=checkbox]:checked + label::after {
    /* show open folder icon if item is checked */
    background-position: -32px 0;
}

.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
    /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
    /* show children when item is checked */
    display: block;
    /*background: #116a77;*/
    background: #157f8f;
}

.cd-accordion-menu ul label,
.cd-accordion-menu ul a {
    background: transparent;
    /*box-shadow: inset 0 -1px #066673;*/
    box-shadow: inset 0 -1px #137786;
    font-size: 11px;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.no-touch .cd-accordion-menu ul label:hover, .no-touch
.cd-accordion-menu ul a:hover {
    background: transparent;
}

.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a {
}

.cd-accordion-menu ul label::before {
    right: 40px;
}

.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after {
    left: 59px;
}

.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {
}

    .cd-accordion-menu ul ul label::before {
        left: 54px;
    }

    .cd-accordion-menu ul ul label::after,
    .cd-accordion-menu ul ul a::after {
        left: 77px;
    }

.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
    padding-left: 118px;
}

    .cd-accordion-menu ul ul ul label::before {
        left: 72px;
    }

    .cd-accordion-menu ul ul ul label::after,
    .cd-accordion-menu ul ul ul a::after {
        left: 95px;
    }

.cd-accordion-menu li label i {
    font-size: 13px;
    padding-right: 10px;
    /*color: #688a7e;*/
}

.cd-accordion-menu ul li label, .cd-accordion-menu ul li a {
    position: relative;
    display: block;
    padding: 10px 0 10px 20px;
    background: transparent;
    color: #34ecec;
    font-size: 11px;
    margin-bottom: 0;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .cd-accordion-menu label:hover, .cd-accordion-menu ul li label:hover, .cd-accordion-menu ul li a:hover {
        color: #fff;
    }

.pad-lf-20 {
    padding-left: 20px;
}

.pad-tp-6 {
    padding-top: 6px;
}

.config-input {
    display: inline-block !important;
    width: 80px !important;
}

.cd-accordion-menu ul li label, .cd-accordion-menu ul li a {
    color: #46f9f9;
}

.cd-accordion-menu ul li ul li a {
    color: #6dffff;
}


/* Payment History */
.whitecont {
    background: #fff;
    box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.1);
    padding: 15px 0px;
    width: 100%;
    clear: both;
    display: inline-block;
}

.gform div {
    display: table;
}

.gform label {
    color: #838383;
    font-size: 14px;
    margin: 0;
    display: table-cell;
    text-transform: capitalize;
}

.gform input {
    width: 100%;
    color: #555555;
    font-size: 13px;
    border: 1px solid #bbbbbb;
    background: transparent;
    border-radius: 3px;
    padding: 8px;
}

.gform select {
    color: #555555;
    font-size: 13px;
    padding: 4px;
}

.ltgrybtn {
    background: #e5e5e5;
    color: #454545;
    border: 0;
    border-radius: 3px;
    padding: 8px;
    width: 100%;
    font-size: 14px;
}

.gform div .fa-calendar {
    position: absolute;
    right: 13px;
    top: 10px;
}

.gridform input[type=text] {
    width: 100%;
    color: #555555;
    font-size: 13px;
    border: 1px solid #bbbaba;
    background: transparent;
    border-radius: 3px;
    padding: 5px;
}

/* popup styles */
.data .tplbl {
    color: #2e8bda;
    font-size: 13px;
    margin: 0;
    display: inline-block;
    text-transform: capitalize;
    float: left;
}

.data .tpp {
    color: #999;
    font-size: 13px;
    margin: 0;
    display: inline-block;
    text-transform: capitalize;
    float: left;
    margin-right: 1 0px;
}

.data label {
    color: #999;
    font-size: 11px;
    margin: 0;
    display: block;
    text-transform: capitalize;
    padding: 0 0 3px 0;
}

.data p {
    color: #333;
    font-size: 13px;
    margin: -3px 0 10px 0;
    text-transform: capitalize;
}

.data .pick-drop-pin {
    background: url(css/images/pick-drop-pins.jpg) no-repeat left top;
    padding: 0px 0 0px 39px;
    width: 380px;
    background-size: 20px;
}

.data p.pickupAddress, .data p.dropaddress {
    color: #222;
    font-size: 14px;
    text-transform: capitalize;
    box-sizing: border-box;
    height: 40px;
    margin-top: 16px;
}

.data p.pickupAddress {
    border-bottom: 0px solid #e6e6e6;
    padding-top: 4px;
}

.data input, .data textarea {
    width: 100%;
    color: #555555;
    font-size: 13px;
    border: 1px solid #cdcdcd;
    background: transparent;
    border-radius: 3px;
    padding: 8px;
    resize: none;
}

.data div .fa-calendar {
    position: absolute;
    right: 13px;
    top: 10px;
}

.data select {
    color: #555555;
    font-size: 13px;
    padding: 4px;
}

.data div {
    display: block;
}

.data input[type=checkbox] {
    width: auto;
}

.data span {
    color: #666;
    font-size: 12px;
}
/* grid scroll */
table.scroll {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0px solid black;
    box-sizing: border-box;
}

    table.scroll thead, table.scroll tbody, table.scroll tr, table.scroll td, table.scroll th {
        display: block;
    }

        table.scroll tr:after {
            content: ' ';
            display: block;
            visibility: hidden;
            clear: both;
        }

        table.scroll tbody td {
            height: 45px;
        }

    table.scroll tbody {
        height: 500px;
        overflow-y: auto;
    }

    table.scroll thead {
        /* fallback */
        width: 100%;
        /* minus scroll bar width */
        width: calc(100%);
    }

    table.scroll tbody {
        border-top: 0px solid black;
    }

        table.scroll tbody td, table.scroll thead th {
            width: 25% !important;
            float: left;
            box-sizing: border-box;
        }

            table.scroll tbody td:last-child, table.scroll thead th:last-child {
                border-right: none;
            }


/* blackshift grid scroll */
table.blackshitTable {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0px solid black;
    box-sizing: border-box;
}

    table.blackshitTable thead, table.blackshitTable tbody, table.blackshitTable tr, table.blackshitTable td, table.blackshitTable th {
        display: block;
    }

        table.blackshitTable tr:after {
            content: ' ';
            display: block;
            visibility: hidden;
            clear: both;
        }

        table.blackshitTable tbody td {
            cursor: pointer;
        }

    table.blackshitTable tbody {
        height: 500px;
        overflow-y: auto;
    }

    table.blackshitTable thead {
        /* fallback */
        width: 100%;
        /* minus scroll bar width */
        width: calc(100%);
    }

    table.blackshitTable tbody {
        border-top: 0px solid black;
    }

        table.blackshitTable tbody td, table.blackshitTable thead th {
            width: 50% !important;
            float: left;
            box-sizing: border-box;
            line-height: 22px;
        }

            table.blackshitTable tbody td:last-child, table.blackshitTable thead th:last-child {
                border-right: none;
            }

/*search with cross*/
.search-box {
}

    .search-box:focus {
    }

.close-icon {
    border: 0px solid transparent;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    cursor: pointer;
}

    .close-icon:after {
        content: "\f00d";
        display: block;
        width: 15px;
        height: 15px;
        position: absolute;
        z-index: 1;
        right: 38px;
        top: 18px;
        margin: auto;
        text-align: center;
        color: #ccc;
        font-size: 12px;
        cursor: pointer;
        font-family: FontAwesome;
    }

.search-box:not(:valid) ~ .close-icon {
    display: none;
}

td.details-control {
    /* background: url('css/images/details_open.png') no-repeat center center;*/
    cursor: pointer;
}

tr.details td.details-control {
    /* background: url('css/images/details_close.png') no-repeat center center;*/
}

td.details-control:after {
    content: "\f055";
    font-family: FontAwesome;
    color: #25aaf1;
    font-size: 16px;
}

tr.shown td.details-control {
    /*background: url('css/images/details_close.png') no-repeat center center;*/
}

    tr.details td.details-control, tr.shown td.details-control:after {
        content: "\f056";
        font-family: FontAwesome;
        color: #25aaf1;
        font-size: 16px;
    }


/* tracking page right panel */

.rtpanel {
    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
    z-index: 999;
}

    .rtpanel .inputbx {
        float: right;
        padding: 5px 20px;
    }

        .rtpanel .inputbx input {
            margin: 0;
        }

@media (max-width: 480px) {
    .rtpanel {
        position: static;
        width: 100%;
    }
}

.gm-style-iw {
    /* width: auto !important;
    left: 50% !important
    margin-left: -110px;
    top: 15px !important;;*/
}

.gm-style .gm-style-iw {
    width: auto !important;
}


.tripslink {
    float: right;
}

a.tripslink {
    color: #25aaf1;
}


.version {
    position: absolute;
    bottom: 0;
    text-align: center;
    margin: 0 0 10px 20px;
    font-size: 11px;
    color: #34ecec;
}

/*Accordion */
.panel-group .panel + .panel {
    margin-top: 10px;
}

.padt5b10 {
    padding: 5px 15px !important;
}

.pad10 {
    padding: 10px;
}

.file {
    background: #ececec;
    padding: 8px;
    color: #333;
    border-radius: 4px;
    margin: 5px 0;
}

    .file a {
        float: right;
        color: #999;
    }

/* Scroll */
.nicescroll-rails {
    top: 50px !important;
}

/*disabled*/
button[disabled], html input[disabled] {
    cursor: not-allowed;
}

/*disabled*/
button[readonly], html input[readonly] {
    cursor: default;
}

/* demand projection */
.fl-rt {
    float: right;
}

.inputcheck {
    margin: 2px 0 0 15px !important;
}

a.logoutbut {
    float: right;
    color: #ccc;
    margin: 10px 0px 0;
    border: 1px solid #ccc;
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 4px;
}

    a.logoutbut:hover {
        color: #ccc;
    }

.panel-title > a {
    width: 100%;
    display: block;
}

.locate {
    font-size: 18px;
    position: absolute;
    width: 25px;
    height: 25px;
    right: 30px;
    top: 15px;
    z-index: 999;
    background: #fff;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
}

@media (max-width: 480px) and (min-width: 320px) {
    .nicescroll-rails {
        top: 0px !important;
    }

    .header {
        position: relative;
        min-height: 45px;
    }

    .wrapper {
        margin-top: 0;
    }

    .cd-accordion-menu {
        margin: 0;
    }

    #sidebar {
        position: relative;
    }

        #sidebar > ul > li {
            margin: 0;
        }

    a.logo img {
        width: 60%;
    }

    .sep {
        text-indent: -999em;
    }

    #nav-icon1 {
        margin: 15px auto 0;
    }

    .header span.sep {
        font-size: 16px;
        margin: 12px 0 0 -44px;
    }

    .header span.head {
        margin: -10px 0 0 0px;
        font-size: 14px;
    }

    .lgout {
        display: block !important;
        margin-top: 9px !important;
        font-size: 11px !important;
    }

    .toggle-nav {
        margin-top: 12px;
    }

    .head_mow, head_karwa {
        display: none !important;
    }
}

.lgout {
    display: none;
}
/* Payment */
.payment {
    overflow: hidden;
    background: #fff;
    padding: 10px 20px;
}

    .payment div {
        overflow: hidden;
        padding: 5px 0;
    }

    .payment h4 {
        color: #333;
        font-size: 14px;
        text-transform: uppercase;
        padding: 10px 0;
        margin: 0;
    }

    .payment label {
        width: 50%;
        float: left;
        color: #838383;
        font-size: 14px;
    }

    .payment p {
        float: right;
        width: 50%;
        color: #292c31;
        text-align: right;
        font-size: 14px;
        margin: 0;
    }

    .payment .hr {
        margin-top: 5px;
        margin-bottom: 5px;
        border: 0;
        border-top: 1px dashed #a8a9ad;
    }

    .payment .hr2 {
        margin-top: 5px;
        margin-bottom: 0px;
        border: 0;
        border-top: 2px solid #feb200;
    }

    .payment label.total {
        font-size: 24px;
        color: #333;
        font-weight: bold;
    }

    .payment p.amount {
        font-size: 24px;
        color: #333;
        font-weight: bold;
    }
/* Sticky Panel */
.chat-box {
    background: #82cfbb; /* Old browsers */
    background: -moz-linear-gradient(top, #82cfbb 0%, #188692 46%, #085460 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #82cfbb 0%,#188692 46%,#085460 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #82cfbb 0%,#188692 46%,#085460 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82cfbb ', endColorstr='#085460 ',GradientType=0 ); /* IE6-9 */
    border-radius: 8px 0 0 8px;
    color: #333;
    /* width:300px;  Chatbox width */
    border: 0px solid #344150;
    border-bottom: none;
    background-color: white;
    position: fixed;
    right: 0px;
    top: 120px;
    z-index: 3;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.3);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,.3);
    box-shadow: 0px 0px 20px rgba(0,0,0,.3);
}

    .chat-box > input[type="checkbox"] {
        display: block;
        margin: 0 0;
        padding: 0 0;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 4;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .chat-box > label {
        text-shadow: 1px 0px 0px rgba(0,0,0,.3);
        display: inline-block;
        /*height:40px;*/
        line-height: 32px;
        background-color: transparent;
        color: #fff;
        font-weight: bold;
        padding: 0 1em 1px;
        font-size: 13px;
        margin-bottom: 0;
    }


        .chat-box > label.loginfailed {
            color: #fff;
            text-shadow: 0px 0px 0px rgba(0,0,0,.3);
        }

        .chat-box > label + label {
            display: block;
            line-height: 52px;
        }

.pm {
    float: right;
    word-wrap: break-word;
    width: 2.85em;
    text-align: center;
    align-items: center;
}

.chat-box > label:before {
    content: attr(data-collapsed)
}

.chat-box .chat-box-content {
    padding: 10px;
    display: none;
    width: 250px;
}

/* hover state
.chat-box > input[type="checkbox"]:hover + label {background-color:#404D5A }
*/
/* checked state */
.chat-box > input[type="checkbox"]:checked + label {
    background-color: transparent
}

    .chat-box > input[type="checkbox"]:checked + label:before {
        content: attr(data-expanded);
    }

    .chat-box > input[type="checkbox"]:checked + label + label:before {
        content: attr(data-expanded);
        float: left;
    }

.chat-box > input[type="checkbox"]:checked ~ .chat-box-content {
    display: block;
}

.chat-box > input[type="checkbox"]:checked {
    height: 44px;
}

p.stats {
    background: #6e8b98;
    background: -moz-linear-gradient(left, rgba(111,139,153,0) 0%, rgba(111,139,153,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(111,139,153,0) 0%,rgba(111,139,153,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(111,139,153,0) 0%,rgba(111,139,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006f8b99', endColorstr='#6f8b99 ',GradientType=1 ); /* IE6-9 */
    padding: 11px 10px;
    box-shadow: 0px 0px 5px rgba(0,0,0,.1);
    overflow: hidden;
    margin: 5px 0;
    clear: both;
}

span.num {
    color: #fff !important;
    text-align: right;
}

p.stats span {
    width: 50%;
    display: block;
    float: left;
    color: #e3ebf0;
    font-size: 12px;
    font-weight: 400;
}

h4.head4 {
    color: #74bdab;
    font-size: 12px;
    text-align: center;
    font-weight: normal;
    text-transform: uppercase;
    padding: 30px 0 5px 0;
    margin: 0;
}

.breaktime {
}

.disabled {
    opacity: .5;
    pointer-events: none;
}

.breaktime .timer {
    color: #cfd8dd;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    clear: both;
}

.breaktime select::-webkit-input-placeholder, .breaktime input::-webkit-input-placeholder {
    color: #ccc;
}

.breaktime select, .breaktime input {
    width: 100%;
    height: 30px;
    background: transparent;
    color: #aeaeae;
    border: 1px solid #b8b8b8;
    border-radius: 3px;
    padding: 4px;
}

.breaktime button.start {
    background: #25aaf1;
    color: #fff;
    font-size: 13px;
    width: 100%;
    padding: 10px;
    border: 0;
    border-radius: 5px;
    margin: 10px 0;
}

.breaktime button.end {
    background: #f68b80;
    color: #fff;
    font-size: 13px;
    width: 100%;
    padding: 10px;
    border: 0;
    border-radius: 5px;
    margin: 10px 0;
}


.prefix {
    position: relative;
}

    .prefix strong {
        position: absolute;
        display: block;
        top: 6px;
        left: 23px;
        width: 35px;
        color: #999;
    }

    .prefix input {
        padding-left: 40px;
    }

.tplink label:before {
    display: none;
}

.tplink label a {
    border: 0 !important;
    padding: 0;
    box-shadow: inset 0 0px #0c8798;
}

    .tplink label a:hover {
        color: #fff;
    }

.nearyby_vehicle_booking_projection {
    color: white;
    background-color: red;
    font-family: "Lucida Grande", "Arial", sans-serif;
    font-size: 10px;
    text-align: center;
    width: 30px;
    white-space: nowrap;
    position: relative;
}

    .nearyby_vehicle_booking_projection span {
        position: relative;
        right: 10px;
        top: -10px;
    }

/* - Driver profile - */
.dp {
    border: 4px solid #f1f2f7;
    border-radius: 100%;
    width: 120px;
    height: 120px;
    display: inline-block;
}

.profile-information h1 {
    font-size: 26px;
    margin-bottom: 0;
    color: #222;
}

.profile-information h1 {
    text-transform: lowercase;
}

    .profile-information h1:first-letter {
        text-transform: uppercase;
    }

.profile-information .profile-statistics p {
    color: #888;
}

.profile-information h4 {
    color: #999;
}

.actionlnk a {
    display: block;
    text-align: center;
    padding: 5px 0;
}

.bg {
    background: url(css/images/bg/4.png) no-repeat center;
    min-height: 148px;
}

.profile-statistics sup {
    font-size: 14px;
    text-transform: uppercase;
}


/* access denied */
.msg {
    text-align: center;
}

    .msg h1 {
        color: #f23b27;
        font-size: 32px;
        line-height: 1.3;
    }

    .msg p {
        color: #777;
        font-size: 16px;
    }

/* white box */
.whitebox {
    background: #fff;
    box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    color: #293231;
    font-size: 16px;
    padding: 10px 20px;
}

    .whitebox h2 {
        color: #1e1e1e;
        font-size: 20px;
        padding: 0;
        margin: 0;
    }

    .whitebox label {
        color: #838383;
        font-size: 11px;
        padding: 0;
        margin: 0;
        text-transform: uppercase;
        width: 100%;
    }

    .whitebox p {
        color: #1e1e1e;
        font-size: 12px;
        margin: -3px 0 20px 0;
        padding: 0;
        font-weight: bold;
    }

    .whitebox h3 {
        color: #187a89;
        font-size: 12px;
        padding: 0 0 7px;
        margin: 0 0 12px;
        text-transform: uppercase;
        border-bottom: 1px solid #d1d1d1;
    }

    .whitebox h1 {
        color: #1e1e1e;
        font-size: 30px;
        padding: 0;
        margin: 0;
        font-weight: 900;
    }

    .whitebox p.income {
        color: #1e1e1e;
        font-size: 30px;
        float: right;
        padding: 0;
        margin: 0;
        font-weight: 900;
    }

    .whitebox span {
        color: #25aaf1;
        font-size: 14px;
        margin: -4px 0 20px 0;
        padding: 0
    }


/* User control */
.selectall {
    float: right !important;
    position: absolute;
    right: 16px;
    top: -5px;
}

/* Help */
.help {
    float: right;
    font-size: 23px;
    position: absolute;
    right: 17px;
    top: 10px;
    color: #1bb4b4;
}

    .help a {
        color: #1bb4b4;
    }

        .help a:hover {
            color: #ccc;
        }

/* meter messages left panel */

table.metermsg {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0px solid black;
    box-sizing: border-box;
}

    table.metermsg thead, table.metermsg tbody, table.metermsg tr, table.metermsg td, table.metermsg th {
        display: block;
    }

        table.metermsg th:first-child, table.metermsg td:first-child { /*width:20% !important;*/
        }

        table.metermsg tr:after {
            content: ' ';
            display: block;
            visibility: hidden;
            clear: both;
        }

    table.metermsg label {
        padding: 0px 10px 0px;
        display: inline-block;
        vertical-align: top;
    }

    table.metermsg input[type="checkbox"] {
        margin: 2px 0 0;
    }

    table.metermsg tbody td {
        cursor: pointer;
    }

    table.metermsg tbody {
        height: 500px;
        overflow-y: auto;
    }

    table.metermsg thead {
        /* fallback */
        width: 100%;
        /* minus scroll bar width */
        width: calc(100%);
    }

    table.metermsg tbody {
        border-top: 0px solid black;
    }

        table.metermsg tbody td, table.metermsg thead th {
            width: 50% !important;
            float: left;
            box-sizing: border-box;
            line-height: 22px;
        }

            table.metermsg tbody td:last-child, table.metermsg thead th:last-child {
                border-right: none;
            }





fieldset, label {
    margin: 0;
    padding: 0;
}

body {
    margin: 20px;
}

h1 {
    font-size: 1.5em;
    margin: 10px;
}

/****** Style Star Rating Widget *****/

.rating {
    border: none;
    float: left;
    padding-left: 14px;
}

    .rating > input {
        display: none;
    }

    .rating > label:before {
        margin: 2px;
        font-size: 1.25em;
        font-family: FontAwesome;
        display: inline-block;
        content: "\f005";
    }

    .rating > .half:before {
        content: "\f089";
        position: absolute;
    }

    .rating > label {
        color: #ddd;
        float: right;
        width: auto !important;
    }

    /***** CSS Magic to Highlight Stars on Hover *****/

    .rating > input:checked ~ label, /* show gold star when clicked */
    .rating:not(:checked) > label, /* hover current star */
    .rating:not(:checked) > label ~ label {
        color: #ddd;
    }
        /* hover previous stars in list */

        .rating > input:checked + label, /* hover current star when changing rating */
        .rating > input:checked ~ label,
        .rating > label ~ input:checked ~ label, /* lighten current selection */
        .rating > input:checked ~ label ~ label {
            color: #f4d03f;
        }

.cal-ico {
    position: relative;
}

    .cal-ico:after {
        font-size: 1em;
        font-family: FontAwesome;
        content: "\f133";
        position: absolute;
        right: 10px;
        top: 0px;
    }


.map-loader {
    position: absolute;
    z-index: 999;
    bottom: 0;
    background: #fff;
    color: #000;
    font-size: 12px;
    padding: 2px 10px;
    border-radius: 0 5px 0 0;
}

/* report css */
.rprt {
}

    .rprt table:last-child {
        font-family: 'Museo For Dell 300' !important;
    }

        .rprt table:last-child tr:first-child {
            background: transparent;
        }

    .rprt table tr {
        font-size: 12px;
        background: #fff;
        /*border-bottom: 1px solid #ddd;*/
    }

        .rprt table tr:nth-last-child(even) {
            background: #ececec;
        }

    .rprt table:last-child tr:nth-child(3) td:first-child div:first-child {
        text-align: left !important;
    }


    .rprt table:last-child tr:first-child td:first-child div {
        color: #fff;
    }

    .rprt table:last-child tr td div {
        font-size: 11px !important;
        font-family: 'museo_sans500' !important;
        text-align: center !important;
        color: #2b2b2b;
        font-weight: normal !important;
    }

    .rprt table:last-child tr td {
        vertical-align: middle !important;
        border: 0px !important;
    }

    .rprt table:last-child tr:hover {
        background: #e8e8e8;
    }

.widget-foot {
    padding: 0 20px;
}

/*forgot password*/
a.login {
    float: right;
    color: #ccc;
    margin: 14px 0px 0;
    padding: 4px 10px;
    font-size: 14px;
}

.forgot {
    font-family: 'museo_sans500';
}

    .forgot h1 {
        font-size: 22px;
        text-align: center;
        color: #000;
        margin: 0;
        padding: 0;
    }

    .forgot p {
        color: #989898 !important;
        text-align: center !important;
        margin: auto;
    }

    .forgot img {
        text-align: center;
        margin: 18px auto;
        display: block;
    }

    .forgot input[type="text"] {
        border: 1px solid #c5c5c5;
        padding: 14px;
        border-radius: 8px;
    }

.btnForgotPassword {
    width: 100%;
    padding: 5px;
}

.bookingdetails_modal {
    width: 700px;
    margin-left: -350px;
}

.BookingDetailModel h3 {
    color: #838383;
    margin: 0;
    padding: 0 0 9px 0;
    font-size: 14px;
    text-transform: uppercase;
}

.BookingDetailModel {
    background: #ececec;
    padding: 18px;
    margin: 0px 0px 0;
    border-radius: 8px;
}


.channelbookingdetails_modal {
    width: 700px;
    margin-left: -350px;
}

.ChannelBookingDetailModel h3 {
    color: #838383;
    margin: 0;
    padding: 0 0 9px 0;
    font-size: 14px;
    text-transform: uppercase;
}

.ChannelBookingDetailModel {
    background: #ececec;
    padding: 18px;
    margin: 0px 0px 0;
    border-radius: 8px;
}


a.lnkbtn {
    color: #ffffff;
    background-color: #fca100;
    display: inline-block;
    padding: 3px 25px;
    text-align: center;
    vertical-align: middle;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.428571429;
}

a.lnkbtngrey {
    color: #888;
    background-color: #ffffff;
    display: inline-block;
    padding: 3px 20px;
    text-align: center;
    vertical-align: middle;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.428571429;
    border: 1px solid #888
}

ul.z-index {
    z-index: 1100;
}


.mscroll {
    position: fixed;
    overflow: hidden;
    width: 100%;
}

#map > div {
    overflow: hidden;
}

/*custom scroll*/

html {
    overflow: auto;
}

    html::-webkit-scrollbar {
        width: 2px;
    }

    html::-webkit-scrollbar-thumb {
        background: #ccc;
    }

        html::-webkit-scrollbar-thumb:hover {
            background: #007AFF;
        }



/* Multi-select styles */



.multi-select-menuitem {
    font-size: 0.875em;
    padding: 1em 0em 0.6em 0px;
    white-space: nowrap;
    margin-left: -10px;
    margin-top: 7px;
    width: 110px;
}

    .multi-select-menuitem + .multi-select-menuitem {
        padding-top: 0;
    }

.multi-select-presets {
    border-bottom: 1px solid #ddd;
}


.multi-select-button {
    display: none;
}


.multi-select-container--positioned .multi-select-menu {
    /* Avoid border/padding on menu messing with JavaScript width calculation */
    box-sizing: border-box;
}

    .multi-select-container--positioned .multi-select-menu label {
        /* Allow labels to line wrap when menu is artificially narrowed */
        white-space: normal;
    }

.clearall {
    float: right;
    font-size: 11px;
    padding-right: 10px;
}


/* complaint history  */
.bx {
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8;
}

    .bx:last-child {
        border: 0;
    }

    .bx .values {
        font-size: 12px;
    }

.removed_txt {
    text-decoration: line-through;
    color: #999 !important;
}

.removed_label:after {
    content: ' Removed';
    color: #FA5D4D;
}

.add_label:after {
    content: ' Set to';
    color: #777;
    font-style: italic;
}

#oldvalue, #newvalue {
    color: #000;
}

    #newvalue:before, #newvalue:after, .fieldchangefrom:after, .fieldchangefrom:before {
        content: '"';
    }

.update-title {
    font-size: 16px;
}

.static-text {
    color: #777;
}


.fimg img {
    width: 28px;
    margin-right: 4px;
}

/*.ranges li:last-child {
    display: none;
}*/



/* international dial */
.iti.iti--separate-dial-code .iti__selected-flag {
    color: #fff !important;
}

.iti .iti__selected-flag .iti__arrow {
    border-top: 4px solid #fff !important;
}

.iti .iti__selected-flag .iti__arrow--up {
    border-bottom: 0px solid #555 !important;
}

.iti .iti__selected-flag {
    padding: 3px 6px 4px 8px !important;
    height: auto !important;
}


.footerlogo {
    width: 170px;
    padding: 0px 0 0px 0;
    float: right;
}

    .footerlogo img {
        width: 70px;
        margin: 0 0 0 9px;
    }


.head_mow {
    display: inline-block;
    text-align: center;
    margin: 4px 0 0 -60px;
    width: 0px;
    position: absolute;
    left: 50%;
}

    .head_mow img {
        width: 120px;
    }

.head_karwa {
}

    .head_karwa img {
        width: 90px;
    }

.captch {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.resolution-actions {
    display: flex;
    flex-direction: column;
    align-items: start;
    background: #ececec;
    padding: 20px;
    margin: 10px 10px 0;
}

.margin-top-20 {
    margin-top: 20px;
}

.display-flex {
    display: flex;
}

.margin-lr-11 {
    margin: 0px 11px;
}

.resolution-action-header {
    color: #838383;
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 17px
}

.width-75 {
    width: 75px;
}

.mt-2 {
    margin-top: 22px !important;
}


.text-left {
    text-align: left !important;
}

.col-lg-8.pl-0 {
    padding-left: 0;
}

.customer-type-selection .multiselect {
    height: 24px;
    font-size: 12px;
    border: 1px solid #7c7c7c;
    color: gray;
    background-color: rgba(0,0,0,0.0);
    border-radius: 3px;
    padding: 0px 5px;
    width: 95px;
}

.customer-type-selection .multiselect-option {
    border: none;
    background-color: white;
    width: 100%;
}

.customer-type-selection .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px 3px !important;
}

.customer-type-selection .form-check-input {
    width: 35px !important;
}

.customer-type-selection .form-check-label {
    width: 120px;
    text-align: start;
}

.customer-type-selection .multiselect-selected-text {
    overflow: hidden;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
}

.frmgrppickuptime div {
    display: block;
}

.dv-pickup-to-date div {
    display: block;
}

#showVehicleNavCont {
    display: flex;
    padding: 0px 9px;
    margin: 7px 0px;
}

#showNavigation {
    margin: 0;
    margin-top: 2px;
}

.addButton {
    margin-top: 5px;
}

.service-type-selection {
    position: relative;
}

    .service-type-selection .tree-selection {
        height: 24px;
        font-size: 12px;
        border: 1px solid #7c7c7c;
        color: gray;
        background-color: rgba(0,0,0,0.0);
        border-radius: 3px;
        padding: 0px 5px;
        width: 100%;
    }

#ServiceTypeSelectionTree {
    position: absolute;
    z-index: 2;
    width: 100%;
    margin-top: 5px;
}

.treeview .list-group-item {
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.adjust-trip-label {
    margin-top: 5px;
    padding: 0px;
    text-align: right;
}

#adjustTripModal #voucherCode {
    height: 27px;
}

.card .required-model {
    color: red;
    font-size: 10px;
}

.min-vh-600 {
    min-height: 600px !important;
}

.width100Per {
    width: 100%
}

.search-available-driver {
    border-radius: 4px 4px 0 0;
    border-bottom: 0
}

.driver-available {
    border-radius: 0 0 4px 4px;
}

.assign-drivers {
    margin-top: 150px;
}

div#successbar {
    margin-left: 0px;
    margin-right: 0px;
}

div#errorbar {
    margin-left: 0px;
    margin-right: 0px;
}

ul#ui-id-1 {
    width: 31% !important;
    line-height: 25px;
    background-color: whitesmoke !important;
    border-width: medium !important;
    border-style: groove;
    border-radius: 5px !important;
}

.pad5 {
    padding: 5px !important;
}

.right-margin-bottom {
    float: right;
    margin-bottom: 10px
}

.team-lead-dashboard-card {
    text-align: center;
}

.team-lead-dashboard-padding {
    padding: 14px;
}

.assign-drivers-button:hover {
    color: #2b2b2b;
}

.assign-drivers-button:focus {
    color: #ffffff;
}

.modal #error {
    color: red;
    font-size: 12px;
    text-align: center
}

#createPushNotificationJobModal .modal-footer {
    margin-top: 0px;
}

.footer {
    border-top: 1px solid #ccc;
    padding: 13px;
    overflow: hidden;
    height: 4em;
}

.footer-info {
    float: left;
    color: #777;
    margin: 0 0 0 10px;
    font-size: .8em;
}

#isRecurringCont {
    display: flex;
    align-content: center;
}

.ui-autocomplete {
    width: 500px;
}

.donut-chart-legend {
    width: 20px;
    display: inline-block;
    margin: 5px;
}

.margin8x5 {
    margin: 8px 5px;
}

.padding0 {
    padding: 0px;
}

.display-inline-flex {
    display: inline-flex;
}

.zonemap .map {
    height: calc(100vh - 200px);
    overflow: hidden;
    min-height: 580px;
}

.mainRoutediv .zonemap .map {
    height: calc(100vh - 90px) !important;
    max-height: 100vh;
    min-height: 200px !important;
}

.map {
    height: 50vh;
}

.tracking .map {
    min-height: 100% !important;
}

.mainRoutediv .map, .mainRoutediv .rt-bx {
    height: 93.5vh !important;
}

.dropDownMultipleSelection {
    height: 275px !important;
}

.refresh-button {
    float: right;
    margin-top: 10px;
}

.follow-up-dialog {
    width: 460px !important;
}

.flex-grow-equally {
    flex: 1 0 0;
    display: flex !important;
}

.add-new-role {
    flex-direction: row;
    display: flex;
    align-content: baseline;
    gap: 7px 7px;
    row-gap: -36px;
}

    .add-new-role i {
        display: flex;
        color: #fca100;
    }

.ch-vehicle-status-cont {
    margin-top: 11px;
}

.ch-vehicle-status {
    display: flex !important;
    align-items: center;
}

    .ch-vehicle-status label {
        padding: 0px 4px;
    }

    .ch-vehicle-status input {
        margin: 0px;
    }

/*Driver Working Days Start*/
.weekDays-selector input[type=checkbox].working-day {
    display: none !important;
}

    .weekDays-selector input[type=checkbox].working-day + label {
        display: inline-block;
        border-radius: 6px;
        background: #dddddd;
        height: 26px;
        width: 30px;
        margin-right: 3px;
        line-height: 27px;
        text-align: center;
        cursor: pointer;
    }

    .weekDays-selector input[type=checkbox].working-day:checked + label {
        background: #56abf1;
        color: #ffffff;
    }
/*Driver Working Days End*/


.follow-up-dialog {
    width: 460px !important;
}

.flex-grow-equally {
    flex: 1 0 0;
    display: flex !important;
}

.add-new-role {
    flex-direction: row;
    display: flex;
    align-content: baseline;
    gap: 7px 7px;
    row-gap: -36px;
}

    .add-new-role i {
        display: flex;
        color: #fca100;
    }

.margin0x-20 {
    margin: 0px -20px;
}

.dashboardGridHeader {
    cursor: pointer;
}

.tableFixHead {
    overflow: auto;
    height: 60vh;
}

    .tableFixHead thead th {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .tableFixHead table {
        border-collapse: collapse;
        width: 100%;
    }

    .tableFixHead th, td {
        padding: 8px 16px;
    }

    .tableFixHead th {
        background: #00adf2;
    }

.zonemap .map {
    height: calc(100vh - 200px);
    overflow: hidden;
    min-height: 580px;
}

.mainRoutediv .zonemap .map {
    height: calc(100vh - 90px) !important;
    max-height: 100vh;
    min-height: 200px !important;
}

.map {
    height: 50vh;
}

.tracking .map {
    min-height: 100% !important;
}

.mainRoutediv .map, .mainRoutediv .rt-bx {
    height: 93.5vh !important;
}

.display-none {
    display: none;
}

.max-height-30 {
    max-height: 30px;
}

.context-menu-driver-dashboard input {
    width: 98%;
}

.context-menu-driver-dashboard span {
    margin: -22px 10px -55px 0px;
}

.context-menu-driver-dashboard div {
    right: 26px;
    line-height: 17px;
    padding: 1px;
}

.context-menu-driver-dashboard ul li {
    border: 0px !important;
    font-size: 12px;
}

.context-menu-ride-sharing {
    float: right;
    margin-right: 21px;
    margin-top: -4px;
}

    .context-menu-ride-sharing div {
        right: 7px;
    }

.save-button-ride-sharing {
    float: right;
    margin-bottom: 10px;
    display: none;
}

.add-new-area-ride-sharing {
    float: right;
    margin-bottom: 10px;
}

.padding-4 {
    padding: 4px;
}

.padding-0 {
    padding: 0px;
}

.margin-bottom-20 {
    margin-bottom: -20px;
}

.driver-shift .row {
    padding-bottom: 10px;
}

.display-none {
    display: none;
}

.min-height-50 {
    min-height: 50vh !important;
    overflow-y: auto;
}

.avatar-driver {
    width: 55px;
    height: 53px;
}

.margin-bottom-10px {
    margin-bottom: 10px
}

.driver-assignment-card {
    padding: 10px 27px 0px 27px;
}

    .driver-assignment-card li {
        border-width: medium;
        border-color: #aba5a5;
        background-color: #f5f5f573;
        border-radius: 15px !important;
    }

    .driver-assignment-card img {
        width: 55px;
        height: 53px;
    }

.search-driver {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.hand-take-over {
    border: 0;
    background-color: transparent;
}

.hand-over {
    font-size: 20px;
    color: green
}

.take-over {
    font-size: 20px;
    color: red;
}

.driver-shift-label {
    color: white !important;
    padding: .2em .6em .3em !important;
    background-color: #777 !important;
}

.required-shift {
    color: red !important;
    display: none;
    text-transform: none !important;
}

.margin-top-15 {
    margin-top: 15px;
}

.driver-shift-master {
    margin-left: -29px !important;
    margin-right: 9px !important;
}

#collapseShift {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 40px;
    padding: 0px 7px;
}

div#collapseShift::-webkit-scrollbar {
    width: 0.2rem;
    height: 0.2rem;
}

div#collapseShift::-webkit-scrollbar-thumb {
    background: #007aff;
    border-radius: 2rem;
}

div#collapseShift::-webkit-scrollbar-track {
    background: #e8e8e8;
}

.weekDay .dropdown-menu {
    min-width: 215px;
    opacity: 1;
}

.weekDay .dropdown-item {
    width: 100%;
    border: none;
    background-color: white;
}

.weekDay .form-check {
    display: flex;
    align-items: center;
    padding: 2px !important;
    margin: 0px;
}

.weekDay .form-check-input {
    margin: 0px 5px !important;
}

.weekDay .form-check-label {
    width: 100% !important;
    background-color: white !important;
    font-size: 12px;
    color: #838383;
    text-transform: none;
    text-align: justify;
}

.weekDay .dropdown-toggle {
    width: 100%;
    border: 1px solid #cdcdcd;
    background-color: white;
    border-radius: 3px;
    padding: 3px 0px;
    color: #838383;
}

.weekDay .multiselect-selected-text {
    color: #838383;
    font-size: 13px;
}

.weekDay .dropdown-toggle {
    width: 100%;
    border: 1px solid #cdcdcd;
    background-color: white;
    border-radius: 3px;
    padding: 3px 0px;
    color: #838383;
}

.weekDay .multiselect-selected-text {
    color: #838383;
    font-size: 13px;
}

.weekDay .multiselect-native-select .btn-group {
    width: 100%;
}

.chat-icon {
    font-size: 11px;
    color: white;
    margin: 1px -14px 0px;
    position: absolute;
}

.chat-dialog {
    width: 700px;
    left: 44%;
}

    .chat-dialog label {
        color: #999;
        font-size: 11px;
        margin: 0;
        display: block;
        text-transform: capitalize;
        padding: 0 0 3px 0;
    }

    .chat-dialog .modal-body {
        height: 476px;
    }

    .chat-dialog input[type=checkbox] {
        width: auto;
    }

    .chat-dialog span {
        color: #666;
        font-size: 12px;
    }

    .chat-dialog .multiselect-container {
        overflow: auto;
        max-height: 400px;
    }

div#tblHistory::-webkit-scrollbar {
    width: 0.2rem;
    height: 0.2rem;
}

div#tblHistory::-webkit-scrollbar-thumb {
    background: #007aff;
    border-radius: 2rem;
}

div#tblHistory::-webkit-scrollbar-track {
    background: #e8e8e8;
}

.weekDay .input-group-sm {
    display: flex;
}

.weekDay .input-group-append {
    display: none;
}

.weekDay .input-group-prepend {
    display: none;
}

.team-lead-driver .multiselect-container {
    max-height: 300px;
    overflow: auto;
    position: inherit;
}

.list-group .col-label {
    float: left;
}

.team-lead-dashboard-card .card {
    min-height: 421px;
}

.model-height {
    max-height: 400px;
    overflow: auto;
}

.bluebutton:disabled {
    background-color: rgb(229, 229, 229) !important;
}

.li-booking-rank {
    margin-bottom: 10px;
    display: none;
}

.rank-booking-radio {
    padding: 2px 0px 0px 0px;
}

.new-rank {
    float: right;
    margin-bottom: 10px;
}

.rank-context-menu span {
    left: 6px;
    bottom: 0px;
}

.rank-context-menu div {
    right: 30px;
}

.rank-button {
    float: right;
    margin-bottom: 10px;
    display: none;
}

.padding-right-0 {
    padding-right: 0px;
}

.rank-vehicle-type .multiselect-container {
    max-height: 250px;
    overflow: auto;
    width: 100%;
}

.rank-search {
    background: #fff;
    border-bottom-style: groove;
    overflow: hidden;
    color: #293231;
    font-size: 16px;
    box-shadow: none;
}

    .rank-search input[type=text] {
        padding: 5px;
    }

.dt-buttons {
    padding: 1px 1px 1px 15px;
}

.found-list-export {
    margin: 15px;
}

.overflow-unset {
    overflow: unset;
}

#rideSharingRequestSummaryDashboardZoneDropdown .dropdown-menu {
    width: 100%;
    max-height: 30rem;
    overflow: scroll;
}

#rideSharingBookingSummaryDashboardZoneDropdown .dropdown-menu {
    width: 100%;
    max-height: 30rem;
    overflow: scroll;
}

#reservationDetailsModal {
    max-height: 80vh;
}

#reservationTblDiv {
    max-height: 80%;
}

#rescheduleReservationDetailsModal {
    max-height: 50vh;
}

#rescheduleReservationTblDiv {
    max-height: 50%;
}

#handOverDialog h3 {
    color: #fff;
}

.accordion-text {
    color: #fff !important;
}

#tblCorpMisc td {
    padding-left: 0px;
}

/* Main container */
.job-card {
    background: #fff;
    padding: 8px 10px;
    border-left: 0px solid #25aaf1;
    box-shadow: 0 0 5px #999;
    overflow: hidden;
    margin: 0 0 0px 0;
    display: flex;
    flex-direction: column; /* Arrange rows vertically */
}

    .job-card p.time {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .job-card p.id {
        float: left;
        line-height: 1.2;
    }

        .job-card p.id label, .job-card p.time label {
            padding: 0 5px 0 0;
            color: #2e8bda;
            margin: 0;
            font-size: 11px;
        }

        .job-card p.id span, .job-card p.time span {
            color: #999999;
            font-size: 11px;
            font-weight: bold;
        }

            .job-card p.id span .fa-phone {
                padding-right: 4px;
            }

    .job-card time {
        color: #1bb4b4;
        font-size: 13px;
    }

    .job-card h3 {
        font-size: 14px;
        color: #333;
        font-weight: bold;
        padding: 0;
        margin: 0;
    }

        .job-card h3 img {
            width: 22px;
            margin-top: -8px;
        }

    .job-card h4 {
        font-size: 16px;
        color: #999999;
        border-bottom: 0px solid #e8e8e8;
        padding: 0 0 0px 0;
        margin: 0 0 5px 0;
    }

/* General row styling */
.main-row {
    display: flex;
}

/* First row with two columns */
.card-row {
    display: flex;
    justify-content: space-between;
    flex-direction: row; /* Default for flex, added for clarity */
    align-items: center;
}

.card-column {
    justify-content: space-between;
}


/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.15.35
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  list-style: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  margin: 2px 0;
  padding: 4px;
}
@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width:auto;
  }
}
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: auto;
  }
}
@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: auto;
  }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #cccccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #cccccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width:auto;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 100%;
  height: auto;
  width: auto;
}
.bootstrap-datetimepicker-widget table {
  width: auto;
  margin: 0;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table th {
  height: auto;
  line-height: 20px;
  width: auto;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
  width: auto;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td {
  height: auto;
  line-height: normal;
  width: auto;
}
.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.day {
  height: auto;
  line-height: 20px;
  width: auto;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.today {
  position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #337ab7;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #337ab7;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: auto;
  height: auto;
  line-height: normal;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table td span:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #337ab7;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: auto;
  line-height: 27px;
}
.bootstrap-datetimepicker-widget.wider {
  width: auto;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
  line-height: 1.8em !important;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.daterangepicker {
  position: absolute;
  color: inherit;
  background: #fff;
  border-radius: 4px;
  width: 278px;
  padding: 4px;
  margin-top: 1px;
  top: 100px;
  left: 20px;
  /* Calendars */ }
  .daterangepicker:before, .daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: ''; }
  .daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc; }
  .daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent; }
  .daterangepicker.opensleft:before {
    right: 9px; }
  .daterangepicker.opensleft:after {
    right: 10px; }
  .daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto; }
  .daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto; }
  .daterangepicker.opensright:before {
    left: 9px; }
  .daterangepicker.opensright:after {
    left: 10px; }
  .daterangepicker.dropup {
    margin-top: -5px; }
    .daterangepicker.dropup:before {
      top: initial;
      bottom: -7px;
      border-bottom: initial;
      border-top: 7px solid #ccc; }
    .daterangepicker.dropup:after {
      top: initial;
      bottom: -6px;
      border-bottom: initial;
      border-top: 6px solid #fff; }
  .daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3001; }
  .daterangepicker.single .ranges, .daterangepicker.single .calendar {
    float: none; }
  .daterangepicker.show-calendar .calendar {
    display: block; }
  .daterangepicker .calendar {
    display: none;
    max-width: 270px;
    margin: 4px; }
    .daterangepicker .calendar.single .calendar-table {
      border: none; }
    .daterangepicker .calendar th, .daterangepicker .calendar td {
      white-space: nowrap;
      text-align: center;
      min-width: 32px; }
  .daterangepicker .calendar-table {
    border: 1px solid #fff;
    padding: 4px;
    border-radius: 4px;
    background: #fff; }
  .daterangepicker table {
    width: 100%;
    margin: 0; }
  .daterangepicker td, .daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer; }
    .daterangepicker td.available:hover, .daterangepicker th.available:hover {
      background-color: #eee;
      border-color: transparent;
      color: inherit; }
    .daterangepicker td.week, .daterangepicker th.week {
      font-size: 80%;
      color: #ccc; }
  .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999; }
  .daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0; }
  .daterangepicker td.start-date {
    border-radius: 4px 0 0 4px; }
  .daterangepicker td.end-date {
    border-radius: 0 4px 4px 0; }
  .daterangepicker td.start-date.end-date {
    border-radius: 4px; }
  .daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff; }
  .daterangepicker th.month {
    width: auto; }
  .daterangepicker td.disabled, .daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through; }
  .daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default; }
  .daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%; }
  .daterangepicker select.yearselect {
    width: 40%; }
  .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0; }
  .daterangepicker .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    height: 30px;
    line-height: 30px;
    display: block;
    vertical-align: middle;
    margin: 0 0 5px 0;
    padding: 0 6px 0 28px;
    width: 100%; }
    .daterangepicker .input-mini.active {
      border: 1px solid #08c;
      border-radius: 4px; }
  .daterangepicker .daterangepicker_input {
    position: relative; }
    .daterangepicker .daterangepicker_input i {
      position: absolute;
      left: 8px;
      top: 8px; }
  .daterangepicker.rtl .input-mini {
    padding-right: 28px;
    padding-left: 6px; }
  .daterangepicker.rtl .daterangepicker_input i {
    left: auto;
    right: 8px; }
  .daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    padding-left: 28px; }
    .daterangepicker .calendar-time select.disabled {
      color: #ccc;
      cursor: not-allowed; }

.ranges {
  font-size: 11px;
  float: none;
  margin: 4px;
  text-align: left; }
  .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%; }
  .ranges li {
    font-size: 13px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    color: #08c;
    padding: 3px 12px;
    margin-bottom: 8px;
    cursor: pointer; }
    .ranges li:hover {
      background: #08c;
      border: 1px solid #08c;
      color: #fff; }
    .ranges li.active {
      background: #08c;
      border: 1px solid #08c;
      color: #fff; }

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto; }
    .daterangepicker .ranges ul {
      width: 160px; }
    .daterangepicker.single .ranges ul {
      width: 100%; }
    .daterangepicker.single .calendar.left {
      clear: none; }
    .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar {
      float: left; }
    .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar {
      float: right; }
    .daterangepicker.ltr {
      direction: ltr;
      text-align: left; }
      .daterangepicker.ltr .calendar.left {
        clear: left;
        margin-right: 0; }
        .daterangepicker.ltr .calendar.left .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.ltr .calendar.right {
        margin-left: 0; }
        .daterangepicker.ltr .calendar.right .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.ltr .left .daterangepicker_input {
        padding-right: 12px; }
      .daterangepicker.ltr .calendar.left .calendar-table {
        padding-right: 12px; }
      .daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {
        float: left; }
    .daterangepicker.rtl {
      direction: rtl;
      text-align: right; }
      .daterangepicker.rtl .calendar.left {
        clear: right;
        margin-left: 0; }
        .daterangepicker.rtl .calendar.left .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.rtl .calendar.right {
        margin-right: 0; }
        .daterangepicker.rtl .calendar.right .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.rtl .left .daterangepicker_input {
        padding-left: 12px; }
      .daterangepicker.rtl .calendar.left .calendar-table {
        padding-left: 12px; }
      .daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar {
        text-align: right;
        float: right; } }
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto; }
  .daterangepicker.ltr .ranges {
    float: left; }
  .daterangepicker.rtl .ranges {
    float: right; }
  .daterangepicker .calendar.left {
    clear: none !important; } }

 @keyframes dtb - spinner{ 100 % { transform: rotate(360deg) }}@-o - keyframes dtb - spinner{ 100 %{ - o-transform:rotate(360deg); transform: rotate(360deg)}}@-ms - keyframes dtb - spinner{ 100 %{ - ms-transform:rotate(360deg); transform: rotate(360deg)}}@-webkit - keyframes dtb - spinner{ 100 %{ - webkit-transform:rotate(360deg); transform: rotate(360deg)}}@-moz - keyframes dtb - spinner{ 100 %{ - moz-transform:rotate(360deg); transform: rotate(360deg)}}div.dt - button - info{ position: fixed; top:50%; left:50%; width:400px;margin-top:-100px;margin-left:-200px;background-color:white; border:2px solid #111;box-shadow:3px 3px 8px rgba(0, 0, 0, 0.3);border-radius:3px;text-align:center;z-index:21 } div.dt - button - info h2{ padding:0.5em; margin: 0;font-weight:normal;border-bottom:1px solid #ddd;background-color:#f3f3f3 } div.dt - button - info > div{ padding:1em } button.dt - button, div.dt - button, a.dt - button{ position: relative; display: inline - block;box-sizing:border - box;margin-right:0.333em; padding:0.5em 1em; border:1px solid #999;border-radius:2px; cursor: pointer;font-size:0.88em; color: black;white-space:nowrap; overflow: hidden;background-color:#e9e9e9;background-image:-webkit - linear - gradient(top, #fff 0%, #e9e9e9 100%);background-image:-moz - linear - gradient(top, #fff 0%, #e9e9e9 100%);background-image:-ms - linear - gradient(top, #fff 0%, #e9e9e9 100%);background-image:-o - linear - gradient(top, #fff 0%, #e9e9e9 100%);background-image:linear - gradient(to bottom, #fff 0%, #e9e9e9 100%); filter: progid: DXImageTransform.Microsoft.gradient(GradientType = 0, StartColorStr = 'white', EndColorStr = '#e9e9e9'); -webkit - user-select:none; -moz - user-select:none; -ms - user-select:none;user-select:none;text-decoration:none; outline:none } button.dt - button.disabled, div.dt - button.disabled, a.dt - button.disabled{color:#999; border:1px solid #d0d0d0;cursor:default;background-color:#f9f9f9;background-image:-webkit - linear - gradient(top, #fff 0%, #f9f9f9 100%);background-image:-moz - linear - gradient(top, #fff 0%, #f9f9f9 100%);background-image:-ms - linear - gradient(top, #fff 0%, #f9f9f9 100%);background-image:-o - linear - gradient(top, #fff 0%, #f9f9f9 100%);background-image:linear - gradient(to bottom, #fff 0%, #f9f9f9 100%); filter: progid: DXImageTransform.Microsoft.gradient(GradientType = 0, StartColorStr = '#ffffff', EndColorStr = '#f9f9f9') } button.dt-button:active: not(.disabled), button.dt -button.active:not(.disabled), div.dt-button:active: not(.disabled), div.dt -button.active:not(.disabled), a.dt-button:active: not(.disabled), a.dt -button.active:not(.disabled) {background-color:#e2e2e2;background-image:-webkit - linear - gradient(top, #f3f3f3 0%, #e2e2e2 100%);background-image:-moz - linear - gradient(top, #f3f3f3 0%, #e2e2e2 100%);background-image:-ms - linear - gradient(top, #f3f3f3 0%, #e2e2e2 100%);background-image:-o - linear - gradient(top, #f3f3f3 0%, #e2e2e2 100%);background-image:linear - gradient(to bottom, #f3f3f3 0%, #e2e2e2 100%); filter: progid: DXImageTransform.Microsoft.gradient(GradientType = 0, StartColorStr = '#f3f3f3', EndColorStr = '#e2e2e2');box-shadow:inset 1px 1px 3px #999999 } button.dt-button:active: not(.disabled):hover: not(.disabled), button.dt -button.active:not(.disabled):hover: not(.disabled), div.dt-button:active: not(.disabled):hover: not(.disabled), div.dt -button.active:not(.disabled):hover: not(.disabled), a.dt-button:active: not(.disabled):hover: not(.disabled), a.dt -button.active:not(.disabled):hover: not(.disabled) {box-shadow:inset 1px 1px 3px #999999;background-color:#cccccc;background-image:-webkit - linear - gradient(top, #eaeaea 0%, #ccc 100%);background-image:-moz - linear - gradient(top, #eaeaea 0%, #ccc 100%);background-image:-ms - linear - gradient(top, #eaeaea 0%, #ccc 100%);background-image:-o - linear - gradient(top, #eaeaea 0%, #ccc 100%);background-image:linear - gradient(to bottom, #eaeaea 0%, #ccc 100%); filter: progid: DXImageTransform.Microsoft.gradient(GradientType = 0, StartColorStr = '#eaeaea', EndColorStr = '#cccccc') } button.dt-button:hover, div.dt-button:hover, a.dt-button:hover{text-decoration:none } button.dt-button:hover: not(.disabled), div.dt-button:hover: not(.disabled), a.dt-button:hover: not(.disabled) { border:1px solid #666;background-color:#e0e0e0;background-image:-webkit - linear - gradient(top, #f9f9f9 0%, #e0e0e0 100%);background-image:-moz - linear - gradient(top, #f9f9f9 0%, #e0e0e0 100%);background-image:-ms - linear - gradient(top, #f9f9f9 0%, #e0e0e0 100%);background-image:-o - linear - gradient(top, #f9f9f9 0%, #e0e0e0 100%);background-image:linear - gradient(to bottom, #f9f9f9 0%, #e0e0e0 100%); filter: progid: DXImageTransform.Microsoft.gradient(GradientType = 0, StartColorStr = '#f9f9f9', EndColorStr = '#e0e0e0') } button.dt-button:focus: not(.disabled), div.dt-button:focus: not(.disabled), a.dt-button:focus: not(.disabled){ border:1px solid #426c9e;text-shadow:0 1px 0 #c4def1; outline: none;background-color:#79ace9;background-image:-webkit - linear - gradient(top, #bddef4 0%, #79ace9 100%);background-image:-moz - linear - gradient(top, #bddef4 0%, #79ace9 100%);background-image:-ms - linear - gradient(top, #bddef4 0%, #79ace9 100%);background-image:-o - linear - gradient(top, #bddef4 0%, #79ace9 100%);background-image:linear - gradient(to bottom, #bddef4 0%, #79ace9 100%); filter: progid: DXImageTransform.Microsoft.gradient(GradientType = 0, StartColorStr = '#bddef4', EndColorStr = '#79ace9')}.dt - button embed{ outline:none } div.dt - buttons{ position: relative; float:left } div.dt - buttons.buttons - right{ float:right } div.dt - button - collection{ position: absolute; top: 0; left: 0; width:150px;margin-top:3px; padding:8px 8px 4px 8px; border:1px solid #ccc; border:1px solid rgba(0, 0, 0, 0.4);background-color:white; overflow: hidden;z-index:2002;border-radius:5px;box-shadow:3px 3px 5px rgba(0, 0, 0, 0.3);z-index:2002; -webkit - column-gap:8px; -moz - column-gap:8px; -ms - column-gap:8px; -o - column-gap:8px;column-gap:8px } div.dt - button - collection button.dt - button, div.dt - button - collection div.dt - button, div.dt - button - collection a.dt - button{ position: relative; left: 0; right: 0; display: block; float: none;margin-bottom:4px;margin-right:0 } div.dt - button - collection button.dt-button:active: not(.disabled), div.dt - button - collection button.dt -button.active:not(.disabled), div.dt - button - collection div.dt-button:active: not(.disabled), div.dt - button - collection div.dt -button.active:not(.disabled), div.dt - button - collection a.dt-button:active: not(.disabled), div.dt - button - collection a.dt -button.active:not(.disabled) {background-color:#dadada;background-image:-webkit - linear - gradient(top, #f0f0f0 0%, #dadada 100%);background-image:-moz - linear - gradient(top, #f0f0f0 0%, #dadada 100%);background-image:-ms - linear - gradient(top, #f0f0f0 0%, #dadada 100%);background-image:-o - linear - gradient(top, #f0f0f0 0%, #dadada 100%);background-image:linear - gradient(to bottom, #f0f0f0 0%, #dadada 100%); filter: progid: DXImageTransform.Microsoft.gradient(GradientType = 0, StartColorStr = '#f0f0f0', EndColorStr = '#dadada');box-shadow:inset 1px 1px 3px #666 } div.dt - button - collection.fixed{ position: fixed; top:50%; left:50%;margin-left:-75px;border-radius:0 } div.dt - button - collection.fixed.two - column{margin-left:-150px } div.dt - button - collection.fixed.three - column{margin-left:-225px } div.dt - button - collection.fixed.four - column{margin-left:-300px } div.dt - button - collection >*{ - webkit - column-break-inside:avoid;break-inside:avoid}div.dt - button - collection.two - column{ width:300px;padding-bottom:1px; -webkit - column-count:2; -moz - column-count:2; -ms - column-count:2; -o - column-count:2;column-count:2 } div.dt - button - collection.three - column{ width:450px;padding-bottom:1px; -webkit - column-count:3; -moz - column-count:3; -ms - column-count:3; -o - column-count:3;column-count:3 } div.dt - button - collection.four - column{ width:600px;padding-bottom:1px; -webkit - column-count:4; -moz - column-count:4; -ms - column-count:4; -o - column-count:4;column-count:4 } div.dt - button - background{ position: fixed; top: 0; left: 0; width:100%; height:100%; background: rgba(0, 0, 0, 0.7); background: -ms - radial - gradient(center, ellipse farthest - corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); background: -moz - radial - gradient(center, ellipse farthest - corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); background: -o - radial - gradient(center, ellipse farthest - corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); background: -webkit - gradient(radial, center center, 0, center center, 497, color - stop(0, rgba(0, 0, 0, 0.3)), color - stop(1, rgba(0, 0, 0, 0.7))); background: -webkit - radial - gradient(center, ellipse farthest - corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); background: radial - gradient(ellipse farthest - corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);z-index:2001}@media screen and(max-width: 640px) { div.dt - buttons{ float:none !important;text-align:center } } button.dt - button.processing, div.dt - button.processing, a.dt - button.processing{ color: rgba(0, 0, 0, 0.2) } button.dt -button.processing:after, div.dt -button.processing:after, a.dt -button.processing:after{ position: absolute; top:50%; left:50%; width:16px; height:16px; margin: -8px 0 0 - 8px;box-sizing:border - box; display: block; content: ' '; border:2px solid #282828;border-radius:50%; border - left-color:transparent; border - right-color:transparent; animation: dtb - spinner 1500ms infinite linear; -o-animation:dtb - spinner 1500ms infinite linear; -ms-animation:dtb - spinner 1500ms infinite linear; -webkit-animation:dtb - spinner 1500ms infinite linear; -moz-animation:dtb - spinner 1500ms infinite linear }
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-map-pane svg,
.leaflet-map-pane canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	-ms-touch-action: none;
	touch-action: none;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
	max-width: none !important;
	}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(./#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
	will-change: opacity;
	}
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	     -o-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	will-change: transform;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	     -o-transition:      -o-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	     -o-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	}


/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}


/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}
.leaflet-control-zoom-out {
	font-size: 20px;
	}

.leaflet-touch .leaflet-control-zoom-in {
	font-size: 22px;
	}
.leaflet-touch .leaflet-control-zoom-out {
	font-size: 24px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	margin: 0 auto;
	width: 40px;
	height: 20px;
	position: relative;
	overflow: hidden;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	border: none;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}