@font-face {
  font-family: 'Chinese Regular';
  src: url('../fonts/chinese.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
html,
body {
  font-family: 'Chinese Regular,Helvetica,Arial,sans-serif' !important;
}
.image-rotate-90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.right {
  float: right;
}
.error {
  color: #DB0E46;
}
.success {
  color: #46bf4e;
}
.center {
  text-align: center;
}
.small {
  font-size: 80%;
}
body {
  font-family: Arial, Helvetica, sans-serif;
}
a:link,
a:visited {
  color: #1D6480;
  text-decoration: none;
}
a:hover,
a:active {
  color: #144456;
}
button {
  background: -moz-linear-gradient(center bottom, #E8E8E8 0%, #FFFFFF 100%) repeat scroll 0 0 transparent;
  border: 1px solid #CCCCCC;
  color: #777777;
  cursor: pointer;
  font-weight: bold;
  padding: 5px 12px;
}
button:hover {
  background: -moz-linear-gradient(center bottom, #FFFFFF 0%, #E8E8E8 100%) repeat scroll 0 0 transparent;
}
form .fieldcontain {
  position: relative;
  margin-bottom: 12px;
}
form .fieldcontain label a {
  font-size: 12px;
  margin-left: 6px;
}
form .fieldcontain .invalid {
  border-color: #DB0E46;
}
.ui-widget-content ul,
.ui-widget-content ol {
  margin-left: 25px;
}
strong.blue {
  font-weight: bold;
  color: #1D6480;
}
.clearfix {
  clear: both;
}
.hidden {
  display: none;
}
@font-face {
  font-family: 'Glyphicons Regular';
  src: url('../font/glyphicons-regular.eot');
  src: url('../font/glyphicons-regular.eot?#iefix') format('embedded-opentype'), url('../font/glyphicons-regular.woff') format('woff'), url('../font/glyphicons-regular.ttf') format('truetype'), url('../font/glyphicons-regular.svg#glyphiconsregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.glyphicons,
.glyphicon {
  display: inline-block;
  position: relative;
  padding-left: 48px;
  color: #1d1d1b;
  text-decoration: none;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
.glyphicons:before,
.glyphicon:before {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  margin: 0 5px 0 0;
  font: 24px/1em 'Glyphicons Regular';
  font-style: normal;
  font-weight: normal;
  color: #1d1d1b;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}
.glyphicons.white:before,
.glyphicon.white:before {
  color: #fff;
}
.glyphicons.glass:before,
.glyphicon.glass:before {
  content: "\E001";
}
.glyphicons.leaf:before,
.glyphicon.leaf:before {
  content: "\E002";
}
.glyphicons.dog:before,
.glyphicon.dog:before {
  content: "\1F415";
}
.glyphicons.user:before,
.glyphicon.user:before {
  content: "\E004";
}
.glyphicons.girl:before,
.glyphicon.girl:before {
  content: "\1F467";
}
.glyphicons.car:before,
.glyphicon.car:before {
  content: "\E006";
}
.glyphicons.user_add:before,
.glyphicon.user_add:before {
  content: "\E007";
}
.glyphicons.user_remove:before,
.glyphicon.user_remove:before {
  content: "\E008";
}
.glyphicons.film:before,
.glyphicon.film:before {
  content: "\E009";
}
.glyphicons.magic:before,
.glyphicon.magic:before {
  content: "\E010";
}
.glyphicons.envelope:before,
.glyphicon.envelope:before {
  content: "\2709";
}
.glyphicons.camera:before,
.glyphicon.camera:before {
  content: "\1F4F7";
}
.glyphicons.heart:before,
.glyphicon.heart:before {
  content: "\E013";
}
.glyphicons.beach_umbrella:before,
.glyphicon.beach_umbrella:before {
  content: "\E014";
}
.glyphicons.train:before,
.glyphicon.train:before {
  content: "\1F686";
}
.glyphicons.print:before,
.glyphicon.print:before {
  content: "\E016";
}
.glyphicons.bin:before,
.glyphicon.bin:before {
  content: "\E017";
}
.glyphicons.music:before,
.glyphicon.music:before {
  content: "\E018";
}
.glyphicons.note:before,
.glyphicon.note:before {
  content: "\E019";
}
.glyphicons.heart_empty:before,
.glyphicon.heart_empty:before {
  content: "\E020";
}
.glyphicons.home:before,
.glyphicon.home:before {
  content: "\E021";
}
.glyphicons.snowflake:before,
.glyphicon.snowflake:before {
  content: "\2744";
}
.glyphicons.fire:before,
.glyphicon.fire:before {
  content: "\1F525";
}
.glyphicons.magnet:before,
.glyphicon.magnet:before {
  content: "\E024";
}
.glyphicons.parents:before,
.glyphicon.parents:before {
  content: "\E025";
}
.glyphicons.binoculars:before,
.glyphicon.binoculars:before {
  content: "\E026";
}
.glyphicons.road:before,
.glyphicon.road:before {
  content: "\E027";
}
.glyphicons.search:before,
.glyphicon.search:before {
  content: "\E028";
}
.glyphicons.cars:before,
.glyphicon.cars:before {
  content: "\E029";
}
.glyphicons.notes_2:before,
.glyphicon.notes_2:before {
  content: "\E030";
}
.glyphicons.pencil:before,
.glyphicon.pencil:before {
  content: "\270F";
}
.glyphicons.bus:before,
.glyphicon.bus:before {
  content: "\1F68C";
}
.glyphicons.wifi_alt:before,
.glyphicon.wifi_alt:before {
  content: "\E033";
}
.glyphicons.luggage:before,
.glyphicon.luggage:before {
  content: "\E034";
}
.glyphicons.old_man:before,
.glyphicon.old_man:before {
  content: "\E035";
}
.glyphicons.woman:before,
.glyphicon.woman:before {
  content: "\1F469";
}
.glyphicons.file:before,
.glyphicon.file:before {
  content: "\E037";
}
.glyphicons.coins:before,
.glyphicon.coins:before {
  content: "\E038";
}
.glyphicons.airplane:before,
.glyphicon.airplane:before {
  content: "\2708";
}
.glyphicons.notes:before,
.glyphicon.notes:before {
  content: "\E040";
}
.glyphicons.stats:before,
.glyphicon.stats:before {
  content: "\E041";
}
.glyphicons.charts:before,
.glyphicon.charts:before {
  content: "\E042";
}
.glyphicons.pie_chart:before,
.glyphicon.pie_chart:before {
  content: "\E043";
}
.glyphicons.group:before,
.glyphicon.group:before {
  content: "\E044";
}
.glyphicons.keys:before,
.glyphicon.keys:before {
  content: "\E045";
}
.glyphicons.calendar:before,
.glyphicon.calendar:before {
  content: "\1F4C5";
}
.glyphicons.router:before,
.glyphicon.router:before {
  content: "\E047";
}
.glyphicons.camera_small:before,
.glyphicon.camera_small:before {
  content: "\E048";
}
.glyphicons.dislikes:before,
.glyphicon.dislikes:before {
  content: "\E049";
}
.glyphicons.star:before,
.glyphicon.star:before {
  content: "\E050";
}
.glyphicons.link:before,
.glyphicon.link:before {
  content: "\E051";
}
.glyphicons.eye_open:before,
.glyphicon.eye_open:before {
  content: "\E052";
}
.glyphicons.eye_close:before,
.glyphicon.eye_close:before {
  content: "\E053";
}
.glyphicons.alarm:before,
.glyphicon.alarm:before {
  content: "\E054";
}
.glyphicons.clock:before,
.glyphicon.clock:before {
  content: "\E055";
}
.glyphicons.stopwatch:before,
.glyphicon.stopwatch:before {
  content: "\E056";
}
.glyphicons.projector:before,
.glyphicon.projector:before {
  content: "\E057";
}
.glyphicons.history:before,
.glyphicon.history:before {
  content: "\E058";
}
.glyphicons.truck:before,
.glyphicon.truck:before {
  content: "\E059";
}
.glyphicons.cargo:before,
.glyphicon.cargo:before {
  content: "\E060";
}
.glyphicons.compass:before,
.glyphicon.compass:before {
  content: "\E061";
}
.glyphicons.keynote:before,
.glyphicon.keynote:before {
  content: "\E062";
}
.glyphicons.paperclip:before,
.glyphicon.paperclip:before {
  content: "\1F4CE";
}
.glyphicons.power:before,
.glyphicon.power:before {
  content: "\E064";
}
.glyphicons.lightbulb:before,
.glyphicon.lightbulb:before {
  content: "\E065";
}
.glyphicons.tag:before,
.glyphicon.tag:before {
  content: "\E066";
}
.glyphicons.tags:before,
.glyphicon.tags:before {
  content: "\E067";
}
.glyphicons.cleaning:before,
.glyphicon.cleaning:before {
  content: "\E068";
}
.glyphicons.ruller:before,
.glyphicon.ruller:before {
  content: "\E069";
}
.glyphicons.gift:before,
.glyphicon.gift:before {
  content: "\E070";
}
.glyphicons.umbrella:before,
.glyphicon.umbrella:before {
  content: "\2602";
}
.glyphicons.book:before,
.glyphicon.book:before {
  content: "\E072";
}
.glyphicons.bookmark:before,
.glyphicon.bookmark:before {
  content: "\1F516";
}
.glyphicons.wifi:before,
.glyphicon.wifi:before {
  content: "\E074";
}
.glyphicons.cup:before,
.glyphicon.cup:before {
  content: "\E075";
}
.glyphicons.stroller:before,
.glyphicon.stroller:before {
  content: "\E076";
}
.glyphicons.headphones:before,
.glyphicon.headphones:before {
  content: "\E077";
}
.glyphicons.headset:before,
.glyphicon.headset:before {
  content: "\E078";
}
.glyphicons.warning_sign:before,
.glyphicon.warning_sign:before {
  content: "\E079";
}
.glyphicons.signal:before,
.glyphicon.signal:before {
  content: "\E080";
}
.glyphicons.retweet:before,
.glyphicon.retweet:before {
  content: "\E081";
}
.glyphicons.refresh:before,
.glyphicon.refresh:before {
  content: "\E082";
}
.glyphicons.roundabout:before,
.glyphicon.roundabout:before {
  content: "\E083";
}
.glyphicons.random:before,
.glyphicon.random:before {
  content: "\E084";
}
.glyphicons.heat:before,
.glyphicon.heat:before {
  content: "\E085";
}
.glyphicons.repeat:before,
.glyphicon.repeat:before {
  content: "\E086";
}
.glyphicons.display:before,
.glyphicon.display:before {
  content: "\E087";
}
.glyphicons.log_book:before,
.glyphicon.log_book:before {
  content: "\E088";
}
.glyphicons.address_book:before,
.glyphicon.address_book:before {
  content: "\E089";
}
.glyphicons.building:before,
.glyphicon.building:before {
  content: "\E090";
}
.glyphicons.eyedropper:before,
.glyphicon.eyedropper:before {
  content: "\E091";
}
.glyphicons.adjust:before,
.glyphicon.adjust:before {
  content: "\E092";
}
.glyphicons.tint:before,
.glyphicon.tint:before {
  content: "\E093";
}
.glyphicons.crop:before,
.glyphicon.crop:before {
  content: "\E094";
}
.glyphicons.vector_path_square:before,
.glyphicon.vector_path_square:before {
  content: "\E095";
}
.glyphicons.vector_path_circle:before,
.glyphicon.vector_path_circle:before {
  content: "\E096";
}
.glyphicons.vector_path_polygon:before,
.glyphicon.vector_path_polygon:before {
  content: "\E097";
}
.glyphicons.vector_path_line:before,
.glyphicon.vector_path_line:before {
  content: "\E098";
}
.glyphicons.vector_path_curve:before,
.glyphicon.vector_path_curve:before {
  content: "\E099";
}
.glyphicons.vector_path_all:before,
.glyphicon.vector_path_all:before {
  content: "\E100";
}
.glyphicons.font:before,
.glyphicon.font:before {
  content: "\E101";
}
.glyphicons.italic:before,
.glyphicon.italic:before {
  content: "\E102";
}
.glyphicons.bold:before,
.glyphicon.bold:before {
  content: "\E103";
}
.glyphicons.text_underline:before,
.glyphicon.text_underline:before {
  content: "\E104";
}
.glyphicons.text_strike:before,
.glyphicon.text_strike:before {
  content: "\E105";
}
.glyphicons.text_height:before,
.glyphicon.text_height:before {
  content: "\E106";
}
.glyphicons.text_width:before,
.glyphicon.text_width:before {
  content: "\E107";
}
.glyphicons.text_resize:before,
.glyphicon.text_resize:before {
  content: "\E108";
}
.glyphicons.left_indent:before,
.glyphicon.left_indent:before {
  content: "\E109";
}
.glyphicons.right_indent:before,
.glyphicon.right_indent:before {
  content: "\E110";
}
.glyphicons.align_left:before,
.glyphicon.align_left:before {
  content: "\E111";
}
.glyphicons.align_center:before,
.glyphicon.align_center:before {
  content: "\E112";
}
.glyphicons.align_right:before,
.glyphicon.align_right:before {
  content: "\E113";
}
.glyphicons.justify:before,
.glyphicon.justify:before {
  content: "\E114";
}
.glyphicons.list:before,
.glyphicon.list:before {
  content: "\E115";
}
.glyphicons.text_smaller:before,
.glyphicon.text_smaller:before {
  content: "\E116";
}
.glyphicons.text_bigger:before,
.glyphicon.text_bigger:before {
  content: "\E117";
}
.glyphicons.embed:before,
.glyphicon.embed:before {
  content: "\E118";
}
.glyphicons.embed_close:before,
.glyphicon.embed_close:before {
  content: "\E119";
}
.glyphicons.table:before,
.glyphicon.table:before {
  content: "\E120";
}
.glyphicons.message_full:before,
.glyphicon.message_full:before {
  content: "\E121";
}
.glyphicons.message_empty:before,
.glyphicon.message_empty:before {
  content: "\E122";
}
.glyphicons.message_in:before,
.glyphicon.message_in:before {
  content: "\E123";
}
.glyphicons.message_out:before,
.glyphicon.message_out:before {
  content: "\E124";
}
.glyphicons.message_plus:before,
.glyphicon.message_plus:before {
  content: "\E125";
}
.glyphicons.message_minus:before,
.glyphicon.message_minus:before {
  content: "\E126";
}
.glyphicons.message_ban:before,
.glyphicon.message_ban:before {
  content: "\E127";
}
.glyphicons.message_flag:before,
.glyphicon.message_flag:before {
  content: "\E128";
}
.glyphicons.message_lock:before,
.glyphicon.message_lock:before {
  content: "\E129";
}
.glyphicons.message_new:before,
.glyphicon.message_new:before {
  content: "\E130";
}
.glyphicons.inbox:before,
.glyphicon.inbox:before {
  content: "\E131";
}
.glyphicons.inbox_plus:before,
.glyphicon.inbox_plus:before {
  content: "\E132";
}
.glyphicons.inbox_minus:before,
.glyphicon.inbox_minus:before {
  content: "\E133";
}
.glyphicons.inbox_lock:before,
.glyphicon.inbox_lock:before {
  content: "\E134";
}
.glyphicons.inbox_in:before,
.glyphicon.inbox_in:before {
  content: "\E135";
}
.glyphicons.inbox_out:before,
.glyphicon.inbox_out:before {
  content: "\E136";
}
.glyphicons.cogwheel:before,
.glyphicon.cogwheel:before {
  content: "\E137";
}
.glyphicons.cogwheels:before,
.glyphicon.cogwheels:before {
  content: "\E138";
}
.glyphicons.picture:before,
.glyphicon.picture:before {
  content: "\E139";
}
.glyphicons.adjust_alt:before,
.glyphicon.adjust_alt:before {
  content: "\E140";
}
.glyphicons.database_lock:before,
.glyphicon.database_lock:before {
  content: "\E141";
}
.glyphicons.database_plus:before,
.glyphicon.database_plus:before {
  content: "\E142";
}
.glyphicons.database_minus:before,
.glyphicon.database_minus:before {
  content: "\E143";
}
.glyphicons.database_ban:before,
.glyphicon.database_ban:before {
  content: "\E144";
}
.glyphicons.folder_open:before,
.glyphicon.folder_open:before {
  content: "\E145";
}
.glyphicons.folder_plus:before,
.glyphicon.folder_plus:before {
  content: "\E146";
}
.glyphicons.folder_minus:before,
.glyphicon.folder_minus:before {
  content: "\E147";
}
.glyphicons.folder_lock:before,
.glyphicon.folder_lock:before {
  content: "\E148";
}
.glyphicons.folder_flag:before,
.glyphicon.folder_flag:before {
  content: "\E149";
}
.glyphicons.folder_new:before,
.glyphicon.folder_new:before {
  content: "\E150";
}
.glyphicons.edit:before,
.glyphicon.edit:before {
  content: "\E151";
}
.glyphicons.new_window:before,
.glyphicon.new_window:before {
  content: "\E152";
}
.glyphicons.check:before,
.glyphicon.check:before,
.glyphicons.glyphicon-check:before,
.glyphicon.glyphicon-check:before {
  content: "\E153";
}
.glyphicons.unchecked:before,
.glyphicon.unchecked:before,
.glyphicons.glyphicon-unchecked:before,
.glyphicon.glyphicon-unchecked:before {
  content: "\E154";
}
.glyphicons.more_windows:before,
.glyphicon.more_windows:before {
  content: "\E155";
}
.glyphicons.show_big_thumbnails:before,
.glyphicon.show_big_thumbnails:before {
  content: "\E156";
}
.glyphicons.show_thumbnails:before,
.glyphicon.show_thumbnails:before {
  content: "\E157";
}
.glyphicons.show_thumbnails_with_lines:before,
.glyphicon.show_thumbnails_with_lines:before {
  content: "\E158";
}
.glyphicons.show_lines:before,
.glyphicon.show_lines:before {
  content: "\E159";
}
.glyphicons.playlist:before,
.glyphicon.playlist:before {
  content: "\E160";
}
.glyphicons.imac:before,
.glyphicon.imac:before {
  content: "\E161";
}
.glyphicons.macbook:before,
.glyphicon.macbook:before {
  content: "\E162";
}
.glyphicons.ipad:before,
.glyphicon.ipad:before {
  content: "\E163";
}
.glyphicons.iphone:before,
.glyphicon.iphone:before {
  content: "\E164";
}
.glyphicons.iphone_transfer:before,
.glyphicon.iphone_transfer:before {
  content: "\E165";
}
.glyphicons.iphone_exchange:before,
.glyphicon.iphone_exchange:before {
  content: "\E166";
}
.glyphicons.ipod:before,
.glyphicon.ipod:before {
  content: "\E167";
}
.glyphicons.ipod_shuffle:before,
.glyphicon.ipod_shuffle:before {
  content: "\E168";
}
.glyphicons.ear_plugs:before,
.glyphicon.ear_plugs:before {
  content: "\E169";
}
.glyphicons.record:before,
.glyphicon.record:before {
  content: "\E170";
}
.glyphicons.step_backward:before,
.glyphicon.step_backward:before {
  content: "\E171";
}
.glyphicons.fast_backward:before,
.glyphicon.fast_backward:before {
  content: "\E172";
}
.glyphicons.rewind:before,
.glyphicon.rewind:before {
  content: "\E173";
}
.glyphicons.play:before,
.glyphicon.play:before {
  content: "\E174";
}
.glyphicons.pause:before,
.glyphicon.pause:before {
  content: "\E175";
}
.glyphicons.stop:before,
.glyphicon.stop:before {
  content: "\E176";
}
.glyphicons.forward:before,
.glyphicon.forward:before {
  content: "\E177";
}
.glyphicons.fast_forward:before,
.glyphicon.fast_forward:before {
  content: "\E178";
}
.glyphicons.step_forward:before,
.glyphicon.step_forward:before {
  content: "\E179";
}
.glyphicons.eject:before,
.glyphicon.eject:before {
  content: "\E180";
}
.glyphicons.facetime_video:before,
.glyphicon.facetime_video:before {
  content: "\E181";
}
.glyphicons.download_alt:before,
.glyphicon.download_alt:before {
  content: "\E182";
}
.glyphicons.mute:before,
.glyphicon.mute:before {
  content: "\E183";
}
.glyphicons.volume_down:before,
.glyphicon.volume_down:before {
  content: "\E184";
}
.glyphicons.volume_up:before,
.glyphicon.volume_up:before {
  content: "\E185";
}
.glyphicons.screenshot:before,
.glyphicon.screenshot:before {
  content: "\E186";
}
.glyphicons.move:before,
.glyphicon.move:before {
  content: "\E187";
}
.glyphicons.more:before,
.glyphicon.more:before {
  content: "\E188";
}
.glyphicons.brightness_reduce:before,
.glyphicon.brightness_reduce:before {
  content: "\E189";
}
.glyphicons.brightness_increase:before,
.glyphicon.brightness_increase:before {
  content: "\E190";
}
.glyphicons.circle_plus:before,
.glyphicon.circle_plus:before {
  content: "\E191";
}
.glyphicons.circle_minus:before,
.glyphicon.circle_minus:before {
  content: "\E192";
}
.glyphicons.circle_remove:before,
.glyphicon.circle_remove:before {
  content: "\E193";
}
.glyphicons.circle_ok:before,
.glyphicon.circle_ok:before {
  content: "\E194";
}
.glyphicons.circle_question_mark:before,
.glyphicon.circle_question_mark:before {
  content: "\E195";
}
.glyphicons.circle_info:before,
.glyphicon.circle_info:before {
  content: "\E196";
}
.glyphicons.circle_exclamation_mark:before,
.glyphicon.circle_exclamation_mark:before {
  content: "\E197";
}
.glyphicons.remove:before,
.glyphicon.remove:before {
  content: "\E198";
}
.glyphicons.ok:before,
.glyphicon.ok:before {
  content: "\E199";
}
.glyphicons.ban:before,
.glyphicon.ban:before {
  content: "\E200";
}
.glyphicons.download:before,
.glyphicon.download:before {
  content: "\E201";
}
.glyphicons.upload:before,
.glyphicon.upload:before {
  content: "\E202";
}
.glyphicons.shopping_cart:before,
.glyphicon.shopping_cart:before {
  content: "\E203";
}
.glyphicons.lock:before,
.glyphicon.lock:before {
  content: "\1F512";
}
.glyphicons.unlock:before,
.glyphicon.unlock:before {
  content: "\E205";
}
.glyphicons.electricity:before,
.glyphicon.electricity:before {
  content: "\E206";
}
.glyphicons.ok_2:before,
.glyphicon.ok_2:before {
  content: "\E207";
}
.glyphicons.remove_2:before,
.glyphicon.remove_2:before {
  content: "\E208";
}
.glyphicons.cart_out:before,
.glyphicon.cart_out:before {
  content: "\E209";
}
.glyphicons.cart_in:before,
.glyphicon.cart_in:before {
  content: "\E210";
}
.glyphicons.left_arrow:before,
.glyphicon.left_arrow:before {
  content: "\E211";
}
.glyphicons.right_arrow:before,
.glyphicon.right_arrow:before {
  content: "\E212";
}
.glyphicons.down_arrow:before,
.glyphicon.down_arrow:before {
  content: "\E213";
}
.glyphicons.up_arrow:before,
.glyphicon.up_arrow:before {
  content: "\E214";
}
.glyphicons.resize_small:before,
.glyphicon.resize_small:before {
  content: "\E215";
}
.glyphicons.resize_full:before,
.glyphicon.resize_full:before {
  content: "\E216";
}
.glyphicons.circle_arrow_left:before,
.glyphicon.circle_arrow_left:before {
  content: "\E217";
}
.glyphicons.circle_arrow_right:before,
.glyphicon.circle_arrow_right:before {
  content: "\E218";
}
.glyphicons.circle_arrow_top:before,
.glyphicon.circle_arrow_top:before {
  content: "\E219";
}
.glyphicons.circle_arrow_down:before,
.glyphicon.circle_arrow_down:before {
  content: "\E220";
}
.glyphicons.play_button:before,
.glyphicon.play_button:before {
  content: "\E221";
}
.glyphicons.unshare:before,
.glyphicon.unshare:before {
  content: "\E222";
}
.glyphicons.share:before,
.glyphicon.share:before {
  content: "\E223";
}
.glyphicons.chevron-right:before,
.glyphicon.chevron-right:before {
  content: "\E224";
}
.glyphicons.chevron-left:before,
.glyphicon.chevron-left:before {
  content: "\E225";
}
.glyphicons.bluetooth:before,
.glyphicon.bluetooth:before {
  content: "\E226";
}
.glyphicons.euro:before,
.glyphicon.euro:before {
  content: "\20AC";
}
.glyphicons.usd:before,
.glyphicon.usd:before {
  content: "\E228";
}
.glyphicons.gbp:before,
.glyphicon.gbp:before {
  content: "\E229";
}
.glyphicons.retweet_2:before,
.glyphicon.retweet_2:before {
  content: "\E230";
}
.glyphicons.moon:before,
.glyphicon.moon:before {
  content: "\E231";
}
.glyphicons.sun:before,
.glyphicon.sun:before {
  content: "\2609";
}
.glyphicons.cloud:before,
.glyphicon.cloud:before {
  content: "\2601";
}
.glyphicons.direction:before,
.glyphicon.direction:before {
  content: "\E234";
}
.glyphicons.brush:before,
.glyphicon.brush:before {
  content: "\E235";
}
.glyphicons.pen:before,
.glyphicon.pen:before {
  content: "\E236";
}
.glyphicons.zoom_in:before,
.glyphicon.zoom_in:before {
  content: "\E237";
}
.glyphicons.zoom_out:before,
.glyphicon.zoom_out:before {
  content: "\E238";
}
.glyphicons.pin:before,
.glyphicon.pin:before {
  content: "\E239";
}
.glyphicons.albums:before,
.glyphicon.albums:before {
  content: "\E240";
}
.glyphicons.rotation_lock:before,
.glyphicon.rotation_lock:before {
  content: "\E241";
}
.glyphicons.flash:before,
.glyphicon.flash:before {
  content: "\E242";
}
.glyphicons.google_maps:before,
.glyphicon.google_maps:before {
  content: "\E243";
}
.glyphicons.anchor:before,
.glyphicon.anchor:before {
  content: "\2693";
}
.glyphicons.conversation:before,
.glyphicon.conversation:before {
  content: "\E245";
}
.glyphicons.chat:before,
.glyphicon.chat:before {
  content: "\E246";
}
.glyphicons.male:before,
.glyphicon.male:before {
  content: "\E247";
}
.glyphicons.female:before,
.glyphicon.female:before {
  content: "\E248";
}
.glyphicons.asterisk:before,
.glyphicon.asterisk:before {
  content: "\002A";
}
.glyphicons.divide:before,
.glyphicon.divide:before {
  content: "\00F7";
}
.glyphicons.snorkel_diving:before,
.glyphicon.snorkel_diving:before {
  content: "\E251";
}
.glyphicons.scuba_diving:before,
.glyphicon.scuba_diving:before {
  content: "\E252";
}
.glyphicons.oxygen_bottle:before,
.glyphicon.oxygen_bottle:before {
  content: "\E253";
}
.glyphicons.fins:before,
.glyphicon.fins:before {
  content: "\E254";
}
.glyphicons.fishes:before,
.glyphicon.fishes:before {
  content: "\E255";
}
.glyphicons.boat:before,
.glyphicon.boat:before {
  content: "\E256";
}
.glyphicons.delete:before,
.glyphicon.delete:before {
  content: "\E257";
}
.glyphicons.sheriffs_star:before,
.glyphicon.sheriffs_star:before {
  content: "\E258";
}
.glyphicons.qrcode:before,
.glyphicon.qrcode:before {
  content: "\E259";
}
.glyphicons.barcode:before,
.glyphicon.barcode:before {
  content: "\E260";
}
.glyphicons.pool:before,
.glyphicon.pool:before {
  content: "\E261";
}
.glyphicons.buoy:before,
.glyphicon.buoy:before {
  content: "\E262";
}
.glyphicons.spade:before,
.glyphicon.spade:before {
  content: "\E263";
}
.glyphicons.bank:before,
.glyphicon.bank:before {
  content: "\1F3E6";
}
.glyphicons.vcard:before,
.glyphicon.vcard:before {
  content: "\E265";
}
.glyphicons.electrical_plug:before,
.glyphicon.electrical_plug:before {
  content: "\E266";
}
.glyphicons.flag:before,
.glyphicon.flag:before {
  content: "\E267";
}
.glyphicons.credit_card:before,
.glyphicon.credit_card:before {
  content: "\E268";
}
.glyphicons.keyboard-wireless:before,
.glyphicon.keyboard-wireless:before {
  content: "\E269";
}
.glyphicons.keyboard-wired:before,
.glyphicon.keyboard-wired:before {
  content: "\E270";
}
.glyphicons.shield:before,
.glyphicon.shield:before {
  content: "\E271";
}
.glyphicons.ring:before,
.glyphicon.ring:before {
  content: "\02DA";
}
.glyphicons.cake:before,
.glyphicon.cake:before {
  content: "\E273";
}
.glyphicons.drink:before,
.glyphicon.drink:before {
  content: "\E274";
}
.glyphicons.beer:before,
.glyphicon.beer:before {
  content: "\E275";
}
.glyphicons.fast_food:before,
.glyphicon.fast_food:before {
  content: "\E276";
}
.glyphicons.cutlery:before,
.glyphicon.cutlery:before {
  content: "\E277";
}
.glyphicons.pizza:before,
.glyphicon.pizza:before {
  content: "\E278";
}
.glyphicons.birthday_cake:before,
.glyphicon.birthday_cake:before {
  content: "\E279";
}
.glyphicons.tablet:before,
.glyphicon.tablet:before {
  content: "\E280";
}
.glyphicons.settings:before,
.glyphicon.settings:before {
  content: "\E281";
}
.glyphicons.bullets:before,
.glyphicon.bullets:before {
  content: "\E282";
}
.glyphicons.cardio:before,
.glyphicon.cardio:before {
  content: "\E283";
}
.glyphicons.t-shirt:before,
.glyphicon.t-shirt:before {
  content: "\E284";
}
.glyphicons.pants:before,
.glyphicon.pants:before {
  content: "\E285";
}
.glyphicons.sweater:before,
.glyphicon.sweater:before {
  content: "\E286";
}
.glyphicons.fabric:before,
.glyphicon.fabric:before {
  content: "\E287";
}
.glyphicons.leather:before,
.glyphicon.leather:before {
  content: "\E288";
}
.glyphicons.scissors:before,
.glyphicon.scissors:before {
  content: "\E289";
}
.glyphicons.bomb:before,
.glyphicon.bomb:before {
  content: "\1F4A3";
}
.glyphicons.skull:before,
.glyphicon.skull:before {
  content: "\1F480";
}
.glyphicons.celebration:before,
.glyphicon.celebration:before {
  content: "\E292";
}
.glyphicons.tea_kettle:before,
.glyphicon.tea_kettle:before {
  content: "\E293";
}
.glyphicons.french_press:before,
.glyphicon.french_press:before {
  content: "\E294";
}
.glyphicons.coffe_cup:before,
.glyphicon.coffe_cup:before {
  content: "\E295";
}
.glyphicons.pot:before,
.glyphicon.pot:before {
  content: "\E296";
}
.glyphicons.grater:before,
.glyphicon.grater:before {
  content: "\E297";
}
.glyphicons.kettle:before,
.glyphicon.kettle:before {
  content: "\E298";
}
.glyphicons.hospital:before,
.glyphicon.hospital:before {
  content: "\1F3E5";
}
.glyphicons.hospital_h:before,
.glyphicon.hospital_h:before {
  content: "\E300";
}
.glyphicons.microphone:before,
.glyphicon.microphone:before {
  content: "\1F3A4";
}
.glyphicons.webcam:before,
.glyphicon.webcam:before {
  content: "\E302";
}
.glyphicons.temple_christianity_church:before,
.glyphicon.temple_christianity_church:before {
  content: "\E303";
}
.glyphicons.temple_islam:before,
.glyphicon.temple_islam:before {
  content: "\E304";
}
.glyphicons.temple_hindu:before,
.glyphicon.temple_hindu:before {
  content: "\E305";
}
.glyphicons.temple_buddhist:before,
.glyphicon.temple_buddhist:before {
  content: "\E306";
}
.glyphicons.bicycle:before,
.glyphicon.bicycle:before {
  content: "\1F6B2";
}
.glyphicons.life_preserver:before,
.glyphicon.life_preserver:before {
  content: "\E308";
}
.glyphicons.share_alt:before,
.glyphicon.share_alt:before {
  content: "\E309";
}
.glyphicons.comments:before,
.glyphicon.comments:before {
  content: "\E310";
}
.glyphicons.flower:before,
.glyphicon.flower:before {
  content: "\2698";
}
.glyphicons.baseball:before,
.glyphicon.baseball:before {
  content: "\26BE";
}
.glyphicons.rugby:before,
.glyphicon.rugby:before {
  content: "\E313";
}
.glyphicons.ax:before,
.glyphicon.ax:before {
  content: "\E314";
}
.glyphicons.table_tennis:before,
.glyphicon.table_tennis:before {
  content: "\E315";
}
.glyphicons.bowling:before,
.glyphicon.bowling:before {
  content: "\1F3B3";
}
.glyphicons.tree_conifer:before,
.glyphicon.tree_conifer:before {
  content: "\E317";
}
.glyphicons.tree_deciduous:before,
.glyphicon.tree_deciduous:before {
  content: "\E318";
}
.glyphicons.more_items:before,
.glyphicon.more_items:before {
  content: "\E319";
}
.glyphicons.sort:before,
.glyphicon.sort:before {
  content: "\E320";
}
.glyphicons.filter:before,
.glyphicon.filter:before {
  content: "\E321";
}
.glyphicons.gamepad:before,
.glyphicon.gamepad:before {
  content: "\E322";
}
.glyphicons.playing_dices:before,
.glyphicon.playing_dices:before {
  content: "\E323";
}
.glyphicons.calculator:before,
.glyphicon.calculator:before {
  content: "\E324";
}
.glyphicons.tie:before,
.glyphicon.tie:before {
  content: "\E325";
}
.glyphicons.wallet:before,
.glyphicon.wallet:before {
  content: "\E326";
}
.glyphicons.piano:before,
.glyphicon.piano:before {
  content: "\E327";
}
.glyphicons.sampler:before,
.glyphicon.sampler:before {
  content: "\E328";
}
.glyphicons.podium:before,
.glyphicon.podium:before {
  content: "\E329";
}
.glyphicons.soccer_ball:before,
.glyphicon.soccer_ball:before {
  content: "\E330";
}
.glyphicons.blog:before,
.glyphicon.blog:before {
  content: "\E331";
}
.glyphicons.dashboard:before,
.glyphicon.dashboard:before {
  content: "\E332";
}
.glyphicons.certificate:before,
.glyphicon.certificate:before {
  content: "\E333";
}
.glyphicons.bell:before,
.glyphicon.bell:before {
  content: "\1F514";
}
.glyphicons.candle:before,
.glyphicon.candle:before {
  content: "\E335";
}
.glyphicons.pushpin:before,
.glyphicon.pushpin:before {
  content: "\1F4CC";
}
.glyphicons.iphone_shake:before,
.glyphicon.iphone_shake:before {
  content: "\E337";
}
.glyphicons.pin_flag:before,
.glyphicon.pin_flag:before {
  content: "\E338";
}
.glyphicons.turtle:before,
.glyphicon.turtle:before {
  content: "\1F422";
}
.glyphicons.rabbit:before,
.glyphicon.rabbit:before {
  content: "\1F407";
}
.glyphicons.globe:before,
.glyphicon.globe:before {
  content: "\E341";
}
.glyphicons.briefcase:before,
.glyphicon.briefcase:before {
  content: "\1F4BC";
}
.glyphicons.hdd:before,
.glyphicon.hdd:before {
  content: "\E343";
}
.glyphicons.thumbs_up:before,
.glyphicon.thumbs_up:before {
  content: "\E344";
}
.glyphicons.thumbs_down:before,
.glyphicon.thumbs_down:before {
  content: "\E345";
}
.glyphicons.hand_right:before,
.glyphicon.hand_right:before {
  content: "\E346";
}
.glyphicons.hand_left:before,
.glyphicon.hand_left:before {
  content: "\E347";
}
.glyphicons.hand_up:before,
.glyphicon.hand_up:before {
  content: "\E348";
}
.glyphicons.hand_down:before,
.glyphicon.hand_down:before {
  content: "\E349";
}
.glyphicons.fullscreen:before,
.glyphicon.fullscreen:before {
  content: "\E350";
}
.glyphicons.shopping_bag:before,
.glyphicon.shopping_bag:before {
  content: "\E351";
}
.glyphicons.book_open:before,
.glyphicon.book_open:before {
  content: "\E352";
}
.glyphicons.nameplate:before,
.glyphicon.nameplate:before {
  content: "\E353";
}
.glyphicons.nameplate_alt:before,
.glyphicon.nameplate_alt:before {
  content: "\E354";
}
.glyphicons.vases:before,
.glyphicon.vases:before {
  content: "\E355";
}
.glyphicons.bullhorn:before,
.glyphicon.bullhorn:before {
  content: "\E356";
}
.glyphicons.dumbbell:before,
.glyphicon.dumbbell:before {
  content: "\E357";
}
.glyphicons.suitcase:before,
.glyphicon.suitcase:before {
  content: "\E358";
}
.glyphicons.file_import:before,
.glyphicon.file_import:before {
  content: "\E359";
}
.glyphicons.file_export:before,
.glyphicon.file_export:before {
  content: "\E360";
}
.glyphicons.bug:before,
.glyphicon.bug:before {
  content: "\1F41B";
}
.glyphicons.crown:before,
.glyphicon.crown:before {
  content: "\1F451";
}
.glyphicons.smoking:before,
.glyphicon.smoking:before {
  content: "\E363";
}
.glyphicons.cloud-upload:before,
.glyphicon.cloud-upload:before {
  content: "\E364";
}
.glyphicons.cloud-download:before,
.glyphicon.cloud-download:before {
  content: "\E365";
}
.glyphicons.restart:before,
.glyphicon.restart:before {
  content: "\E366";
}
.glyphicons.security_camera:before,
.glyphicon.security_camera:before {
  content: "\E367";
}
.glyphicons.expand:before,
.glyphicon.expand:before {
  content: "\E368";
}
.glyphicons.collapse:before,
.glyphicon.collapse:before {
  content: "\E369";
}
.glyphicons.collapse_top:before,
.glyphicon.collapse_top:before {
  content: "\E370";
}
.glyphicons.globe_af:before,
.glyphicon.globe_af:before {
  content: "\E371";
}
.glyphicons.global:before,
.glyphicon.global:before {
  content: "\E372";
}
.glyphicons.spray:before,
.glyphicon.spray:before {
  content: "\E373";
}
.glyphicons.nails:before,
.glyphicon.nails:before {
  content: "\E374";
}
.glyphicons.claw_hammer:before,
.glyphicon.claw_hammer:before {
  content: "\E375";
}
.glyphicons.classic_hammer:before,
.glyphicon.classic_hammer:before {
  content: "\E376";
}
.glyphicons.hand_saw:before,
.glyphicon.hand_saw:before {
  content: "\E377";
}
.glyphicons.riflescope:before,
.glyphicon.riflescope:before {
  content: "\E378";
}
.glyphicons.electrical_socket_eu:before,
.glyphicon.electrical_socket_eu:before {
  content: "\E379";
}
.glyphicons.electrical_socket_us:before,
.glyphicon.electrical_socket_us:before {
  content: "\E380";
}
.glyphicons.message_forward:before,
.glyphicon.message_forward:before {
  content: "\E381";
}
.glyphicons.coat_hanger:before,
.glyphicon.coat_hanger:before {
  content: "\E382";
}
.glyphicons.dress:before,
.glyphicon.dress:before {
  content: "\1F457";
}
.glyphicons.bathrobe:before,
.glyphicon.bathrobe:before {
  content: "\E384";
}
.glyphicons.shirt:before,
.glyphicon.shirt:before {
  content: "\E385";
}
.glyphicons.underwear:before,
.glyphicon.underwear:before {
  content: "\E386";
}
.glyphicons.log_in:before,
.glyphicon.log_in:before {
  content: "\E387";
}
.glyphicons.log_out:before,
.glyphicon.log_out:before {
  content: "\E388";
}
.glyphicons.exit:before,
.glyphicon.exit:before {
  content: "\E389";
}
.glyphicons.new_window_alt:before,
.glyphicon.new_window_alt:before {
  content: "\E390";
}
.glyphicons.video_sd:before,
.glyphicon.video_sd:before {
  content: "\E391";
}
.glyphicons.video_hd:before,
.glyphicon.video_hd:before {
  content: "\E392";
}
.glyphicons.subtitles:before,
.glyphicon.subtitles:before {
  content: "\E393";
}
.glyphicons.sound_stereo:before,
.glyphicon.sound_stereo:before {
  content: "\E394";
}
.glyphicons.sound_dolby:before,
.glyphicon.sound_dolby:before {
  content: "\E395";
}
.glyphicons.sound_5_1:before,
.glyphicon.sound_5_1:before {
  content: "\E396";
}
.glyphicons.sound_6_1:before,
.glyphicon.sound_6_1:before {
  content: "\E397";
}
.glyphicons.sound_7_1:before,
.glyphicon.sound_7_1:before {
  content: "\E398";
}
.glyphicons.copyright_mark:before,
.glyphicon.copyright_mark:before {
  content: "\E399";
}
.glyphicons.registration_mark:before,
.glyphicon.registration_mark:before {
  content: "\E400";
}
.glyphicons.radar:before,
.glyphicon.radar:before {
  content: "\E401";
}
.glyphicons.skateboard:before,
.glyphicon.skateboard:before {
  content: "\E402";
}
.glyphicons.golf_course:before,
.glyphicon.golf_course:before {
  content: "\E403";
}
.glyphicons.sorting:before,
.glyphicon.sorting:before {
  content: "\E404";
}
.glyphicons.sort-by-alphabet:before,
.glyphicon.sort-by-alphabet:before {
  content: "\E405";
}
.glyphicons.sort-by-alphabet-alt:before,
.glyphicon.sort-by-alphabet-alt:before {
  content: "\E406";
}
.glyphicons.sort-by-order:before,
.glyphicon.sort-by-order:before {
  content: "\E407";
}
.glyphicons.sort-by-order-alt:before,
.glyphicon.sort-by-order-alt:before {
  content: "\E408";
}
.glyphicons.sort-by-attributes:before,
.glyphicon.sort-by-attributes:before {
  content: "\E409";
}
.glyphicons.sort-by-attributes-alt:before,
.glyphicon.sort-by-attributes-alt:before {
  content: "\E410";
}
.glyphicons.compressed:before,
.glyphicon.compressed:before {
  content: "\E411";
}
.glyphicons.package:before,
.glyphicon.package:before {
  content: "\1F4E6";
}
.glyphicons.cloud_plus:before,
.glyphicon.cloud_plus:before {
  content: "\E413";
}
.glyphicons.cloud_minus:before,
.glyphicon.cloud_minus:before {
  content: "\E414";
}
.glyphicons.disk_save:before,
.glyphicon.disk_save:before {
  content: "\E415";
}
.glyphicons.disk_open:before,
.glyphicon.disk_open:before {
  content: "\E416";
}
.glyphicons.disk_saved:before,
.glyphicon.disk_saved:before {
  content: "\E417";
}
.glyphicons.disk_remove:before,
.glyphicon.disk_remove:before {
  content: "\E418";
}
.glyphicons.disk_import:before,
.glyphicon.disk_import:before {
  content: "\E419";
}
.glyphicons.disk_export:before,
.glyphicon.disk_export:before {
  content: "\E420";
}
.glyphicons.tower:before,
.glyphicon.tower:before {
  content: "\E421";
}
.glyphicons.send:before,
.glyphicon.send:before {
  content: "\E422";
}
.glyphicons.git_branch:before,
.glyphicon.git_branch:before {
  content: "\E423";
}
.glyphicons.git_create:before,
.glyphicon.git_create:before {
  content: "\E424";
}
.glyphicons.git_private:before,
.glyphicon.git_private:before {
  content: "\E425";
}
.glyphicons.git_delete:before,
.glyphicon.git_delete:before {
  content: "\E426";
}
.glyphicons.git_merge:before,
.glyphicon.git_merge:before {
  content: "\E427";
}
.glyphicons.git_pull_request:before,
.glyphicon.git_pull_request:before {
  content: "\E428";
}
.glyphicons.git_compare:before,
.glyphicon.git_compare:before {
  content: "\E429";
}
.glyphicons.git_commit:before,
.glyphicon.git_commit:before {
  content: "\E430";
}
.glyphicons.construction_cone:before,
.glyphicon.construction_cone:before {
  content: "\E431";
}
.glyphicons.shoe_steps:before,
.glyphicon.shoe_steps:before {
  content: "\E432";
}
.glyphicons.plus:before,
.glyphicon.plus:before,
.glyphicons.glyphicon-plus:before,
.glyphicon.glyphicon-plus:before {
  content: "\002B";
}
.glyphicons.minus:before,
.glyphicon.minus:before,
.glyphicons.glyphicon-minus:before,
.glyphicon.glyphicon-minus:before {
  content: "\2212";
}
.glyphicons.redo:before,
.glyphicon.redo:before {
  content: "\E435";
}
.glyphicons.undo:before,
.glyphicon.undo:before {
  content: "\E436";
}
.glyphicons.golf:before,
.glyphicon.golf:before {
  content: "\E437";
}
.glyphicons.hockey:before,
.glyphicon.hockey:before {
  content: "\E438";
}
.glyphicons.pipe:before,
.glyphicon.pipe:before {
  content: "\E439";
}
.glyphicons.wrench:before,
.glyphicon.wrench:before {
  content: "\1F527";
}
.glyphicons.folder_closed:before,
.glyphicon.folder_closed:before {
  content: "\E441";
}
.glyphicons.phone_alt:before,
.glyphicon.phone_alt:before {
  content: "\E442";
}
.glyphicons.earphone:before,
.glyphicon.earphone:before {
  content: "\E443";
}
.glyphicons.floppy_disk:before,
.glyphicon.floppy_disk:before {
  content: "\E444";
}
.glyphicons.floppy_saved:before,
.glyphicon.floppy_saved:before {
  content: "\E445";
}
.glyphicons.floppy_remove:before,
.glyphicon.floppy_remove:before {
  content: "\E446";
}
.glyphicons.floppy_save:before,
.glyphicon.floppy_save:before {
  content: "\E447";
}
.glyphicons.floppy_open:before,
.glyphicon.floppy_open:before {
  content: "\E448";
}
.glyphicons.translate:before,
.glyphicon.translate:before {
  content: "\E449";
}
.glyphicons.fax:before,
.glyphicon.fax:before {
  content: "\E450";
}
.glyphicons.factory:before,
.glyphicon.factory:before {
  content: "\1F3ED";
}
.glyphicons.shop_window:before,
.glyphicon.shop_window:before {
  content: "\E452";
}
.glyphicons.shop:before,
.glyphicon.shop:before {
  content: "\E453";
}
.glyphicons.kiosk:before,
.glyphicon.kiosk:before {
  content: "\E454";
}
.glyphicons.kiosk_wheels:before,
.glyphicon.kiosk_wheels:before {
  content: "\E455";
}
.glyphicons.kiosk_light:before,
.glyphicon.kiosk_light:before {
  content: "\E456";
}
.glyphicons.kiosk_food:before,
.glyphicon.kiosk_food:before {
  content: "\E457";
}
.glyphicons.transfer:before,
.glyphicon.transfer:before {
  content: "\E458";
}
.glyphicons.money:before,
.glyphicon.money:before {
  content: "\E459";
}
.glyphicons.header:before,
.glyphicon.header:before {
  content: "\E460";
}
.glyphicons.blacksmith:before,
.glyphicon.blacksmith:before {
  content: "\E461";
}
.glyphicons.saw_blade:before,
.glyphicon.saw_blade:before {
  content: "\E462";
}
.glyphicons.basketball:before,
.glyphicon.basketball:before {
  content: "\E463";
}
.glyphicons.server:before,
.glyphicon.server:before {
  content: "\E464";
}
.glyphicons.server_plus:before,
.glyphicon.server_plus:before {
  content: "\E465";
}
.glyphicons.server_minus:before,
.glyphicon.server_minus:before {
  content: "\E466";
}
.glyphicons.server_ban:before,
.glyphicon.server_ban:before {
  content: "\E467";
}
.glyphicons.server_flag:before,
.glyphicon.server_flag:before {
  content: "\E468";
}
.glyphicons.server_lock:before,
.glyphicon.server_lock:before {
  content: "\E469";
}
.glyphicons.server_new:before,
.glyphicon.server_new:before {
  content: "\E470";
}
.glyphicons-icon {
  display: inline-block;
  width: 48px;
  height: 48px;
  margin: 0 8px 0 0;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url(../images/glyphicons.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  *margin-right: .3em;
}
.glyphicons-icon _:-o-prefocus,
.glyphicons-icon {
  background-image: url(../images/glyphicons.png);
}
.no-inlinesvg .glyphicons-icon {
  background-image: url(../images/glyphicons.png);
}
.glyphicons-icon.white {
  background-image: url(../images/glyphicons-white.svg);
}
.glyphicons-icon.white _:-o-prefocus,
.glyphicons-icon.white {
  background-image: url(../images/glyphicons-white.png);
}
.no-inlinesvg .glyphicons-icon.white {
  background-image: url(../images/glyphicons-white.png);
}
.glyphicons-icon.glass {
  background-position: 4px 11px;
}
.glyphicons-icon.leaf {
  background-position: -44px 11px;
}
.glyphicons-icon.dog {
  background-position: -92px 11px;
}
.glyphicons-icon.user {
  background-position: -140px 11px;
}
.glyphicons-icon.girl {
  background-position: -188px 11px;
}
.glyphicons-icon.car {
  background-position: -236px 11px;
}
.glyphicons-icon.user_add {
  background-position: -284px 11px;
}
.glyphicons-icon.user_remove {
  background-position: -332px 11px;
}
.glyphicons-icon.film {
  background-position: -380px 11px;
}
.glyphicons-icon.magic {
  background-position: -428px 11px;
}
.glyphicons-icon.envelope {
  background-position: 4px -37px;
}
.glyphicons-icon.camera {
  background-position: -44px -37px;
}
.glyphicons-icon.heart {
  background-position: -92px -37px;
}
.glyphicons-icon.beach_umbrella {
  background-position: -140px -37px;
}
.glyphicons-icon.train {
  background-position: -188px -37px;
}
.glyphicons-icon.print {
  background-position: -236px -37px;
}
.glyphicons-icon.bin {
  background-position: -284px -37px;
}
.glyphicons-icon.music {
  background-position: -332px -37px;
}
.glyphicons-icon.note {
  background-position: -380px -37px;
}
.glyphicons-icon.heart_empty {
  background-position: -428px -37px;
}
.glyphicons-icon.home {
  background-position: 4px -85px;
}
.glyphicons-icon.snowflake {
  background-position: -44px -85px;
}
.glyphicons-icon.fire {
  background-position: -92px -85px;
}
.glyphicons-icon.magnet {
  background-position: -140px -85px;
}
.glyphicons-icon.parents {
  background-position: -188px -85px;
}
.glyphicons-icon.binoculars {
  background-position: -236px -85px;
}
.glyphicons-icon.road {
  background-position: -284px -85px;
}
.glyphicons-icon.search {
  background-position: -332px -85px;
}
.glyphicons-icon.cars {
  background-position: -380px -85px;
}
.glyphicons-icon.notes_2 {
  background-position: -428px -85px;
}
.glyphicons-icon.pencil {
  background-position: 4px -133px;
}
.glyphicons-icon.bus {
  background-position: -44px -133px;
}
.glyphicons-icon.wifi_alt {
  background-position: -92px -133px;
}
.glyphicons-icon.luggage {
  background-position: -140px -133px;
}
.glyphicons-icon.old_man {
  background-position: -188px -133px;
}
.glyphicons-icon.woman {
  background-position: -236px -133px;
}
.glyphicons-icon.file {
  background-position: -284px -133px;
}
.glyphicons-icon.coins {
  background-position: -332px -133px;
}
.glyphicons-icon.airplane {
  background-position: -380px -133px;
}
.glyphicons-icon.notes {
  background-position: -428px -133px;
}
.glyphicons-icon.stats {
  background-position: 4px -181px;
}
.glyphicons-icon.charts {
  background-position: -44px -181px;
}
.glyphicons-icon.pie_chart {
  background-position: -92px -181px;
}
.glyphicons-icon.group {
  background-position: -140px -181px;
}
.glyphicons-icon.keys {
  background-position: -188px -181px;
}
.glyphicons-icon.calendar {
  background-position: -236px -181px;
}
.glyphicons-icon.router {
  background-position: -284px -181px;
}
.glyphicons-icon.camera_small {
  background-position: -332px -181px;
}
.glyphicons-icon.dislikes {
  background-position: -380px -181px;
}
.glyphicons-icon.star {
  background-position: -428px -181px;
}
.glyphicons-icon.link {
  background-position: 4px -229px;
}
.glyphicons-icon.eye_open {
  background-position: -44px -229px;
}
.glyphicons-icon.eye_close {
  background-position: -92px -229px;
}
.glyphicons-icon.alarm {
  background-position: -140px -229px;
}
.glyphicons-icon.clock {
  background-position: -188px -229px;
}
.glyphicons-icon.stopwatch {
  background-position: -236px -229px;
}
.glyphicons-icon.projector {
  background-position: -284px -229px;
}
.glyphicons-icon.history {
  background-position: -332px -229px;
}
.glyphicons-icon.truck {
  background-position: -380px -229px;
}
.glyphicons-icon.cargo {
  background-position: -428px -229px;
}
.glyphicons-icon.compass {
  background-position: 4px -277px;
}
.glyphicons-icon.keynote {
  background-position: -44px -277px;
}
.glyphicons-icon.paperclip {
  background-position: -92px -277px;
}
.glyphicons-icon.power {
  background-position: -140px -277px;
}
.glyphicons-icon.lightbulb {
  background-position: -188px -277px;
}
.glyphicons-icon.tag {
  background-position: -236px -277px;
}
.glyphicons-icon.tags {
  background-position: -284px -277px;
}
.glyphicons-icon.cleaning {
  background-position: -332px -277px;
}
.glyphicons-icon.ruller {
  background-position: -380px -277px;
}
.glyphicons-icon.gift {
  background-position: -428px -277px;
}
.glyphicons-icon.umbrella {
  background-position: 4px -325px;
}
.glyphicons-icon.book {
  background-position: -44px -325px;
}
.glyphicons-icon.bookmark {
  background-position: -92px -325px;
}
.glyphicons-icon.wifi {
  background-position: -140px -325px;
}
.glyphicons-icon.cup {
  background-position: -188px -325px;
}
.glyphicons-icon.stroller {
  background-position: -236px -325px;
}
.glyphicons-icon.headphones {
  background-position: -284px -325px;
}
.glyphicons-icon.headset {
  background-position: -332px -325px;
}
.glyphicons-icon.warning_sign {
  background-position: -380px -325px;
}
.glyphicons-icon.signal {
  background-position: -428px -325px;
}
.glyphicons-icon.retweet {
  background-position: 4px -373px;
}
.glyphicons-icon.refresh {
  background-position: -44px -373px;
}
.glyphicons-icon.roundabout {
  background-position: -92px -373px;
}
.glyphicons-icon.random {
  background-position: -140px -373px;
}
.glyphicons-icon.heat {
  background-position: -188px -373px;
}
.glyphicons-icon.repeat {
  background-position: -236px -373px;
}
.glyphicons-icon.display {
  background-position: -284px -373px;
}
.glyphicons-icon.log_book {
  background-position: -332px -373px;
}
.glyphicons-icon.address_book {
  background-position: -380px -373px;
}
.glyphicons-icon.building {
  background-position: -428px -373px;
}
.glyphicons-icon.eyedropper {
  background-position: 4px -421px;
}
.glyphicons-icon.adjust {
  background-position: -44px -421px;
}
.glyphicons-icon.tint {
  background-position: -92px -421px;
}
.glyphicons-icon.crop {
  background-position: -140px -421px;
}
.glyphicons-icon.vector_path_square {
  background-position: -188px -421px;
}
.glyphicons-icon.vector_path_circle {
  background-position: -236px -421px;
}
.glyphicons-icon.vector_path_polygon {
  background-position: -284px -421px;
}
.glyphicons-icon.vector_path_line {
  background-position: -332px -421px;
}
.glyphicons-icon.vector_path_curve {
  background-position: -380px -421px;
}
.glyphicons-icon.vector_path_all {
  background-position: -428px -421px;
}
.glyphicons-icon.font {
  background-position: 4px -469px;
}
.glyphicons-icon.italic {
  background-position: -44px -469px;
}
.glyphicons-icon.bold {
  background-position: -92px -469px;
}
.glyphicons-icon.text_underline {
  background-position: -140px -469px;
}
.glyphicons-icon.text_strike {
  background-position: -188px -469px;
}
.glyphicons-icon.text_height {
  background-position: -236px -469px;
}
.glyphicons-icon.text_width {
  background-position: -284px -469px;
}
.glyphicons-icon.text_resize {
  background-position: -332px -469px;
}
.glyphicons-icon.left_indent {
  background-position: -380px -469px;
}
.glyphicons-icon.right_indent {
  background-position: -428px -469px;
}
.glyphicons-icon.align_left {
  background-position: 4px -517px;
}
.glyphicons-icon.align_center {
  background-position: -44px -517px;
}
.glyphicons-icon.align_right {
  background-position: -92px -517px;
}
.glyphicons-icon.justify {
  background-position: -140px -517px;
}
.glyphicons-icon.list {
  background-position: -188px -517px;
}
.glyphicons-icon.text_smaller {
  background-position: -236px -517px;
}
.glyphicons-icon.text_bigger {
  background-position: -284px -517px;
}
.glyphicons-icon.embed {
  background-position: -332px -517px;
}
.glyphicons-icon.embed_close {
  background-position: -380px -517px;
}
.glyphicons-icon.table {
  background-position: -428px -517px;
}
.glyphicons-icon.message_full {
  background-position: 4px -565px;
}
.glyphicons-icon.message_empty {
  background-position: -44px -565px;
}
.glyphicons-icon.message_in {
  background-position: -92px -565px;
}
.glyphicons-icon.message_out {
  background-position: -140px -565px;
}
.glyphicons-icon.message_plus {
  background-position: -188px -565px;
}
.glyphicons-icon.message_minus {
  background-position: -236px -565px;
}
.glyphicons-icon.message_ban {
  background-position: -284px -565px;
}
.glyphicons-icon.message_flag {
  background-position: -332px -565px;
}
.glyphicons-icon.message_lock {
  background-position: -380px -565px;
}
.glyphicons-icon.message_new {
  background-position: -428px -565px;
}
.glyphicons-icon.inbox {
  background-position: 4px -613px;
}
.glyphicons-icon.inbox_plus {
  background-position: -44px -613px;
}
.glyphicons-icon.inbox_minus {
  background-position: -92px -613px;
}
.glyphicons-icon.inbox_lock {
  background-position: -140px -613px;
}
.glyphicons-icon.inbox_in {
  background-position: -188px -613px;
}
.glyphicons-icon.inbox_out {
  background-position: -236px -613px;
}
.glyphicons-icon.cogwheel {
  background-position: -284px -613px;
}
.glyphicons-icon.cogwheels {
  background-position: -332px -613px;
}
.glyphicons-icon.picture {
  background-position: -380px -613px;
}
.glyphicons-icon.adjust_alt {
  background-position: -428px -613px;
}
.glyphicons-icon.database_lock {
  background-position: 4px -661px;
}
.glyphicons-icon.database_plus {
  background-position: -44px -661px;
}
.glyphicons-icon.database_minus {
  background-position: -92px -661px;
}
.glyphicons-icon.database_ban {
  background-position: -140px -661px;
}
.glyphicons-icon.folder_open {
  background-position: -188px -661px;
}
.glyphicons-icon.folder_plus {
  background-position: -236px -661px;
}
.glyphicons-icon.folder_minus {
  background-position: -284px -661px;
}
.glyphicons-icon.folder_lock {
  background-position: -332px -661px;
}
.glyphicons-icon.folder_flag {
  background-position: -380px -661px;
}
.glyphicons-icon.folder_new {
  background-position: -428px -661px;
}
.glyphicons-icon.edit {
  background-position: 4px -709px;
}
.glyphicons-icon.new_window {
  background-position: -44px -709px;
}
.glyphicons-icon.check {
  background-position: -92px -709px;
}
.glyphicons-icon.unchecked {
  background-position: -140px -709px;
}
.glyphicons-icon.more_windows {
  background-position: -188px -709px;
}
.glyphicons-icon.show_big_thumbnails {
  background-position: -236px -709px;
}
.glyphicons-icon.show_thumbnails {
  background-position: -284px -709px;
}
.glyphicons-icon.show_thumbnails_with_lines {
  background-position: -332px -709px;
}
.glyphicons-icon.show_lines {
  background-position: -380px -709px;
}
.glyphicons-icon.playlist {
  background-position: -428px -709px;
}
.glyphicons-icon.imac {
  background-position: 4px -757px;
}
.glyphicons-icon.macbook {
  background-position: -44px -757px;
}
.glyphicons-icon.ipad {
  background-position: -92px -757px;
}
.glyphicons-icon.iphone {
  background-position: -140px -757px;
}
.glyphicons-icon.iphone_transfer {
  background-position: -188px -757px;
}
.glyphicons-icon.iphone_exchange {
  background-position: -236px -757px;
}
.glyphicons-icon.ipod {
  background-position: -284px -757px;
}
.glyphicons-icon.ipod_shuffle {
  background-position: -332px -757px;
}
.glyphicons-icon.ear_plugs {
  background-position: -380px -757px;
}
.glyphicons-icon.record {
  background-position: -428px -757px;
}
.glyphicons-icon.step_backward {
  background-position: 4px -805px;
}
.glyphicons-icon.fast_backward {
  background-position: -44px -805px;
}
.glyphicons-icon.rewind {
  background-position: -92px -805px;
}
.glyphicons-icon.play {
  background-position: -140px -805px;
}
.glyphicons-icon.pause {
  background-position: -188px -805px;
}
.glyphicons-icon.stop {
  background-position: -236px -805px;
}
.glyphicons-icon.forward {
  background-position: -284px -805px;
}
.glyphicons-icon.fast_forward {
  background-position: -332px -805px;
}
.glyphicons-icon.step_forward {
  background-position: -380px -805px;
}
.glyphicons-icon.eject {
  background-position: -428px -805px;
}
.glyphicons-icon.facetime_video {
  background-position: 4px -853px;
}
.glyphicons-icon.download_alt {
  background-position: -44px -853px;
}
.glyphicons-icon.mute {
  background-position: -92px -853px;
}
.glyphicons-icon.volume_down {
  background-position: -140px -853px;
}
.glyphicons-icon.volume_up {
  background-position: -188px -853px;
}
.glyphicons-icon.screenshot {
  background-position: -236px -853px;
}
.glyphicons-icon.move {
  background-position: -284px -853px;
}
.glyphicons-icon.more {
  background-position: -332px -853px;
}
.glyphicons-icon.brightness_reduce {
  background-position: -380px -853px;
}
.glyphicons-icon.brightness_increase {
  background-position: -428px -853px;
}
.glyphicons-icon.circle_plus {
  background-position: 4px -901px;
}
.glyphicons-icon.circle_minus {
  background-position: -44px -901px;
}
.glyphicons-icon.circle_remove {
  background-position: -92px -901px;
}
.glyphicons-icon.circle_ok {
  background-position: -140px -901px;
}
.glyphicons-icon.circle_question_mark {
  background-position: -188px -901px;
}
.glyphicons-icon.circle_info {
  background-position: -236px -901px;
}
.glyphicons-icon.circle_exclamation_mark {
  background-position: -284px -901px;
}
.glyphicons-icon.remove {
  background-position: -332px -901px;
}
.glyphicons-icon.ok {
  background-position: -380px -901px;
}
.glyphicons-icon.ban {
  background-position: -428px -901px;
}
.glyphicons-icon.download {
  background-position: 4px -949px;
}
.glyphicons-icon.upload {
  background-position: -44px -949px;
}
.glyphicons-icon.shopping_cart {
  background-position: -92px -949px;
}
.glyphicons-icon.lock {
  background-position: -140px -949px;
}
.glyphicons-icon.unlock {
  background-position: -188px -949px;
}
.glyphicons-icon.electricity {
  background-position: -236px -949px;
}
.glyphicons-icon.ok_2 {
  background-position: -284px -949px;
}
.glyphicons-icon.remove_2 {
  background-position: -332px -949px;
}
.glyphicons-icon.cart_out {
  background-position: -380px -949px;
}
.glyphicons-icon.cart_in {
  background-position: -428px -949px;
}
.glyphicons-icon.left_arrow {
  background-position: 4px -997px;
}
.glyphicons-icon.right_arrow {
  background-position: -44px -997px;
}
.glyphicons-icon.down_arrow {
  background-position: -92px -997px;
}
.glyphicons-icon.up_arrow {
  background-position: -140px -997px;
}
.glyphicons-icon.resize_small {
  background-position: -188px -997px;
}
.glyphicons-icon.resize_full {
  background-position: -236px -997px;
}
.glyphicons-icon.circle_arrow_left {
  background-position: -284px -997px;
}
.glyphicons-icon.circle_arrow_right {
  background-position: -332px -997px;
}
.glyphicons-icon.circle_arrow_top {
  background-position: -380px -997px;
}
.glyphicons-icon.circle_arrow_down {
  background-position: -428px -997px;
}
.glyphicons-icon.play_button {
  background-position: 4px -1045px;
}
.glyphicons-icon.unshare {
  background-position: -44px -1045px;
}
.glyphicons-icon.share {
  background-position: -92px -1045px;
}
.glyphicons-icon.chevron-right {
  background-position: -140px -1045px;
}
.glyphicons-icon.chevron-left {
  background-position: -188px -1045px;
}
.glyphicons-icon.bluetooth {
  background-position: -236px -1045px;
}
.glyphicons-icon.euro {
  background-position: -284px -1045px;
}
.glyphicons-icon.usd {
  background-position: -332px -1045px;
}
.glyphicons-icon.gbp {
  background-position: -380px -1045px;
}
.glyphicons-icon.retweet_2 {
  background-position: -428px -1045px;
}
.glyphicons-icon.moon {
  background-position: 4px -1093px;
}
.glyphicons-icon.sun {
  background-position: -44px -1093px;
}
.glyphicons-icon.cloud {
  background-position: -92px -1093px;
}
.glyphicons-icon.direction {
  background-position: -140px -1093px;
}
.glyphicons-icon.brush {
  background-position: -188px -1093px;
}
.glyphicons-icon.pen {
  background-position: -236px -1093px;
}
.glyphicons-icon.zoom_in {
  background-position: -284px -1093px;
}
.glyphicons-icon.zoom_out {
  background-position: -332px -1093px;
}
.glyphicons-icon.pin {
  background-position: -380px -1093px;
}
.glyphicons-icon.albums {
  background-position: -428px -1093px;
}
.glyphicons-icon.rotation_lock {
  background-position: 4px -1141px;
}
.glyphicons-icon.flash {
  background-position: -44px -1141px;
}
.glyphicons-icon.google_maps {
  background-position: -92px -1141px;
}
.glyphicons-icon.anchor {
  background-position: -140px -1141px;
}
.glyphicons-icon.conversation {
  background-position: -188px -1141px;
}
.glyphicons-icon.chat {
  background-position: -236px -1141px;
}
.glyphicons-icon.male {
  background-position: -284px -1141px;
}
.glyphicons-icon.female {
  background-position: -332px -1141px;
}
.glyphicons-icon.asterisk {
  background-position: -380px -1141px;
}
.glyphicons-icon.divide {
  background-position: -428px -1141px;
}
.glyphicons-icon.snorkel_diving {
  background-position: 4px -1189px;
}
.glyphicons-icon.scuba_diving {
  background-position: -44px -1189px;
}
.glyphicons-icon.oxygen_bottle {
  background-position: -92px -1189px;
}
.glyphicons-icon.fins {
  background-position: -140px -1189px;
}
.glyphicons-icon.fishes {
  background-position: -188px -1189px;
}
.glyphicons-icon.boat {
  background-position: -236px -1189px;
}
.glyphicons-icon.delete {
  background-position: -284px -1189px;
}
.glyphicons-icon.sheriffs_star {
  background-position: -332px -1189px;
}
.glyphicons-icon.qrcode {
  background-position: -380px -1189px;
}
.glyphicons-icon.barcode {
  background-position: -428px -1189px;
}
.glyphicons-icon.pool {
  background-position: 4px -1237px;
}
.glyphicons-icon.buoy {
  background-position: -44px -1237px;
}
.glyphicons-icon.spade {
  background-position: -92px -1237px;
}
.glyphicons-icon.bank {
  background-position: -140px -1237px;
}
.glyphicons-icon.vcard {
  background-position: -188px -1237px;
}
.glyphicons-icon.electrical_plug {
  background-position: -236px -1237px;
}
.glyphicons-icon.flag {
  background-position: -284px -1237px;
}
.glyphicons-icon.credit_card {
  background-position: -332px -1237px;
}
.glyphicons-icon.keyboard-wireless {
  background-position: -380px -1237px;
}
.glyphicons-icon.keyboard-wired {
  background-position: -428px -1237px;
}
.glyphicons-icon.shield {
  background-position: 4px -1285px;
}
.glyphicons-icon.ring {
  background-position: -44px -1285px;
}
.glyphicons-icon.cake {
  background-position: -92px -1285px;
}
.glyphicons-icon.drink {
  background-position: -140px -1285px;
}
.glyphicons-icon.beer {
  background-position: -188px -1285px;
}
.glyphicons-icon.fast_food {
  background-position: -236px -1285px;
}
.glyphicons-icon.cutlery {
  background-position: -284px -1285px;
}
.glyphicons-icon.pizza {
  background-position: -332px -1285px;
}
.glyphicons-icon.birthday_cake {
  background-position: -380px -1285px;
}
.glyphicons-icon.tablet {
  background-position: -428px -1285px;
}
.glyphicons-icon.settings {
  background-position: 4px -1333px;
}
.glyphicons-icon.bullets {
  background-position: -44px -1333px;
}
.glyphicons-icon.cardio {
  background-position: -92px -1333px;
}
.glyphicons-icon.t-shirt {
  background-position: -140px -1333px;
}
.glyphicons-icon.pants {
  background-position: -188px -1333px;
}
.glyphicons-icon.sweater {
  background-position: -236px -1333px;
}
.glyphicons-icon.fabric {
  background-position: -284px -1333px;
}
.glyphicons-icon.leather {
  background-position: -332px -1333px;
}
.glyphicons-icon.scissors {
  background-position: -380px -1333px;
}
.glyphicons-icon.bomb {
  background-position: -428px -1333px;
}
.glyphicons-icon.skull {
  background-position: 4px -1381px;
}
.glyphicons-icon.celebration {
  background-position: -44px -1381px;
}
.glyphicons-icon.tea_kettle {
  background-position: -92px -1381px;
}
.glyphicons-icon.french_press {
  background-position: -140px -1381px;
}
.glyphicons-icon.coffe_cup {
  background-position: -188px -1381px;
}
.glyphicons-icon.pot {
  background-position: -236px -1381px;
}
.glyphicons-icon.grater {
  background-position: -284px -1381px;
}
.glyphicons-icon.kettle {
  background-position: -332px -1381px;
}
.glyphicons-icon.hospital {
  background-position: -380px -1381px;
}
.glyphicons-icon.hospital_h {
  background-position: -428px -1381px;
}
.glyphicons-icon.microphone {
  background-position: 4px -1429px;
}
.glyphicons-icon.webcam {
  background-position: -44px -1429px;
}
.glyphicons-icon.temple_christianity_church {
  background-position: -92px -1429px;
}
.glyphicons-icon.temple_islam {
  background-position: -140px -1429px;
}
.glyphicons-icon.temple_hindu {
  background-position: -188px -1429px;
}
.glyphicons-icon.temple_buddhist {
  background-position: -236px -1429px;
}
.glyphicons-icon.bicycle {
  background-position: -284px -1429px;
}
.glyphicons-icon.life_preserver {
  background-position: -332px -1429px;
}
.glyphicons-icon.share_alt {
  background-position: -380px -1429px;
}
.glyphicons-icon.comments {
  background-position: -428px -1429px;
}
.glyphicons-icon.flower {
  background-position: 4px -1477px;
}
.glyphicons-icon.baseball {
  background-position: -44px -1477px;
}
.glyphicons-icon.rugby {
  background-position: -92px -1477px;
}
.glyphicons-icon.ax {
  background-position: -140px -1477px;
}
.glyphicons-icon.table_tennis {
  background-position: -188px -1477px;
}
.glyphicons-icon.bowling {
  background-position: -236px -1477px;
}
.glyphicons-icon.tree_conifer {
  background-position: -284px -1477px;
}
.glyphicons-icon.tree_deciduous {
  background-position: -332px -1477px;
}
.glyphicons-icon.more_items {
  background-position: -380px -1477px;
}
.glyphicons-icon.sort {
  background-position: -428px -1477px;
}
.glyphicons-icon.filter {
  background-position: 4px -1525px;
}
.glyphicons-icon.gamepad {
  background-position: -44px -1525px;
}
.glyphicons-icon.playing_dices {
  background-position: -92px -1525px;
}
.glyphicons-icon.calculator {
  background-position: -140px -1525px;
}
.glyphicons-icon.tie {
  background-position: -188px -1525px;
}
.glyphicons-icon.wallet {
  background-position: -236px -1525px;
}
.glyphicons-icon.piano {
  background-position: -284px -1525px;
}
.glyphicons-icon.sampler {
  background-position: -332px -1525px;
}
.glyphicons-icon.podium {
  background-position: -380px -1525px;
}
.glyphicons-icon.soccer_ball {
  background-position: -428px -1525px;
}
.glyphicons-icon.blog {
  background-position: 4px -1573px;
}
.glyphicons-icon.dashboard {
  background-position: -44px -1573px;
}
.glyphicons-icon.certificate {
  background-position: -92px -1573px;
}
.glyphicons-icon.bell {
  background-position: -140px -1573px;
}
.glyphicons-icon.candle {
  background-position: -188px -1573px;
}
.glyphicons-icon.pushpin {
  background-position: -236px -1573px;
}
.glyphicons-icon.iphone_shake {
  background-position: -284px -1573px;
}
.glyphicons-icon.pin_flag {
  background-position: -332px -1573px;
}
.glyphicons-icon.turtle {
  background-position: -380px -1573px;
}
.glyphicons-icon.rabbit {
  background-position: -428px -1573px;
}
.glyphicons-icon.globe {
  background-position: 4px -1621px;
}
.glyphicons-icon.briefcase {
  background-position: -44px -1621px;
}
.glyphicons-icon.hdd {
  background-position: -92px -1621px;
}
.glyphicons-icon.thumbs_up {
  background-position: -140px -1621px;
}
.glyphicons-icon.thumbs_down {
  background-position: -188px -1621px;
}
.glyphicons-icon.hand_right {
  background-position: -236px -1621px;
}
.glyphicons-icon.hand_left {
  background-position: -284px -1621px;
}
.glyphicons-icon.hand_up {
  background-position: -332px -1621px;
}
.glyphicons-icon.hand_down {
  background-position: -380px -1621px;
}
.glyphicons-icon.fullscreen {
  background-position: -428px -1621px;
}
.glyphicons-icon.shopping_bag {
  background-position: 4px -1669px;
}
.glyphicons-icon.book_open {
  background-position: -44px -1669px;
}
.glyphicons-icon.nameplate {
  background-position: -92px -1669px;
}
.glyphicons-icon.nameplate_alt {
  background-position: -140px -1669px;
}
.glyphicons-icon.vases {
  background-position: -188px -1669px;
}
.glyphicons-icon.bullhorn {
  background-position: -236px -1669px;
}
.glyphicons-icon.dumbbell {
  background-position: -284px -1669px;
}
.glyphicons-icon.suitcase {
  background-position: -332px -1669px;
}
.glyphicons-icon.file_import {
  background-position: -380px -1669px;
}
.glyphicons-icon.file_export {
  background-position: -428px -1669px;
}
.glyphicons-icon.bug {
  background-position: 4px -1717px;
}
.glyphicons-icon.crown {
  background-position: -44px -1717px;
}
.glyphicons-icon.smoking {
  background-position: -92px -1717px;
}
.glyphicons-icon.cloud-upload {
  background-position: -140px -1717px;
}
.glyphicons-icon.cloud-download {
  background-position: -188px -1717px;
}
.glyphicons-icon.restart {
  background-position: -236px -1717px;
}
.glyphicons-icon.security_camera {
  background-position: -284px -1717px;
}
.glyphicons-icon.expand {
  background-position: -332px -1717px;
}
.glyphicons-icon.collapse {
  background-position: -380px -1717px;
}
.glyphicons-icon.collapse_top {
  background-position: -428px -1717px;
}
.glyphicons-icon.globe_af {
  background-position: 4px -1765px;
}
.glyphicons-icon.global {
  background-position: -44px -1765px;
}
.glyphicons-icon.spray {
  background-position: -92px -1765px;
}
.glyphicons-icon.nails {
  background-position: -140px -1765px;
}
.glyphicons-icon.claw_hammer {
  background-position: -188px -1765px;
}
.glyphicons-icon.classic_hammer {
  background-position: -236px -1765px;
}
.glyphicons-icon.hand_saw {
  background-position: -284px -1765px;
}
.glyphicons-icon.riflescope {
  background-position: -332px -1765px;
}
.glyphicons-icon.electrical_socket_eu {
  background-position: -380px -1765px;
}
.glyphicons-icon.electrical_socket_us {
  background-position: -428px -1765px;
}
.glyphicons-icon.message_forward {
  background-position: 4px -1813px;
}
.glyphicons-icon.coat_hanger {
  background-position: -44px -1813px;
}
.glyphicons-icon.dress {
  background-position: -92px -1813px;
}
.glyphicons-icon.bathrobe {
  background-position: -140px -1813px;
}
.glyphicons-icon.shirt {
  background-position: -188px -1813px;
}
.glyphicons-icon.underwear {
  background-position: -236px -1813px;
}
.glyphicons-icon.log_in {
  background-position: -284px -1813px;
}
.glyphicons-icon.log_out {
  background-position: -332px -1813px;
}
.glyphicons-icon.exit {
  background-position: -380px -1813px;
}
.glyphicons-icon.new_window_alt {
  background-position: -428px -1813px;
}
.glyphicons-icon.video_sd {
  background-position: 4px -1861px;
}
.glyphicons-icon.video_hd {
  background-position: -44px -1861px;
}
.glyphicons-icon.subtitles {
  background-position: -92px -1861px;
}
.glyphicons-icon.sound_stereo {
  background-position: -140px -1861px;
}
.glyphicons-icon.sound_dolby {
  background-position: -188px -1861px;
}
.glyphicons-icon.sound_5_1 {
  background-position: -236px -1861px;
}
.glyphicons-icon.sound_6_1 {
  background-position: -284px -1861px;
}
.glyphicons-icon.sound_7_1 {
  background-position: -332px -1861px;
}
.glyphicons-icon.copyright_mark {
  background-position: -380px -1861px;
}
.glyphicons-icon.registration_mark {
  background-position: -428px -1861px;
}
.glyphicons-icon.radar {
  background-position: 4px -1909px;
}
.glyphicons-icon.skateboard {
  background-position: -44px -1909px;
}
.glyphicons-icon.golf_course {
  background-position: -92px -1909px;
}
.glyphicons-icon.sorting {
  background-position: -140px -1909px;
}
.glyphicons-icon.sort-by-alphabet {
  background-position: -188px -1909px;
}
.glyphicons-icon.sort-by-alphabet-alt {
  background-position: -236px -1909px;
}
.glyphicons-icon.sort-by-order {
  background-position: -284px -1909px;
}
.glyphicons-icon.sort-by-order-alt {
  background-position: -332px -1909px;
}
.glyphicons-icon.sort-by-attributes {
  background-position: -380px -1909px;
}
.glyphicons-icon.sort-by-attributes-alt {
  background-position: -428px -1909px;
}
.glyphicons-icon.compressed {
  background-position: 4px -1957px;
}
.glyphicons-icon.package {
  background-position: -44px -1957px;
}
.glyphicons-icon.cloud_plus {
  background-position: -92px -1957px;
}
.glyphicons-icon.cloud_minus {
  background-position: -140px -1957px;
}
.glyphicons-icon.disk_save {
  background-position: -188px -1957px;
}
.glyphicons-icon.disk_open {
  background-position: -236px -1957px;
}
.glyphicons-icon.disk_saved {
  background-position: -284px -1957px;
}
.glyphicons-icon.disk_remove {
  background-position: -332px -1957px;
}
.glyphicons-icon.disk_import {
  background-position: -380px -1957px;
}
.glyphicons-icon.disk_export {
  background-position: -428px -1957px;
}
.glyphicons-icon.tower {
  background-position: 4px -2005px;
}
.glyphicons-icon.send {
  background-position: -44px -2005px;
}
.glyphicons-icon.git_branch {
  background-position: -92px -2005px;
}
.glyphicons-icon.git_create {
  background-position: -140px -2005px;
}
.glyphicons-icon.git_private {
  background-position: -188px -2005px;
}
.glyphicons-icon.git_delete {
  background-position: -236px -2005px;
}
.glyphicons-icon.git_merge {
  background-position: -284px -2005px;
}
.glyphicons-icon.git_pull_request {
  background-position: -332px -2005px;
}
.glyphicons-icon.git_compare {
  background-position: -380px -2005px;
}
.glyphicons-icon.git_commit {
  background-position: -428px -2005px;
}
.glyphicons-icon.construction_cone {
  background-position: 4px -2053px;
}
.glyphicons-icon.shoe_steps {
  background-position: -44px -2053px;
}
.glyphicons-icon.plus {
  background-position: -92px -2053px;
}
.glyphicons-icon.minus {
  background-position: -140px -2053px;
}
.glyphicons-icon.redo {
  background-position: -188px -2053px;
}
.glyphicons-icon.undo {
  background-position: -236px -2053px;
}
.glyphicons-icon.golf {
  background-position: -284px -2053px;
}
.glyphicons-icon.hockey {
  background-position: -332px -2053px;
}
.glyphicons-icon.pipe {
  background-position: -380px -2053px;
}
.glyphicons-icon.wrench {
  background-position: -428px -2053px;
}
.glyphicons-icon.folder_closed {
  background-position: 4px -2101px;
}
.glyphicons-icon.phone_alt {
  background-position: -44px -2101px;
}
.glyphicons-icon.earphone {
  background-position: -92px -2101px;
}
.glyphicons-icon.floppy_disk {
  background-position: -140px -2101px;
}
.glyphicons-icon.floppy_saved {
  background-position: -188px -2101px;
}
.glyphicons-icon.floppy_remove {
  background-position: -236px -2101px;
}
.glyphicons-icon.floppy_save {
  background-position: -284px -2101px;
}
.glyphicons-icon.floppy_open {
  background-position: -332px -2101px;
}
.glyphicons-icon.translate {
  background-position: -380px -2101px;
}
.glyphicons-icon.fax {
  background-position: -428px -2101px;
}
.glyphicons-icon.factory {
  background-position: 4px -2149px;
}
.glyphicons-icon.shop_window {
  background-position: -44px -2149px;
}
.glyphicons-icon.shop {
  background-position: -92px -2149px;
}
.glyphicons-icon.kiosk {
  background-position: -140px -2149px;
}
.glyphicons-icon.kiosk_wheels {
  background-position: -188px -2149px;
}
.glyphicons-icon.kiosk_light {
  background-position: -236px -2149px;
}
.glyphicons-icon.kiosk_food {
  background-position: -284px -2149px;
}
.glyphicons-icon.transfer {
  background-position: -332px -2149px;
}
.glyphicons-icon.money {
  background-position: -380px -2149px;
}
.glyphicons-icon.header {
  background-position: -428px -2149px;
}
.glyphicons-icon.blacksmith {
  background-position: 4px -2197px;
}
.glyphicons-icon.saw_blade {
  background-position: -44px -2197px;
}
.glyphicons-icon.basketball {
  background-position: -92px -2197px;
}
.glyphicons-icon.server {
  background-position: -140px -2197px;
}
.glyphicons-icon.server_plus {
  background-position: -188px -2197px;
}
.glyphicons-icon.server_minus {
  background-position: -236px -2197px;
}
.glyphicons-icon.server_ban {
  background-position: -284px -2197px;
}
.glyphicons-icon.server_flag {
  background-position: -332px -2197px;
}
.glyphicons-icon.server_lock {
  background-position: -380px -2197px;
}
.glyphicons-icon.server_new {
  background-position: -428px -2197px;
}
.chrome .glyphicons.calendar,
.safari .glyphicons.calendar {
  background-position: -428px -133px;
}
.chrome .glyphicons.calendar:before,
.safari .glyphicons.calendar:before {
  content: "\E040";
}
#component-select {
  height: 150px;
  overflow: auto;
  list-style: none;
  cursor: pointer;
  margin: 5px;
  padding: 5px;
  clear: both;
}
#component-select li {
  padding: 5px;
  border-bottom: 1px solid #3399CC;
}
#component-select li:hover {
  background: #3399CC;
  color: white;
  text-shadow: none;
}
#owm-component-container {
  margin-top: 20px;
}
#owm-component-container input[type='text'],
#owm-component-container input[type='password'] {
  width: 90%;
  padding: 10px;
  border-radius: 5px;
}
.component-commentbox {
  margin-top: 5px;
  position: relative;
}
.component-commentbox .input-container {
  width: 85%!important;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border: 1px solid #ccc;
  float: left;
  background: #fff;
}
.component-commentbox .input-container input {
  margin: 0!important;
  border-radius: 0;
  border: none;
  width: 95%;
  padding: 6px;
}
.component-commentbox i {
  float: left;
  border: 1px solid #ccc;
  padding: 0 10px;
  padding-top: 5px;
  padding-bottom: 7px;
  margin-left: -1px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  cursor: pointer;
}
.component-commentbox i:before {
  font-size: 12px;
}
.component-commentbox div {
  margin: 0 !important;
}
.component-commentbox ul {
  border: 1px solid #ccc!important;
  background: white!important;
  overflow-y: auto;
  z-index: 99;
  position: fixed;
  padding: 0;
  display: none;
  max-height: 150px;
}
.component-commentbox ul li {
  padding: 5px;
}
.component-commentbox ul li:hover {
  background: #3094C9;
  color: #FFF;
}
.owm-component-radio .button {
  height: 32px;
  display: block;
  float: left;
  width: 50%;
  box-sizing: border-box;
  text-align: center;
  background: #f6f6f6;
  border: 1px solid #ccc;
  line-height: 2em;
  border-width: thin;
  color: black;
  margin: 0 0 10px -1px;
  cursor: pointer;
  text-shadow: none;
}
.owm-component-radio .button:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.owm-component-radio .button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.owm-component-radio .button.active {
  background: #3388CC;
  color: white;
}
.owm-component-radio .button:hover {
  background: #EDEDED;
}
button.bg-primary,
div.bg-primary,
span.bg-primary {
  background: #3094C9!important;
}
button.bg-error,
div.bg-error,
span.bg-error {
  background: red;
  opacity: 0.5 !important;
  border-radius: 4px;
}
button.color-primary,
div.color-primary,
span.color-primary {
  color: #3094C9;
}
button.color-error,
div.color-error,
span.color-error {
  color: red;
}
button.block,
div.block,
span.block {
  display: block;
}
#auto-complete-select #btn-group-selection .btn-group {
  width: 100%;
  box-sizing: border-box;
  border-radius: 4px;
}
#auto-complete-select #btn-group-selection .btn-group button:first-child {
  text-indent: 30px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 4px;
}
#auto-complete-select #btn-group-selection .btn-group button:first-child:before {
  text-indent: 0;
}
#auto-complete-select #btn-group-selection .btn-group button:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-top-left-radius: 0;
}
#auto-complete-select #btn-group-selection .btn-group button {
  width: 50%;
  padding: 10px;
  color: #fff;
  background: #3094C9;
}
#auto-complete-select #btn-group-selection .btn-group button:before {
  top: 8px;
}
#auto-complete-select #search-box-container {
  width: 100%;
  margin-top: 5px;
}
#auto-complete-select #search-box-container #component-search-box input {
  background-position: 5px center;
  background-repeat: no-repeat;
  text-indent: 20px;
  width: 90%!important;
  box-sizing: border-box;
}
#auto-complete-select .tiles {
  height: 25em;
  overflow: scroll;
  text-align: center;
}
#auto-complete-select .tiles .tile {
  height: 30px;
  width: 42.95%;
  background: white;
  border: 1px solid #ccc;
  padding: 5px;
  margin: 2px 2px;
  text-transform: uppercase;
  overflow: hidden;
  text-align: center;
  float: left;
}
#auto-complete-select .tiles .tile.selected {
  background: #3094C9;
  color: #fff;
}
#auto-complete-select .tiles .tile.selected.icon:before,
#auto-complete-select .tiles .tile.selected.glyphicons:before {
  color: #fff;
}
#auto-complete-select #button-container {
  width: 99%;
}
#auto-complete-select #button-container button {
  width: 48.5%;
  border-radius: 5px;
  padding: 0.625em;
  text-indent: 10px;
}
#auto-complete-select #button-container button:before {
  top: 5px;
  text-indent: 0;
}
#component-menu-view {
  margin-bottom: 40px;
}
#component-menu-view li {
  cursor: pointer;
  padding: 10px;
  min-height: 25px;
  position: relative;
}
#component-menu-view li span.custom-message {
  position: absolute;
  left: 51px;
  top: 35px;
}
#component-menu-view li a {
  color: #3094C9;
  line-height: 1;
  display: block;
  height: 100%;
  position: relative;
}
#component-menu-view li a:before {
  color: #3094C9;
}
#component-menu-view li a div {
  position: absolute;
  top: 10px;
  left: 40px;
}
#component-menu-view li:hover,
#component-menu-view li.selected {
  background: #43768f;
}
#component-menu-view li:hover a,
#component-menu-view li.selected a {
  color: #fff;
}
#component-menu-view li:hover a:before,
#component-menu-view li.selected a:before {
  color: #fff;
}
#component-menu-view li span.badge {
  margin-top: 5px;
  background: red;
  right: 28px;
  top: 12px;
}
#component-search-box .search-result {
  float: left;
  width: 22%;
}
#component-search-box .search-input {
  border: 1px solid #ccc;
  border-radius: 5px;
  width: 100%;
  padding: 2px;
}
#component-search-box .search-input .icon {
  float: left;
  width: 20px;
  text-align: center;
  margin-top: 8px;
}
#component-search-box .search-input .icon:before {
  font-size: 1em;
  color: #3094C9;
  margin-left: 5px;
}
#component-search-box .search-input input {
  border: 0;
  font-size: 14px;
  margin: 0;
  width: 80%;
  float: left;
  height: 25px;
}
.leave-button {
  border-radius: 5px;
}
.leave-button.no-amount .owm-button .bold {
  width: 40px;
  padding: 10px;
}
.leave-button.no-amount .owm-button .ellipses {
  padding: 10px;
}
.leave-button.has-amount .owm-button {
  position: relative;
}
.leave-button.has-amount .owm-button .bold {
  width: 45px;
  padding: 10px;
  position: absolute;
  left: 0;
  top: 0;
}
.leave-button.has-amount .owm-button .ellipses {
  padding: 10px;
  width: 78%;
  text-indent: 55px;
}
.leave-button.has-amount .owm-button .btn-add-on {
  width: 20px;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  background: #3094C9;
  font-weight: bold;
}
.leave-button.no-code {
  background: #3094C9;
}
.leave-button.no-code .ellipses {
  width: 100%;
}
div#menu-attendance-console {
  padding: 41px 0 0 !important;
}
div#menu-attendance-console .fieldcontain-1 .ui-controlgroup-controls .ui-radio {
  width: 100%;
}
div#menu-attendance-console .fieldcontain-2 .ui-controlgroup-controls .ui-radio {
  width: 50%;
}
div#menu-attendance-console .fieldcontain-3 .ui-controlgroup-controls .ui-radio {
  width: 33%;
}
div#menu-attendance-console #console-clock-region {
  padding: 5px 0;
  text-align: center;
  
  background: -moz-linear-gradient(-45deg, #79a3c0 35%, #558aaf 36%);
  
  background: -webkit-gradient(linear, left top, right bottom, color-stop(35%, #79a3c0), color-stop(36%, #558aaf));
  
  background: -webkit-linear-gradient(-45deg, #79a3c0 35%, #558aaf 36%);
  
  background: -o-linear-gradient(-45deg, #79a3c0 35%, #558aaf 36%);
  
  background: -ms-linear-gradient(-45deg, #79a3c0 35%, #558aaf 36%);
  
  background: linear-gradient(135deg, #79a3c0 35%, #558aaf 36%);
  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79a3c0', endColorstr='#558aaf', GradientType=1);
  
}
div#menu-attendance-console #console-clock-region .component-label-field {
  font-size: 20px;
}
div#menu-attendance-console #console-clock-region label,
div#menu-attendance-console #console-clock-region p {
  font-size: 5.3em;
  color: #FFF;
  margin: 0;
}
div#menu-attendance-console .input-mobi {
  margin-bottom: 10px;
}
div#menu-attendance-console .input-mobi input {
  width: 100%;
  padding: 0.625em;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
div#menu-attendance-console .input-mobi inputplaceholder {
  color: #aaa;
}
div#menu-attendance-console .input-mobi input#txtConsoleUserId {
  border-width: 0 0 0 !important;
}
div#menu-attendance-console #console-input-region {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  margin: 0;
}
div#menu-attendance-console #console-input-region > div > .ui-input-text {
  margin-right: 50px;
  margin-bottom: 0;
  margin-top: 0;
  border-radius: 4px !important;
  width: auto !important;
}
div#menu-attendance-console #console-input-region > div > .glyphicons {
  position: absolute;
  right: -7px;
  top: 5px;
  width: 47px;
}
div#menu-attendance-console #console-input-region > div > .glyphicons:before {
  font-size: 35px;
  color: #3399CC;
}
div#menu-attendance-console #console-input-region > div > .glyphicons.disabled:before {
  color: #ccc;
}
div#menu-attendance-console #console-input-region > div > .glyphicons.hasBiometric > .ui-input-text {
  margin-right: 90px;
}
div#menu-attendance-console #console-input-region > div > .glyphicons.hasBiometric > .glyphicons {
  width: 90px;
}
div#menu-attendance-console #console-input-region.full {
  width: 100%;
  box-shadow: none !important;
  border-radius: 0;
  padding: 0;
  box-sizing: border-box;
  margin: 0;
}
div#menu-attendance-console .button-line {
  margin-top: -3px;
}
div#menu-attendance-console #console-button-region .button-set-a,
div#menu-attendance-console #console-button-region .button-set-b {
  text-align: center;
}
div#menu-attendance-console #console-button-region > div button {
  width: 48%;
  padding: 30px 0;
  margin: 4px 2px;
  border-radius: 4px;
  background: #3399CC;
  color: #fff;
}
div#menu-attendance-console #console-button-region > div button p {
  margin: 0;
}
div#menu-attendance-console #console-button-region > div button.selected {
  background: #d9efff;
  color: #3094C9;
}
div#menu-attendance-console #console-button-region > div button:before {
  position: relative;
  padding-right: 10px;
  font-size: 20px;
}
div#menu-attendance-console #console-button-region > div button.btn-break-out.glyphicons.coffe_cup,
div#menu-attendance-console #console-button-region > div button.btn-break-in.glyphicons.coffe_cup {
  color: #777;
}
div#menu-attendance-console #console-button-region > div button.btn-break-out.glyphicons.coffe_cup:before,
div#menu-attendance-console #console-button-region > div button.btn-break-in.glyphicons.coffe_cup:before {
  font-size: 20px;
  color: #777;
  vertical-align: -3px;
}
#owm-component-container .buttons {
  margin-top: 2em;
}
#owm-component-container .buttons .btnOk,
#owm-component-container .buttons .btnCancel {
  border-radius: 5px;
  margin-right: 0.625em;
}
.color.default {
  color: #3094C9;
}
.color.default.icon,
.color.default.glyphicons:before {
  color: #3094C9;
}
.color.red,
.color.high,
.color.error-text {
  color: #B20000;
}
.color.red.icon:before,
.color.high.icon:before,
.color.error-text.icon:before,
.color.red.glyphicons:before,
.color.high.glyphicons:before,
.color.error-text.glyphicons:before {
  color: #B20000;
}
.color.orange,
.color.mid {
  color: orange;
}
.color.orange.icon:before,
.color.mid.icon:before,
.color.orange.glyphicons:before,
.color.mid.glyphicons:before {
  color: orange;
}
.color.green,
.color.low {
  color: #005900;
}
.color.green.icon:before,
.color.low.icon:before,
.color.green.glyphicons:before,
.color.low.glyphicons:before {
  color: #005900;
}
.color.disabled {
  color: #ccc;
}
.color.disabled.icon:before,
.color.disabled.glyphicons:before {
  color: #ccc;
}
.color.light-gray {
  color: #7D7D7D;
}
.color.light-gray.icon:before,
.color.light-gray.glyphicons:before {
  color: #7D7D7D;
}
.color.selected {
  color: #333;
}
.color.selected.icon:before,
.color.selected.glyphicons:before {
  color: #333;
}
.color.white {
  color: #fff;
}
.color.white.icon:before,
.color.white.glyphicons:before {
  color: #fff;
}
.color.black {
  color: #000;
}
.color.black.icon:before,
.color.black.glyphicons:before {
  color: #000;
}
.color.yellow {
  color: #E5E500;
}
.color.yellow.icon.before,
.color.yellow.glyphicons:before {
  color: #E5E500;
}
.bg-color.primary,
.bg-color.default {
  background: #3094C9;
}
.bg-color.red {
  background: #B20000;
}
.bg-color.none {
  background: none;
}
.bg-color.selected {
  background: #d9efff;
}
.color-disabled {
  color: #ccc;
}
.color-disabled a {
  color: #ccc;
}
.color-white {
  color: #fff;
}
.color-error {
  color: red;
}
.color-green {
  color: #005900;
}
.color-green.color-before:before {
  color: #005900;
}
.color-orange {
  color: orange;
}
.color-orange.color-before:before {
  color: orange;
}
.cmp-border-error {
  border: 1px dashed red!important;
}
.bubble-left::after {
  border-color: #CCC transparent;
  border-style: solid;
  border-width: 0px 0px 20px 20px;
  bottom: 0;
  content: "";
  display: block;
  left: 71px;
  position: absolute;
  width: 0;
}
.bubble-left {
  margin: 0 0 2em 0;
  position: relative;
  display: block;
  float: left;
  clear: right;
  word-wrap: break-word;
}
.bubble-right::after {
  border-color: #CDECFB transparent;
  border-style: solid;
  border-width: 0px 15px 20px;
  bottom: 0px;
  content: "";
  display: block;
  right: 68px;
  position: absolute;
  width: 0;
}
.bubble-right {
  margin: 0 0 2em 0;
  position: relative;
  display: block;
  float: right;
  clear: left;
  word-wrap: break-word;
}
.error-field {
  border: 1px dashed #9b111e!important;
}
.gly-spin:before {
  padding: 3px!important;
  display: inline-table !important;
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.gly-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.gly-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.gly-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.gly-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.gly-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
.overflow-auto {
  overflow: auto;
  height: 500px;
}
.button-icons {
  color: #fff;
  border: 1px solid #46b8da;
  background: #3094C9;
  border-radius: 4px;
}
.button-icons.glyphicons:before {
  font-size: 20px;
  left: 12px;
  top: 7px;
  color: #fff;
}
.button-icons:hover,
.button-icons.selected {
  background: #d9efff!important;
  color: #3094C9!important;
  -webkit-box-shadow: inset 0px 7px 5px -5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 7px 5px -5px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 7px 5px -5px rgba(0, 0, 0, 0.25);
}
.button-icons:hover.glyphicons:before,
.button-icons.selected.glyphicons:before {
  color: #3094C9;
}
.content-icons:before {
  top: 3px;
}
p.config-icons {
  font-size: 14px;
  color: #3094C9;
  padding-left: 25px;
  margin: 2px 0px;
}
p.config-icons:before {
  font-size: 12px;
  color: #3094C9;
}
p.config-icons.high:before {
  color: #B20000;
}
p.config-icons.mid:before {
  color: #7F7F00;
}
p.config-icons.low:before {
  color: #005900;
}
#availability-view-container .time-interval {
  position: relative;
  clear: both;
}
#availability-view-container .time-interval .time-container {
  width: 45%;
  position: relative;
  float: left;
  margin-right: 5px;
}
#availability-view-container .time-interval .time-container input {
  width: 90%;
}
#availability-view-container .time-interval .clear-time {
  width: 10%;
  position: absolute;
  right: -2px;
  height: 25px;
  width: 25px;
  top: 3px;
  padding-left: 0px;
}
#availability-view-container .time-interval .clear-time:before {
  color: red;
  font-size: 25px;
}
.blueAndBold {
  color: #3399CC;
  font-weight: bold;
}
.dialogTitle {
  text-align: left;
  margin: 0 0 5px;
  font-size: 14px;
}
.gradient-container {
  
  background: -moz-linear-gradient(-45deg, #79a3c0 35%, #558aaf 36%);
  
  background: -webkit-gradient(linear, left top, right bottom, color-stop(35%, #79a3c0), color-stop(36%, #558aaf));
  
  background: -webkit-linear-gradient(-45deg, #79a3c0 35%, #558aaf 36%);
  
  background: -o-linear-gradient(-45deg, #79a3c0 35%, #558aaf 36%);
  
  background: -ms-linear-gradient(-45deg, #79a3c0 35%, #558aaf 36%);
  
  background: linear-gradient(135deg, #79a3c0 35%, #558aaf 36%);
  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79a3c0', endColorstr='#558aaf', GradientType=1);
  
}
.subheader {
  padding: 10px;
  background: #FDFDFD none repeat scroll 0% 0%;
  border-bottom: 1px solid #E2E2E2;
}
.hline {
  height: 0.5em;
}
#connection-failed .icon {
  text-align: center;
  width: 100%;
  display: block;
  height: 13em;
  margin-top: 25px;
}
#connection-failed .icon:before {
  font-size: 15em;
  color: #ccc;
  width: 100%;
}
#connection-failed .message {
  text-align: center;
}
#connection-failed .message p {
  color: #ccc;
}
#connection-failed .message.message-detail p {
  font-size: 2em;
}
#connection-failed .message.message-tap p {
  font-size: 3em;
}
.ui-input-text:hover,
.ui-input-text:focus,
.ui-input-text:active {
  border-color: rgba(82, 168, 236, 0.8) !important;
  background: #F0FFFE;
}
div.ui-input-text {
  border-radius: 4px !important;
  box-shadow: none !important;
  margin-bottom: 10px !important;
}
.ui-submit {
  border-radius: 4px !important;
  border: 1px solid #CCC;
  margin-bottom: 10px !important;
}
#closeDialog {
  border-radius: 4px !important;
  margin: 0 0 10px !important;
}
fieldset {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}
.block-container {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  display: block;
  height: 100%;
  width: 100%;
  z-index: 1078;
  top: 0;
}
.glyphicons {
  padding-left: 0px;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.pull-center {
  margin-left: 20%;
}
.glyph:before {
  color: #3399CC;
  font-size: 20px;
}
.no-margin {
  margin: 0px!important;
}
.marginTop {
  margin-top: 5px;
}
.marg .marginBottom {
  margin-bottom: 5px;
}
.marginTopMid {
  margin-top: 12px;
}
.marginTopBottomMid {
  margin: 0.625em 0;
}
.margin-small {
  margin: 5px;
}
.no-margin-top {
  margin-top: 0px;
}
.no-margin-bottom {
  margin-bottom: 0px;
}
.marginMid {
  margin: 0.625em;
}
.ellipses {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.fontNormal {
  font-weight: normal;
}
html.ui-loading .ui-loader {
  display: none;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clearfix,
.clear-fix {
  clear: both;
}
#multipleRequestDetails .disabled {
  display: none;
}
.small-font {
  font-size: 12px;
}
.very-small-font {
  font-size: 10px;
}
.width-full {
  width: 95%;
}
.width-nine {
  width: 90%;
}
.width-nine-eight {
  width: 98%;
}
.half-width {
  width: 49%;
}
.box-with-border {
  border: 1px solid;
}
.border-top {
  border-top: 1px solid;
}
.border-bottom {
  border-bottom: 1px solid;
}
.border-top-bottom {
  border-width: 1px 0 1px;
}
.border-gray {
  border-color: gray;
}
.border-light-gray {
  border-color: #CCC;
}
.padding-small {
  padding: 5px;
}
.padding-mid {
  padding: 5px;
}
.padding-large {
  padding: 10px;
}
.paddingLeft {
  padding-left: 5px;
}
.paddingBottom {
  padding-bottom: 10px;
}
.paddingRight {
  padding-right: 10px;
}
.ten-percent {
  width: 10%;
}
.two-zero-percent {
  width: 20%;
}
.two-five-percent {
  width: 25%;
}
.five-zero-percent {
  width: 50%;
}
.seven-five-percent {
  width: 75%;
}
.seven-zero-percent {
  width: 70%;
}
.eight-zero-percent {
  width: 80%;
}
.block {
  display: block;
}
.block.icons {
  width: 25px;
  height: 25px;
}
.bold {
  font-weight: bold;
}
.justify {
  text-align: justify;
}
.light-dark {
  color: #1d6480;
}
.icons.small-font:before {
  font-size: 15px;
}
.icons.disabled:before {
  color: #ccc;
}
.icons.high:before {
  color: red;
}
.icons.medium:before {
  color: yellow;
}
.icons.low:before {
  color: green;
}
.icons.photo {
  width: 60px;
  height: 60px;
}
.icons.photo:before {
  font-size: 55px;
}
.color.black {
  color: #000;
}
#daysAvailable .ui-input-text {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: none;
  border: none;
}
.ui-shadow-inset {
  -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
}
.ui-content ul li > div {
  background-color: #3399CC;
}
.ui-field-contain {
  text-align: left;
}
.ui-field-contain .ui-select {
  width: 100%;
}
div.ui-input-text input.ui-input-text {
  padding: 8px 2px;
}
.ui-content span.ui-btn-inner {
  line-height: 14px;
}
.ui-content .ui-btn-grayed {
  background-color: #666666!important;
}
.ui-btn-corner-all a span {
  color: #FFF!important;
}
.ui-mobile,
.ui-mobile body {
  height: 100%;
}
.ui-mobile .ui-page-active {
  overflow: hidden;
}
.ui-simpledialog-container {
  width: 100%!important;
  height: 100%!important;
  max-width: 100%!important;
  left: 0!important;
  top: 0!important;
  box-sizing: border-box;
}
#swapDateSelectionContent .ui-datebox-container {
  border: none;
  width: 100%;
}
#swapDateSelectionContent .ui-datebox-inline {
  border: none;
}
#swapDateSelectionContent .ui-overlay-shadow {
  box-shadow: none;
}
#availableShiftDialog {
  padding: 10px;
}
#availableShiftDialog a#btnClose {
  clear: both;
  margin: 10px 0;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}
#availableShiftDialog a#btnClose .ui-btn-text {
  font-size: 1.5em;
}
.ui-controlgroup-controls {
  width: 100%;
}
.ui-controlgroup-controls .ui-radio {
  width: 50%;
}
h1 {
  font-size: 25px;
  text-align: center;
}
* {
  font-size: 14px;
}
.background {
  color: #333333;
  text-shadow: 0 1px 0 #fff;
  background: #f9f9f9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#eeeeee));
  background-image: -webkit-linear-gradient(#f9f9f9, #eeeeee);
  background-image: -moz-linear-gradient(#f9f9f9, #eeeeee);
  background-image: -ms-linear-gradient(#f9f9f9, #eeeeee);
  background-image: -o-linear-gradient(#f9f9f9, #eeeeee);
  background-image: linear-gradient(#f9f9f9, #eeeeee);
}
.boxshadow {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.whitePanel {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));
  background-image: -webkit-linear-gradient(#ffffff, #f1f1f1);
  background-image: -moz-linear-gradient(#ffffff, #f1f1f1);
  background-image: -ms-linear-gradient(#ffffff, #f1f1f1);
  background-image: -o-linear-gradient(#ffffff, #f1f1f1);
  background-image: linear-gradient(#ffffff, #f1f1f1);
  border: 1px solid #CCCCCC;
  border-radius: .6em;
  padding: 20px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
input[type="button"],
[data-role="button"]:not(.useDefaultStyling),
#scheduleViewContainer .ui-btn-up-c,
.ui-submit,
.ui-datebox-controls .ui-btn-up-b {
  border: 1px solid #044062;
  background: #3399CC;
  font-weight: bold;
  color: #fff !important;
  text-shadow: 0 1px 1px #194b7e;
}
input [type="button"]:hover,
[data-role="button"]:not(.useDefaultStyling):hover,
.ui-datebox-controls .ui-btn-hover-b {
  border: 1px solid #00415e;
  background: #3399CC;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px 1px #194b7e;
}
#shiftTrade .ui-btn-down-c,
.pop .ui-btn-down-b {
  border: 1px solid #225377;
  color: #FFFFFF;
  font-weight: 700;
  text-shadow: 0 1px 0 #194B7E;
}
body {
  font-size: 18px;
  -webkit-overflow-scrolling: touch;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
}
.topMessage {
  position: relative;
}
.icon:before {
  display: inline;
  font-size: 35px;
  padding-right: 10px;
}
#masthead {
  background: none repeat scroll 0 0 #3399CC;
  box-shadow: -6px 0px gainsboro;
}
#masthead .icon {
  line-height: 40px;
  float: left;
  height: 40px;
}
#masthead .icon.ion-navicon-round,
#masthead .icon.ion-arrow-left-a {
  text-align: left;
  text-indent: 10px;
  width: 20%;
}
#masthead h1 {
  font-size: 20px;
  width: 60%;
  top: 10px;
  margin: 10px 0;
  float: left;
}
#masthead #right-head-button {
  float: left;
  width: 20%;
}
#masthead #right-head-button .icon {
  text-align: right;
  width: 100%;
  margin-top: 2px;
}
#masthead #right-head-button .icon:before {
  padding-right: 15px;
}
#masthead #right-head-button .icon.ion-close:before {
  color: red;
}
#masthead #right-head-button .icon.disabled:before {
  color: #bbb;
}
#masthead #right-head-button .btn-file {
  width: 25px;
  height: 25px;
  position: absolute;
  right: 50px;
  top: 3px;
}
#masthead #right-head-button .btn-file:before {
  color: white;
}
#masthead #nui-questions {
  background: none repeat scroll 0 0 #FFFFFF;
  color: #666666;
  float: right;
  font-size: 24px;
  height: 35px;
  border-radius: 25px;
  line-height: 35px;
  margin: 0px 10px 0 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 35px;
  font-weight: normal;
}
#masthead #rosterBackButton {
  display: none;
}
#masthead [class^="icomoon-"] {
  color: #FFF;
  overflow: hidden;
  padding: 5px 8px;
  font-size: 19px !important;
  margin: 4px;
  text-shadow: 0 -1px 1px #000000;
}
#masthead [class^="icomoon-"] .ui-btn-inner {
  display: none;
}
#masthead .toggled {
  color: #0000DD;
}
#masthead .browserWarning {
  background-repeat: no-repeat;
  overflow: hidden;
  height: 32px;
  width: 32px;
  margin: 4px;
  position: absolute;
  top: 0px;
  right: 34px;
}
#masthead .warn {
  background-image: url('../images/dialog/error.png');
}
#masthead .error {
  background-image: url('../images/dialog/exclamation.png');
}
.highlightBlue {
  color: #3399D2;
  font-weight: bold;
}
#pageWrapper {
  position: relative;
  background: none repeat scroll 0 0 #F0F0F0;
}
#pageWrapper.web {
  height: 100%;
}
div#login {
  background: none repeat scroll 0 0 #FDFDFD;
  padding: 44px 10px 10px;
}
div#login .login-field-container {
  padding-top: 6px;
}
div#login .login-field-container .ui-field-contain {
  margin: 0 !important;
}
div#login .login-field-container .ui-field-contain > div {
  width: 100%;
  box-sizing: border-box;
}
div#login .login-field-container #forgotPassword {
  margin: 0 !important;
}
div#login .login-field-container #showEnterResetCodeContainer {
  margin: 0 !important;
}
div#login .errorMessage {
  height: 3em;
  color: #DB0E46;
}
div#login .logo-login-container {
  margin-top: 0;
  background: url("../images/workforce-optimizer-logo2.png") no-repeat center center;
  width: 100%;
  height: 90px;
}
div#login input[name=username],
div#login input[type=password] {
  border: 0;
}
div#login #serverConnection {
  margin-top: 40px;
}
div#login .login-error-message {
  margin: 0px;
}
#reset-code {
  background: #FDFDFD;
  padding: 50px 10px 10px;
}
#reset-code .field-container > div#showEnterResetCodeContainer {
  margin: 0 !important;
}
#reset-code .field-container div#codeSent {
  padding-bottom: 10px;
}
#reset-code .field-container div#resetcode {
  padding-bottom: 2px;
}
#resetPassword,
#enterResetCode {
  margin-top: 20px;
}
#resetPassword #showEnterResetCodeContainer,
#enterResetCode #showEnterResetCodeContainer {
  margin-bottom: 18px;
}
#resetPassword #showEnterResetCodeContainer a,
#enterResetCode #showEnterResetCodeContainer a {
  font-size: 12px;
}
#formLogin .fieldcontain {
  position: relative;
}
#formLogin .logo {
  background-image: url("../images/newui/logo-workforce.png");
  height: 55px;
  width: 157px;
  background-repeat: no-repeat;
  text-align: center;
  margin: 0px auto;
}
form {
  margin-top: 5px;
  margin: 0 auto;
}
form h2 {
  margin-bottom: 10px;
}
form .fieldcontain {
  position: relative;
}
.mobilenav {
  box-shadow: none;
  border-radius: none;
}
.mobilenav [class^="icomoon-"]:before {
  padding-right: 10px;
  font-weight: normal;
}
.mobilenav ~ .empty {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));
  background-image: -webkit-linear-gradient(#ffffff, #f1f1f1);
  background-image: -moz-linear-gradient(#ffffff, #f1f1f1);
  background-image: -ms-linear-gradient(#ffffff, #f1f1f1);
  background-image: -o-linear-gradient(#ffffff, #f1f1f1);
  background-image: linear-gradient(#ffffff, #f1f1f1);
  border: 1px solid #CCCCCC;
  border-radius: .6em;
  padding: 20px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  display: none;
}
.mobilenav li {
  margin: 15px 0 !important;
  border-radius: 0.6em;
}
.mobilenav li .ui-btn-up-c {
  background: none;
  border: none;
  color: #FFF;
  border-radius: none;
  font-size: 20px;
  font-weight: 100;
}
.mobilenav a.ui-link-inherit {
  color: #FFF;
}
.mobilenav a {
  text-shadow: 0 1px 1px #194B7E;
}
#footerbar {
  background: none repeat scroll 0 0 #000000;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  position: fixed;
  bottom: 0;
  width: 100%;
}
#footerbar .home {
  background: url("../images/nav/home.png") no-repeat scroll center center transparent;
  display: block;
  padding: 10px;
}
#footerbar .inbox {
  background: url("../images/nav/message.png") no-repeat scroll center center transparent;
  display: block;
  padding: 10px;
}
#footerbar .profile {
  background: url("../images/nav/user.png") no-repeat scroll center center transparent;
  display: block;
  padding: 10px;
}
#footerbar .icomoon-refresh {
  display: block;
  padding: 10px;
}
#footerbar p {
  margin: 0;
}
#footerbar span {
  display: block;
}
#footerbar [class^="icomoon-"] {
  color: #fff;
  overflow: hidden;
  position: relative;
  padding: 0px 8px;
  font-size: 15px;
}
#footerbar [class^="icomoon-"] .ui-btn-inner {
  display: none;
}
#footerbar #footerNav {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  text-align: center;
}
#footerbar #footerNav li {
  display: inline-block;
  padding: 6px 0;
  text-align: center;
  width: 23%;
}
#footerbar #footerNav li a {
  font-size: 12px !important;
  font-weight: bold;
  color: #b3b3b3;
}
#footerbar #footerNav li a:focus {
  outline: none;
}
#footerbar #footerNav li a:hover {
  cursor: pointer;
}
#footerbar #footerNav li:last-child {
  border-right: medium none;
}
#timeFrameSelection {
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
  width: 250px;
  position: relative;
  font-size: 86%;
}
#timeFrameSelection #btnSelectDate {
  cursor: pointer;
}
#timeFrameSelection a {
  line-height: 100%;
}
#timeFrameSelection a:link,
#timeFrameSelection a:visited {
  font-weight: bold;
  color: #3399CC;
  position: relative;
  padding: 0 5px;
  line-height: 20px;
}
#timeFrameSelection a:first-child {
  position: absolute;
  left: 0;
}
#timeFrameSelection a:last-child {
  position: absolute;
  right: 0;
}
#timeFrameSelection a:hover,
#timeFrameSelection a:active {
  color: #1D6480;
}
.centered {
  width: 100%;
  margin: 0 auto;
}
.center {
  text-align: center;
}
.hidden {
  display: none;
}
.horizontalSeparator {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
#scheduleCalendarLegend {
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
  font-size: 12px;
}
table.scheduleItem {
  width: 100%;
  margin: 0 auto;
  white-space: nowrap;
}
table.scheduleItem .title {
  color: #1D6480;
}
table.scheduleItem .boldTitle {
  color: #1D6480;
  font-weight: bold;
}
table.scheduleItem .remarks {
  color: #1D6480;
  font-style: italic;
}
table.scheduleItem .small {
  font-size: 86%;
}
table.scheduleItem .right {
  float: right;
  text-align: right;
}
table.scheduleItem .left {
  float: left;
  text-align: left;
  font-size: 15px !important;
  padding-left: 1em;
}
table.scheduleItem .dayName {
  color: red;
}
table.scheduleItem td {
  width: 50%;
}
table.scheduleItem #name {
  white-space: normal;
}
table.scheduleItem div,
table.scheduleItem span,
table.scheduleItem p {
  font-size: 14px !important;
}
.borderedList .individualNotification {
  margin-top: 4px;
  margin-right: 4px;
}
.borderedList .individualNotification:first-child {
  margin-top: 0px;
  border-top: none;
}
.borderedList .iconContainer {
  text-align: right;
}
.borderedList .iconContainer .icon {
  width: 20px;
  height: 20px;
  margin-right: 3px;
  display: inline-block;
}
.borderedList .iconContainer .unread {
  background: url("../images/notification/email-small.png") no-repeat scroll center center transparent;
}
.borderedList .iconContainer .read {
  background: url("../images/notification/email_open-small.png") no-repeat scroll center center transparent;
}
.borderedList .iconContainer .swap {
  background: url("../images/notification/group-small.png") no-repeat scroll center center transparent;
}
.borderedList .iconContainer .scheduleChange {
  background: url("../images/notification/date_edit-small.png") no-repeat scroll center center transparent;
}
.borderedList .notificationContainer {
  list-style: none;
}
#shiftTradeDetailsView {
  padding: 3.4em 0 0 !important;
}
#shiftTradeDetailsView p {
  border-bottom: 1px solid #CBCBCB;
}
#shiftTradeDetailsView .actions {
  float: right;
  padding: 5px;
}
#shiftTradeDetailsView .actions a {
  float: left;
  display: block;
  padding: 2px;
  font-size: 23px;
  margin-right: 10px;
}
#shiftTradeDetailsView .clr {
  clear: both;
}
div#schedule {
  padding: 41px 0 0 !important;
}
#scheduleListView > table {
  width: 99%;
  margin: 0 auto;
  position: relative;
  border: medium none;
}
#scheduleListView > table tr:first-child {
  border-radius: 0.6em 0.6em 0 0;
}
#scheduleListView > table tr:last-child {
  border-radius: 0 0 0.6em 0.6em;
}
table.scheduleItem {
  width: 100%;
  position: relative;
}
table.scheduleItem .date {
  color: #3399CC;
}
#scheduleListView > ul li.unpadded {
  padding: 5px 0;
  border: 0;
  margin: 0 0 5px;
  background: #F0F0F0;
}
#scheduleListView > ul li.unpadded td {
  border: medium none;
}
#shiftTrade {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  border-top: 1px solid #CCC;
}
#shiftTrade #swapPendingMessage {
  margin: 0 6px;
}
#shiftTrade #swapToShift {
  margin: 10px 6px;
}
#shiftTrade #swapControls {
  text-align: center;
}
#shiftTrade #swapControls div.ui-btn {
  width: 120px;
}
#shiftTrade #incomingSwaps {
  margin: 0 !important;
}
.ui-popup-container {
  top: 35% !important;
}
.ui-popup-container span.ui-btn-inner {
  font-size: 13px;
}
.ui-popup-container .message {
  font-size: 14px;
}
.ui-popup-screen,
.ui-popup-container {
  position: fixed;
}
.ui-popup-screen {
  opacity: 0.6 !important;
  background: rgba(0, 0, 0, 0.6) !important;
  filter: alpha(opacity=60) !important;
}
#scheduleItemDetailsView {
  position: relative;
}
#scheduleItemDetailsView #swapDetailsContent #btnDate,
#scheduleItemDetailsView #swapDetailsContent #btnStaff {
  margin: 0 0 10px !important;
}
#scheduleItemDetailsView #swapDetailsContent #btnDate .ui-btn-text,
#scheduleItemDetailsView #swapDetailsContent #btnStaff .ui-btn-text {
  font-size: 12px;
}
#scheduleItemDetailsView #swapDetailsContent .ui-btn-text {
  color: #FFF!important;
}
#scheduleItemDetailsView .scheduleItem {
  background: transparent !important;
}
#scheduleItemDetailsView #holiday {
  position: absolute;
  top: -15px;
  right: 0px;
  font-weight: bold;
  color: red;
}
#scheduleListView > table {
  border-radius: .6em;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
div.borderedList {
  background: #FFF;
  padding: 6px;
}
div.borderedList p {
  border-bottom: 1px solid #CBCBCB;
}
div.borderedList .empty {
  color: #818181;
}
div.borderedList .label-important .individualNotification {
  color: #C67171;
}
div.borderedList .label-success .individualNotification {
  color: #61B329;
}
ul.borderedList {
  padding: 0px;
  margin: 0px;
}
ul.borderedList > li {
  list-style-type: none;
  color: #545454!important;
  font-size: 15px;
  padding: 10px 10px 10px 20px;
  border-bottom: 1px solid #CCC;
}
ul.borderedList > li .actions {
  text-align: right;
  font-size: 24px;
}
ul.borderedList > li .actions [class^="icomoon-"]:before,
ul.borderedList > li .actions [class*=" icomoon-"]:before {
  font-size: 23px !important;
  vertical-align: sub;
}
ul.borderedList > li .actions a {
  padding: 4px 6px;
  margin-right: 2px;
  text-decoration: none;
}
.icbtns [class^="icomoon-"]:before,
.icbtns [class*=" icomoon-"]:before {
  font-size: 23px !important;
  vertical-align: sub;
}
.textAlignRight {
  text-align: right;
}
.dialog {
  border-radius: 4px;
  padding: 10px;
}
.dialog h1 {
  color: #3399CC;
  font-weight: bold;
  text-align: left;
  margin: 0 0 5px;
  font-size: 14px;
}
.dialog .message {
  text-align: left;
  margin: 0;
}
.dialog .buttons {
  text-align: center;
}
.dialog .buttons a {
  border-radius: 4px;
}
.ui-grid-a .ui-btn-text {
  padding: 0px;
}
#incomingSwapsListItem {
  min-height: 67px;
  height: auto !important;
  border-bottom: 1px #CCC solid;
  margin: 0px;
  padding: 0px;
  overflow: auto;
}
#incomingSwapsListItem .title {
  color: #669EDE;
}
#incomingSwapsListItem p {
  margin: 3px;
  width: auto;
  float: left;
}
#incomingSwapsListItem .incomingButtons {
  display: none;
  padding: 2% 10%;
}
#incomingSwapsListItem .btnFixed {
  left: 1%;
  bottom: 60px;
  width: 95%;
  position: absolute;
  z-index: 1000;
}
#incomingSwapsListItem .rgt {
  float: right;
  margin-right: 10px;
  font-size: 24px;
  padding: 4px;
}
#incomingSwapsListItem .icbtns {
  float: right;
  margin-right: 2px;
  font-size: 24px;
  padding: 1px;
}
.fixedBtn {
  margin: 0 auto;
  position: relative;
  width: 92%;
}
#incomingSwapsContent {
  overflow-x: auto;
}
#swapRequestOr {
  margin: 10px 0px;
  text-align: center;
}
.textAlignCenter {
  text-align: center;
}
.dialogContent {
  overflow: visible;
  padding: 0px;
}
.dialogContent #swapDateSelectionContent {
  text-align: center;
  min-height: 270px;
  margin: 1em 0;
}
.dialogContent #swapDateSelectionContent #loadingDays,
.dialogContent #swapDateSelectionContent #noneAvailable {
  line-height: 250px;
}
.dialogContent p {
  margin: 10px 0;
}
.dialogContent .borderedList {
  margin: 0px;
}
.dialogDate {
  text-align: center;
  color: #3399CC;
}
.dialogDate a:link,
.dialogDate a:visited {
  text-decoration: underline;
  font-size: 18px !important;
}
.dialogDate span {
  font-size: 18px !important;
}
#editAvailabilityDialog .dialogDate {
  margin-top: 20px;
}
.dialogStaffName {
  text-align: center;
  font-weight: bold;
}
.dialogStaffItem,
.dialogShiftItem {
  width: 100%;
  margin: 0 auto;
}
.dialogStaffItem .date,
.dialogShiftItem .date,
.dialogStaffItem .name,
.dialogShiftItem .name {
  color: #1D6480;
  font-weight: bold;
}
.dialogStaffItem .small,
.dialogShiftItem .small {
  font-size: 86%;
}
.dialogStaffItem .right,
.dialogShiftItem .right {
  float: right;
  text-align: right;
}
.dialogStaffItem .left,
.dialogShiftItem .left {
  float: left;
  text-align: left;
}
.dialogStaffItem th,
.dialogShiftItem th,
.dialogStaffItem td,
.dialogShiftItem td {
  border: none;
}
.dialogStaffItem td,
.dialogShiftItem td {
  width: 50%;
}
.floatRight {
  float: right;
}
div.ui-body-c.ui-overlay-shadow {
  overflow: visible;
  padding: 0px auto;
  margin: 0px auto;
}
#swapDetailsContent {
  position: relative;
}
#swapDetailsContent .ui-btn {
  margin-left: 0;
  margin-right: 0;
}
#swapDetailsContent .ui-btn .ui-btn-inner {
  padding: 10px;
}
[class^="icomoon-"]:before,
[class*=" icomoon-"]:before {
  font-size: 15px;
}
#duration {
  font-size: 15px !important;
  font-weight: bold;
  cursor: pointer;
}
.icon_mainNav {
  content: "" !important;
  margin: 0 1px 5px 0;
  padding: 7px 0 20px 27px;
}
#mainMenu .ui-btn-text {
  padding: 4px;
}
#mainMenu .ui-btn-text a {
  font-size: 14px;
}
.icomoon-tick:before {
  color: #9CAC87;
}
.icomoon-cross:before {
  color: #CD3E19;
}
#shiftListParent,
#staffListParent {
  max-height: 320px;
  overflow-x: hidden;
}
#shiftListParent li,
#staffListParent li {
  padding: 5px;
  margin: 0px;
  float: left;
  min-width: 97%;
}
#staffList,
#shiftList {
  overflow-x: hidden;
}
#staffList li,
#shiftList li {
  min-height: 30px;
}
table.calendar {
  width: 100%;
  border: none;
  text-shadow: none;
}
table.calendar tr {
  border: none;
}
table.calendar th {
  background: none;
  color: #3399CC;
  text-align: center;
}
table.calendar th,
table.calendar td {
  width: 14%;
}
table.calendar td {
  padding: 0;
  background: #FFF;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
table.calendar td > .dayWrap {
  height: 28px;
  display: block;
  padding: 2px;
  text-align: center;
}
table.calendar td > .dayWrap.grayed {
  opacity: 0.70;
  background: #EEE;
}
table.calendar td > .dayWrap.today {
  border: 2px solid #3399CC;
  margin: -1px;
  
  border-collapse: collapse;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #CCF3FF;
}
table.calendar td .selectBorder {
  position: relative;
  height: 24px;
  line-height: 24px;
  margin: 2px;
  padding: 0 2px;
}
table.calendar td .date {
  font-weight: bold;
}
table.calendar td.selected .selectBorder {
  border: 2px solid #6F6F6F;
  margin: 0;
  border-radius: 0 !important;
}
#multipleRequestDetails {
  position: relative;
}
#multipleRequestDetails #requestError {
  width: 100%;
}
#multipleRequestDetails .shiftPointInput > div {
  width: 49%;
  float: left;
  clear: none;
  margin: 0;
  text-align: left;
}
#multipleRequestDetails .shiftPointInput > div .editable-select {
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
#multipleRequestDetails .shiftPointInput > div.comment .ui-input-text {
  width: 60%;
  float: left;
  height: 32px;
  border-radius: 1em 0 0 1em;
  margin-right: 0 !important;
}
#multipleRequestDetails .shiftPointInput > div.comment .ui-select {
  width: 40px;
  right: 0;
}
#multipleRequestDetails .shiftPointInput > div.comment .ui-select .ui-btn-text {
  display: none;
}
#multipleRequestDetails .shiftPointInput > div.comment .ui-select .ui-btn {
  border-radius: 0 1em 1em 0;
  height: 32px;
}
#multipleRequestDetails .shiftPointInput > div.comment .ui-select .ui-icon {
  right: 7px;
}
#multipleRequestDetails .shiftPointInput > div.comment .ui-select .ui-btn-inner {
  padding: 0!important;
  height: 32px;
}
#multipleRequestDetails .shiftPointInput > div.comment #requestComment {
  width: 100%;
  padding: 0px;
}
#multipleRequestDetails .left.remainingPointsDiv {
  font-size: 12px;
  font-weight: bold;
  padding: 12px 0;
}
#multipleRequestDetails #shift-entry-container > div {
  float: left;
}
#multipleRequestDetails #shift-entry-container > div.arrow {
  margin-top: 7px!important;
  padding: 0;
  width: 5%;
}
#multipleRequestDetails .scroll {
  overflow: auto;
}
#multipleRequestDetails .shiftEntry {
  min-width: 53px;
  float: left;
  margin: 2px;
}
#multipleRequestDetails .shiftEntry .ui-btn-inner {
  padding: 0.3em 16px!important;
  color: #000;
}
#multipleRequestDetails #buttons a.btnhalf {
  width: 47%;
  margin: 3px;
  float: left;
}
#multipleRequestDetails #buttons a.addShift {
  width: 100%;
  margin: 3px;
}
#requestDetails > div #component-button-1 > div {
  border-radius: 4px;
  box-shadow: none;
}
#requestDetails > div #requestCode {
  margin-left: 10px;
  margin-right: 0px;
}
#requestDetails label {
  display: inline;
  font-size: 14px;
  line-height: 35px;
}
#requestDetails #requestPoints {
  width: 40px;
}
#requestDetails .code {
  width: 60px;
}
#requestDetails .points > div {
  display: inline-block;
  margin-left: 6px;
}
#requestDetails .points > div .ui-mini {
  max-height: 32px;
  margin-top: -1px;
}
#requestDetails .points > div .ui-mini span.ui-btn-inner {
  padding-top: 4px;
}
#requestDetails .points .guaranteed {
  background: url("../images/requests/lock.png") right 3px no-repeat;
  display: inline-block;
  padding-right: 33px;
}
#requestDetails .points .guaranteed-small {
  background: url("../images/requests/lock-small.png") right top no-repeat;
  padding-right: 25px;
}
#requestDetails .desired {
  padding-top: 0;
}
#requestDetails .desired .ui-slider {
  vertical-align: top;
}
#requestDetails .desired > div {
  margin-left: 6px;
}
#requestDetails .comment .ui-input-text {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#requestDetails .comment .ui-select {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#requestDetails .comment > * {
  display: inline-block;
  vertical-align: middle;
}
#requestDetails .comment input {
  height: 33px;
  width: 100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
  padding: 0;
}
#requestDetails .comment .ui-select {
  width: 40px;
  vertical-align: top;
  right: 10px;
  position: absolute;
  top: 19px;
}
#requestDetails .comment .ui-select .ui-btn {
  -webkit-border-top-right-radius: 0.6em;
  -webkit-border-bottom-right-radius: 0.6em;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0.6em;
  -moz-border-radius-bottomright: 0.6em;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0.6em;
  border-bottom-right-radius: 0.6em;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-color: #AAA;
  height: 33px;
  background-image: none;
  background-color: #F9F9F9;
}
#requestDetails .comment .ui-select .ui-btn .ui-btn-inner {
  border-left: 1px #DDD solid;
  border-radius: 0;
  padding: 7px 0;
}
#requestDetails .comment .ui-select .ui-btn .ui-btn-inner .ui-btn-text {
  display: none;
}
#requestDetails .comment .ui-select .ui-btn .ui-btn-inner .ui-icon {
  position: initial;
  display: block;
  margin: 0 auto;
}
#requestDetails .nonEditableRequest {
  background: url("../images/dialog/error.png") 5px -3px no-repeat;
  display: inline-block;
  line-height: 35px;
  padding-left: 36px;
  padding-top: 30px;
  vertical-align: middle;
}
#requestDateRangeControls #timeFrameSelection {
  margin: 0 auto;
}
#requestDateRangeControls #timeFrameSelection #showPeriod {
  position: absolute;
  top: 0;
  right: 70px;
}
#requestDateRangeControls #timeFrameSelection #showPeriod.glyphicons:before {
  color: #39C;
  font-size: 18px;
}
#requestDetailsContainer {
  padding-top: 0 !important;
  
}
#requestDetailsContainer #requestDetails #mobile-comment-content > div > div {
  border-radius: 0px;
  width: 100%;
  box-sizing: border-box;
  box-shadow: none;
}
#requestDetailsContainer #requestDetails #mobile-comment-content > div > div:hover {
  background: #F2F9FF !important;
  border-color: rgba(82, 168, 236, 0.8) !important;
  border-width: 1px 0 !important;
}
#availabilityDetailsContainer {
  padding-top: 0 !important;
}
#requestCalendarView .available,
#requestCalendarView .unavailable {
  position: relative;
}
#requestCalendarView .available:after,
#requestCalendarView .unavailable:after {
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: absolute;
  top: 15px;
  right: 3px;
  background: #27AE60;
}
#requestCalendarView .unavailable:after {
  background: #E74C3C;
}
#popupContent {
  padding: 10px;
  text-align: center;
  border-radius: 4px;
}
#popupContent .buttons {
  margin-top: 10px;
}
#popupContent .buttons span.ui-btn-inner {
  padding: 10px;
}
#schedulePeriodInfo {
  text-align: left;
}
#schedulePeriodInfo h1 {
  color: #3399CC;
  font-weight: bold;
  text-align: left;
  margin: 0 0 5px;
  font-size: 14px;
}
#schedulePeriodInfo #schedulePeriod div p {
  display: inline-block;
  margin: 0px 3px;
  line-height: 22px;
  font-size: 13px;
}
#schedulePeriodInfo #schedulePeriod div p:first-child {
  width: 190px;
}
#schedulePeriodInfo #schedulePeriod div p:last-child {
  width: 70px;
}
.bigCount {
  max-height: 50px;
  position: absolute;
  right: 26px;
  top: 10px;
  padding: 1px 2px;
  color: #FFF;
}
.bigCount p {
  font-size: 11px;
  line-height: 12px;
  font-weight: bold;
  float: left;
  margin: 2px;
  text-shadow: 0 1px 1px #194B7E;
}
#availabilityDetailsContainer .ui-grid-a {
  margin-top: -10px;
}
#availabilityDetailsContainer .ui-grid-a .ui-block-a {
  width: 65%;
}
#availabilityDetailsContainer .ui-grid-a .ui-block-b {
  width: 35%;
}
#availabilityDetailsContainer .btnDelete {
  margin-right: 2px;
}
#availabilityDetailsContainer p#availableTitleNonEditable {
  line-height: 0px;
  margin-top: 31px;
}
#availabilityDetailsContainer #availabilityBtn {
  text-align: left;
  width: 95%;
  height: 70px;
  line-height: 6px;
}
#availabilityDetailsContainer #availabilityBtn ul {
  text-align: left;
  width: 183px;
  line-height: 1.3em;
  margin: 2px -22px;
  margin-bottom: 10px;
}
#availabilityDetailsContainer #availabilityBtn p {
  font-weight: bold;
}
#availabilityDetailsContainer #availabilityBtn p:last-of-type {
  margin-top: -7px;
  margin-left: 0px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.2em;
  font-weight: lighter;
}
#availabilityDetailsContainer #availabilityBtn p#comment-disabled {
  width: 100%;
}
#availabilityDetailsContainer #availabilityBtn .ui-btn-inner {
  padding: 0px 15px;
  font-weight: 100;
  height: 66px;
  margin-top: -2px;
}
#availabilityDetailsContainer #deleteBtn {
  width: 90%;
  height: 70px;
  text-align: center;
  display: block;
}
#availabilityDetailsContainer #deleteBtn p {
  background-image: url("../images/nclearshift.png");
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 4px;
  margin-top: 6px;
}
#availabilityDetailsContainer #nonEditableMsg {
  background-image: url("../images/dialog/error.png");
  background-repeat: no-repeat;
  background-position: center top;
  width: 100%;
  height: 55px;
  text-align: center;
  display: block;
}
#availabilityDetailsContainer #nonEditableMsg p {
  margin-top: 20px;
  padding-top: 34px;
}
#editAvailabilityDialog {
  height: 94%;
  top: 0px;
  width: 100%;
  margin: 0;
  padding: 10px;
  box-sizing: border-box;
}
#editAvailabilityDialog #editAvailabilityContent {
  overflow-x: hidden;
  height: 85%;
  margin-bottom: 20px;
}
#editAvailabilityDialog #editAvailabilityContent .availabilityRequestDetails > div > div > h3 {
  border: 0;
  border-radius: 0;
  background: #EEE linear-gradient(#FFF, #F1F1F1) repeat scroll 0% 0%;
}
#editAvailabilityDialog #editAvailabilityContent .availabilityRequestDetails > div .ui-collapsible-content {
  padding: 0 !important;
  width: 100%;
}
#editAvailabilityDialog #editAvailabilityContent .availabilityRequestDetails > div .ui-collapsible-content > label {
  font-size: 14px;
  padding: 0.3em 0;
  margin: 0;
  color: #3399CC;
}
#editAvailabilityDialog #editAvailabilityContent .availabilityRequestDetails > div .ui-collapsible-content > .ui-input-text {
  width: 100% !important;
  box-sizing: border-box;
}
#editAvailabilityDialog #editAvailabilityContent .availabilityRequestDetails .error {
  padding: 0 0 0.15em 0.625em;
}
#editAvailabilityDialog #editAvailabilityContent .inputWrap .btnDelete {
  margin-top: 10px;
  float: right;
}
#editAvailabilityDialog #editAvailabilityContent .inputWrap label {
  width: 38px;
}
#editAvailabilityDialog #editAvailabilityContent .inputWrap .ui-input-text {
  display: inline-block;
  text-indent: 5px;
}
#editAvailabilityDialog #editAvailabilityContent .inputWrap .ui-input-datebox input {
  margin-right: 0px !important;
}
#editAvailabilityDialog #editAvailabilityContent h3 .ui-btn-text {
  color: #2f3e46;
}
#editAvailabilityDialog #editAvailabilityContent .ui-field-contain input.ui-input-text,
#editAvailabilityDialog #editAvailabilityContent .ui-field-contain textarea.ui-input-text,
#editAvailabilityDialog #editAvailabilityContent .ui-field-contain .ui-input-search {
  width: 70%;
}
#editAvailabilityDialog #editAvailabilityContent #availabilityComment {
  height: 33px;
  padding: 0;
}
#editAvailabilityDialog #editAvailabilityContent .ui-select {
  width: 40px;
  vertical-align: top;
}
#editAvailabilityDialog #editAvailabilityContent .ui-select .ui-btn {
  -webkit-border-top-right-radius: 0.6em;
  -webkit-border-bottom-right-radius: 0.6em;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0.6em;
  -moz-border-radius-bottomright: 0.6em;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0.6em;
  border-bottom-right-radius: 0.6em;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-color: #AAA;
  height: 33px;
  background-image: none;
  background-color: #F9F9F9;
}
#editAvailabilityDialog #editAvailabilityContent .ui-select .ui-btn .ui-btn-inner {
  border-left: 1px #DDD solid;
  border-radius: 0;
  padding: 7px 0;
}
#editAvailabilityDialog #editAvailabilityContent .ui-select .ui-btn .ui-btn-inner .ui-btn-text {
  display: none;
}
#editAvailabilityDialog #editAvailabilityContent .ui-select .ui-btn .ui-btn-inner .ui-icon {
  position: initial;
  display: block;
  margin: 0 auto;
}
#editAvailabilityDialog #editAvailabilityContent .ui-datebox-container {
  border: 2px solid #111111 !important;
}
.ellipsis {
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.commentComboBox .ui-input-text {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.commentComboBox .ui-select {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.commentComboBox > * {
  display: inline-block;
  vertical-align: middle;
}
.commentComboBox input {
  height: 33px;
  width: 100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
  padding: 0;
}
.commentComboBox .ui-select {
  width: 40px;
  vertical-align: top;
  right: 10px;
  position: absolute;
  top: 19px;
}
.commentComboBox .ui-select .ui-btn {
  -webkit-border-top-right-radius: 0.6em;
  -webkit-border-bottom-right-radius: 0.6em;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0.6em;
  -moz-border-radius-bottomright: 0.6em;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0.6em;
  border-bottom-right-radius: 0.6em;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-color: #AAA;
  height: 33px;
  background-image: none;
  background-color: #F9F9F9;
}
.commentComboBox .ui-select .ui-btn .ui-btn-inner {
  border-left: 1px #DDD solid;
  border-radius: 0;
  padding: 7px 0;
}
.commentComboBox .ui-select .ui-btn .ui-btn-inner .ui-btn-text {
  display: none;
}
.commentComboBox .ui-select .ui-btn .ui-btn-inner .ui-icon {
  position: initial;
  display: block;
  margin: 0 auto;
}
#punch {
  width: 100%;
  padding: 41px 0 0 !important;
}
#punchInfo {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 420px;
  width: 320px;
  margin-left: -160px;
  margin-top: -210px;
  border: 1px solid #000;
  box-shadow: 5px 5px 5px #888888;
  z-index: 1002;
  overflow: visible;
}
#punchInfo #punchInfoPicture {
  float: left;
}
#punchInfo #punchInfoText {
  float: left;
  height: 90px;
  padding: 5px;
  display: table;
  background: #CCFFFF;
}
#punchInfo #punchInfoText p {
  font-size: 10px;
  text-align: left;
  vertical-align: middle;
  display: table-row;
  font-family: verdana;
}
#punchInfo #punchInfoMap {
  height: 420px;
  width: 320px;
}
#punchInfo .btnClose {
  position: absolute;
  right: 0;
  top: 0;
  background: white;
  color: black;
  font-size: 20px;
}
div#timecard {
  padding: 41px 0 0;
}
div#timecard #summaryInfo {
  margin: 0;
}
div#timecard .blueAndBold {
  color: #3399CC;
  font-weight: bold;
}
div#timecard .noEntry {
  text-align: center;
}
div#timecard .shiftContainer {
  text-align: left;
  margin: 5px 0;
  background-image: url("../images/arrow-right.png");
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: right;
  background-origin: content-box;
}
div#timecard .shiftContainer .firstLine {
  display: inline-block;
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;
}
div#timecard .shiftContainer .isVerifiedSmall {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../images/timecard/smallTick.png") no-repeat scroll center center transparent;
}
div#timecard .shiftContainer .shiftInfo {
  vertical-align: top;
  font-weight: bold;
  display: inline-block;
  max-width: 28%;
}
div#timecard .shiftContainer .shiftInfo div:first-child {
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div#timecard .shiftContainer .shiftInfo div:not(div:first-child) {
  white-space: nowrap;
  overflow: visible;
}
div#timecard .shiftContainer .shiftTiming {
  display: inline-block;
  float: right;
}
div#timecard .shiftContainer .exceptions {
  font-size: 13px;
  color: #990033;
  padding: 5px 10px;
}
div#timecard #durationAndButtons {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}
div#timecard #durationAndButtons #gps {
  left: 25px;
  margin-top: 7px;
  position: absolute;
}
div#timecard #durationAndButtons #gps .attendance-gps {
  background: url('../images/punch/gps.png');
  height: 26px;
  width: 26px;
}
div#timecard #durationAndButtons.isDetailsMode {
  display: initial;
  padding: 0 !important;
}
div#timecard #durationAndButtons.isDetailsMode #verify {
  top: 43px;
}
div#timecard #durationAndButtons #dateControls {
  width: 100%;
  float: left;
}
div#timecard #durationAndButtons #summaryControlIcon {
  width: 26px;
  height: 26px;
  margin-right: 3px;
  display: inline-block;
  padding-top: 9px;
  position: absolute;
}
div#timecard #durationAndButtons #summaryControlIcon.listButton {
  background: url("../images/application_view_list-resized.png") no-repeat scroll center center transparent;
}
div#timecard #durationAndButtons #summaryControlIcon.chartButton {
  background: url("../images/chart_pie_alternative-resized.png") no-repeat scroll center center transparent;
}
div#timecard #durationAndButtons #managerVerify {
  position: absolute;
  margin-top: 8px;
  margin-left: 10px;
}
div#timecard #durationAndButtons #managerVerify .managerVerifyIcon {
  width: 26px;
  height: 26px;
  background: url("../images/attendance/managerVerify.png") no-repeat scroll center center transparent;
}
div#timecard #durationAndButtons #verify {
  float: right;
  margin-top: -21px;
  margin-right: -12px;
}
div#timecard #durationAndButtons #verify .verifyBtn a {
  margin-right: 0px;
}
div#timecard #durationAndButtons #verify .verifyBtn .ui-icon {
  background-color: rgba(0, 0, 0, 0);
}
div#timecard #durationAndButtons #verify .verifiedIcon {
  width: 26px;
  height: 26px;
  background: url("../images/timecard/tick-resized.png") no-repeat scroll center center transparent;
}
div#timecard .date {
  font-size: 15px;
  color: #3399CC;
  font-weight: bold;
  padding: 10px;
}
div#timecard #summaryInfo .description {
  width: 100%;
  box-sizing: border-box;
  float: left;
}
div#timecard #summaryInfo .data {
  text-align: right;
  margin-right: 10px;
}
div#timecard #timeCardDetailsView .field-container {
  background: none !important;
  
}
div#timecard #timeCardDetailsView .field-container .detailsHeader {
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 10px;
  line-height: 1.5;
}
div#timecard #timeCardDetailsView .field-container .detailsHeader .shiftCode,
div#timecard #timeCardDetailsView .field-container .detailsHeader .shiftName {
  display: inline-block;
}
div#timecard #timeCardDetailsView .field-container .detailsHeader .date {
  margin-bottom: 5px;
  padding: 0;
}
div#timecard #timeCardDetailsView .field-container .timingWrapper {
  padding: 0 10px 10px;
}
div#timecard #timeCardDetailsView .field-container .timingWrapper .timingTable {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
div#timecard #timeCardDetailsView .field-container .timingWrapper .timingTable th,
div#timecard #timeCardDetailsView .field-container .timingWrapper .timingTable td {
  width: 30%;
}
div#timecard #timeCardDetailsView .field-container .timingWrapper .timingTable th {
  color: #3399CC;
  font-weight: bold;
}
div#timecard #timeCardDetailsView .field-container .timingWrapper .timingTable .type {
  left: -4%;
  position: relative;
}
div#timecard #timeCardDetailsView .field-container .timingWrapper .timingTable .actual {
  position: relative;
  left: 1%;
}
div#timecard #timeCardDetailsView .field-container .timingWrapper .timingTable .icon-map-marker {
  background-image: url('../images/timecard/map-marker.png');
  background-repeat: no-repeat;
  background-position: center;
  height: 14px;
  width: 14px;
}
div#timecard #timeCardDetailsView .field-container .label,
div#timecard #timeCardDetailsView .field-container .comment .label {
  text-align: left;
  display: block;
  margin-bottom: 3px;
  color: #3399CC;
  font-weight: bold;
}
div#timecard #timeCardDetailsView .field-container .managerComment,
div#timecard #timeCardDetailsView .field-container .exceptionWrapper {
  text-align: justify;
}
div#timecard #timeCardDetailsView .field-container .exceptionWrapper,
div#timecard #timeCardDetailsView .field-container .comment {
  padding: 0 10px 10px;
}
div#timecard #timeCardDetailsView .field-container .exceptionWrapper .exceptionItem,
div#timecard #timeCardDetailsView .field-container .exceptionWrapper .exceptionTypeIcon,
div#timecard #timeCardDetailsView .field-container .exceptionWrapper .exceptionName {
  display: inline-block;
  vertical-align: middle;
}
div#timecard #timeCardDetailsView .field-container .exceptionWrapper .exceptionItem {
  margin-right: 8px;
}
div#timecard .summaryView .expandDisabled {
  cursor: default!important;
  pointer-events: none;
}
div#timecard .summaryView .expandDisabled .ui-icon {
  visibility: hidden;
}
div#timecard .shiftStartTime,
div#timecard .shiftEndTime,
div#timecard .breakStartTime,
div#timecard .breakEndTime,
div#timecard .breakDuration,
div#timecard .exceptionError,
div#timecard .exceptionWarning,
div#timecard .exceptionInfo,
div#timecard .verifiedByManager {
  background: url("../images/timecard/timecardicons.png") no-repeat;
  width: 19px;
  height: 20px;
  margin: 1px;
  margin-left: auto;
  margin-right: auto;
}
div#timecard .shiftStartTime {
  background-position: 0 0;
}
div#timecard .shiftEndTime {
  background-position: -20px 0;
  width: 20px;
  margin-bottom: 3px;
}
div#timecard .breakStartTime {
  background-position: -41px 0;
}
div#timecard .breakEndTime,
div#timecard .breakDuration {
  background-position: -61px 0;
}
div#timecard .exceptionError {
  background-position: -80px 0;
}
div#timecard .exceptionWarning {
  background-position: -100px 0;
}
div#timecard .exceptionInfo {
  background-position: -120px 0;
}
#unverifyDialogPage {
  padding: 10px;
}
#unverifyDialogPage h2 {
  text-align: center;
}
.dragSelection {
  position: absolute;
  border: 1px solid #89B;
  background: #BCE;
  background-color: #BEC;
  border-color: #8B9;
  opacity: .65;
}
.serverPopUpDialog {
  width: 75%;
}
.serverPopUpDialog h1 {
  color: #3399CC;
  font-weight: bold;
  text-align: left;
  margin: 0 0 5px;
  font-size: 14px;
}
.serverPopUpDialog p {
  margin: 0;
}
.serverPopUpDialog .punch-dialog-message .left img {
  width: 100%;
  height: 100%;
}
.serverPopUpDialog .punch-dialog-message p.left {
  padding: 10px;
}
#serverSettings {
  padding: 44px 0 0 !important;
}
#serverSettings .info {
  text-align: center;
}
#serverSettings .fieldcontain .errorMessage {
  margin-bottom: 10px;
}
#serverSettings .fieldcontain:nth-child(3) > label {
  margin: 0;
  color: #3399CC;
}
#serverSettings .fieldcontain:nth-child(3) > label .description {
  float: right;
}
#serverSettings .field-container {
  margin-top: 5px;
}
#serverSettings .field-container > div:last-child {
  margin: 0 !important;
}
label,
.field {
  display: inline-block;
  vertical-align: middle;
}
label {
  margin: 0;
}
.ui-radio label {
  width: auto;
}
input {
  margin: 0px;
}
#changePassword .topMessage {
  margin-top: 7px;
}
.user-password {
  padding-left: 40px !important;
  padding-right: 4px;
  min-height: 33px !important;
}
.user-password > img {
  height: 32px;
  width: 32px;
  padding-left: 8px;
  padding-right: 4px;
  padding-top: 11px;
}
.user-password > span {
  vertical-align: sub;
  padding-left: 7px;
  padding-top: 14px;
  display: block;
}
*.ui-listview .ui-btn-hover-c:hover {
  border-bottom: none ! important;
}
.ui-li-last {
  border-bottom-width: 0px;
}
.ui-body-c .ui-link {
  font-weight: normal;
}
input.ui-input-text {
  margin: 2px 0 0 0;
}
#shiftDialogBtns div a {
  margin: 4px 0 0 0;
}
#shiftDialogBtns div:first-child a span.ui-btn-inner.ui-btn-corner-all {
  padding-left: 25px;
}
#shiftDialogBtns div:first-child a {
  margin-right: 2px;
}
#shiftDialogBtns div:nth-child(2) a {
  margin-left: 2px;
}
#userInformationView {
  margin: 0 auto;
}
#userInformationView .field-container {
  border: 1px solid #CCC;
  margin-top: -1px;
}
#userInformationView .tabs {
  text-align: right;
}
#userInformationView .tabs li {
  border-radius: 10px 10px 0 0;
}
#userInformationView .tabs li a {
  border-radius: inherit;
}
#userInformationView .tabs li a span {
  background: #FFF;
  height: 30px!important;
  line-height: 30px!important;
}
#userInformationView .tabs li a .exceptionText {
  text-indent: 5px;
}
#userInformationView .tabs li a.ui-btn-active {
  border-radius: inherit;
}
#userInformationView .tabs li a.ui-btn-active span {
  background: #3399CC;
  height: 30px!important;
  line-height: 30px!important;
}
#userInformationView .tabs > * {
  display: inline-block;
  vertical-align: middle;
}
#userInformationView .ui-navbar {
  width: 250px;
  margin-right: 10px;
}
#userInformationView .ui-navbar .ui-btn-active .ui-btn-inner {
  color: #000;
}
#userInformationView .ui-navbar .ui-btn-inner {
  padding: 2px 0;
}
#userInformationView .content section {
  display: none;
  margin-top: -5px;
}
#userInformationView .content div label,
#userInformationView .content div span {
  vertical-align: top;
}
#userInformationView .content div label#nameField,
#userInformationView .content div span#nameField {
  margin-top: 6px;
  display: block;
}
#userInformationView .content div label {
  width: 110px;
  font-weight: bold;
  margin-bottom: 5px;
}
#userInformationView .content .user-field div {
  margin: 0px;
}
#userInformationView .content .section-user-field > div {
  border-bottom: 1px solid #CCCCCC;
  margin: 0 !important;
  padding: 7px 0;
}
#userInformationView .content .section-user-field > div:last-child {
  border-bottom: none;
}
#userInformationView .content .section-user-field > div > span {
  margin-left: 5px;
  color: #3399CC;
  font-weight: bold;
}
#userInformationView .content .section-user-field > div > div > span {
  margin-left: 5px;
  color: #3399CC;
  font-weight: bold;
}
#userInformationView .content .hidden {
  display: none;
}
#userInformationView .content textarea {
  resize: none;
}
.template1 .scheduleItem .holiday {
  color: #E0491B;
}
.hoursWorked {
  text-align: right;
  color: #888;
  padding: 0 10px 5px;
}
.hoursWorked strong {
  font-size: 120%;
  color: #333;
  padding-left: 10px;
}
.reqTypeDisabled {
  display: none;
}
#duration {
  color: #3399CC;
  margin-left: -5px;
}
.field-container {
  background: none repeat scroll 0 0 #FDFDFD;
  border-radius: 0;
}
.error-field {
  border: 1px dashed red;
}
.errorText {
  color: red;
}
.login a.ui-link {
  border-radius: inherit;
}
.ui-collapsible .ui-btn-inner {
  background: none;
}
.shift .ui-btn-text {
  color: #000;
}
.login .ui-btn,
#userInformationView .ui-btn,
#scheduleViewContainer .ui-btn,
#changePassword .ui-btn,
.ui-popup-container .ui-btn {
  height: 35px;
}
.login .ui-btn-text,
#userInformationView .ui-btn-text,
#scheduleViewContainer .ui-btn-text,
#changePassword .ui-btn-text,
.ui-popup-container .ui-btn-text {
  line-height: 17px;
}
.ui-field-contain input.ui-input-text,
.ui-field-contain textarea.ui-input-text,
.ui-field-contain .ui-input-search,
.ui-field-contain div.ui-input-text {
  margin: 0px;
}
#saveCancelBtns .ui-btn-text {
  line-height: 20px;
}
#availabilityFullscreenDialog {
  position: fixed;
  top: 0px;
}
#availabilityFullscreenDialog #editAvailabilityDialog {
  position: fixed;
}
#tradeCount {
  font-size: 16px;
  font-weight: bold;
  text-shadow: 0 1px 1px #194B7E;
  margin-top: -12px;
}
.ui-input-search {
  margin: 0.625em 0;
}
#availabilityTimeIntervals div.ui-input-text {
  width: 90%;
  margin: 0px;
}
#availabilityTimeIntervals div.ui-input-text input {
  width: 100%!important;
}
.ui-field-contain,
fieldset.ui-field-contain {
  padding: 0;
  border-width: 0 0 0px !important;
  margin-bottom: 10px;
}
#requestDetails div.ui-input-text {
  margin: 0px;
}
#saveCancelBtns {
  border-bottom: none!important;
}
#availableShiftsContainer ul {
  list-style: none;
  padding: 0px;
}
#availableShiftsContainer ul li {
  border: 1px solid #CCC;
  background: #FFF;
  width: 70px;
  border-radius: 5px 5px 0 0;
  float: left;
  height: 30px;
  font-size: 1.6em;
  line-height: 30px;
  padding: 3px;
}
#availableShiftsContainer ul li a {
  font-size: 0.9em;
  color: #000;
  width: 100%;
}
#availableShiftsContainer ul .tabActive {
  background: none repeat scroll 0 0 #3399CC !important;
  color: #FFFFFF;
}
#availableShiftsContainer ul .tabActive a {
  color: #FFF;
}
#availableShiftsContainer #content-tab {
  border: 1px solid #CCC;
  margin-top: -1px;
  border-radius: 0px;
  padding: 5px 0;
  float: left;
  width: 100%;
  max-height: 360px;
  overflow: auto;
  box-sizing: border-box;
}
#availableShiftsContainer #content-tab #tabs-1 {
  text-align: center;
}
#availableShiftsContainer #content-tab > div > a {
  margin: 0.3em;
  width: 28%;
  padding: 0.2em;
  border: 1px solid #CCC;
  border-radius: 4px;
  height: 2em;
  display: inline-block;
}
#availableShiftsContainer #content-tab > div > a .code {
  font-size: 1.5em;
  line-height: 25px;
  text-align: center;
}
#availableShiftsContainer #content-tab .selected {
  border: 1px solid #000;
  font-weight: bold;
}
div#roster-main-content,
div#rosterDutiesContent,
div#rosterStaffContent {
  padding: 41px 0 0;
}
div#rosterStaffContent #staffInfoView {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}
div#rosterDutiesContent > div > div#dateRangeControls {
  padding-top: 1em;
}
#rosterPresets ul {
  padding: 0;
  margin: 0;
}
#rosterPresets ul li.empty {
  padding: 0.625em;
  color: #AAA;
}
#rosterPresets ul li {
  padding: 0;
}
#rosterPresets ul li .deleteBtn {
  padding: 10px;
}
#rosterPresets ul li .presetName {
  padding: 10px;
  width: 80%;
}
#rosterPresets ul li .ui-li-desc {
  margin: 0.01em 0;
}
#rosterPresetDialog,
#presetConfirmationDialog {
  padding: 10px;
  border-radius: 4px;
}
.roster-content p {
  margin: 0;
  text-align: center;
  display: block;
  width: 100%;
}
.roster-content .bold {
  font-weight: bold;
  color: #3399CC;
  font-size: 16px;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  display: block;
}
.roster-content h1 {
  font-size: 15px;
  margin: 0;
  padding: 0;
}
.roster-content .roster-list-view ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.roster-content .roster-list-view ul .dutiesTaskListViewItem .duty-content {
  padding: 5px;
}
.roster-content .roster-list-view ul li {
  background: none repeat scroll 0 0 #FDFDFD;
  padding: 10px;
  margin: 5px 0;
}
.roster-content .roster-list-view ul li .code {
  color: #3399CC;
}
.roster-content .roster-list-view ul li div {
  background: none;
}
.roster-content .roster-list-view ul li .name {
  font-weight: bold;
}
.roster-content .roster-list-view ul li .duties {
  word-wrap: break-word;
  width: 120px;
}
.roster-content .roster-list-view ul li .dutyList .half-width {
  width: 50%;
}
.roster-content .roster-list-view ul li .dutyList .right {
  text-align: right;
}
#rosterPresetDialog .buttons a,
#presetConfirmationDialog-popup .buttons a {
  width: 48%;
}
#rosterPresetDialog h1 {
  color: #3399CC;
  font-weight: bold;
  text-align: left;
  margin: 0 0 5px;
  font-size: 14px;
}
#timepicker {
  padding: 10px;
}
#timepicker #time-display {
  text-align: center;
}
#timepicker .ui-slider-track,
#timepicker .ui-slider-switch {
  height: 15px;
  overflow: visible;
  position: relative;
  top: -23px;
  width: 100%;
  margin: 0;
}
#timepicker div.ui-slider:before,
#timepicker div.ui-slider:after {
  padding: 14px;
  width: 170px;
}
#timepicker .ui-slider-input {
  display: none;
}
.serverPopUpDialog {
  padding: 10px;
}
.serverPopUpDialog .buttons a {
  width: 100%;
}
.shiftOptionDialog {
  border: none;
  background: none;
}
.shiftOptionDialog .ui-radio {
  width: 100%;
}
#gps-pop-up-view {
  padding: 5px;
}
#gps-pop-up-view .latlng {
  font-size: 12px;
  font-weight: normal;
}
#gps-pop-up-view .attendance-action-buttons a {
  width: 45%;
}
#gps-pop-up-view .buttons a {
  width: 95%;
}
#punch #map-canvas {
  height: 300px;
  margin: 0px;
  padding: 0px;
}
#punch #shiftInfo {
  color: #AEC6D8;
  background-color: white;
  text-align: left;
  vertical-align: middle;
  padding: 1em;
}
#punch #shiftInfo div {
  font-size: 17px;
}
#punch #shiftInfo .nextShift {
  font-size: 14px;
}
#punch #shiftInfo .timing {
  font-size: 20px;
  color: #3399CC;
}
#punch #shiftInfo .workspace {
  font-size: 14px;
  font-weight: bold;
  color: #3399CC;
}
#punch #clock {
  color: white;
  font-size: 60px !important;
  text-align: center;
  vertical-align: middle;
  background: #79a3c0;
  
  background: -moz-linear-gradient(-45deg, #79a3c0 35%, #558aaf 36%);
  
  background: -webkit-gradient(linear, left top, right bottom, color-stop(35%, #79a3c0), color-stop(36%, #558aaf));
  
  background: -webkit-linear-gradient(-45deg, #79a3c0 35%, #558aaf 36%);
  
  background: -o-linear-gradient(-45deg, #79a3c0 35%, #558aaf 36%);
  
  background: -ms-linear-gradient(-45deg, #79a3c0 35%, #558aaf 36%);
  
  background: linear-gradient(135deg, #79a3c0 35%, #558aaf 36%);
  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79a3c0', endColorstr='#558aaf', GradientType=1);
  
}
#punch #controls {
  background: #2D608A;
  font-size: 15px !important;
  vertical-align: middle;
  height: 70px;
}
#punch #controls > div > div {
  float: left;
  display: block;
  height: 99%;
}
#punch #controls #picture {
  width: 30%;
}
#punch #controls #picture img {
  margin: 10px;
}
#punch #controls #actionDropdown {
  width: 10%;
  background: #3399CC;
  float: left;
}
#punch #controls #actionDropdown_dummy {
  background: url("../css/images/icons-36-white.png") no-repeat scroll -429px 0 #2D608A;
  height: 26px;
  width: 38px;
  text-indent: -5000px;
  line-height: 1;
  margin-top: 16px;
  border: none;
  float: right;
}
#punch #controls #punchButton {
  width: 50%;
  background: #2D608A;
  cursor: pointer;
}
#punch #controls #punchButton span {
  color: white;
  line-height: 65px;
  text-shadow: none;
  font-size: 12px;
}
span.roster-date {
  width: 100%;
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 1.5em;
  color: #3094c9;
}
#manager-attendance-container {
  padding: 51px 10px 10px;
}
#manager-attendance-container .ui-br {
  border-style: none;
}
#manager-attendance-container .date-range {
  cursor: pointer;
}
#manager-attendance-container .date-range .exception-view {
  background: #FDFDFD;
}
div#manager-attendance-summary {
  padding: 41px 0 0 !important;
}
div#manager-attendance-summary .icon {
  padding: 10px;
  color: #3399CC;
  cursor: pointer;
}
div#manager-attendance-summary .quick-fix:before {
  margin-top: 10px;
}
div#manager-attendance-summary .date-range {
  width: 100%;
}
div#manager-attendance-summary .summary-content {
  margin: 0 !important;
}
div#manager-attendance-summary .summary-content h3.ui-collapsible-heading {
  background-image: none !important;
}
div#manager-attendance-summary .summary-content h3.ui-collapsible-heading a {
  border-radius: 0 !important;
  border: 0 !important;
}
div#manager-attendance-summary .exception-content ul {
  padding: 0;
  margin: 0;
}
div#manager-attendance-summary .exception-content ul > div > h2 {
  padding-left: 0.625em;
}
div#manager-attendance-summary .field-container {
  border: 0;
  border-radius: 0;
  list-style: none outside none;
  cursor: pointer;
  min-height: 50px;
  background: #F0F0F0;
  margin: 0 0 5px;
}
div#manager-attendance-summary .field-container .ui-li-desc {
  margin: 0;
}
div#manager-attendance-summary .field-container span {
  font-weight: normal;
}
div#manager-attendance-summary .field-container span.exceptionText {
  width: 18em;
  margin-top: 2px;
  margin-left: 5px;
}
div#manager-attendance-summary .field-container div {
  background: none;
}
div#manager-attendance-summary .field-container .bold {
  font-weight: bold;
}
div#manager-attendance-summary .field-container .staffName {
  font-size: 16px;
  color: #3399CC;
}
div#manager-attendance-summary .color-error {
  margin: 0;
}
div#manager-attendance-summary .ui-collapsible-content {
  padding: 0px;
}
div#manager-attendance-summary > div.glyphicons:before {
  padding-left: 0.625em;
}
#manager-attendance-summary .exception,
.managerAttendanceDetailsItem .exception {
  background-image: url("../images/timecard/timecardicons.png");
  display: block;
  height: 14px;
  text-indent: 22px;
  width: 12px;
  padding: 3px;
}
#manager-attendance-summary .icon-error,
.managerAttendanceDetailsItem .icon-error {
  background-position: -81px 0;
}
#manager-attendance-summary .icon-warning,
.managerAttendanceDetailsItem .icon-warning {
  background-position: -101px 0;
}
#manager-attendance-summary .icon-info,
.managerAttendanceDetailsItem .icon-info {
  background-position: -121px 0;
}
.managerAttendanceDetailsItem {
  padding: 41px 0 0 !important;
  background: #FDFDFD;
}
.managerAttendanceDetailsItem .date-container {
  width: 80%;
  text-align: center;
}
.managerAttendanceDetailsItem .date-container .date {
  font-size: 17px;
  color: #3094c9;
  font-weight: bold;
}
.managerAttendanceDetailsItem .date-container .staffName {
  width: 100%;
  display: block;
  font-weight: bold;
  font-size: 15px;
}
.managerAttendanceDetailsItem .timingTable {
  width: 100%;
}
.managerAttendanceDetailsItem .timingTable th {
  text-align: left;
  color: #3094c9;
}
.managerAttendanceDetailsItem .timingTable td {
  text-align: left;
}
.managerAttendanceDetailsItem .timingTable .icon {
  background: url("../images/timecard/timecardicons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: block;
  height: 20px;
  margin-left: 0.625em;
  margin-right: auto;
  width: 19px;
}
.managerAttendanceDetailsItem .timingTable .shift {
  background-position: -201px 0 !important;
}
.managerAttendanceDetailsItem .timingTable .breakStart {
  background-position: -42px 0 !important;
}
.managerAttendanceDetailsItem .timingTable .breakEnd {
  background-position: -62px 0 !important;
}
.managerAttendanceDetailsItem .timingTable .breakDuration {
  background-position: -62px 0 !important;
}
.managerAttendanceDetailsItem .timingTable .endTime {
  background-position: -20px 0 !important;
}
.managerAttendanceDetailsItem .timingTable .workDuration {
  background-position: -181px 0 !important;
}
.managerAttendanceDetailsItem .timingTable .icon-map-marker {
  background-image: url('../images/timecard/map-marker.png');
  background-repeat: no-repeat;
  background-position: center;
  height: 14px;
  width: 14px;
}
.managerAttendanceDetailsItem .section {
  padding: 10px;
}
.managerAttendanceDetailsItem .box {
  padding-top: 0.625em;
}
.managerAttendanceDetailsItem .box h3 {
  margin-bottom: 4px;
  color: #3094c9;
}
.managerAttendanceDetailsItem .first-container {
  background: #558AAF;
  height: 30px;
  color: white;
}
.managerAttendanceDetailsItem .first-container .right {
  width: 32%;
  text-align: right;
  line-height: 2.5;
}
.managerAttendanceDetailsItem .first-container span {
  display: block;
  padding: 0.625em 0 0 0.625em;
}
.managerAttendanceDetailsItem .first-container span.staffName {
  width: 65%;
}
.managerAttendanceDetailsItem .first-container a:before {
  color: white;
  font-size: 15px;
}
.managerAttendanceDetailsItem .second-container .jquery-icon {
  height: 14px;
  width: 14px;
}
.managerAttendanceDetailsItem .second-container .action-icon {
  height: 12px;
  width: 12px;
}
.managerAttendanceDetailsItem .second-container .expand {
  background: url("../images/common/jquery.png") repeat scroll 0 48px rgba(0, 0, 0, 0);
}
.managerAttendanceDetailsItem .second-container .minimize {
  background: url("../images/common/jquery.png") repeat scroll -16px 48px rgba(0, 0, 0, 0);
}
.managerAttendanceDetailsItem .second-container .add {
  background: url("../images/attendance/add.png");
  background-size: 12px auto;
}
.managerAttendanceDetailsItem .second-container .edit {
  background: url("../images/attendance/edit.png");
  background-size: 12px auto;
}
.managerAttendanceDetailsItem .second-container .remove {
  background: url("../images/attendance/remove.png");
  background-size: 12px auto;
}
.managerAttendanceDetailsItem .second-container .add-btn,
.managerAttendanceDetailsItem .second-container .add-edit {
  cursor: pointer;
}
.managerAttendanceDetailsItem .second-container .add-btn:hover,
.managerAttendanceDetailsItem .second-container .add-edit:hover {
  text-decoration: underline;
}
.managerAttendanceDetailsItem .second-container .text {
  color: #3094c9;
  margin: 0 3px;
}
.managerAttendanceDetailsItem .third-container .exceptions .exceptionText {
  text-indent: 5px;
  float: left;
  line-height: 2;
}
.managerAttendanceDetailsItem .third-container .exceptions .exception {
  float: left;
}
.fifth-container > div {
  margin-bottom: 0;
}
.fifth-container > div > div {
  margin-bottom: 0 !important;
}
.fifth-container .ui-btn {
  border-radius: 0 1em 1em 0;
  box-shadow: none;
  float: right;
  height: 3.2em;
  position: absolute;
  right: 0;
  top: -3.8em;
  width: 50px;
}
.fifth-container .ui-btn .ui-btn-inner {
  padding-left: 0;
  padding-right: 0;
  height: 70%;
}
.fifth-container h2 {
  margin-bottom: 0;
}
#manager-attendance-container .ui-slider-track {
  margin: 0;
}
#manager-attendance-container #slider-2,
#manager-attendance-container .ui-slider-handle,
#manager-attendance-container #slider-2-label {
  display: none;
}
div#manager-multiple-quickfix {
  padding: 41px 0 0 !important;
}
div#manager-multiple-quickfix #checkall-contentainer fieldset {
  margin: 0;
}
div#manager-multiple-quickfix .field-container {
  background: none;
}
div#manager-multiple-quickfix .field-container li {
  padding: 10px !important;
  margin: 0;
  border: 0;
  background: #FDFDFD;
}
div#manager-multiple-quickfix .field-container li .ui-checkbox {
  margin-top: 7px;
  margin-left: -20px;
  float: left;
}
div#manager-multiple-quickfix .field-container li span {
  margin: 0 15px;
  font-size: 15px;
  font-weight: bold;
  color: #3399CC;
  float: left;
}
div#manager-multiple-quickfix .field-container li div {
  background: none;
  margin-left: 15px;
}
div#manager-multiple-quickfix .quick-fix-error {
  padding: 5px 10px;
}
div#manager-multiple-quickfix p {
  padding: 5px 10px;
  margin: 0;
}
div#manager-multiple-quickfix > div:last-child {
  padding: 0 10px 10px !important;
}
div#manager-multiple-quickfix > div:last-child a {
  margin-top: 0 !important;
}
.gecko #manager-attendance-summary .number {
  margin-top: -15px;
}
#component-progress-bar {
  padding: 10px;
}
#component-progress-bar #popup-icon {
  height: 31px;
  width: 31px;
  float: left;
}
#component-progress-bar #popup-message {
  float: left;
  padding: 5px;
}
#component-progress-bar .loading {
  background: url('../images/component/loader.gif');
}
.actual-device.safari.iphone.mobile #masthead {
  padding: 5px 0 5px 0;
}
.actual-device.safari.iphone.mobile #masthead h1.top-link {
  margin-top: 15px;
}
.actual-device.safari.iphone.mobile #masthead .presetIcon {
  margin-top: 20px;
}
.mobileDialog {
  width: 19em;
  padding: 10px;
  border-radius: 4px !important;
}
.mobileDialog .dialog-title {
  margin: 0;
  font-size: 14px;
  text-align: left;
  color: #3094c9;
  float: left;
}
.mobileDialog .btnDouble {
  width: 8em;
  float: left;
  margin: 0.6em;
  border-radius: 4px;
}
.mobileDialog p.mobile-dialog-content {
  clear: both;
  margin: 0;
  line-height: 1.5;
}
#manager-attendance-container .button-selection h3 {
  margin: 0;
}
#manager-attendance-container .warning-list-container ul {
  padding: 0;
  list-style: none;
  height: 35px;
  margin-top: 20px;
}
#manager-attendance-container .warning-list-container ul li {
  margin: 5px;
  padding: 15px;
}
#manager-attendance-container .warning-list-container ul li > div {
  background: none;
}
#manager-attendance-container .warning-list-container ul li .staffName {
  color: #3399CC;
}
#manager-attendance-container .warning-list-container ul li .bold {
  font-weight: bold;
}
.verifiedByManagerIcon {
  background: url("../images/timecard/timecardicons.png") no-repeat;
  width: 19px;
  height: 20px;
  margin-right: auto;
  background-position: -140px 0;
  display: inline-block;
}
.closeIcon {
  background: url("../images/attendance/remove.png");
  background-size: 12px auto;
  height: 12px;
  position: absolute;
  right: 10px;
  width: 12px;
  margin: 0 !important;
}
.notify-check {
  float: right;
  left: 0 !important;
  position: relative !important;
}
#mobile-request {
  padding: 41px 0 0 !important;
  overflow: auto;
}
#mobile-request .mobile-request-type {
  width: 100%;
}
#mobile-request .mobile-request-type span {
  padding: 0.625em;
}
#mobile-request .mobile-request-type > a,
#mobile-request .mobile-request-type > div {
  margin: 0 0 0.7em !important;
}
#mobile-request .mobile-request-type > div {
  border-radius: 4px;
}
#mobile-request .mobile-desired-points-content > div {
  width: 50%;
  clear: none;
  border: none;
}
#mobile-request .mobile-desired-points-content > div:first-child {
  float: left;
}
#mobile-request .mobile-desired-points-content > div:last-child {
  float: right;
}
#mobile-request .mobile-desired-points-content > div .ui-select {
  width: 30%;
  top: -3px;
}
#mobile-request #mobile-availability > div {
  width: 100%;
  box-sizing: border-box;
}
#mobile-request #mobile-availability > div a {
  margin: 0 0 10px !important;
}
#mobile-request #mobile-availability span.ui-btn-inner {
  line-height: 2;
}
#mobile-request #mobile-availability #deleteBtn .ui-btn-inner {
  padding-top: 4px;
}
#mobile-request .leave img {
  float: right;
  margin-top: -20px;
}
.shiftPointInput .ui-select .ui-btn {
  margin-top: 2px;
}
.ui-body-c,
.ui-overlay-c {
  text-shadow: none;
}
#application-user-form table {
  width: 100%;
}
.owm-sidebar-panel {
  background: #f9f9f9;
  position: fixed;
}
.owm-sidebar-panel .TOP_SIDEBAR_TOOLBAR {
  padding: 5px;
  height: 41px;
  width: 100%;
  box-sizing: border-box;
  background: #3399CC;
  border-bottom: 1px solid #000;
}
.owm-sidebar-panel .TOP_SIDEBAR_TOOLBAR h1 {
  color: #FFF;
  font-size: 14px;
  line-height: 2.3;
  margin: 0 auto;
}
.owm-sidebar-panel .TOP_SIDEBAR_TOOLBAR p {
  font-weight: bold;
  margin: 0;
  color: white;
}
.owm-sidebar-panel .TOP_SIDEBAR_TOOLBAR p:nth-child(2) {
  font-weight: normal !important;
  font-size: 13px !important;
}
.owm-sidebar-panel .sidebar-panel-navigation {
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.owm-sidebar-panel .ui-panel-inner {
  padding: 0px;
}
.owm-sidebar-panel .item-container {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.owm-sidebar-panel .item-container li {
  padding: 10px;
  width: 100%;
}
.owm-sidebar-panel .item-container li.bottom-border {
  border-bottom: 1px solid #ccc;
}
.owm-sidebar-panel .item-container li.top-border {
  border-top: 1px solid #ccc;
}
.owm-sidebar-panel .item-container li.bottom-fixed {
  position: absolute;
  bottom: 0px;
}
.owm-sidebar-panel .item-container li.active {
  background: #dadada;
}
.owm-sidebar-panel .item-container li:hover {
  background: #ccc;
}
.owm-sidebar-panel .item-container li a.menu-label {
  font-size: 10px;
  cursor: default;
}
.owm-sidebar-panel .item-container li#menu-version .menuVersion {
  color: #aaa;
}
#pageWrapper .ui-panel-content-wrap {
  height: 100%;
  overflow: hidden;
}
#pageWrapper .ui-panel-content-wrap #viewWrapper {
  position: absolute;
  width: 100%;
  overflow: auto;
  padding: 0px;
}
#pageWrapper .ui-panel-content-wrap #viewWrapper.not-login {
  margin-top: 40px;
}
#pageWrapper .TOP_TOOLBAR {
  background: #3399CC;
  height: 40px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}
#pageWrapper .owm-mobile-menu-selection {
  width: 100%;
  background: #79a3c0;
  height: 30px;
}
#pageWrapper .owm-mobile-menu-selection .name {
  padding: 5px;
  width: 75%;
  float: left;
  color: #fff;
}
#pageWrapper .owm-mobile-menu-selection .selection {
  width: 15%;
  height: inherit;
  float: right;
}
#pageWrapper .owm-mobile-menu-selection .selection:before {
  color: #fff;
  top: 2px;
  left: 5px;
}
.header-login {
  display: none;
}
.win.ui-mobile #login {
  margin-top: 0 !important;
  margin-left: auto;
  margin-right: auto;
}
.mobile-device.web-scale {
  width: 20%;
}
.badge {
  background: #BA070F;
  color: #fff;
  padding-left: 5px;
  padding-right: 5px;
  position: absolute;
  z-index: 999;
  border-radius: .8em;
}
.badge.bordered {
  border: 2px solid #fff;
}
.reportDiv {
  background-color: white;
  border: 1px solid black;
  padding: 5px;
  margin: 10px;
}
.reportTitle {
  font-size: 18px;
  font-style: bold;
  background-color: transparent !important;
}
.reportSub {
  font-size: 12px;
  background-color: transparent !important;
}
#iframeDiv {
  padding: 0;
  overflow: hidden;
}
#iframeLoading {
  margin-top: 30px;
  width: 100%;
  height: 20px;
  background: url("../images/ajax-loader.gif") top center no-repeat;
}
#iframeControl {
  width: 100%;
  height: 1200px;
  border: 0;
}
#main-content > div > div.ui-input-text {
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0;
  border: 0 !important;
  margin: 0 ;
}
#main-content label {
  color: #39C;
  width: 100%;
}
#main-content input {
  padding: 5px 0 !important;
}
#profileView {
  padding: 41px 0 0;
}
#profileView .profile-top {
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  display: block;
  padding: 10px;
  background: #79a3c0;
  
  background: -moz-linear-gradient(-45deg, #79a3c0 35%, #558aaf 36%);
  
  background: -webkit-gradient(linear, left top, right bottom, color-stop(35%, #79a3c0), color-stop(36%, #558aaf));
  
  background: -webkit-linear-gradient(-45deg, #79a3c0 35%, #558aaf 36%);
  
  background: -o-linear-gradient(-45deg, #79a3c0 35%, #558aaf 36%);
  
  background: -ms-linear-gradient(-45deg, #79a3c0 35%, #558aaf 36%);
  
  background: linear-gradient(135deg, #79a3c0 35%, #558aaf 36%);
  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79a3c0', endColorstr='#558aaf', GradientType=1);
  
}
#profileView .profile-top .profile-pic {
  float: left;
}
#profileView .profile-top .profile-pic img {
  width: 90px;
  display: block;
  border: 1px solid #cccccc;
}
#profileView .profile-top .profile-info {
  padding: 5px;
  box-sizing: border-box;
  overflow: hidden;
}
#profileView .profile-top .profile-info p {
  margin: 0;
  color: #FFF;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}
#profileView .profile-top .profile-info p:first-child {
  font-size: 18px;
}
#profileView .profile-bottom {
  clear: both;
  padding: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  background: #FDFDFD;
}
#profileView .profile-bottom li {
  background: #F0F0F0;
  padding: 10px;
  margin: 0 0 5px;
}
#profileView .profile-bottom li.dw-hsel {
  position: initial!important;
  height: initial!important;
  width: initial!important;
  left: initial!important;
  overflow: initial!important;
}
#profileView .profile-bottom li .checkBoxes {
  background: none;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
}
#profileView .profile-bottom li .checkBoxes div {
  clear: both;
}
#profileView .profile-bottom li h3 {
  margin: 0;
  color: #3399CC;
  font-weight: normal !important;
}
.btn-group .btn {
  background: #ccc;
  display: block;
  float: left;
  text-align: center;
  color: #000;
  padding: 5px 12px 5px;
}
.btn-group .btn:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.btn-group .btn:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.btn-group .btn.active.btn-success {
  background-color: #51a351;
  color: #fff;
}
.btn-group .btn.active.btn-danger {
  background-color: #bd362f;
  color: #fff;
}
#mobile-menu-dialog button {
  border-radius: 5px;
  width: 100%;
  margin: 2px 0;
  height: 50px;
  position: relative;
}
#mobile-menu-dialog button:before {
  top: 8px;
  position: absolute;
  left: 10px;
}
#rosterSelection div > div {
  box-shadow: none !important;
  border-radius: 0 !important;
  border-top: 1px solid #CCC;
}
#rosterSelection div > div > div {
  margin: 0 !important;
  border: 0;
}
.wfo-box-content {
  margin-top: 50px;
  padding: 10px;
}
#reply-dropzone {
  width: 100%;
  height: 200px;
}
#message-thread-list-item .reply-text-content .width-nine-eight {
  height: 60px;
}
#message-thread-list-item .attachment img {
  width: 100px;
  height: 100px;
}
#message-thread-list-item .thread-message {
  word-break: break-word;
}
#message-thread-list-item .thread-message .send-time {
  position: absolute;
  right: 0;
  top: 15px;
}
#message-thread-list-item .thread-message.min-message {
  max-height: 30px;
  overflow: hidden;
  line-height: 14px;
  width: 100%;
}
#message-thread-list-item .send-date {
  margin-top: 5px;
}
#web-mobile-messaging {
  padding: 41px 0 0 !important;
  overflow: hidden;
}
#web-mobile-messaging .reply-input-field {
  position: fixed;
  padding: 0 10px;
  bottom: 0;
  width: 94%;
  background: #fff;
}
#web-mobile-messaging .new-message > div:nth-child(2) {
  margin-bottom: 5px;
}
#web-mobile-messaging .new-message {
  height: inherit;
}
#web-mobile-messaging .new-message #time-date-container input {
  width: 96%;
}
#web-mobile-messaging .new-message .text-entry.new-input {
  margin-top: 10px;
  min-height: 25%;
}
#web-mobile-messaging .new-message .text-entry.new-input .jHtmlArea {
  height: 100%!important;
}
#web-mobile-messaging .new-message .config-button button {
  width: 49%;
  margin-bottom: 5px;
}
#web-mobile-messaging .new-message .config-button button:first-child {
  margin-right: 5px;
}
#web-mobile-messaging .new-message .venue-file-container {
  margin: 5px 0;
}
#web-mobile-messaging .new-input {
  clear: both;
}
#web-mobile-messaging .new-input > div,
#web-mobile-messaging .new-input textarea {
  width: 100%;
  box-sizing: border-box;
}
#web-mobile-messaging .loading {
  background: url('../images/component/loader.gif');
  height: 31px;
  width: 31px;
  position: fixed;
  top: 20%;
  left: 50%;
}
#web-mobile-messaging .left-panel {
  margin-bottom: 5px;
  width: 100%;
}
#web-mobile-messaging .button-container button {
  border-radius: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
}
#web-mobile-messaging .button-container.one-buttons button {
  width: 100%;
}
#web-mobile-messaging .button-container #btnRecalled {
  background: red;
  border: 1px solid #CCC;
  padding-top: 5px;
  padding-bottom: 5px;
}
#web-mobile-messaging .button-container #btnRecalled:before {
  font-size: 14px;
  padding-right: 5px;
}
#web-mobile-messaging .button-container.three-buttons button {
  width: 32.5%;
}
#web-mobile-messaging .button-container.two-buttons button {
  width: 49.3%;
}
#web-mobile-messaging #thread-message-content {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 40px;
}
#web-mobile-messaging #thread-message-content #message-thread-list-item {
  width: 100%;
}
#web-mobile-messaging #thread-message-content #message-thread-list-item.bubble-right .thread-content {
  float: right;
  width: 100%;
}
#web-mobile-messaging #thread-message-content #message-thread-list-item.bubble-right .thread-content .message-content {
  margin-right: 80px;
  background: #cdecfb;
}
#web-mobile-messaging #thread-message-content #message-thread-list-item.bubble-left .thread-content {
  float: left;
  width: 100%;
}
#web-mobile-messaging #thread-message-content #message-thread-list-item.bubble-left .thread-content .message-content {
  margin-left: 80px;
  background: #ccc;
}
#web-mobile-messaging #thread-message-content #message-thread-list-item.bubble-right .thread-sender .icons.photo {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 55px;
  width: 55px;
}
#web-mobile-messaging #thread-message-content #message-thread-list-item.bubble-right .thread-sender .bubble-photo {
  position: absolute;
  bottom: 0;
  right: 0;
}
#web-mobile-messaging #thread-message-content #message-thread-list-item.bubble-left .thread-sender .icons.photo {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 55px;
  width: 55px;
}
#web-mobile-messaging #thread-message-content #message-thread-list-item.bubble-left .thread-sender .bubble-photo {
  position: absolute;
  bottom: 0;
  left: 0;
}
#web-mobile-messaging #thread-message-content #message-thread-list-item .bubble-photo img {
  vertical-align: bottom;
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #CCC;
}
#web-mobile-messaging #thread-message-content #message-thread-list-item .icons:before {
  color: #3399CC;
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-overflow: clip;
  overflow: hidden;
  border: 1px solid #CCC;
}
#web-mobile-messaging #thread-message-content #message-thread-list-item ul img {
  cursor: pointer;
}
#web-mobile-messaging #thread-message-content #message-thread-list-item .message-content {
  padding: 10px;
  border-radius: 5px;
}
#web-mobile-messaging #thread-message-content #message-thread-list-item .message-content .image-list,
#web-mobile-messaging #thread-message-content #message-thread-list-item .message-content .pdf-list {
  list-style-type: none;
  margin: 0;
  padding: 10px;
}
#web-mobile-messaging #thread-message-content #message-thread-list-item .message-content .image-list .attachment,
#web-mobile-messaging #thread-message-content #message-thread-list-item .message-content .pdf-list .attachment {
  margin-top: 10px;
}
#web-mobile-messaging #thread-message-content #message-thread-list-item .message-content .image-list .ion-ios-download-outline,
#web-mobile-messaging #thread-message-content #message-thread-list-item .message-content .pdf-list .ion-ios-download-outline {
  background: none;
  padding: 32px 24px;
  color: #3399CC;
}
#web-mobile-messaging .messaging-thread-list {
  height: 100%;
  margin-top: 55px;
}
#web-mobile-messaging .messaging-thread-list #message-thread-list-item {
  background: #FDFDFD;
  margin: 0 0 5px 0;
}
#web-mobile-messaging .messaging-thread-list #message-thread-list-item .thread-icons {
  height: 3em;
  position: relative;
  display: inline-block;
}
#web-mobile-messaging .messaging-thread-list #message-thread-list-item .thread-icons div {
  height: 100%;
  display: block;
}
#web-mobile-messaging .messaging-thread-list #message-thread-list-item .thread-icons div div {
  width: 100%;
  height: 100%;
  margin-top: 5px;
}
#web-mobile-messaging .messaging-thread-list #message-thread-list-item .thread-content {
  position: relative;
  display: inline-block;
}
#web-mobile-messaging .messaging-thread-list #message-thread-list-item .thread-content .thread-sender span {
  font-size: 12px !important;
}
#web-mobile-messaging .messaging-thread-list #message-thread-list-item .thread-content .icon-attachfile {
  float: left;
  box-sizing: border-box;
}
#web-mobile-messaging .messaging-thread-list #message-thread-list-item .thread-content .thread-subject .icon:before {
  font-size: 15px;
  padding-right: 0px;
}
#web-mobile-messaging .messaging-thread-list #message-thread-list-item .thread-content .thread-subject .subject-content {
  width: 94%;
}
#web-mobile-messaging .messaging-thread-list #message-thread-list-item .thread-content .thread-subject .subject-content-2 {
  width: 93%;
}
#web-mobile-messaging .messaging-thread-list #message-thread-list-item .thread-content .thread-subject .subject-content-3 {
  width: 93%;
}
#web-mobile-messaging .messaging-thread-list #message-thread-list-item .thread-content .thread-subject .subject-content-4 {
  width: 91.5%;
}
#web-mobile-messaging .filter-search-container {
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  background: #fff;
  z-index: 10;
}
#web-mobile-messaging .filter-search-container #btnSearch {
  margin-right: 130px;
}
#web-mobile-messaging .filter-search-container .icons.btnToggle {
  position: absolute;
  right: 0px;
  width: 130px;
  top: 0px;
}
#web-mobile-messaging .filter-search-container .icons.btnToggle .icon {
  width: 33.3%;
  margin: 10px 0;
  float: left;
  text-align: center;
}
#web-mobile-messaging .filter-search-container .icons.btnToggle .icon:before {
  font-size: 35px;
}
#web-mobile-messaging.new-message .fieldcontain .btn-group {
  margin-bottom: 10px;
  width: 100%;
  border-radius: 4px;
}
#web-mobile-messaging.new-message .fieldcontain .btn-group button {
  background: #3094C9;
  color: #fff;
  width: 33.3%;
  padding: 10px;
}
#web-mobile-messaging.new-message .fieldcontain .btn-group button:before {
  font-size: 15px!important;
}
#web-mobile-messaging.new-message .fieldcontain .btn-group button.low {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 4px;
}
#web-mobile-messaging.new-message .fieldcontain .btn-group button.mid {
  border-radius: 0 !important;
}
#web-mobile-messaging.new-message .fieldcontain .btn-group button.high {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-top-left-radius: 0;
}
#web-mobile-messaging.new-message .error {
  border: 1px dashed red;
}
#web-mobile-messaging.new-message textarea {
  height: 17em;
}
#web-mobile-messaging.new-message .reply-required-venue {
  width: 100%;
}
#web-mobile-messaging.new-message .reply-required-venue .ui-checkbox .ui-btn-icon-left .ui-btn-inner,
#web-mobile-messaging.new-message .reply-required-venue .ui-radio .ui-btn-icon-left .ui-btn-inner {
  padding-left: 35px;
}
#web-mobile-messaging.new-message .reply-required-venue .ui-fullsize .ui-btn-inner,
#web-mobile-messaging.new-message .reply-required-venue .ui-fullsize .ui-btn-inner {
  padding: .6em 15px;
}
#web-mobile-messaging.new-message .reply-required-venue .ui-checkbox {
  clear: none;
  float: left;
  width: 48%;
}
#web-mobile-messaging.new-message .reply-required-venue .ui-checkbox:first-child {
  padding-right: 10px;
}
#web-mobile-messaging.new-message .reply-required-venue .ui-checkbox label {
  width: 100%;
}
#web-mobile-messaging.new-message span.left {
  margin-left: 30px;
  margin-bottom: 3px;
}
#web-mobile-messaging.new-message .ui-input-text {
  clear: both;
}
#web-mobile-messaging.new-message .fieldcontain {
  border: 0px;
}
#web-mobile-messaging.new-message .fieldcontain .ui-controlgroup .ui-radio {
  width: 33.3%;
}
#web-mobile-messaging.new-message .fieldcontain .ui-controlgroup .ui-radio label .ui-btn-text {
  font-size: 11px;
}
#web-mobile-messaging .message-group-item {
  background: #F0F0F0;
}
#web-mobile-messaging .message-group-item span {
  font-weight: 500;
  color: #404040;
  font-style: italic;
  font-size: 13px;
}
#web-mobile-messaging .filter-container span {
  margin: 10px;
}
#web-mobile-messaging #reply-content .reply-text-content {
  width: 99%;
  display: inline-block !important;
}
#web-mobile-messaging #reply-content .reply-text-content textarea.error {
  border: 1px dashed red;
}
#web-mobile-messaging #reply-content .reply-text-content .txtMsg {
  margin-bottom: 0.625em;
  border-width: 1px 0;
  border-style: solid;
  border-color: #ccc;
}
#web-mobile-messaging #reply-content .reply-text-content .txtMsg .jHtmlArea > div {
  width: 98%;
  height: 91%;
}
#web-mobile-messaging #reply-content .reply-text-content .txtMsg .jHtmlArea > div.ToolBar {
  height: 25px!important;
}
#web-mobile-messaging #reply-content .reply-text-content .btnSend button {
  padding-left: 35px;
  border-radius: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}
#web-mobile-messaging #reply-content .reply-text-content .btnSend button:before {
  top: 5px;
  left: 10px;
  position: absolute;
  font-size: 25px;
}
#web-mobile-messaging #reply-content .reply-action #btnAttach {
  left: 11px;
}
#web-mobile-messaging #reply-content .reply-action #btnSend {
  top: 31px;
  left: 5px;
}
#right-navigation ul.user-list {
  height: 42em;
  overflow: auto;
  padding-left: 0.8em!important;
}
#right-navigation ul.user-list .user-entry {
  border-bottom: 1px solid #E6E6E6;
  margin-bottom: 5px;
}
#right-navigation ul.user-list .user-entry > div:first-child {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0;
  width: 85%;
  overflow: hidden;
}
#right-navigation ul.user-list .user-entry .icons {
  height: 0 !important;
}
.mobileDialog #tree-container ul {
  height: 11em;
  list-style: none;
  overflow: auto;
  padding: 0px;
}
.mobileDialog #tree-container ul li {
  border: 1px solid #ddd;
  margin-bottom: -1px;
  padding: 10px 15px;
  display: block;
}
.mobileDialog #tree-container ul li .glyphicon {
  padding-left: 0px;
}
.mobileDialog #tree-container ul li .glyphicon:before {
  font-size: 12px;
  top: -7px;
  color: #3094C9;
}
#attachment-container {
  padding: 0;
  clear: both;
}
#attachment-container li {
  border: 1px solid #46b8da;
  float: left;
  background: #3094C9;
  padding: 5px;
  padding-left: 20px;
  border-radius: 5px;
  color: #fff;
}
#attachment-container li:before {
  font-size: 12px;
  top: 7px;
  left: 5px;
  color: #fff;
}
.fullscreen-dialog {
  position: fixed;
  top: 0!important;
  left: 0!important;
  width: 94%;
  height: 96%;
}
.fullscreen-dialog .button-container {
  margin-top: 5px;
}
.fullscreen-dialog .button-container button {
  padding-left: 30px;
  border-radius: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.fullscreen-dialog .button-container button.chevron-right {
  padding-right: 30px;
  padding-left: 10px;
}
.fullscreen-dialog .button-container button.chevron-right:before {
  right: -32px;
}
.fullscreen-dialog .button-container button.download {
  padding-left: 40px;
}
#files-container {
  margin-top: 5px;
}
#files-container .file-entry {
  border: 1px solid #ccc;
  line-height: 2.5;
}
#files-container .file-entry .file-delete {
  width: 10%;
  float: left;
}
#files-container .file-entry .file-delete:before {
  font-size: 12px;
  color: red;
  margin-left: 10px;
}
#pdf-viewer-dialog {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1000;
}
#pdf-viewer-dialog .button-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: #000;
  padding: 10px;
}
#pdf-viewer-dialog .button-container i {
  cursor: pointer;
  color: #fff;
}
#pdf-viewer-dialog .button-container i.ion-close {
  float: right;
}
#pdf-viewer-dialog .canvas-container {
  width: 50%;
  height: 92%;
  overflow: auto;
  margin-right: auto;
  margin-left: auto;
  margin-top: 60px;
  text-align: center;
}
#pdf-viewer-dialog .pdf-viewer-close {
  height: 30px;
  position: absolute;
  right: 0;
  background: #000;
  width: 45px;
  text-align: center;
  cursor: pointer;
  border-bottom-left-radius: 25px;
}
#pdf-viewer-dialog .pdf-viewer-close i {
  margin-left: 15px;
}
#pdf-viewer-dialog .pdf-viewer-close i:before {
  font-size: 22px;
}
#pdf-viewer-dialog .pdf-viewer-close i.ion-close {
  float: right;
}
#pdf-viewer-dialog iframe {
  width: 100%;
  height: 95.5%;
  margin-top: 30px;
}
#pdf-viewer-dialog .pdf-viewer-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  z-index: -1;
  opacity: 0.6;
}
.viewer-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.iphone .recipient-dialog-box,
.ios .recipient-dialog-box {
  top: -13em !important;
}
.iphone div#timecard #timeCardDetailsView .comment .ui-select,
.ios div#timecard #timeCardDetailsView .comment .ui-select {
  top: 19px;
}
.actual-device.iphone #masthead {
  height: 30px;
}
.actual-device.iphone #masthead h1 {
  margin: 5px 0;
}
.actual-device.iphone #masthead #right-head-button {
  right: 10px;
}
.actual-device div#timecard #timeCardDetailsView .comment .ui-select {
  top: 19px;
}
#component-search-box .search-input input {
  width: 77%!important;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  #attendance-console #console-login-view #clock-view label,
  #attendance-console #console-login-view #clock-view p {
    font-size: 10em;
  }
  #attendance-console #console-login-view .loginInput .input {
    padding: 9px;
  }
  #attendance-console #console-login-view .loginInput .field.input input {
    height: 16px;
  }
  #attendance-console #buttonRegion .tap_button h1 {
    font-size: 1.5em;
  }
  #attendance-console #workspace-list {
    width: 93%;
  }
  #attendance-console #device-view {
    width: 57%;
  }
  #attendance-console #device-view.identify #scanner-view .device-input-view .content {
    width: 70%;
  }
  #attendance-console #device-view.identify #scanner-view .device-input-view .content .scan-message {
    font-size: 30px!important;
    line-height: 1.5!important;
  }
  #attendance-console #device-view.identify #scanner-view .device-input-view .content .field.input {
    width: 77%;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1366px) {
  #attendance-console .registration#device-view {
    width: 56%;
    float: right;
  }
  #attendance-console .registration#device-view .scanning {
    line-height: 1.5!important;
  }
  #attendance-console .block-region ul li.block-form {
    width: 40%;
  }
  #attendance-console section {
    min-height: 8em;
  }
  #attendance-console #device-view.identify {
    width: 54%;
  }
  #attendance-console #device-view.identify .device-input-view .content {
    width: 70%;
  }
  #attendance-console #device-view.identify .device-input-view .content .scan-message {
    font-size: 30px!important;
  }
  #attendance-console #clock-view.identify p {
    font-size: 10em!important;
  }
  #attendance-console #buttonRegion .tap_button {
    height: 12em;
    margin: 3.5% 0.5% 0.5%;
  }
  #attendance-console #buttonRegion .tap_button h1:first-child {
    padding-top: 2.2em;
  }
}
@media screen and (min-width: 1367px) and (max-width: 1920px) {
  .analytics-report-container .main-container iframe.third-view {
    width: 84%;
    height: 91%;
  }
  #attendance-console #device-view.identify {
    width: 63%;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1920px) {
  #web-mobile-messaging #thread-message-content {
    height: 53em;
  }
  #web-mobile-messaging.message-reply-required #thread-message-content {
    height: 53em;
  }
}
@media (max-width: 1920px) {
  #web-mobile-messaging .text-entry .new-message iframe {
    height: 44em;
  }
  #web-mobile-messaging .text-entry.showVenue .new-message iframe {
    height: 38em;
  }
  #web-mobile-messaging #reply-content.shown {
    display: block;
    background: none;
  }
  #web-mobile-messaging #reply-content.shown .reply-close {
    position: fixed;
    right: 0;
    width: 50px;
    background: #000;
    top: 0;
    height: 30px;
    z-index: 2;
    cursor: pointer;
    border-bottom-left-radius: 50px;
  }
  #web-mobile-messaging #reply-content.shown .reply-close:before {
    font-size: 25px;
    padding-right: 10px;
    margin-left: 22px;
    color: #fff;
  }
  #web-mobile-messaging #reply-content.shown .reply-container {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 10px;
  }
  #web-mobile-messaging #reply-content.shown .reply-container .reply-text-content .reply-attachment-container {
    height: 100px;
    width: 98.8%;
    border: 2px solid #ccc;
    margin: 10px 0;
    background: #fff;
    padding: 10px;
    cursor: pointer;
  }
  #web-mobile-messaging #reply-content.shown .reply-container .reply-text-content .reply-attachment-container p {
    padding: 25px;
    text-align: center;
  }
  #web-mobile-messaging #reply-content.shown .reply-container .reply-text-content .reply-attachment-container img {
    width: 70px;
    height: 80px;
    margin: 0 5px;
    border: 1px dashed #000;
    padding: 5px;
    float: left;
  }
  #web-mobile-messaging #reply-content.shown .reply-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.6;
    z-index: 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  #pageWrapper #headerContainer #main-navigation ul li a {
    padding: 0px;
    line-height: 2.5;
  }
  #pageWrapper #headerContainer #main-navigation ul li a:before {
    font-size: 18px;
  }
  #pageWrapper #headerContainer #main-navigation ul li a div {
    font-size: 10px;
    line-height: 3.5;
  }
  #mainNav ul.nav li {
    cursor: pointer;
  }
  #mainNav ul.nav li a:before {
    color: #fff;
  }
  #mainNav ul.nav li.laptop {
    display: none;
  }
  #mainNav ul.nav li.tablet {
    display: block;
  }
  #mainNav ul.tablet-right-menu li {
    padding: 10px;
  }
  #mainNav ul.tablet-right-menu li:hover {
    background: #43768F;
  }
  #mainNav ul.tablet-right-menu li i {
    width: 30px;
  }
  #mainNav ul.tablet-right-menu li i:before {
    color: #fff;
  }
  #mainNav ul.tablet-right-menu li:first-child {
    clear: both;
    border-top: 1px solid #ccc;
  }
  #attendance-console {
    height: 93%;
  }
  #attendance-console section {
    min-height: 7em;
  }
  #attendance-console #console-view-header li img {
    width: 200px;
  }
  #attendance-console #headerRegion ul li {
    font-size: 2em;
  }
  #attendance-console .registration#device-view {
    width: 45%;
  }
  #attendance-console .block-region ul li.block-form {
    width: 55%;
  }
  #attendance-console .block-region ul li.block-form .loginInput .input {
    padding: 7px;
  }
  #attendance-console .block-region ul li.block-form .loginInput .field.input {
    width: 60%;
  }
  #attendance-console .block-region ul li.block-form .loginInput .field.input input {
    height: 16px;
    font-size: 1em;
  }
  #attendance-console #device-view.identify {
    width: 60%!important;
  }
  #attendance-console #device-view.identify #scanner-view .message-content {
    padding: 40px 0;
  }
  #attendance-console #device-view.identify #scanner-view .message-content p {
    font-size: 15px;
  }
  #attendance-console #device-view.identify #scanner-view .image-content img {
    width: 90px;
  }
  #attendance-console #device-view.identify #scanner-view .content {
    width: 65%!important;
  }
  #attendance-console #device-view.identify #scanner-view .content .scan-message {
    font-size: 25px!important;
    line-height: 1.5!important;
  }
  #attendance-console #device-view.identify #scanner-view .content .field.input {
    width: 65%!important;
  }
  #attendance-console #device-view.registration #scanner-view .message-content {
    padding: 0px;
  }
  #attendance-console #device-view.registration #scanner-view .message-content p {
    font-size: 18px;
    line-height: 1.2;
    margin-top: 45px;
  }
  #attendance-console #device-view.registration #scanner-view .image-content {
    margin-top: 15px;
  }
  #attendance-console #device-view.registration #scanner-view .image-content img {
    width: 100px;
  }
  #attendance-console #device-view.registration #scanner-view h1.scanning {
    line-height: 6.5;
    font-size: 1.5em;
  }
  #attendance-console #buttonRegion .tap_button {
    width: 24%;
    height: 10em;
  }
  #attendance-console #buttonRegion .tap_button h1 {
    font-size: 23px;
  }
  #attendance-console #buttonRegion .tap_button h1:first-child {
    padding-top: 2.5em;
  }
  #attendance-console #buttonRegion #timingError {
    font-size: 1.5em;
  }
  #attendance-console section#headerRegion {
    min-height: 7em;
  }
  .ui-dialog {
    width: 600px;
  }
  #attendance-console #clock-view p {
    font-size: 7em!important;
    margin-top: 25px;
  }
  #attendance-console #workspace-list {
    width: 93%;
  }
  #attendance-console #workspace-list button {
    height: 100px;
  }
}
@media screen and (max-width: 414px) {
  #web-mobile-messaging #reply-content .reply-text-content {
    width: 95%;
    height: 100%;
  }
  #web-mobile-messaging #reply-content .reply-text-content .txtMsg {
    height: 50%!important;
    margin-top: 20px;
  }
  #web-mobile-messaging #reply-content .reply-text-content .txtMsg .jHtmlArea {
    height: 100%!important;
  }
  #web-mobile-messaging #reply-content .reply-text-content .txtMsg .jHtmlArea > div:last-child {
    height: 100%;
  }
  #web-mobile-messaging #reply-content .reply-text-content .txtMsg .jHtmlArea iframe {
    height: 84%!important;
    width: 100%!important;
  }
  #web-mobile-messaging #reply-content .reply-text-content .reply-attachment-container {
    width: 91.8%!important;
  }
  #pdf-viewer-dialog .canvas-container {
    width: 100%;
    height: 92%;
    overflow: auto;
    margin-right: none;
    margin-left: none;
  }
  .actual-device.iphone #console-input-region > div > .glyphicons {
    top: 22px;
  }
  .mobile-device.iphone #console-input-region > div > .glyphicons {
    top: 22px;
  }
}
@media screen and (min-width: 100px) and (max-width: 320px) {
  #pdf-viewer-dialog {
    height: 99%;
  }
  .actual-device .iphone #web-mobile-messaging.new-message .ui-checkbox input {
    left: 5px;
  }
  .actual-device .iphone #auto-complete-select .tiles .tile {
    font-size: 10px;
  }
  .ios *,
  .iphone * {
    font-size: 12px;
  }
  .ios form .fieldcontain,
  .iphone form .fieldcontain {
    margin-bottom: 0px;
  }
  .ios #swapDetailsContent .ui-btn .ui-btn-inner,
  .iphone #swapDetailsContent .ui-btn .ui-btn-inner {
    padding: 4px;
  }
  .ios #tradeCount,
  .iphone #tradeCount {
    font-size: 14px;
    margin-top: -8px;
  }
  .ios #userInformationView .tabs li a span,
  .iphone #userInformationView .tabs li a span {
    height: 25px!important;
    line-height: 25px!important;
  }
  .ios #userInformationView .tabs li a.ui-btn-active span,
  .iphone #userInformationView .tabs li a.ui-btn-active span {
    height: 25px!important;
    line-height: 25px!important;
  }
  .ios #userInformationView .section-user-field > div,
  .iphone #userInformationView .section-user-field > div {
    padding: 5px 0;
  }
  .ios #userInformationView textarea,
  .iphone #userInformationView textarea {
    height: 35px;
  }
  .ios .login .ui-btn,
  .iphone .login .ui-btn,
  .ios #userInformationView .ui-btn,
  .iphone #userInformationView .ui-btn,
  .ios #scheduleViewContainer .ui-btn,
  .iphone #scheduleViewContainer .ui-btn,
  .ios #changePassword .ui-btn,
  .iphone #changePassword .ui-btn,
  .ios .ui-popup-container .ui-btn,
  .iphone .ui-popup-container .ui-btn {
    height: 30px;
  }
  .ios #saveCancelBtns .ui-btn-text,
  .iphone #saveCancelBtns .ui-btn-text {
    line-height: 16px;
  }
  .ios .ui-input-search,
  .iphone .ui-input-search,
  .ios div.ui-input-text,
  .iphone div.ui-input-text {
    margin: 3px 0;
  }
  .ios #serverSettings .info,
  .iphone #serverSettings .info {
    margin-bottom: 2px;
  }
  #message-thread-list-item .thread-content .subject-content {
    width: 94.5%!important;
  }
  #message-thread-list-item .thread-content .subject-content-2 {
    width: 93.5%!important;
  }
  #message-thread-list-item .thread-content .subject-content-3 {
    width: 95%!important;
  }
  #message-thread-list-item .thread-content .subject-content-4 {
    width: 91.5%!important;
  }
}
#availability-view-container .time-interval .clear-time {
  top: 10px;
  right: -5px;
}
#availability-view-container .time-interval .clear-time:before {
  font-size: 25px;
}
#availability-view-container #comment-container {
  margin-top: 50px;
}
#mobile-cancel-content {
  margin-top: 5px;
  clear: both;
  width: 99%;
}
#mobile-cancel-content div {
  border-radius: 4px;
  box-shadow: none;
  margin: 0 !important;
  border: 1px solid #000;
  padding: 10px;
  text-align: center;
  color: #fff;
  width: 94%;
}
.application-user-container {
  padding: 51px 10px 0!important;
}
.application-user-container table {
  width: 100%;
}
.application-user-container table td {
  width: 50%;
  word-break: break-all;
}
.application-user-container table td .privilege {
  text-align: center;
}
.scroll {
  overflow-y: auto;
  overflow-x: hidden;
}
.wfo-mobile-message-dialog {
  position: fixed;
  bottom: 0;
  min-height: 170px;
  left: 2px;
  border: 1px solid #3399CC;
  width: 98%;
  background: #fff;
  margin-bottom: 5px;
}
.wfo-mobile-message-dialog div.pad {
  width: 90%;
  padding: 10px;
  margin: 5px;
}
.wfo-mobile-message-dialog div.pad.title {
  color: #3399CC;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
}
.wfo-mobile-message-dialog div.pad.message {
  border-bottom: 1px solid #ccc;
}
.wfo-mobile-message-dialog div.pad.buttons button {
  width: 25%;
  margin-right: 5px;
}
.wfo-mobile-message-dialog.middle {
  bottom: 300px;
}
.wfo-mobile-message-dialog.half-top {
  bottom: 400px;
}
.wfo-mobile-message-dialog.input input {
  padding: 7px;
  width: 98%;
  border-radius: 5px;
  border: 1px solid #ccc;
}
.managerAttendanceDetailsItem #button-container #component-icon-button {
  padding-right: 10px;
  padding-left: 10px;
  height: 30px;
  padding-top: 2px;
  width: 20px;
}
.managerAttendanceDetailsItem #button-container #component-icon-button:before {
  font-size: 25px;
}