html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline
}

html {
	line-height: 1
}

ol,
ul {
	list-style: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption,
th,
td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle
}

q,
blockquote {
	quotes: none
}

q:before,
q:after,
blockquote:before,
blockquote:after {
	content: "";
	content: none
}

a img {
	border: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block
}

@font-face {
	font-family: "SSGizmo";
	src: url("../fonts/ss-gizmo.eot");
	src: url("../fonts/ss-gizmo.eot?#iefix") format("embedded-opentype"), url("../fonts/ss-gizmo.woff") format("woff"), url("../fonts/ss-gizmo.ttf") format("truetype"), url("../fonts/ss-gizmo.svg#SSGizmo") format("svg");
	font-weight: normal;
	font-style: normal
}

.sg-icon,
.sg-icon.sg-gizmo,
[class^="sg-"]:before,
[class*=" sg-"]:before,
[class^="sg-"].sg-gizmo:before,
[class*=" sg-"].sg-gizmo:before,
[class^="sg-"].right:after,
[class*=" sg-"].right:after,
[class^="sg-"].sg-gizmo.right:after,
[class*=" sg-"].sg-gizmo.right:after {
	font-family: "SSGizmo";
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-rendering: optimizeLegibility;
	white-space: nowrap;
	-webkit-font-feature-settings: "liga";
	-moz-font-feature-settings: "liga=1";
	-moz-font-feature-settings: "liga";
	-ms-font-feature-settings: "liga" 1;
	-o-font-feature-settings: "liga";
	font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased
}

[class^="sg-"].right:before,
[class*=" sg-"].right:before,
[class*=" sg-"].sg-gizmo.right:before {
	display: none;
	content: ''
}

.sg-cursor:before,
.sg-cursor.right:after {
	content: ''
}

.sg-crosshair:before,
.sg-crosshair.right:after {
	content: '⌖'
}

.sg-search:before,
.sg-search.right:after {
	content: '🔎'
}

.sg-zoomin:before,
.sg-zoomin.right:after {
	content: ''
}

.sg-zoomout:before,
.sg-zoomout.right:after {
	content: ''
}

.sg-view:before,
.sg-view.right:after {
	content: '👀'
}

.sg-attach:before,
.sg-attach.right:after {
	content: '📎'
}

.sg-link:before,
.sg-link.right:after {
	content: '🔗'
}

.sg-unlink:before,
.sg-unlink.right:after {
	content: ''
}

.sg-move:before,
.sg-move.right:after {
	content: ''
}

.sg-write:before,
.sg-write.right:after {
	content: '✎'
}

.sg-writingdisabled:before,
.sg-writingdisabled.right:after {
	content: ''
}

.sg-erase:before,
.sg-erase.right:after {
	content: '✐'
}

.sg-compose:before,
.sg-compose.right:after {
	content: '📝'
}

.sg-lock:before,
.sg-lock.right:after {
	content: '🔒'
}

.sg-unlock:before,
.sg-unlock.right:after {
	content: '🔓'
}

.sg-key:before,
.sg-key.right:after {
	content: '🔑'
}

.sg-backspace:before,
.sg-backspace.right:after {
	content: '⌫'
}

.sg-ban:before,
.sg-ban.right:after {
	content: '🚫'
}

.sg-smoking:before,
.sg-smoking.right:after {
	content: '🚬'
}

.sg-nosmoking:before,
.sg-nosmoking.right:after {
	content: '🚭'
}

.sg-trash:before,
.sg-trash.right:after {
	content: ''
}

.sg-target:before,
.sg-target.right:after {
	content: '◎'
}

.sg-tag:before,
.sg-tag.right:after {
	content: ''
}

.sg-bookmark:before,
.sg-bookmark.right:after {
	content: '🔖'
}

.sg-flag:before,
.sg-flag.right:after {
	content: '⚑'
}

.sg-like:before,
.sg-like.right:after {
	content: '👍'
}

.sg-dislike:before,
.sg-dislike.right:after {
	content: '👎'
}

.sg-heart:before,
.sg-heart.right:after {
	content: '♥'
}

.sg-star:before,
.sg-star.right:after {
	content: '⋆'
}

.sg-sample:before,
.sg-sample.right:after {
	content: ''
}

.sg-crop:before,
.sg-crop.right:after {
	content: ''
}

.sg-layers:before,
.sg-layers.right:after {
	content: ''
}

.sg-layergroup:before,
.sg-layergroup.right:after {
	content: ''
}

.sg-pen:before,
.sg-pen.right:after {
	content: '✒'
}

.sg-bezier:before,
.sg-bezier.right:after {
	content: ''
}

.sg-pixels:before,
.sg-pixels.right:after {
	content: ''
}

.sg-phone:before,
.sg-phone.right:after {
	content: '📞'
}

.sg-phonedisabled:before,
.sg-phonedisabled.right:after {
	content: ''
}

.sg-touchtonephone:before,
.sg-touchtonephone.right:after {
	content: '☏'
}

.sg-mail:before,
.sg-mail.right:after {
	content: '✉'
}

.sg-inbox:before,
.sg-inbox.right:after {
	content: '📥'
}

.sg-outbox:before,
.sg-outbox.right:after {
	content: '📤'
}

.sg-chat:before,
.sg-chat.right:after {
	content: '💬'
}

.sg-user:before,
.sg-user.right:after {
	content: '👤'
}

.sg-users:before,
.sg-users.right:after {
	content: '👥'
}

.sg-usergroup:before,
.sg-usergroup.right:after {
	content: ''
}

.sg-businessuser:before,
.sg-businessuser.right:after {
	content: ''
}

.sg-man:before,
.sg-man.right:after {
	content: '👨'
}

.sg-male:before,
.sg-male.right:after {
	content: ''
}

.sg-woman:before,
.sg-woman.right:after {
	content: '👩'
}

.sg-female:before,
.sg-female.right:after {
	content: ''
}

.sg-raisedhand:before,
.sg-raisedhand.right:after {
	content: '✋'
}

.sg-hand:before,
.sg-hand.right:after {
	content: ''
}

.sg-pointup:before,
.sg-pointup.right:after {
	content: '👆'
}

.sg-pointupright:before,
.sg-pointupright.right:after {
	content: ''
}

.sg-pointright:before,
.sg-pointright.right:after {
	content: '👉'
}

.sg-pointdownright:before,
.sg-pointdownright.right:after {
	content: ''
}

.sg-pointdown:before,
.sg-pointdown.right:after {
	content: '👇'
}

.sg-pointdownleft:before,
.sg-pointdownleft.right:after {
	content: ''
}

.sg-pointleft:before,
.sg-pointleft.right:after {
	content: '👈'
}

.sg-pointupleft:before,
.sg-pointupleft.right:after {
	content: ''
}

.sg-cart:before,
.sg-cart.right:after {
	content: ''
}

.sg-creditcard:before,
.sg-creditcard.right:after {
	content: '💳'
}

.sg-calculator:before,
.sg-calculator.right:after {
	content: ''
}

.sg-barchart:before,
.sg-barchart.right:after {
	content: '📊'
}

.sg-piechart:before,
.sg-piechart.right:after {
	content: ''
}

.sg-box:before,
.sg-box.right:after {
	content: '📦'
}

.sg-home:before,
.sg-home.right:after {
	content: '⌂'
}

.sg-globe:before,
.sg-globe.right:after {
	content: '🌎'
}

.sg-navigate:before,
.sg-navigate.right:after {
	content: ''
}

.sg-compass:before,
.sg-compass.right:after {
	content: ''
}

.sg-signpost:before,
.sg-signpost.right:after {
	content: ''
}

.sg-location:before,
.sg-location.right:after {
	content: ''
}

.sg-floppydisk:before,
.sg-floppydisk.right:after {
	content: '💾'
}

.sg-database:before,
.sg-database.right:after {
	content: ''
}

.sg-hdd:before,
.sg-hdd.right:after {
	content: ''
}

.sg-microchip:before,
.sg-microchip.right:after {
	content: ''
}

.sg-music:before,
.sg-music.right:after {
	content: '♫'
}

.sg-headphones:before,
.sg-headphones.right:after {
	content: '🎧'
}

.sg-discdrive:before,
.sg-discdrive.right:after {
	content: ''
}

.sg-volume:before,
.sg-volume.right:after {
	content: '🔈'
}

.sg-lowvolume:before,
.sg-lowvolume.right:after {
	content: '🔉'
}

.sg-mediumvolume:before,
.sg-mediumvolume.right:after {
	content: ''
}

.sg-highvolume:before,
.sg-highvolume.right:after {
	content: '🔊'
}

.sg-airplay:before,
.sg-airplay.right:after {
	content: ''
}

.sg-camera:before,
.sg-camera.right:after {
	content: '📷'
}

.sg-picture:before,
.sg-picture.right:after {
	content: '🌄'
}

.sg-video:before,
.sg-video.right:after {
	content: '📹'
}

.sg-webcam:before,
.sg-webcam.right:after {
	content: ''
}

.sg-film:before,
.sg-film.right:after {
	content: ''
}

.sg-playvideo:before,
.sg-playvideo.right:after {
	content: ''
}

.sg-videogame:before,
.sg-videogame.right:after {
	content: '🎮'
}

.sg-play:before,
.sg-play.right:after {
	content: '▶'
}

.sg-pause:before,
.sg-pause.right:after {
	content: ''
}

.sg-stop:before,
.sg-stop.right:after {
	content: '■'
}

.sg-record:before,
.sg-record.right:after {
	content: '●'
}

.sg-rewind:before,
.sg-rewind.right:after {
	content: '⏪'
}

.sg-fastforward:before,
.sg-fastforward.right:after {
	content: '⏩'
}

.sg-skipback:before,
.sg-skipback.right:after {
	content: '⏮'
}

.sg-skipforward:before,
.sg-skipforward.right:after {
	content: '⏭'
}

.sg-eject:before,
.sg-eject.right:after {
	content: '⏏'
}

.sg-repeat:before,
.sg-repeat.right:after {
	content: '🔁'
}

.sg-replay:before,
.sg-replay.right:after {
	content: '↺'
}

.sg-shuffle:before,
.sg-shuffle.right:after {
	content: '🔀'
}

.sg-index:before,
.sg-index.right:after {
	content: ''
}

.sg-storagebox:before,
.sg-storagebox.right:after {
	content: ''
}

.sg-book:before,
.sg-book.right:after {
	content: '📕'
}

.sg-notebook:before,
.sg-notebook.right:after {
	content: '📓'
}

.sg-newspaper:before,
.sg-newspaper.right:after {
	content: '📰'
}

.sg-gridlines:before,
.sg-gridlines.right:after {
	content: ''
}

.sg-rows:before,
.sg-rows.right:after {
	content: ''
}

.sg-columns:before,
.sg-columns.right:after {
	content: ''
}

.sg-thumbnails:before,
.sg-thumbnails.right:after {
	content: ''
}

.sg-mouse:before,
.sg-mouse.right:after {
	content: ''
}

.sg-usb:before,
.sg-usb.right:after {
	content: ''
}

.sg-desktop:before,
.sg-desktop.right:after {
	content: '💻'
}

.sg-laptop:before,
.sg-laptop.right:after {
	content: ''
}

.sg-tablet:before,
.sg-tablet.right:after {
	content: ''
}

.sg-smartphone:before,
.sg-smartphone.right:after {
	content: ''
}

.sg-cell:before,
.sg-cell.right:after {
	content: '📱'
}

.sg-battery:before,
.sg-battery.right:after {
	content: '🔋'
}

.sg-highbattery:before,
.sg-highbattery.right:after {
	content: ''
}

.sg-mediumbattery:before,
.sg-mediumbattery.right:after {
	content: ''
}

.sg-lowbattery:before,
.sg-lowbattery.right:after {
	content: ''
}

.sg-chargingbattery:before,
.sg-chargingbattery.right:after {
	content: ''
}

.sg-lightbulb:before,
.sg-lightbulb.right:after {
	content: '💡'
}

.sg-washer:before,
.sg-washer.right:after {
	content: ''
}

.sg-downloadcloud:before,
.sg-downloadcloud.right:after {
	content: ''
}

.sg-download:before,
.sg-download.right:after {
	content: ''
}

.sg-downloadbox:before,
.sg-downloadbox.right:after {
	content: ''
}

.sg-uploadcloud:before,
.sg-uploadcloud.right:after {
	content: ''
}

.sg-upload:before,
.sg-upload.right:after {
	content: ''
}

.sg-uploadbox:before,
.sg-uploadbox.right:after {
	content: ''
}

.sg-fork:before,
.sg-fork.right:after {
	content: ''
}

.sg-merge:before,
.sg-merge.right:after {
	content: ''
}

.sg-refresh:before,
.sg-refresh.right:after {
	content: '↻'
}

.sg-sync:before,
.sg-sync.right:after {
	content: ''
}

.sg-loading:before,
.sg-loading.right:after {
	content: ''
}

.sg-file:before,
.sg-file.right:after {
	content: '📄'
}

.sg-files:before,
.sg-files.right:after {
	content: ''
}

.sg-addfile:before,
.sg-addfile.right:after {
	content: ''
}

.sg-removefile:before,
.sg-removefile.right:after {
	content: ''
}

.sg-checkfile:before,
.sg-checkfile.right:after {
	content: ''
}

.sg-deletefile:before,
.sg-deletefile.right:after {
	content: ''
}

.sg-exe:before,
.sg-exe.right:after {
	content: ''
}

.sg-zip:before,
.sg-zip.right:after {
	content: ''
}

.sg-doc:before,
.sg-doc.right:after {
	content: ''
}

.sg-pdf:before,
.sg-pdf.right:after {
	content: ''
}

.sg-jpg:before,
.sg-jpg.right:after {
	content: ''
}

.sg-png:before,
.sg-png.right:after {
	content: ''
}

.sg-mp3:before,
.sg-mp3.right:after {
	content: ''
}

.sg-rar:before,
.sg-rar.right:after {
	content: ''
}

.sg-gif:before,
.sg-gif.right:after {
	content: ''
}

.sg-folder:before,
.sg-folder.right:after {
	content: '📁'
}

.sg-openfolder:before,
.sg-openfolder.right:after {
	content: '📂'
}

.sg-downloadfolder:before,
.sg-downloadfolder.right:after {
	content: ''
}

.sg-uploadfolder:before,
.sg-uploadfolder.right:after {
	content: ''
}

.sg-quote:before,
.sg-quote.right:after {
	content: '“'
}

.sg-unquote:before,
.sg-unquote.right:after {
	content: '”'
}

.sg-print:before,
.sg-print.right:after {
	content: '⎙'
}

.sg-copier:before,
.sg-copier.right:after {
	content: ''
}

.sg-fax:before,
.sg-fax.right:after {
	content: '📠'
}

.sg-scanner:before,
.sg-scanner.right:after {
	content: ''
}

.sg-printregistration:before,
.sg-printregistration.right:after {
	content: ''
}

.sg-shredder:before,
.sg-shredder.right:after {
	content: ''
}

.sg-expand:before,
.sg-expand.right:after {
	content: '⤢'
}

.sg-contract:before,
.sg-contract.right:after {
	content: ''
}

.sg-help:before,
.sg-help.right:after {
	content: '❓'
}

.sg-info:before,
.sg-info.right:after {
	content: 'ℹ'
}

.sg-alert:before,
.sg-alert.right:after {
	content: '⚠'
}

.sg-caution:before,
.sg-caution.right:after {
	content: '⛔'
}

.sg-logout:before,
.sg-logout.right:after {
	content: ''
}

.sg-login:before,
.sg-login.right:after {
	content: ''
}

.sg-scaleup:before,
.sg-scaleup.right:after {
	content: ''
}

.sg-scaledown:before,
.sg-scaledown.right:after {
	content: ''
}

.sg-plus:before,
.sg-plus.right:after {
	content: '+'
}

.sg-hyphen:before,
.sg-hyphen.right:after {
	content: '-'
}

.sg-check:before,
.sg-check.right:after {
	content: '✓'
}

.sg-delete:before,
.sg-delete.right:after {
	content: '␡'
}

.sg-notifications:before,
.sg-notifications.right:after {
	content: '🔔'
}

.sg-notificationsdisabled:before,
.sg-notificationsdisabled.right:after {
	content: '🔕'
}

.sg-clock:before,
.sg-clock.right:after {
	content: '⏲'
}

.sg-stopwatch:before,
.sg-stopwatch.right:after {
	content: '⏱'
}

.sg-alarmclock:before,
.sg-alarmclock.right:after {
	content: '⏰'
}

.sg-egg:before,
.sg-egg.right:after {
	content: ''
}

.sg-eggs:before,
.sg-eggs.right:after {
	content: ''
}

.sg-cheese:before,
.sg-cheese.right:after {
	content: ''
}

.sg-chickenleg:before,
.sg-chickenleg.right:after {
	content: '🍗'
}

.sg-pizzapie:before,
.sg-pizzapie.right:after {
	content: ''
}

.sg-pizza:before,
.sg-pizza.right:after {
	content: '🍕'
}

.sg-cheesepizza:before,
.sg-cheesepizza.right:after {
	content: ''
}

.sg-frenchfries:before,
.sg-frenchfries.right:after {
	content: '🍟'
}

.sg-apple:before,
.sg-apple.right:after {
	content: '🍏'
}

.sg-carrot:before,
.sg-carrot.right:after {
	content: ''
}

.sg-broccoli:before,
.sg-broccoli.right:after {
	content: ''
}

.sg-cucumber:before,
.sg-cucumber.right:after {
	content: ''
}

.sg-orange:before,
.sg-orange.right:after {
	content: '🍊'
}

.sg-lemon:before,
.sg-lemon.right:after {
	content: '🍋'
}

.sg-onion:before,
.sg-onion.right:after {
	content: ''
}

.sg-bellpepper:before,
.sg-bellpepper.right:after {
	content: ''
}

.sg-peas:before,
.sg-peas.right:after {
	content: ''
}

.sg-grapes:before,
.sg-grapes.right:after {
	content: '🍇'
}

.sg-strawberry:before,
.sg-strawberry.right:after {
	content: '🍓'
}

.sg-bread:before,
.sg-bread.right:after {
	content: '🍞'
}

.sg-mug:before,
.sg-mug.right:after {
	content: '☕'
}

.sg-mugs:before,
.sg-mugs.right:after {
	content: ''
}

.sg-espresso:before,
.sg-espresso.right:after {
	content: ''
}

.sg-macchiato:before,
.sg-macchiato.right:after {
	content: ''
}

.sg-cappucino:before,
.sg-cappucino.right:after {
	content: ''
}

.sg-latte:before,
.sg-latte.right:after {
	content: ''
}

.sg-icedcoffee:before,
.sg-icedcoffee.right:after {
	content: ''
}

.sg-coffeebean:before,
.sg-coffeebean.right:after {
	content: ''
}

.sg-coffeemilk:before,
.sg-coffeemilk.right:after {
	content: ''
}

.sg-coffeefoam:before,
.sg-coffeefoam.right:after {
	content: ''
}

.sg-coffeesugar:before,
.sg-coffeesugar.right:after {
	content: ''
}

.sg-sugarpackets:before,
.sg-sugarpackets.right:after {
	content: ''
}

.sg-capsule:before,
.sg-capsule.right:after {
	content: ''
}

.sg-capsulerecycling:before,
.sg-capsulerecycling.right:after {
	content: ''
}

.sg-insertcapsule:before,
.sg-insertcapsule.right:after {
	content: ''
}

.sg-tea:before,
.sg-tea.right:after {
	content: '🍵'
}

.sg-teabag:before,
.sg-teabag.right:after {
	content: ''
}

.sg-jug:before,
.sg-jug.right:after {
	content: ''
}

.sg-pitcher:before,
.sg-pitcher.right:after {
	content: ''
}

.sg-kettle:before,
.sg-kettle.right:after {
	content: ''
}

.sg-wineglass:before,
.sg-wineglass.right:after {
	content: '🍷'
}

.sg-sugar:before,
.sg-sugar.right:after {
	content: ''
}

.sg-oven:before,
.sg-oven.right:after {
	content: ''
}

.sg-stove:before,
.sg-stove.right:after {
	content: ''
}

.sg-vent:before,
.sg-vent.right:after {
	content: ''
}

.sg-exhaust:before,
.sg-exhaust.right:after {
	content: ''
}

.sg-steam:before,
.sg-steam.right:after {
	content: '♨'
}

.sg-dishwasher:before,
.sg-dishwasher.right:after {
	content: ''
}

.sg-toaster:before,
.sg-toaster.right:after {
	content: ''
}

.sg-microwave:before,
.sg-microwave.right:after {
	content: ''
}

.sg-electrickettle:before,
.sg-electrickettle.right:after {
	content: ''
}

.sg-refrigerator:before,
.sg-refrigerator.right:after {
	content: ''
}

.sg-freezer:before,
.sg-freezer.right:after {
	content: ''
}

.sg-utensils:before,
.sg-utensils.right:after {
	content: '🍴'
}

.sg-cookingutensils:before,
.sg-cookingutensils.right:after {
	content: ''
}

.sg-whisk:before,
.sg-whisk.right:after {
	content: ''
}

.sg-pizzacutter:before,
.sg-pizzacutter.right:after {
	content: ''
}

.sg-measuringcup:before,
.sg-measuringcup.right:after {
	content: ''
}

.sg-colander:before,
.sg-colander.right:after {
	content: ''
}

.sg-eggtimer:before,
.sg-eggtimer.right:after {
	content: ''
}

.sg-platter:before,
.sg-platter.right:after {
	content: ''
}

.sg-plates:before,
.sg-plates.right:after {
	content: ''
}

.sg-steamplate:before,
.sg-steamplate.right:after {
	content: ''
}

.sg-cups:before,
.sg-cups.right:after {
	content: ''
}

.sg-steamglass:before,
.sg-steamglass.right:after {
	content: ''
}

.sg-pot:before,
.sg-pot.right:after {
	content: ''
}

.sg-steampot:before,
.sg-steampot.right:after {
	content: ''
}

.sg-chef:before,
.sg-chef.right:after {
	content: ''
}

.sg-weathervane:before,
.sg-weathervane.right:after {
	content: ''
}

.sg-thermometer:before,
.sg-thermometer.right:after {
	content: ''
}

.sg-thermometerup:before,
.sg-thermometerup.right:after {
	content: ''
}

.sg-thermometerdown:before,
.sg-thermometerdown.right:after {
	content: ''
}

.sg-droplet:before,
.sg-droplet.right:after {
	content: '💧'
}

.sg-sunrise:before,
.sg-sunrise.right:after {
	content: '🌅'
}

.sg-sunset:before,
.sg-sunset.right:after {
	content: '🌇'
}

.sg-sun:before,
.sg-sun.right:after {
	content: '☀'
}

.sg-cloud:before,
.sg-cloud.right:after {
	content: '☁'
}

.sg-clouds:before,
.sg-clouds.right:after {
	content: ''
}

.sg-partlycloudy:before,
.sg-partlycloudy.right:after {
	content: '⛅'
}

.sg-rain:before,
.sg-rain.right:after {
	content: '☔'
}

.sg-rainheavy:before,
.sg-rainheavy.right:after {
	content: ''
}

.sg-lightning:before,
.sg-lightning.right:after {
	content: '☇'
}

.sg-thunderstorm:before,
.sg-thunderstorm.right:after {
	content: '⛈'
}

.sg-umbrella:before,
.sg-umbrella.right:after {
	content: '☂'
}

.sg-rainumbrella:before,
.sg-rainumbrella.right:after {
	content: ''
}

.sg-rainbow:before,
.sg-rainbow.right:after {
	content: '🌈'
}

.sg-rainbowclouds:before,
.sg-rainbowclouds.right:after {
	content: ''
}

.sg-fog:before,
.sg-fog.right:after {
	content: ''
}

.sg-wind:before,
.sg-wind.right:after {
	content: ''
}

.sg-tornado:before,
.sg-tornado.right:after {
	content: ''
}

.sg-snowflake:before,
.sg-snowflake.right:after {
	content: '❄'
}

.sg-snowcrystal:before,
.sg-snowcrystal.right:after {
	content: '❆'
}

.sg-lightsnow:before,
.sg-lightsnow.right:after {
	content: ''
}

.sg-snow:before,
.sg-snow.right:after {
	content: ''
}

.sg-heavysnow:before,
.sg-heavysnow.right:after {
	content: ''
}

.sg-hail:before,
.sg-hail.right:after {
	content: ''
}

.sg-crescentmoon:before,
.sg-crescentmoon.right:after {
	content: '🌙'
}

.sg-waxingcrescentmoon:before,
.sg-waxingcrescentmoon.right:after {
	content: '🌒'
}

.sg-firstquartermoon:before,
.sg-firstquartermoon.right:after {
	content: '🌓'
}

.sg-waxinggibbousmoon:before,
.sg-waxinggibbousmoon.right:after {
	content: '🌔'
}

.sg-waninggibbousmoon:before,
.sg-waninggibbousmoon.right:after {
	content: '🌖'
}

.sg-lastquartermoon:before,
.sg-lastquartermoon.right:after {
	content: '🌗'
}

.sg-waningcrescentmoon:before,
.sg-waningcrescentmoon.right:after {
	content: '🌘'
}

.sg-fan:before,
.sg-fan.right:after {
	content: ''
}

.sg-bike:before,
.sg-bike.right:after {
	content: '🚲'
}

.sg-wheelchair:before,
.sg-wheelchair.right:after {
	content: '♿'
}

.sg-briefcase:before,
.sg-briefcase.right:after {
	content: '💼'
}

.sg-hanger:before,
.sg-hanger.right:after {
	content: ''
}

.sg-comb:before,
.sg-comb.right:after {
	content: ''
}

.sg-medicalcross:before,
.sg-medicalcross.right:after {
	content: ''
}

.sg-up:before,
.sg-up.right:after {
	content: '⬆'
}

.sg-upright:before,
.sg-upright.right:after {
	content: '⬈'
}

.sg-right:before,
.sg-right.right:after {
	content: '➡'
}

.sg-downright:before,
.sg-downright.right:after {
	content: '⬊'
}

.sg-down:before,
.sg-down.right:after {
	content: '⬇'
}

.sg-downleft:before,
.sg-downleft.right:after {
	content: '⬋'
}

.sg-left:before,
.sg-left.right:after {
	content: '⬅'
}

.sg-upleft:before,
.sg-upleft.right:after {
	content: '⬉'
}

.sg-navigateup:before,
.sg-navigateup.right:after {
	content: ''
}

.sg-navigateright:before,
.sg-navigateright.right:after {
	content: '▻'
}

.sg-navigatedown:before,
.sg-navigatedown.right:after {
	content: ''
}

.sg-navigateleft:before,
.sg-navigateleft.right:after {
	content: '◅'
}

.sg-retweet:before,
.sg-retweet.right:after {
	content: ''
}

.sg-share:before,
.sg-share.right:after {
	content: ''
}

@font-face {
	font-family: "SSStandard";
	src: url("../fonts/ss-standard.eot");
	src: url("../fonts/ss-standard.eot?#iefix") format("embedded-opentype"), url("../fonts/ss-standard.woff") format("woff"), url("../fonts/ss-standard.ttf") format("truetype"), url("../fonts/ss-standard.svg#SSStandard") format("svg");
	font-weight: normal;
	font-style: normal
}

html:hover [class^="ss-"] {
	-ms-zoom: 1
}

.ss-icon,
.ss-icon.ss-standard,
[class^="ss-"]:before,
[class*=" ss-"]:before,
[class^="ss-"].ss-standard:before,
[class*=" ss-"].ss-standard:before,
[class^="ss-"].right:after,
[class*=" ss-"].right:after,
[class^="ss-"].ss-standard.right:after,
[class*=" ss-"].ss-standard.right:after {
	font-family: "SSStandard";
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-rendering: optimizeLegibility;
	white-space: nowrap;
	-moz-font-feature-settings: "liga=1";
	-moz-font-feature-settings: "liga";
	-ms-font-feature-settings: "liga" 1;
	-o-font-feature-settings: "liga";
	font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased
}

[class^="ss-"].right:before,
[class*=" ss-"].right:before {
	display: none;
	content: ''
}

.ss-cursor:before,
.ss-cursor.right:after {
	content: ''
}

.ss-crosshair:before,
.ss-crosshair.right:after {
	content: '⌖'
}

.ss-search:before,
.ss-search.right:after {
	content: '🔎'
}

.ss-zoomin:before,
.ss-zoomin.right:after {
	content: ''
}

.ss-zoomout:before,
.ss-zoomout.right:after {
	content: ''
}

.ss-view:before,
.ss-view.right:after {
	content: '👀'
}

.ss-attach:before,
.ss-attach.right:after {
	content: '📎'
}

.ss-link:before,
.ss-link.right:after {
	content: '🔗'
}

.ss-move:before,
.ss-move.right:after {
	content: ''
}

.ss-write:before,
.ss-write.right:after {
	content: '✎'
}

.ss-writingdisabled:before,
.ss-writingdisabled.right:after {
	content: ''
}

.ss-erase:before,
.ss-erase.right:after {
	content: '✐'
}

.ss-compose:before,
.ss-compose.right:after {
	content: '📝'
}

.ss-lock:before,
.ss-lock.right:after {
	content: '🔒'
}

.ss-unlock:before,
.ss-unlock.right:after {
	content: '🔓'
}

.ss-key:before,
.ss-key.right:after {
	content: '🔑'
}

.ss-backspace:before,
.ss-backspace.right:after {
	content: '⌫'
}

.ss-ban:before,
.ss-ban.right:after {
	content: '🚫'
}

.ss-trash:before,
.ss-trash.right:after {
	content: ''
}

.ss-target:before,
.ss-target.right:after {
	content: '◎'
}

.ss-tag:before,
.ss-tag.right:after {
	content: ''
}

.ss-bookmark:before,
.ss-bookmark.right:after {
	content: '🔖'
}

.ss-flag:before,
.ss-flag.right:after {
	content: '⚑'
}

.ss-like:before,
.ss-like.right:after {
	content: '👍'
}

.ss-dislike:before,
.ss-dislike.right:after {
	content: '👎'
}

.ss-heart:before,
.ss-heart.right:after {
	content: '♥'
}

.ss-halfheart:before,
.ss-halfheart.right:after {
	content: ''
}

.ss-star:before,
.ss-star.right:after {
	content: '⋆'
}

.ss-halfstar:before,
.ss-halfstar.right:after {
	content: ''
}

.ss-sample:before,
.ss-sample.right:after {
	content: ''
}

.ss-crop:before,
.ss-crop.right:after {
	content: ''
}

.ss-layers:before,
.ss-layers.right:after {
	content: ''
}

.ss-fill:before,
.ss-fill.right:after {
	content: ''
}

.ss-stroke:before,
.ss-stroke.right:after {
	content: ''
}

.ss-phone:before,
.ss-phone.right:after {
	content: '📞'
}

.ss-phonedisabled:before,
.ss-phonedisabled.right:after {
	content: ''
}

.ss-rss:before,
.ss-rss.right:after {
	content: ''
}

.ss-facetime:before,
.ss-facetime.right:after {
	content: ''
}

.ss-reply:before,
.ss-reply.right:after {
	content: '↩'
}

.ss-send:before,
.ss-send.right:after {
	content: ''
}

.ss-mail:before,
.ss-mail.right:after {
	content: '✉'
}

.ss-inbox:before,
.ss-inbox.right:after {
	content: '📥'
}

.ss-chat:before,
.ss-chat.right:after {
	content: '💬'
}

.ss-ellipsischat:before,
.ss-ellipsischat.right:after {
	content: ''
}

.ss-ellipsis:before,
.ss-ellipsis.right:after {
	content: '…'
}

.ss-user:before,
.ss-user.right:after {
	content: '👤'
}

.ss-femaleuser:before,
.ss-femaleuser.right:after {
	content: '👧'
}

.ss-users:before,
.ss-users.right:after {
	content: '👥'
}

.ss-cart:before,
.ss-cart.right:after {
	content: ''
}

.ss-creditcard:before,
.ss-creditcard.right:after {
	content: '💳'
}

.ss-dollarsign:before,
.ss-dollarsign.right:after {
	content: '💲'
}

.ss-barchart:before,
.ss-barchart.right:after {
	content: '📊'
}

.ss-piechart:before,
.ss-piechart.right:after {
	content: ''
}

.ss-box:before,
.ss-box.right:after {
	content: '📦'
}

.ss-home:before,
.ss-home.right:after {
	content: '⌂'
}

.ss-buildings:before,
.ss-buildings.right:after {
	content: '🏢'
}

.ss-warehouse:before,
.ss-warehouse.right:after {
	content: ''
}

.ss-globe:before,
.ss-globe.right:after {
	content: '🌎'
}

.ss-navigate:before,
.ss-navigate.right:after {
	content: ''
}

.ss-compass:before,
.ss-compass.right:after {
	content: ''
}

.ss-signpost:before,
.ss-signpost.right:after {
	content: ''
}

.ss-map:before,
.ss-map.right:after {
	content: ''
}

.ss-location:before,
.ss-location.right:after {
	content: ''
}

.ss-pin:before,
.ss-pin.right:after {
	content: '📍'
}

.ss-database:before,
.ss-database.right:after {
	content: ''
}

.ss-hdd:before,
.ss-hdd.right:after {
	content: ''
}

.ss-music:before,
.ss-music.right:after {
	content: '♫'
}

.ss-mic:before,
.ss-mic.right:after {
	content: '🎤'
}

.ss-volume:before,
.ss-volume.right:after {
	content: '🔈'
}

.ss-lowvolume:before,
.ss-lowvolume.right:after {
	content: '🔉'
}

.ss-highvolume:before,
.ss-highvolume.right:after {
	content: '🔊'
}

.ss-airplay:before,
.ss-airplay.right:after {
	content: ''
}

.ss-camera:before,
.ss-camera.right:after {
	content: '📷'
}

.ss-picture:before,
.ss-picture.right:after {
	content: '🌄'
}

.ss-video:before,
.ss-video.right:after {
	content: '📹'
}

.ss-play:before,
.ss-play.right:after {
	content: '▶'
}

.ss-pause:before,
.ss-pause.right:after {
	content: ''
}

.ss-stop:before,
.ss-stop.right:after {
	content: '■'
}

.ss-record:before,
.ss-record.right:after {
	content: '●'
}

.ss-rewind:before,
.ss-rewind.right:after {
	content: '⏪'
}

.ss-fastforward:before,
.ss-fastforward.right:after {
	content: '⏩'
}

.ss-skipback:before,
.ss-skipback.right:after {
	content: '⏮'
}

.ss-skipforward:before,
.ss-skipforward.right:after {
	content: '⏭'
}

.ss-eject:before,
.ss-eject.right:after {
	content: '⏏'
}

.ss-repeat:before,
.ss-repeat.right:after {
	content: '🔁'
}

.ss-replay:before,
.ss-replay.right:after {
	content: '↺'
}

.ss-shuffle:before,
.ss-shuffle.right:after {
	content: '🔀'
}

.ss-book:before,
.ss-book.right:after {
	content: '📕'
}

.ss-openbook:before,
.ss-openbook.right:after {
	content: '📖'
}

.ss-notebook:before,
.ss-notebook.right:after {
	content: '📓'
}

.ss-newspaper:before,
.ss-newspaper.right:after {
	content: '📰'
}

.ss-grid:before,
.ss-grid.right:after {
	content: ''
}

.ss-rows:before,
.ss-rows.right:after {
	content: ''
}

.ss-columns:before,
.ss-columns.right:after {
	content: ''
}

.ss-thumbnails:before,
.ss-thumbnails.right:after {
	content: ''
}

.ss-filter:before,
.ss-filter.right:after {
	content: ''
}

.ss-desktop:before,
.ss-desktop.right:after {
	content: '💻'
}

.ss-laptop:before,
.ss-laptop.right:after {
	content: ''
}

.ss-tablet:before,
.ss-tablet.right:after {
	content: ''
}

.ss-cell:before,
.ss-cell.right:after {
	content: '📱'
}

.ss-battery:before,
.ss-battery.right:after {
	content: '🔋'
}

.ss-highbattery:before,
.ss-highbattery.right:after {
	content: ''
}

.ss-mediumbattery:before,
.ss-mediumbattery.right:after {
	content: ''
}

.ss-lowbattery:before,
.ss-lowbattery.right:after {
	content: ''
}

.ss-emptybattery:before,
.ss-emptybattery.right:after {
	content: ''
}

.ss-lightbulb:before,
.ss-lightbulb.right:after {
	content: '💡'
}

.ss-downloadcloud:before,
.ss-downloadcloud.right:after {
	content: ''
}

.ss-download:before,
.ss-download.right:after {
	content: ''
}

.ss-uploadcloud:before,
.ss-uploadcloud.right:after {
	content: ''
}

.ss-upload:before,
.ss-upload.right:after {
	content: ''
}

.ss-fork:before,
.ss-fork.right:after {
	content: ''
}

.ss-merge:before,
.ss-merge.right:after {
	content: ''
}

.ss-transfer:before,
.ss-transfer.right:after {
	content: '⇆'
}

.ss-refresh:before,
.ss-refresh.right:after {
	content: '↻'
}

.ss-sync:before,
.ss-sync.right:after {
	content: ''
}

.ss-loading:before,
.ss-loading.right:after {
	content: ''
}

.ss-wifi:before,
.ss-wifi.right:after {
	content: ''
}

.ss-connection:before,
.ss-connection.right:after {
	content: ''
}

.ss-file:before,
.ss-file.right:after {
	content: '📄'
}

.ss-folder:before,
.ss-folder.right:after {
	content: '📁'
}

.ss-quote:before,
.ss-quote.right:after {
	content: '“'
}

.ss-text:before,
.ss-text.right:after {
	content: ''
}

.ss-font:before,
.ss-font.right:after {
	content: ''
}

.ss-print:before,
.ss-print.right:after {
	content: '⎙'
}

.ss-fax:before,
.ss-fax.right:after {
	content: '📠'
}

.ss-list:before,
.ss-list.right:after {
	content: ''
}

.ss-layout:before,
.ss-layout.right:after {
	content: ''
}

.ss-action:before,
.ss-action.right:after {
	content: ''
}

.ss-redirect:before,
.ss-redirect.right:after {
	content: '↪'
}

.ss-expand:before,
.ss-expand.right:after {
	content: '⤢'
}

.ss-contract:before,
.ss-contract.right:after {
	content: ''
}

.ss-help:before,
.ss-help.right:after {
	content: '❓'
}

.ss-info:before,
.ss-info.right:after {
	content: 'ℹ'
}

.ss-alert:before,
.ss-alert.right:after {
	content: '⚠'
}

.ss-caution:before,
.ss-caution.right:after {
	content: '⛔'
}

.ss-logout:before,
.ss-logout.right:after {
	content: ''
}

.ss-plus:before,
.ss-plus.right:after {
	content: '+'
}

.ss-hyphen:before,
.ss-hyphen.right:after {
	content: '-'
}

.ss-check:before,
.ss-check.right:after {
	content: '✓'
}

.ss-delete:before,
.ss-delete.right:after {
	content: '␡'
}

.ss-settings:before,
.ss-settings.right:after {
	content: '⚙'
}

.ss-dashboard:before,
.ss-dashboard.right:after {
	content: ''
}

.ss-notifications:before,
.ss-notifications.right:after {
	content: '🔔'
}

.ss-notificationsdisabled:before,
.ss-notificationsdisabled.right:after {
	content: '🔕'
}

.ss-clock:before,
.ss-clock.right:after {
	content: '⏲'
}

.ss-stopwatch:before,
.ss-stopwatch.right:after {
	content: '⏱'
}

.ss-calendar:before,
.ss-calendar.right:after {
	content: '📅'
}

.ss-addcalendar:before,
.ss-addcalendar.right:after {
	content: ''
}

.ss-removecalendar:before,
.ss-removecalendar.right:after {
	content: ''
}

.ss-checkcalendar:before,
.ss-checkcalendar.right:after {
	content: ''
}

.ss-deletecalendar:before,
.ss-deletecalendar.right:after {
	content: ''
}

.ss-plane:before,
.ss-plane.right:after {
	content: '✈'
}

.ss-briefcase:before,
.ss-briefcase.right:after {
	content: '💼'
}

.ss-cloud:before,
.ss-cloud.right:after {
	content: '☁'
}

.ss-droplet:before,
.ss-droplet.right:after {
	content: '💧'
}

.ss-flask:before,
.ss-flask.right:after {
	content: ''
}

.ss-up:before,
.ss-up.right:after {
	content: '⬆'
}

.ss-upright:before,
.ss-upright.right:after {
	content: '⬈'
}

.ss-right:before,
.ss-right.right:after {
	content: '➡'
}

.ss-downright:before,
.ss-downright.right:after {
	content: '⬊'
}

.ss-down:before,
.ss-down.right:after {
	content: '⬇'
}

.ss-downleft:before,
.ss-downleft.right:after {
	content: '⬋'
}

.ss-left:before,
.ss-left.right:after {
	content: '⬅'
}

.ss-upleft:before,
.ss-upleft.right:after {
	content: '⬉'
}

.ss-navigateup:before,
.ss-navigateup.right:after {
	content: ''
}

.ss-navigateright:before,
.ss-navigateright.right:after {
	content: '▻'
}

.ss-navigatedown:before,
.ss-navigatedown.right:after {
	content: ''
}

.ss-navigateleft:before,
.ss-navigateleft.right:after {
	content: '◅'
}

.ss-directup:before,
.ss-directup.right:after {
	content: '▴'
}

.ss-directright:before,
.ss-directright.right:after {
	content: '▹'
}

.ss-dropdown:before,
.ss-dropdown.right:after {
	content: '▾'
}

.ss-directleft:before,
.ss-directleft.right:after {
	content: '◃'
}

.ss-retweet:before,
.ss-retweet.right:after {
	content: ''
}

.ss-volumelow:before,
.ss-volumelow.right:after {
	content: '🔉'
}

.ss-volumehigh:before,
.ss-volumehigh.right:after {
	content: '🔊'
}

.ss-batteryhigh:before,
.ss-batteryhigh.right:after {
	content: ''
}

.ss-batterymedium:before,
.ss-batterymedium.right:after {
	content: ''
}

.ss-batterylow:before,
.ss-batterylow.right:after {
	content: ''
}

.ss-batteryempty:before,
.ss-batteryempty.right:after {
	content: ''
}

.ss-clouddownload:before,
.ss-clouddownload.right:after {
	content: ''
}

.ss-cloudupload:before,
.ss-cloudupload.right:after {
	content: ''
}

.ss-calendaradd:before,
.ss-calendaradd.right:after {
	content: ''
}

.ss-calendarremove:before,
.ss-calendarremove.right:after {
	content: ''
}

.ss-calendarcheck:before,
.ss-calendarcheck.right:after {
	content: ''
}

.ss-calendardelete:before,
.ss-calendardelete.right:after {
	content: ''
}

@font-face {
	font-family: "SSSymbolicons";
	src: url("../fonts/ss-symbolicons-block.eot");
	src: url("../fonts/ss-symbolicons-block.eot?#iefix") format("embedded-opentype"), url("../fonts/ss-symbolicons-block.woff") format("woff"), url("../fonts/ss-symbolicons-block.ttf") format("truetype"), url("../fonts/ss-symbolicons-block.svg#SSSymboliconsBlock") format("svg");
	font-weight: normal;
	font-style: normal
}

html:hover [class^="sy-"] {
	-ms-zoom: 1
}

.sy-icon,
.sy-icon.sy-symbolicons-block,
[class^="sy-"]:before,
[class*=" sy-"]:before,
[class^="sy-"].sy-symbolicons-block:before,
[class*=" sy-"].sy-symbolicons-block:before,
[class^="sy-"].right:after,
[class*=" sy-"].right:after,
[class^="sy-"].sy-symbolicons-block.right:after,
[class*=" sy-"].sy-symbolicons-block.right:after {
	font-family: "SSSymbolicons";
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-rendering: optimizeLegibility;
	white-space: nowrap;
	-moz-font-feature-settings: "liga=1";
	-moz-font-feature-settings: "liga";
	-ms-font-feature-settings: "liga" 1;
	-o-font-feature-settings: "liga";
	font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased
}

[class^="sy-"].right:before,
[class*=" sy-"].right:before {
	display: none;
	content: ''
}

.sy-crosshair:before,
.sy-crosshair.right:after {
	content: '⌖'
}

.sy-search:before,
.sy-search.right:after {
	content: '🔍'
}

.sy-zoomin:before,
.sy-zoomin.right:after {
	content: ''
}

.sy-zoomout:before,
.sy-zoomout.right:after {
	content: ''
}

.sy-binoculars:before,
.sy-binoculars.right:after {
	content: ''
}

.sy-raisedhand:before,
.sy-raisedhand.right:after {
	content: '✋'
}

.sy-link:before,
.sy-link.right:after {
	content: '🔗'
}

.sy-write:before,
.sy-write.right:after {
	content: '✎'
}

.sy-compose:before,
.sy-compose.right:after {
	content: '📝'
}

.sy-lock:before,
.sy-lock.right:after {
	content: '🔒'
}

.sy-unlock:before,
.sy-unlock.right:after {
	content: '🔓'
}

.sy-key:before,
.sy-key.right:after {
	content: '🔑'
}

.sy-backspace:before,
.sy-backspace.right:after {
	content: '⌫'
}

.sy-ban:before,
.sy-ban.right:after {
	content: '🚫'
}

.sy-nosmoking:before,
.sy-nosmoking.right:after {
	content: '🚭'
}

.sy-trash:before,
.sy-trash.right:after {
	content: ''
}

.sy-target:before,
.sy-target.right:after {
	content: '◎'
}

.sy-stopsign:before,
.sy-stopsign.right:after {
	content: ''
}

.sy-radioactive:before,
.sy-radioactive.right:after {
	content: '☢'
}

.sy-skull:before,
.sy-skull.right:after {
	content: '💀'
}

.sy-lightning:before,
.sy-lightning.right:after {
	content: '☇'
}

.sy-tag:before,
.sy-tag.right:after {
	content: ''
}

.sy-newtag:before,
.sy-newtag.right:after {
	content: ''
}

.sy-flag:before,
.sy-flag.right:after {
	content: '⚑'
}

.sy-like:before,
.sy-like.right:after {
	content: '👍'
}

.sy-dislike:before,
.sy-dislike.right:after {
	content: '👎'
}

.sy-heart:before,
.sy-heart.right:after {
	content: '♥'
}

.sy-addheart:before,
.sy-addheart.right:after {
	content: ''
}

.sy-deleteheart:before,
.sy-deleteheart.right:after {
	content: '💔'
}

.sy-star:before,
.sy-star.right:after {
	content: '⋆'
}

.sy-trophy:before,
.sy-trophy.right:after {
	content: '🏆'
}

.sy-award:before,
.sy-award.right:after {
	content: ''
}

.sy-medal:before,
.sy-medal.right:after {
	content: ''
}

.sy-badge:before,
.sy-badge.right:after {
	content: '📛'
}

.sy-crown:before,
.sy-crown.right:after {
	content: '👑'
}

.sy-bullseye:before,
.sy-bullseye.right:after {
	content: '🎯'
}

.sy-sample:before,
.sy-sample.right:after {
	content: ''
}

.sy-crop:before,
.sy-crop.right:after {
	content: ''
}

.sy-layers:before,
.sy-layers.right:after {
	content: ''
}

.sy-magicwand:before,
.sy-magicwand.right:after {
	content: ''
}

.sy-cut:before,
.sy-cut.right:after {
	content: '✂'
}

.sy-cutpaste:before,
.sy-cutpaste.right:after {
	content: ''
}

.sy-clipboard:before,
.sy-clipboard.right:after {
	content: '📋'
}

.sy-rules:before,
.sy-rules.right:after {
	content: '📏'
}

.sy-rulerpencil:before,
.sy-rulerpencil.right:after {
	content: ''
}

.sy-gridlines:before,
.sy-gridlines.right:after {
	content: ''
}

.sy-pen:before,
.sy-pen.right:after {
	content: '✒'
}

.sy-pencilbrush:before,
.sy-pencilbrush.right:after {
	content: ''
}

.sy-pencilbrushpen:before,
.sy-pencilbrushpen.right:after {
	content: ''
}

.sy-brush:before,
.sy-brush.right:after {
	content: ''
}

.sy-paintroller:before,
.sy-paintroller.right:after {
	content: ''
}

.sy-fill:before,
.sy-fill.right:after {
	content: ''
}

.sy-stroke:before,
.sy-stroke.right:after {
	content: ''
}

.sy-crayons:before,
.sy-crayons.right:after {
	content: ''
}

.sy-palette:before,
.sy-palette.right:after {
	content: '🎨'
}

.sy-fliphorizontally:before,
.sy-fliphorizontally.right:after {
	content: ''
}

.sy-flipvertically:before,
.sy-flipvertically.right:after {
	content: ''
}

.sy-effects:before,
.sy-effects.right:after {
	content: ''
}

.sy-bezier:before,
.sy-bezier.right:after {
	content: ''
}

.sy-pixels:before,
.sy-pixels.right:after {
	content: ''
}

.sy-phone:before,
.sy-phone.right:after {
	content: '📞'
}

.sy-rotaryphone:before,
.sy-rotaryphone.right:after {
	content: '☎'
}

.sy-touchtonephone:before,
.sy-touchtonephone.right:after {
	content: '☏'
}

.sy-phonebook:before,
.sy-phonebook.right:after {
	content: ''
}

.sy-voicemail:before,
.sy-voicemail.right:after {
	content: '⌕'
}

.sy-megaphone:before,
.sy-megaphone.right:after {
	content: '📢'
}

.sy-rss:before,
.sy-rss.right:after {
	content: ''
}

.sy-podcast:before,
.sy-podcast.right:after {
	content: ''
}

.sy-mailbox:before,
.sy-mailbox.right:after {
	content: '📫'
}

.sy-send:before,
.sy-send.right:after {
	content: ''
}

.sy-mail:before,
.sy-mail.right:after {
	content: '✉'
}

.sy-incomingmail:before,
.sy-incomingmail.right:after {
	content: '📩'
}

.sy-inbox:before,
.sy-inbox.right:after {
	content: '📥'
}

.sy-outbox:before,
.sy-outbox.right:after {
	content: '📤'
}

.sy-stamp:before,
.sy-stamp.right:after {
	content: ''
}

.sy-chat:before,
.sy-chat.right:after {
	content: '💬'
}

.sy-chats:before,
.sy-chats.right:after {
	content: ''
}

.sy-textchat:before,
.sy-textchat.right:after {
	content: ''
}

.sy-exclamationchat:before,
.sy-exclamationchat.right:after {
	content: ''
}

.sy-questionchat:before,
.sy-questionchat.right:after {
	content: ''
}

.sy-ellipsischat:before,
.sy-ellipsischat.right:after {
	content: ''
}

.sy-smile:before,
.sy-smile.right:after {
	content: '☻'
}

.sy-frown:before,
.sy-frown.right:after {
	content: '☹'
}

.sy-toothsmile:before,
.sy-toothsmile.right:after {
	content: '😃'
}

.sy-toothlesssmile:before,
.sy-toothlesssmile.right:after {
	content: '😀'
}

.sy-user:before,
.sy-user.right:after {
	content: '👤'
}

.sy-users:before,
.sy-users.right:after {
	content: '👥'
}

.sy-adduser:before,
.sy-adduser.right:after {
	content: ''
}

.sy-removeuser:before,
.sy-removeuser.right:after {
	content: ''
}

.sy-deleteuser:before,
.sy-deleteuser.right:after {
	content: ''
}

.sy-heartuser:before,
.sy-heartuser.right:after {
	content: ''
}

.sy-males:before,
.sy-males.right:after {
	content: '👬'
}

.sy-females:before,
.sy-females.right:after {
	content: '👭'
}

.sy-malefemale:before,
.sy-malefemale.right:after {
	content: '👫'
}

.sy-userportrait:before,
.sy-userportrait.right:after {
	content: ''
}

.sy-userframe:before,
.sy-userframe.right:after {
	content: ''
}

.sy-usersframe:before,
.sy-usersframe.right:after {
	content: ''
}

.sy-baby:before,
.sy-baby.right:after {
	content: '👶'
}

.sy-swaddledbaby:before,
.sy-swaddledbaby.right:after {
	content: ''
}

.sy-robot:before,
.sy-robot.right:after {
	content: ''
}

.sy-happyrobot:before,
.sy-happyrobot.right:after {
	content: ''
}

.sy-alien:before,
.sy-alien.right:after {
	content: '👽'
}

.sy-ghost:before,
.sy-ghost.right:after {
	content: '👻'
}

.sy-contacts:before,
.sy-contacts.right:after {
	content: '📇'
}

.sy-addressbook:before,
.sy-addressbook.right:after {
	content: '📑'
}

.sy-footsteps:before,
.sy-footsteps.right:after {
	content: '👣'
}

.sy-cart:before,
.sy-cart.right:after {
	content: ''
}

.sy-shoppingbag:before,
.sy-shoppingbag.right:after {
	content: ''
}

.sy-gift:before,
.sy-gift.right:after {
	content: '🎁'
}

.sy-store:before,
.sy-store.right:after {
	content: '🏪'
}

.sy-safe:before,
.sy-safe.right:after {
	content: ''
}

.sy-bill:before,
.sy-bill.right:after {
	content: ''
}

.sy-creditcard:before,
.sy-creditcard.right:after {
	content: '💳'
}

.sy-banknote:before,
.sy-banknote.right:after {
	content: '💵'
}

.sy-moneybag:before,
.sy-moneybag.right:after {
	content: '💰'
}

.sy-calculator:before,
.sy-calculator.right:after {
	content: ''
}

.sy-bank:before,
.sy-bank.right:after {
	content: '🏦'
}

.sy-gavel:before,
.sy-gavel.right:after {
	content: '🔨'
}

.sy-meeting:before,
.sy-meeting.right:after {
	content: ''
}

.sy-barchart:before,
.sy-barchart.right:after {
	content: '📊'
}

.sy-piechart:before,
.sy-piechart.right:after {
	content: ''
}

.sy-activity:before,
.sy-activity.right:after {
	content: '📈'
}

.sy-flowchart:before,
.sy-flowchart.right:after {
	content: ''
}

.sy-box:before,
.sy-box.right:after {
	content: '📦'
}

.sy-crate:before,
.sy-crate.right:after {
	content: ''
}

.sy-home:before,
.sy-home.right:after {
	content: '⌂'
}

.sy-fence:before,
.sy-fence.right:after {
	content: ''
}

.sy-buildings:before,
.sy-buildings.right:after {
	content: '🏢'
}

.sy-bridge:before,
.sy-bridge.right:after {
	content: ''
}

.sy-barn:before,
.sy-barn.right:after {
	content: ''
}

.sy-lodging:before,
.sy-lodging.right:after {
	content: '🏨'
}

.sy-earth:before,
.sy-earth.right:after {
	content: '🌎'
}

.sy-globe:before,
.sy-globe.right:after {
	content: '🌐'
}

.sy-compass:before,
.sy-compass.right:after {
	content: ''
}

.sy-signpost:before,
.sy-signpost.right:after {
	content: ''
}

.sy-map:before,
.sy-map.right:after {
	content: ''
}

.sy-location:before,
.sy-location.right:after {
	content: ''
}

.sy-pushpin:before,
.sy-pushpin.right:after {
	content: '📌'
}

.sy-script:before,
.sy-script.right:after {
	content: ''
}

.sy-playscript:before,
.sy-playscript.right:after {
	content: ''
}

.sy-stopscript:before,
.sy-stopscript.right:after {
	content: ''
}

.sy-recordscript:before,
.sy-recordscript.right:after {
	content: ''
}

.sy-bug:before,
.sy-bug.right:after {
	content: '🐛'
}

.sy-puzzle:before,
.sy-puzzle.right:after {
	content: ''
}

.sy-window:before,
.sy-window.right:after {
	content: ''
}

.sy-database:before,
.sy-database.right:after {
	content: ''
}

.sy-adddatabase:before,
.sy-adddatabase.right:after {
	content: ''
}

.sy-deletedatabase:before,
.sy-deletedatabase.right:after {
	content: ''
}

.sy-hdd:before,
.sy-hdd.right:after {
	content: ''
}

.sy-networkhdd:before,
.sy-networkhdd.right:after {
	content: ''
}

.sy-downloadhdd:before,
.sy-downloadhdd.right:after {
	content: ''
}

.sy-airplay:before,
.sy-airplay.right:after {
	content: ''
}

.sy-music:before,
.sy-music.right:after {
	content: '♫'
}

.sy-mic:before,
.sy-mic.right:after {
	content: '🎤'
}

.sy-headphones:before,
.sy-headphones.right:after {
	content: '🎧'
}

.sy-volume:before,
.sy-volume.right:after {
	content: '🔈'
}

.sy-radio:before,
.sy-radio.right:after {
	content: '📻'
}

.sy-phonograph:before,
.sy-phonograph.right:after {
	content: ''
}

.sy-disc:before,
.sy-disc.right:after {
	content: '💿'
}

.sy-discs:before,
.sy-discs.right:after {
	content: ''
}

.sy-playlist:before,
.sy-playlist.right:after {
	content: ''
}

.sy-musichome:before,
.sy-musichome.right:after {
	content: ''
}

.sy-itunes:before,
.sy-itunes.right:after {
	content: ''
}

.sy-camera:before,
.sy-camera.right:after {
	content: '📷'
}

.sy-picture:before,
.sy-picture.right:after {
	content: '🌄'
}

.sy-pictures:before,
.sy-pictures.right:after {
	content: ''
}

.sy-searchpicture:before,
.sy-searchpicture.right:after {
	content: ''
}

.sy-video:before,
.sy-video.right:after {
	content: '📹'
}

.sy-clapboard:before,
.sy-clapboard.right:after {
	content: '🎬'
}

.sy-film:before,
.sy-film.right:after {
	content: ''
}

.sy-playfilm:before,
.sy-playfilm.right:after {
	content: ''
}

.sy-tv:before,
.sy-tv.right:after {
	content: '📺'
}

.sy-flatscreen:before,
.sy-flatscreen.right:after {
	content: ''
}

.sy-projector:before,
.sy-projector.right:after {
	content: ''
}

.sy-videogame:before,
.sy-videogame.right:after {
	content: '🎮'
}

.sy-play:before,
.sy-play.right:after {
	content: '▶'
}

.sy-pause:before,
.sy-pause.right:after {
	content: ''
}

.sy-stop:before,
.sy-stop.right:after {
	content: '■'
}

.sy-record:before,
.sy-record.right:after {
	content: '●'
}

.sy-rewind:before,
.sy-rewind.right:after {
	content: '⏪'
}

.sy-fastforward:before,
.sy-fastforward.right:after {
	content: '⏩'
}

.sy-skipback:before,
.sy-skipback.right:after {
	content: '⏮'
}

.sy-skipforward:before,
.sy-skipforward.right:after {
	content: '⏭'
}

.sy-eject:before,
.sy-eject.right:after {
	content: '⏏'
}

.sy-shuffle:before,
.sy-shuffle.right:after {
	content: '🔀'
}

.sy-filecabinet:before,
.sy-filecabinet.right:after {
	content: ''
}

.sy-storagebox:before,
.sy-storagebox.right:after {
	content: ''
}

.sy-books:before,
.sy-books.right:after {
	content: '📚'
}

.sy-bookspencil:before,
.sy-bookspencil.right:after {
	content: ''
}

.sy-openbook:before,
.sy-openbook.right:after {
	content: '📖'
}

.sy-bookinsert:before,
.sy-bookinsert.right:after {
	content: ''
}

.sy-notebook:before,
.sy-notebook.right:after {
	content: '📓'
}

.sy-ledger:before,
.sy-ledger.right:after {
	content: '📒'
}

.sy-album:before,
.sy-album.right:after {
	content: ''
}

.sy-newspaper:before,
.sy-newspaper.right:after {
	content: '📰'
}

.sy-spiralbound:before,
.sy-spiralbound.right:after {
	content: ''
}

.sy-notepad:before,
.sy-notepad.right:after {
	content: ''
}

.sy-notice:before,
.sy-notice.right:after {
	content: ''
}

.sy-grid:before,
.sy-grid.right:after {
	content: ''
}

.sy-thumbnails:before,
.sy-thumbnails.right:after {
	content: ''
}

.sy-filter:before,
.sy-filter.right:after {
	content: ''
}

.sy-desktop:before,
.sy-desktop.right:after {
	content: '💻'
}

.sy-laptop:before,
.sy-laptop.right:after {
	content: ''
}

.sy-tablet:before,
.sy-tablet.right:after {
	content: ''
}

.sy-cell:before,
.sy-cell.right:after {
	content: '📱'
}

.sy-cellbars:before,
.sy-cellbars.right:after {
	content: '📶'
}

.sy-battery:before,
.sy-battery.right:after {
	content: '🔋'
}

.sy-mediumbattery:before,
.sy-mediumbattery.right:after {
	content: ''
}

.sy-emptybattery:before,
.sy-emptybattery.right:after {
	content: ''
}

.sy-chargingbattery:before,
.sy-chargingbattery.right:after {
	content: ''
}

.sy-screwdrivermobile:before,
.sy-screwdrivermobile.right:after {
	content: ''
}

.sy-brushmobile:before,
.sy-brushmobile.right:after {
	content: ''
}

.sy-pencilmobile:before,
.sy-pencilmobile.right:after {
	content: ''
}

.sy-door:before,
.sy-door.right:after {
	content: '🚪'
}

.sy-washer:before,
.sy-washer.right:after {
	content: ''
}

.sy-dryer:before,
.sy-dryer.right:after {
	content: ''
}

.sy-fireplace:before,
.sy-fireplace.right:after {
	content: ''
}

.sy-toilet:before,
.sy-toilet.right:after {
	content: '🚽'
}

.sy-toiletpaper:before,
.sy-toiletpaper.right:after {
	content: ''
}

.sy-lightbulb:before,
.sy-lightbulb.right:after {
	content: '💡'
}

.sy-cfl:before,
.sy-cfl.right:after {
	content: ''
}

.sy-flashlight:before,
.sy-flashlight.right:after {
	content: '🔦'
}

.sy-candle:before,
.sy-candle.right:after {
	content: ''
}

.sy-campfire:before,
.sy-campfire.right:after {
	content: '🔥'
}

.sy-picnictable:before,
.sy-picnictable.right:after {
	content: ''
}

.sy-frame:before,
.sy-frame.right:after {
	content: ''
}

.sy-heartframe:before,
.sy-heartframe.right:after {
	content: '💟'
}

.sy-starframe:before,
.sy-starframe.right:after {
	content: ''
}

.sy-treeframe:before,
.sy-treeframe.right:after {
	content: ''
}

.sy-flowerframe:before,
.sy-flowerframe.right:after {
	content: ''
}

.sy-questionframe:before,
.sy-questionframe.right:after {
	content: ''
}

.sy-utensilsframe:before,
.sy-utensilsframe.right:after {
	content: ''
}

.sy-atom:before,
.sy-atom.right:after {
	content: '⚛'
}

.sy-fluxcapacitor:before,
.sy-fluxcapacitor.right:after {
	content: ''
}

.sy-rings:before,
.sy-rings.right:after {
	content: '💍'
}

.sy-balloons:before,
.sy-balloons.right:after {
	content: '🎈'
}

.sy-easteregg:before,
.sy-easteregg.right:after {
	content: ''
}

.sy-jackolantern:before,
.sy-jackolantern.right:after {
	content: '🎃'
}

.sy-menorah:before,
.sy-menorah.right:after {
	content: ''
}

.sy-christmastree:before,
.sy-christmastree.right:after {
	content: '🎄'
}

.sy-teddy:before,
.sy-teddy.right:after {
	content: ''
}

.sy-blocks:before,
.sy-blocks.right:after {
	content: ''
}

.sy-rattle:before,
.sy-rattle.right:after {
	content: ''
}

.sy-diaper:before,
.sy-diaper.right:after {
	content: ''
}

.sy-pailshovel:before,
.sy-pailshovel.right:after {
	content: ''
}

.sy-sweep:before,
.sy-sweep.right:after {
	content: ''
}

.sy-headstone:before,
.sy-headstone.right:after {
	content: '⛼'
}

.sy-onedie:before,
.sy-onedie.right:after {
	content: '⚀'
}

.sy-twodie:before,
.sy-twodie.right:after {
	content: '⚁'
}

.sy-threedie:before,
.sy-threedie.right:after {
	content: '⚂'
}

.sy-fourdie:before,
.sy-fourdie.right:after {
	content: '⚃'
}

.sy-fivedie:before,
.sy-fivedie.right:after {
	content: '⚄'
}

.sy-sixdie:before,
.sy-sixdie.right:after {
	content: '⚅'
}

.sy-fuzzydice:before,
.sy-fuzzydice.right:after {
	content: ''
}

.sy-download:before,
.sy-download.right:after {
	content: ''
}

.sy-downloadbox:before,
.sy-downloadbox.right:after {
	content: ''
}

.sy-downloadcrate:before,
.sy-downloadcrate.right:after {
	content: ''
}

.sy-upload:before,
.sy-upload.right:after {
	content: ''
}

.sy-uploadbox:before,
.sy-uploadbox.right:after {
	content: ''
}

.sy-uploadcrate:before,
.sy-uploadcrate.right:after {
	content: ''
}

.sy-transfer:before,
.sy-transfer.right:after {
	content: '⇆'
}

.sy-refresh:before,
.sy-refresh.right:after {
	content: '↻'
}

.sy-sync:before,
.sy-sync.right:after {
	content: ''
}

.sy-wifi:before,
.sy-wifi.right:after {
	content: ''
}

.sy-connection:before,
.sy-connection.right:after {
	content: ''
}

.sy-usb:before,
.sy-usb.right:after {
	content: ''
}

.sy-files:before,
.sy-files.right:after {
	content: ''
}

.sy-addfile:before,
.sy-addfile.right:after {
	content: ''
}

.sy-removefile:before,
.sy-removefile.right:after {
	content: ''
}

.sy-deletefile:before,
.sy-deletefile.right:after {
	content: ''
}

.sy-searchfile:before,
.sy-searchfile.right:after {
	content: ''
}

.sy-folder:before,
.sy-folder.right:after {
	content: '📁'
}

.sy-addfolder:before,
.sy-addfolder.right:after {
	content: ''
}

.sy-removefolder:before,
.sy-removefolder.right:after {
	content: ''
}

.sy-deletefolder:before,
.sy-deletefolder.right:after {
	content: ''
}

.sy-downloadfolder:before,
.sy-downloadfolder.right:after {
	content: ''
}

.sy-uploadfolder:before,
.sy-uploadfolder.right:after {
	content: ''
}

.sy-undo:before,
.sy-undo.right:after {
	content: '↩'
}

.sy-redo:before,
.sy-redo.right:after {
	content: '↪'
}

.sy-quote:before,
.sy-quote.right:after {
	content: '“'
}

.sy-font:before,
.sy-font.right:after {
	content: ''
}

.sy-anchor:before,
.sy-anchor.right:after {
	content: ''
}

.sy-print:before,
.sy-print.right:after {
	content: '⎙'
}

.sy-fax:before,
.sy-fax.right:after {
	content: '📠'
}

.sy-shredder:before,
.sy-shredder.right:after {
	content: ''
}

.sy-typewriter:before,
.sy-typewriter.right:after {
	content: ''
}

.sy-list:before,
.sy-list.right:after {
	content: ''
}

.sy-action:before,
.sy-action.right:after {
	content: ''
}

.sy-redirect:before,
.sy-redirect.right:after {
	content: '↗'
}

.sy-expand:before,
.sy-expand.right:after {
	content: '⤢'
}

.sy-contract:before,
.sy-contract.right:after {
	content: ''
}

.sy-scaleup:before,
.sy-scaleup.right:after {
	content: ''
}

.sy-scaledown:before,
.sy-scaledown.right:after {
	content: ''
}

.sy-power:before,
.sy-power.right:after {
	content: ''
}

.sy-lifepreserver:before,
.sy-lifepreserver.right:after {
	content: ''
}

.sy-help:before,
.sy-help.right:after {
	content: '❓'
}

.sy-info:before,
.sy-info.right:after {
	content: 'ℹ'
}

.sy-alert:before,
.sy-alert.right:after {
	content: '⚠'
}

.sy-caution:before,
.sy-caution.right:after {
	content: '⛔'
}

.sy-plus:before,
.sy-plus.right:after {
	content: '+'
}

.sy-hyphen:before,
.sy-hyphen.right:after {
	content: '-'
}

.sy-check:before,
.sy-check.right:after {
	content: '✓'
}

.sy-delete:before,
.sy-delete.right:after {
	content: '␡'
}

.sy-dogface:before,
.sy-dogface.right:after {
	content: '🐶'
}

.sy-catface:before,
.sy-catface.right:after {
	content: '🐱'
}

.sy-bearface:before,
.sy-bearface.right:after {
	content: '🐻'
}

.sy-bird:before,
.sy-bird.right:after {
	content: '🐦'
}

.sy-dog:before,
.sy-dog.right:after {
	content: '🐕'
}

.sy-sheep:before,
.sy-sheep.right:after {
	content: '🐑'
}

.sy-pig:before,
.sy-pig.right:after {
	content: '🐖'
}

.sy-bone:before,
.sy-bone.right:after {
	content: ''
}

.sy-tooth:before,
.sy-tooth.right:after {
	content: ''
}

.sy-palmtree:before,
.sy-palmtree.right:after {
	content: '🌴'
}

.sy-tree:before,
.sy-tree.right:after {
	content: '🌲'
}

.sy-leaf:before,
.sy-leaf.right:after {
	content: '🍂'
}

.sy-flower:before,
.sy-flower.right:after {
	content: '⚘'
}

.sy-settings:before,
.sy-settings.right:after {
	content: '⚙'
}

.sy-dashboard:before,
.sy-dashboard.right:after {
	content: ''
}

.sy-notifications:before,
.sy-notifications.right:after {
	content: '🔔'
}

.sy-toggles:before,
.sy-toggles.right:after {
	content: ''
}

.sy-switch:before,
.sy-switch.right:after {
	content: ''
}

.sy-switchoff:before,
.sy-switchoff.right:after {
	content: ''
}

.sy-brightness:before,
.sy-brightness.right:after {
	content: '🔆'
}

.sy-flashoff:before,
.sy-flashoff.right:after {
	content: ''
}

.sy-toolbox:before,
.sy-toolbox.right:after {
	content: ''
}

.sy-tools:before,
.sy-tools.right:after {
	content: ''
}

.sy-wrench:before,
.sy-wrench.right:after {
	content: '🔧'
}

.sy-wrenches:before,
.sy-wrenches.right:after {
	content: ''
}

.sy-wrenchpencil:before,
.sy-wrenchpencil.right:after {
	content: ''
}

.sy-screwdriverpencil:before,
.sy-screwdriverpencil.right:after {
	content: ''
}

.sy-hammerscrewdriver:before,
.sy-hammerscrewdriver.right:after {
	content: ''
}

.sy-tapemeasure:before,
.sy-tapemeasure.right:after {
	content: ''
}

.sy-hourglass:before,
.sy-hourglass.right:after {
	content: '⏳'
}

.sy-clock:before,
.sy-clock.right:after {
	content: '⏲'
}

.sy-stopwatch:before,
.sy-stopwatch.right:after {
	content: '⏱'
}

.sy-alarmclock:before,
.sy-alarmclock.right:after {
	content: '⏰'
}

.sy-calendar:before,
.sy-calendar.right:after {
	content: '📅'
}

.sy-keyboardup:before,
.sy-keyboardup.right:after {
	content: ''
}

.sy-keyboarddown:before,
.sy-keyboarddown.right:after {
	content: ''
}

.sy-heavyasterisk:before,
.sy-heavyasterisk.right:after {
	content: '✱'
}

.sy-egg:before,
.sy-egg.right:after {
	content: ''
}

.sy-cheese:before,
.sy-cheese.right:after {
	content: ''
}

.sy-hotdog:before,
.sy-hotdog.right:after {
	content: ''
}

.sy-burger:before,
.sy-burger.right:after {
	content: '🍔'
}

.sy-birthdaycake:before,
.sy-birthdaycake.right:after {
	content: '🎂'
}

.sy-pancakes:before,
.sy-pancakes.right:after {
	content: ''
}

.sy-pizza:before,
.sy-pizza.right:after {
	content: '🍕'
}

.sy-frenchfries:before,
.sy-frenchfries.right:after {
	content: '🍟'
}

.sy-apple:before,
.sy-apple.right:after {
	content: '🍏'
}

.sy-mug:before,
.sy-mug.right:after {
	content: '☕'
}

.sy-coffee:before,
.sy-coffee.right:after {
	content: ''
}

.sy-growler:before,
.sy-growler.right:after {
	content: ''
}

.sy-beer:before,
.sy-beer.right:after {
	content: '🍺'
}

.sy-bottle:before,
.sy-bottle.right:after {
	content: ''
}

.sy-wine:before,
.sy-wine.right:after {
	content: ''
}

.sy-wineglass:before,
.sy-wineglass.right:after {
	content: '🍷'
}

.sy-cocktail:before,
.sy-cocktail.right:after {
	content: '🍸'
}

.sy-soda:before,
.sy-soda.right:after {
	content: ''
}

.sy-cup:before,
.sy-cup.right:after {
	content: ''
}

.sy-babybottle:before,
.sy-babybottle.right:after {
	content: '🍼'
}

.sy-jug:before,
.sy-jug.right:after {
	content: ''
}

.sy-oven:before,
.sy-oven.right:after {
	content: ''
}

.sy-takeout:before,
.sy-takeout.right:after {
	content: ''
}

.sy-paperbag:before,
.sy-paperbag.right:after {
	content: ''
}

.sy-utensils:before,
.sy-utensils.right:after {
	content: '🍴'
}

.sy-tshirt:before,
.sy-tshirt.right:after {
	content: '👕'
}

.sy-graduationcap:before,
.sy-graduationcap.right:after {
	content: '🎓'
}

.sy-fabric:before,
.sy-fabric.right:after {
	content: ''
}

.sy-swatch:before,
.sy-swatch.right:after {
	content: ''
}

.sy-weave:before,
.sy-weave.right:after {
	content: ''
}

.sy-thread:before,
.sy-thread.right:after {
	content: ''
}

.sy-yarn:before,
.sy-yarn.right:after {
	content: ''
}

.sy-crochet:before,
.sy-crochet.right:after {
	content: ''
}

.sy-needles:before,
.sy-needles.right:after {
	content: ''
}

.sy-scissorsneedles:before,
.sy-scissorsneedles.right:after {
	content: ''
}

.sy-button:before,
.sy-button.right:after {
	content: ''
}

.sy-zipper:before,
.sy-zipper.right:after {
	content: ''
}

.sy-sun:before,
.sy-sun.right:after {
	content: '☀'
}

.sy-partlycloudy:before,
.sy-partlycloudy.right:after {
	content: '⛅'
}

.sy-rainbow:before,
.sy-rainbow.right:after {
	content: '🌈'
}

.sy-umbrella:before,
.sy-umbrella.right:after {
	content: '☂'
}

.sy-crescentmoon:before,
.sy-crescentmoon.right:after {
	content: '🌙'
}

.sy-newmoon:before,
.sy-newmoon.right:after {
	content: '🌑'
}

.sy-waxingcrescentmoon:before,
.sy-waxingcrescentmoon.right:after {
	content: '🌒'
}

.sy-firstquartermoon:before,
.sy-firstquartermoon.right:after {
	content: '🌓'
}

.sy-waxinggibbousmoon:before,
.sy-waxinggibbousmoon.right:after {
	content: '🌔'
}

.sy-fullmoon:before,
.sy-fullmoon.right:after {
	content: '🌕'
}

.sy-waninggibbousmoon:before,
.sy-waninggibbousmoon.right:after {
	content: '🌖'
}

.sy-lastquartermoon:before,
.sy-lastquartermoon.right:after {
	content: '🌗'
}

.sy-waningcrescentmoon:before,
.sy-waningcrescentmoon.right:after {
	content: '🌘'
}

.sy-car:before,
.sy-car.right:after {
	content: '🚘'
}

.sy-carrepair:before,
.sy-carrepair.right:after {
	content: ''
}

.sy-taxi:before,
.sy-taxi.right:after {
	content: '🚖'
}

.sy-train:before,
.sy-train.right:after {
	content: '🚆'
}

.sy-bus:before,
.sy-bus.right:after {
	content: '🚍'
}

.sy-truck:before,
.sy-truck.right:after {
	content: '🚚'
}

.sy-trailer:before,
.sy-trailer.right:after {
	content: ''
}

.sy-trailerdump:before,
.sy-trailerdump.right:after {
	content: ''
}

.sy-plane:before,
.sy-plane.right:after {
	content: '✈'
}

.sy-bike:before,
.sy-bike.right:after {
	content: '🚲'
}

.sy-motorcycle:before,
.sy-motorcycle.right:after {
	content: ''
}

.sy-boat:before,
.sy-boat.right:after {
	content: '🚢'
}

.sy-rocket:before,
.sy-rocket.right:after {
	content: '🚀'
}

.sy-ufo:before,
.sy-ufo.right:after {
	content: ''
}

.sy-squarekey:before,
.sy-squarekey.right:after {
	content: ''
}

.sy-tire:before,
.sy-tire.right:after {
	content: ''
}

.sy-fuel:before,
.sy-fuel.right:after {
	content: '⛽'
}

.sy-parking:before,
.sy-parking.right:after {
	content: ''
}

.sy-wheelchair:before,
.sy-wheelchair.right:after {
	content: '♿'
}

.sy-restroom:before,
.sy-restroom.right:after {
	content: '🚻'
}

.sy-elevator:before,
.sy-elevator.right:after {
	content: ''
}

.sy-briefcase:before,
.sy-briefcase.right:after {
	content: '💼'
}

.sy-theatre:before,
.sy-theatre.right:after {
	content: '🎭'
}

.sy-ticket:before,
.sy-ticket.right:after {
	content: '🎫'
}

.sy-golf:before,
.sy-golf.right:after {
	content: ''
}

.sy-billiards:before,
.sy-billiards.right:after {
	content: '🎱'
}

.sy-baseball:before,
.sy-baseball.right:after {
	content: '⚾'
}

.sy-tennis:before,
.sy-tennis.right:after {
	content: '🎾'
}

.sy-basketball:before,
.sy-basketball.right:after {
	content: '🏀'
}

.sy-football:before,
.sy-football.right:after {
	content: '🏈'
}

.sy-soccer:before,
.sy-soccer.right:after {
	content: '⚽'
}

.sy-flaginhole:before,
.sy-flaginhole.right:after {
	content: '⛳'
}

.sy-paddles:before,
.sy-paddles.right:after {
	content: ''
}

.sy-skiboot:before,
.sy-skiboot.right:after {
	content: ''
}

.sy-skis:before,
.sy-skis.right:after {
	content: '🎿'
}

.sy-hiker:before,
.sy-hiker.right:after {
	content: ''
}

.sy-runner:before,
.sy-runner.right:after {
	content: '🏃'
}

.sy-hottub:before,
.sy-hottub.right:after {
	content: ''
}

.sy-exercise:before,
.sy-exercise.right:after {
	content: ''
}

.sy-hospital:before,
.sy-hospital.right:after {
	content: '⛨'
}

.sy-medicalcross:before,
.sy-medicalcross.right:after {
	content: ''
}

.sy-medicalbag:before,
.sy-medicalbag.right:after {
	content: ''
}

.sy-bandage:before,
.sy-bandage.right:after {
	content: ''
}

.sy-flask:before,
.sy-flask.right:after {
	content: ''
}

.sy-testtube:before,
.sy-testtube.right:after {
	content: ''
}

.sy-up:before,
.sy-up.right:after {
	content: '⬆'
}

.sy-right:before,
.sy-right.right:after {
	content: '➡'
}

.sy-down:before,
.sy-down.right:after {
	content: '⬇'
}

.sy-left:before,
.sy-left.right:after {
	content: '⬅'
}

.sy-navigateup:before,
.sy-navigateup.right:after {
	content: ''
}

.sy-navigateright:before,
.sy-navigateright.right:after {
	content: '▻'
}

.sy-navigatedown:before,
.sy-navigatedown.right:after {
	content: ''
}

.sy-navigateleft:before,
.sy-navigateleft.right:after {
	content: '◅'
}

.sy-share:before,
.sy-share.right:after {
	content: ''
}

@font-face {
	font-family: 'SSSymboliconsLine';
	src: url("../fonts/ss-symbolicons-line.eot");
	src: url("../fonts/ss-symbolicons-line.eot?#iefix") format("embedded-opentype"), url("../fonts/ss-symbolicons-line.woff") format("woff"), url("../fonts/ss-symbolicons-line.ttf") format("truetype"), url("../fonts/ss-symbolicons-line.svg#b094da2298109a3b630c869dac755d71") format("svg");
	font-style: normal;
	font-weight: 400
}

.syl-icon,
.syl-icon.syl-symbolicons-line,
[class^="syl-"]:before,
[class*=" syl-"]:before,
[class^="syl-"].syl-symbolicons-line:before,
[class*=" syl-"].syl-symbolicons-line:before,
[class^="syl-"].right:after,
[class*=" syl-"].right:after,
[class^="syl-"].syl-symbolicons-line.right:after,
[class*=" syl-"].syl-symbolicons-line.right:after {
	font-family: "SSSymboliconsLine";
	font-style: normal;
	font-weight: 300;
	text-decoration: none;
	text-rendering: optimizeLegibility;
	white-space: nowrap;
	-webkit-font-feature-settings: "liga";
	-moz-font-feature-settings: "liga=1";
	-moz-font-feature-settings: "liga";
	-ms-font-feature-settings: "liga" 1;
	-o-font-feature-settings: "liga";
	font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased
}

[class^="syl-"].right:before,
[class*=" syl-"].syl-symbolicons-line.right:before {
	display: none;
	content: ''
}

.syl-crosshair:before,
.syl-crosshair.right:after {
	content: '⌖'
}

.syl-search:before,
.syl-search.right:after {
	content: '🔍'
}

.syl-zoomin:before,
.syl-zoomin.right:after {
	content: ''
}

.syl-zoomout:before,
.syl-zoomout.right:after {
	content: ''
}

.syl-binoculars:before,
.syl-binoculars.right:after {
	content: ''
}

.syl-raisedhand:before,
.syl-raisedhand.right:after {
	content: '✋'
}

.syl-link:before,
.syl-link.right:after {
	content: '🔗'
}

.syl-write:before,
.syl-write.right:after {
	content: '✎'
}

.syl-compose:before,
.syl-compose.right:after {
	content: '📝'
}

.syl-lock:before,
.syl-lock.right:after {
	content: '🔒'
}

.syl-unlock:before,
.syl-unlock.right:after {
	content: '🔓'
}

.syl-key:before,
.syl-key.right:after {
	content: '🔑'
}

.syl-backspace:before,
.syl-backspace.right:after {
	content: '⌫'
}

.syl-ban:before,
.syl-ban.right:after {
	content: '🚫'
}

.syl-nosmoking:before,
.syl-nosmoking.right:after {
	content: '🚭'
}

.syl-trash:before,
.syl-trash.right:after {
	content: ''
}

.syl-target:before,
.syl-target.right:after {
	content: '◎'
}

.syl-stopsign:before,
.syl-stopsign.right:after {
	content: ''
}

.syl-radioactive:before,
.syl-radioactive.right:after {
	content: '☢'
}

.syl-skull:before,
.syl-skull.right:after {
	content: '💀'
}

.syl-lightning:before,
.syl-lightning.right:after {
	content: '☇'
}

.syl-tag:before,
.syl-tag.right:after {
	content: ''
}

.syl-newtag:before,
.syl-newtag.right:after {
	content: ''
}

.syl-flag:before,
.syl-flag.right:after {
	content: '⚑'
}

.syl-like:before,
.syl-like.right:after {
	content: '👍'
}

.syl-dislike:before,
.syl-dislike.right:after {
	content: '👎'
}

.syl-heart:before,
.syl-heart.right:after {
	content: '♥'
}

.syl-addheart:before,
.syl-addheart.right:after {
	content: ''
}

.syl-deleteheart:before,
.syl-deleteheart.right:after {
	content: '💔'
}

.syl-star:before,
.syl-star.right:after {
	content: '⋆'
}

.syl-trophy:before,
.syl-trophy.right:after {
	content: '🏆'
}

.syl-award:before,
.syl-award.right:after {
	content: ''
}

.syl-medal:before,
.syl-medal.right:after {
	content: ''
}

.syl-badge:before,
.syl-badge.right:after {
	content: '📛'
}

.syl-crown:before,
.syl-crown.right:after {
	content: '👑'
}

.syl-bullseye:before,
.syl-bullseye.right:after {
	content: '🎯'
}

.syl-sample:before,
.syl-sample.right:after {
	content: ''
}

.syl-crop:before,
.syl-crop.right:after {
	content: ''
}

.syl-layers:before,
.syl-layers.right:after {
	content: ''
}

.syl-magicwand:before,
.syl-magicwand.right:after {
	content: ''
}

.syl-cut:before,
.syl-cut.right:after {
	content: '✂'
}

.syl-cutpaste:before,
.syl-cutpaste.right:after {
	content: ''
}

.syl-clipboard:before,
.syl-clipboard.right:after {
	content: '📋'
}

.syl-rules:before,
.syl-rules.right:after {
	content: '📏'
}

.syl-rulerpencil:before,
.syl-rulerpencil.right:after {
	content: ''
}

.syl-gridlines:before,
.syl-gridlines.right:after {
	content: ''
}

.syl-pen:before,
.syl-pen.right:after {
	content: '✒'
}

.syl-pencilbrush:before,
.syl-pencilbrush.right:after {
	content: ''
}

.syl-pencilbrushpen:before,
.syl-pencilbrushpen.right:after {
	content: ''
}

.syl-brush:before,
.syl-brush.right:after {
	content: ''
}

.syl-paintroller:before,
.syl-paintroller.right:after {
	content: ''
}

.syl-fill:before,
.syl-fill.right:after {
	content: ''
}

.syl-stroke:before,
.syl-stroke.right:after {
	content: ''
}

.syl-crayons:before,
.syl-crayons.right:after {
	content: ''
}

.syl-palette:before,
.syl-palette.right:after {
	content: '🎨'
}

.syl-fliphorizontally:before,
.syl-fliphorizontally.right:after {
	content: ''
}

.syl-flipvertically:before,
.syl-flipvertically.right:after {
	content: ''
}

.syl-effects:before,
.syl-effects.right:after {
	content: ''
}

.syl-bezier:before,
.syl-bezier.right:after {
	content: ''
}

.syl-pixels:before,
.syl-pixels.right:after {
	content: ''
}

.syl-phone:before,
.syl-phone.right:after {
	content: '📞'
}

.syl-rotaryphone:before,
.syl-rotaryphone.right:after {
	content: '☎'
}

.syl-touchtonephone:before,
.syl-touchtonephone.right:after {
	content: '☏'
}

.syl-phonebook:before,
.syl-phonebook.right:after {
	content: ''
}

.syl-voicemail:before,
.syl-voicemail.right:after {
	content: '⌕'
}

.syl-megaphone:before,
.syl-megaphone.right:after {
	content: '📢'
}

.syl-rss:before,
.syl-rss.right:after {
	content: ''
}

.syl-podcast:before,
.syl-podcast.right:after {
	content: ''
}

.syl-mailbox:before,
.syl-mailbox.right:after {
	content: '📫'
}

.syl-send:before,
.syl-send.right:after {
	content: ''
}

.syl-mail:before,
.syl-mail.right:after {
	content: '✉'
}

.syl-incomingmail:before,
.syl-incomingmail.right:after {
	content: '📩'
}

.syl-inbox:before,
.syl-inbox.right:after {
	content: '📥'
}

.syl-outbox:before,
.syl-outbox.right:after {
	content: '📤'
}

.syl-stamp:before,
.syl-stamp.right:after {
	content: ''
}

.syl-chat:before,
.syl-chat.right:after {
	content: '💬'
}

.syl-chats:before,
.syl-chats.right:after {
	content: ''
}

.syl-textchat:before,
.syl-textchat.right:after {
	content: ''
}

.syl-exclamationchat:before,
.syl-exclamationchat.right:after {
	content: ''
}

.syl-questionchat:before,
.syl-questionchat.right:after {
	content: ''
}

.syl-ellipsischat:before,
.syl-ellipsischat.right:after {
	content: ''
}

.syl-smile:before,
.syl-smile.right:after {
	content: '☻'
}

.syl-frown:before,
.syl-frown.right:after {
	content: '☹'
}

.syl-toothsmile:before,
.syl-toothsmile.right:after {
	content: '😃'
}

.syl-toothlesssmile:before,
.syl-toothlesssmile.right:after {
	content: '😀'
}

.syl-user:before,
.syl-user.right:after {
	content: '👤'
}

.syl-users:before,
.syl-users.right:after {
	content: '👥'
}

.syl-adduser:before,
.syl-adduser.right:after {
	content: ''
}

.syl-removeuser:before,
.syl-removeuser.right:after {
	content: ''
}

.syl-deleteuser:before,
.syl-deleteuser.right:after {
	content: ''
}

.syl-heartuser:before,
.syl-heartuser.right:after {
	content: ''
}

.syl-males:before,
.syl-males.right:after {
	content: '👬'
}

.syl-females:before,
.syl-females.right:after {
	content: '👭'
}

.syl-malefemale:before,
.syl-malefemale.right:after {
	content: '👫'
}

.syl-userportrait:before,
.syl-userportrait.right:after {
	content: ''
}

.syl-userframe:before,
.syl-userframe.right:after {
	content: ''
}

.syl-usersframe:before,
.syl-usersframe.right:after {
	content: ''
}

.syl-baby:before,
.syl-baby.right:after {
	content: '👶'
}

.syl-swaddledbaby:before,
.syl-swaddledbaby.right:after {
	content: ''
}

.syl-robot:before,
.syl-robot.right:after {
	content: ''
}

.syl-happyrobot:before,
.syl-happyrobot.right:after {
	content: ''
}

.syl-alien:before,
.syl-alien.right:after {
	content: '👽'
}

.syl-ghost:before,
.syl-ghost.right:after {
	content: '👻'
}

.syl-contacts:before,
.syl-contacts.right:after {
	content: '📇'
}

.syl-addressbook:before,
.syl-addressbook.right:after {
	content: '📑'
}

.syl-footsteps:before,
.syl-footsteps.right:after {
	content: '👣'
}

.syl-cart:before,
.syl-cart.right:after {
	content: ''
}

.syl-shoppingbag:before,
.syl-shoppingbag.right:after {
	content: ''
}

.syl-gift:before,
.syl-gift.right:after {
	content: '🎁'
}

.syl-store:before,
.syl-store.right:after {
	content: '🏪'
}

.syl-safe:before,
.syl-safe.right:after {
	content: ''
}

.syl-bill:before,
.syl-bill.right:after {
	content: ''
}

.syl-creditcard:before,
.syl-creditcard.right:after {
	content: '💳'
}

.syl-banknote:before,
.syl-banknote.right:after {
	content: '💵'
}

.syl-moneybag:before,
.syl-moneybag.right:after {
	content: '💰'
}

.syl-calculator:before,
.syl-calculator.right:after {
	content: ''
}

.syl-bank:before,
.syl-bank.right:after {
	content: '🏦'
}

.syl-gavel:before,
.syl-gavel.right:after {
	content: '🔨'
}

.syl-meeting:before,
.syl-meeting.right:after {
	content: ''
}

.syl-barchart:before,
.syl-barchart.right:after {
	content: '📊'
}

.syl-piechart:before,
.syl-piechart.right:after {
	content: ''
}

.syl-activity:before,
.syl-activity.right:after {
	content: '📈'
}

.syl-flowchart:before,
.syl-flowchart.right:after {
	content: ''
}

.syl-box:before,
.syl-box.right:after {
	content: '📦'
}

.syl-crate:before,
.syl-crate.right:after {
	content: ''
}

.syl-home:before,
.syl-home.right:after {
	content: '⌂'
}

.syl-fence:before,
.syl-fence.right:after {
	content: ''
}

.syl-buildings:before,
.syl-buildings.right:after {
	content: '🏢'
}

.syl-bridge:before,
.syl-bridge.right:after {
	content: ''
}

.syl-barn:before,
.syl-barn.right:after {
	content: ''
}

.syl-lodging:before,
.syl-lodging.right:after {
	content: '🏨'
}

.syl-earth:before,
.syl-earth.right:after {
	content: '🌎'
}

.syl-globe:before,
.syl-globe.right:after {
	content: '🌐'
}

.syl-compass:before,
.syl-compass.right:after {
	content: ''
}

.syl-signpost:before,
.syl-signpost.right:after {
	content: ''
}

.syl-map:before,
.syl-map.right:after {
	content: ''
}

.syl-location:before,
.syl-location.right:after {
	content: ''
}

.syl-pushpin:before,
.syl-pushpin.right:after {
	content: '📌'
}

.syl-script:before,
.syl-script.right:after {
	content: ''
}

.syl-playscript:before,
.syl-playscript.right:after {
	content: ''
}

.syl-stopscript:before,
.syl-stopscript.right:after {
	content: ''
}

.syl-recordscript:before,
.syl-recordscript.right:after {
	content: ''
}

.syl-bug:before,
.syl-bug.right:after {
	content: '🐛'
}

.syl-puzzle:before,
.syl-puzzle.right:after {
	content: ''
}

.syl-window:before,
.syl-window.right:after {
	content: ''
}

.syl-database:before,
.syl-database.right:after {
	content: ''
}

.syl-adddatabase:before,
.syl-adddatabase.right:after {
	content: ''
}

.syl-deletedatabase:before,
.syl-deletedatabase.right:after {
	content: ''
}

.syl-hdd:before,
.syl-hdd.right:after {
	content: ''
}

.syl-networkhdd:before,
.syl-networkhdd.right:after {
	content: ''
}

.syl-downloadhdd:before,
.syl-downloadhdd.right:after {
	content: ''
}

.syl-airplay:before,
.syl-airplay.right:after {
	content: ''
}

.syl-music:before,
.syl-music.right:after {
	content: '♫'
}

.syl-mic:before,
.syl-mic.right:after {
	content: '🎤'
}

.syl-headphones:before,
.syl-headphones.right:after {
	content: '🎧'
}

.syl-volume:before,
.syl-volume.right:after {
	content: '🔈'
}

.syl-radio:before,
.syl-radio.right:after {
	content: '📻'
}

.syl-phonograph:before,
.syl-phonograph.right:after {
	content: ''
}

.syl-disc:before,
.syl-disc.right:after {
	content: '💿'
}

.syl-discs:before,
.syl-discs.right:after {
	content: ''
}

.syl-playlist:before,
.syl-playlist.right:after {
	content: ''
}

.syl-musichome:before,
.syl-musichome.right:after {
	content: ''
}

.syl-itunes:before,
.syl-itunes.right:after {
	content: ''
}

.syl-camera:before,
.syl-camera.right:after {
	content: '📷'
}

.syl-picture:before,
.syl-picture.right:after {
	content: '🌄'
}

.syl-pictures:before,
.syl-pictures.right:after {
	content: ''
}

.syl-searchpicture:before,
.syl-searchpicture.right:after {
	content: ''
}

.syl-video:before,
.syl-video.right:after {
	content: '📹'
}

.syl-clapboard:before,
.syl-clapboard.right:after {
	content: '🎬'
}

.syl-film:before,
.syl-film.right:after {
	content: ''
}

.syl-playfilm:before,
.syl-playfilm.right:after {
	content: ''
}

.syl-tv:before,
.syl-tv.right:after {
	content: '📺'
}

.syl-flatscreen:before,
.syl-flatscreen.right:after {
	content: ''
}

.syl-projector:before,
.syl-projector.right:after {
	content: ''
}

.syl-videogame:before,
.syl-videogame.right:after {
	content: '🎮'
}

.syl-play:before,
.syl-play.right:after {
	content: '▶'
}

.syl-pause:before,
.syl-pause.right:after {
	content: ''
}

.syl-stop:before,
.syl-stop.right:after {
	content: '■'
}

.syl-record:before,
.syl-record.right:after {
	content: '●'
}

.syl-rewind:before,
.syl-rewind.right:after {
	content: '⏪'
}

.syl-fastforward:before,
.syl-fastforward.right:after {
	content: '⏩'
}

.syl-skipback:before,
.syl-skipback.right:after {
	content: '⏮'
}

.syl-skipforward:before,
.syl-skipforward.right:after {
	content: '⏭'
}

.syl-eject:before,
.syl-eject.right:after {
	content: '⏏'
}

.syl-shuffle:before,
.syl-shuffle.right:after {
	content: '🔀'
}

.syl-filecabinet:before,
.syl-filecabinet.right:after {
	content: ''
}

.syl-storagebox:before,
.syl-storagebox.right:after {
	content: ''
}

.syl-books:before,
.syl-books.right:after {
	content: '📚'
}

.syl-bookspencil:before,
.syl-bookspencil.right:after {
	content: ''
}

.syl-openbook:before,
.syl-openbook.right:after {
	content: '📖'
}

.syl-bookinsert:before,
.syl-bookinsert.right:after {
	content: ''
}

.syl-notebook:before,
.syl-notebook.right:after {
	content: '📓'
}

.syl-ledger:before,
.syl-ledger.right:after {
	content: '📒'
}

.syl-album:before,
.syl-album.right:after {
	content: ''
}

.syl-newspaper:before,
.syl-newspaper.right:after {
	content: '📰'
}

.syl-spiralbound:before,
.syl-spiralbound.right:after {
	content: ''
}

.syl-notepad:before,
.syl-notepad.right:after {
	content: ''
}

.syl-notice:before,
.syl-notice.right:after {
	content: ''
}

.syl-grid:before,
.syl-grid.right:after {
	content: ''
}

.syl-thumbnails:before,
.syl-thumbnails.right:after {
	content: ''
}

.syl-filter:before,
.syl-filter.right:after {
	content: ''
}

.syl-desktop:before,
.syl-desktop.right:after {
	content: '💻'
}

.syl-laptop:before,
.syl-laptop.right:after {
	content: ''
}

.syl-tablet:before,
.syl-tablet.right:after {
	content: ''
}

.syl-cell:before,
.syl-cell.right:after {
	content: '📱'
}

.syl-cellbars:before,
.syl-cellbars.right:after {
	content: '📶'
}

.syl-battery:before,
.syl-battery.right:after {
	content: '🔋'
}

.syl-mediumbattery:before,
.syl-mediumbattery.right:after {
	content: ''
}

.syl-emptybattery:before,
.syl-emptybattery.right:after {
	content: ''
}

.syl-chargingbattery:before,
.syl-chargingbattery.right:after {
	content: ''
}

.syl-screwdrivermobile:before,
.syl-screwdrivermobile.right:after {
	content: ''
}

.syl-brushmobile:before,
.syl-brushmobile.right:after {
	content: ''
}

.syl-pencilmobile:before,
.syl-pencilmobile.right:after {
	content: ''
}

.syl-door:before,
.syl-door.right:after {
	content: '🚪'
}

.syl-washer:before,
.syl-washer.right:after {
	content: ''
}

.syl-dryer:before,
.syl-dryer.right:after {
	content: ''
}

.syl-fireplace:before,
.syl-fireplace.right:after {
	content: ''
}

.syl-toilet:before,
.syl-toilet.right:after {
	content: '🚽'
}

.syl-toiletpaper:before,
.syl-toiletpaper.right:after {
	content: ''
}

.syl-lightbulb:before,
.syl-lightbulb.right:after {
	content: '💡'
}

.syl-cfl:before,
.syl-cfl.right:after {
	content: ''
}

.syl-flashlight:before,
.syl-flashlight.right:after {
	content: '🔦'
}

.syl-candle:before,
.syl-candle.right:after {
	content: ''
}

.syl-campfire:before,
.syl-campfire.right:after {
	content: '🔥'
}

.syl-picnictable:before,
.syl-picnictable.right:after {
	content: ''
}

.syl-frame:before,
.syl-frame.right:after {
	content: ''
}

.syl-heartframe:before,
.syl-heartframe.right:after {
	content: '💟'
}

.syl-starframe:before,
.syl-starframe.right:after {
	content: ''
}

.syl-treeframe:before,
.syl-treeframe.right:after {
	content: ''
}

.syl-flowerframe:before,
.syl-flowerframe.right:after {
	content: ''
}

.syl-questionframe:before,
.syl-questionframe.right:after {
	content: ''
}

.syl-utensilsframe:before,
.syl-utensilsframe.right:after {
	content: ''
}

.syl-atom:before,
.syl-atom.right:after {
	content: '⚛'
}

.syl-fluxcapacitor:before,
.syl-fluxcapacitor.right:after {
	content: ''
}

.syl-rings:before,
.syl-rings.right:after {
	content: '💍'
}

.syl-balloons:before,
.syl-balloons.right:after {
	content: '🎈'
}

.syl-easteregg:before,
.syl-easteregg.right:after {
	content: ''
}

.syl-jackolantern:before,
.syl-jackolantern.right:after {
	content: '🎃'
}

.syl-menorah:before,
.syl-menorah.right:after {
	content: ''
}

.syl-christmastree:before,
.syl-christmastree.right:after {
	content: '🎃'
}

.syl-teddy:before,
.syl-teddy.right:after {
	content: ''
}

.syl-blocks:before,
.syl-blocks.right:after {
	content: ''
}

.syl-rattle:before,
.syl-rattle.right:after {
	content: ''
}

.syl-diaper:before,
.syl-diaper.right:after {
	content: ''
}

.syl-pailshovel:before,
.syl-pailshovel.right:after {
	content: ''
}

.syl-sweep:before,
.syl-sweep.right:after {
	content: ''
}

.syl-headstone:before,
.syl-headstone.right:after {
	content: '⛼'
}

.syl-onedie:before,
.syl-onedie.right:after {
	content: '⚀'
}

.syl-twodie:before,
.syl-twodie.right:after {
	content: '⚁'
}

.syl-threedie:before,
.syl-threedie.right:after {
	content: '⚂'
}

.syl-fourdie:before,
.syl-fourdie.right:after {
	content: '⚃'
}

.syl-fivedie:before,
.syl-fivedie.right:after {
	content: '⚄'
}

.syl-sixdie:before,
.syl-sixdie.right:after {
	content: '⚅'
}

.syl-fuzzydice:before,
.syl-fuzzydice.right:after {
	content: ''
}

.syl-download:before,
.syl-download.right:after {
	content: ''
}

.syl-downloadbox:before,
.syl-downloadbox.right:after {
	content: ''
}

.syl-downloadcrate:before,
.syl-downloadcrate.right:after {
	content: ''
}

.syl-upload:before,
.syl-upload.right:after {
	content: ''
}

.syl-uploadbox:before,
.syl-uploadbox.right:after {
	content: ''
}

.syl-uploadcrate:before,
.syl-uploadcrate.right:after {
	content: ''
}

.syl-transfer:before,
.syl-transfer.right:after {
	content: '⇆'
}

.syl-refresh:before,
.syl-refresh.right:after {
	content: '↻'
}

.syl-sync:before,
.syl-sync.right:after {
	content: ''
}

.syl-wifi:before,
.syl-wifi.right:after {
	content: ''
}

.syl-connection:before,
.syl-connection.right:after {
	content: ''
}

.syl-usb:before,
.syl-usb.right:after {
	content: ''
}

.syl-files:before,
.syl-files.right:after {
	content: ''
}

.syl-addfile:before,
.syl-addfile.right:after {
	content: ''
}

.syl-removefile:before,
.syl-removefile.right:after {
	content: ''
}

.syl-deletefile:before,
.syl-deletefile.right:after {
	content: ''
}

.syl-searchfile:before,
.syl-searchfile.right:after {
	content: ''
}

.syl-folder:before,
.syl-folder.right:after {
	content: '📁'
}

.syl-addfolder:before,
.syl-addfolder.right:after {
	content: ''
}

.syl-removefolder:before,
.syl-removefolder.right:after {
	content: ''
}

.syl-deletefolder:before,
.syl-deletefolder.right:after {
	content: ''
}

.syl-downloadfolder:before,
.syl-downloadfolder.right:after {
	content: ''
}

.syl-uploadfolder:before,
.syl-uploadfolder.right:after {
	content: ''
}

.syl-undo:before,
.syl-undo.right:after {
	content: '↩'
}

.syl-redo:before,
.syl-redo.right:after {
	content: '↪'
}

.syl-quote:before,
.syl-quote.right:after {
	content: '“'
}

.syl-font:before,
.syl-font.right:after {
	content: ''
}

.syl-anchor:before,
.syl-anchor.right:after {
	content: ''
}

.syl-print:before,
.syl-print.right:after {
	content: '⎙'
}

.syl-fax:before,
.syl-fax.right:after {
	content: '📠'
}

.syl-shredder:before,
.syl-shredder.right:after {
	content: ''
}

.syl-typewriter:before,
.syl-typewriter.right:after {
	content: ''
}

.syl-list:before,
.syl-list.right:after {
	content: ''
}

.syl-action:before,
.syl-action.right:after {
	content: ''
}

.syl-redirect:before,
.syl-redirect.right:after {
	content: '↗'
}

.syl-expand:before,
.syl-expand.right:after {
	content: '⤢'
}

.syl-contract:before,
.syl-contract.right:after {
	content: ''
}

.syl-scaleup:before,
.syl-scaleup.right:after {
	content: ''
}

.syl-scaledown:before,
.syl-scaledown.right:after {
	content: ''
}

.syl-power:before,
.syl-power.right:after {
	content: ''
}

.syl-lifepreserver:before,
.syl-lifepreserver.right:after {
	content: ''
}

.syl-help:before,
.syl-help.right:after {
	content: '❓'
}

.syl-info:before,
.syl-info.right:after {
	content: 'ℹ'
}

.syl-alert:before,
.syl-alert.right:after {
	content: '⚠'
}

.syl-caution:before,
.syl-caution.right:after {
	content: '⛔'
}

.syl-plus:before,
.syl-plus.right:after {
	content: '+'
}

.syl-hyphen:before,
.syl-hyphen.right:after {
	content: '-'
}

.syl-check:before,
.syl-check.right:after {
	content: '✓'
}

.syl-delete:before,
.syl-delete.right:after {
	content: '␡'
}

.syl-dogface:before,
.syl-dogface.right:after {
	content: '🐶'
}

.syl-catface:before,
.syl-catface.right:after {
	content: '🐱'
}

.syl-bearface:before,
.syl-bearface.right:after {
	content: '🐻'
}

.syl-bird:before,
.syl-bird.right:after {
	content: '🐦'
}

.syl-dog:before,
.syl-dog.right:after {
	content: '🐕'
}

.syl-sheep:before,
.syl-sheep.right:after {
	content: '🐑'
}

.syl-pig:before,
.syl-pig.right:after {
	content: '🐖'
}

.syl-bone:before,
.syl-bone.right:after {
	content: ''
}

.syl-tooth:before,
.syl-tooth.right:after {
	content: ''
}

.syl-palmtree:before,
.syl-palmtree.right:after {
	content: '🌴'
}

.syl-tree:before,
.syl-tree.right:after {
	content: '🌲'
}

.syl-leaf:before,
.syl-leaf.right:after {
	content: '🍂'
}

.syl-flower:before,
.syl-flower.right:after {
	content: '⚘'
}

.syl-settings:before,
.syl-settings.right:after {
	content: '⚙'
}

.syl-dashboard:before,
.syl-dashboard.right:after {
	content: ''
}

.syl-notifications:before,
.syl-notifications.right:after {
	content: '🔔'
}

.syl-toggles:before,
.syl-toggles.right:after {
	content: ''
}

.syl-switch:before,
.syl-switch.right:after {
	content: ''
}

.syl-switchoff:before,
.syl-switchoff.right:after {
	content: ''
}

.syl-brightness:before,
.syl-brightness.right:after {
	content: '🔆'
}

.syl-flashoff:before,
.syl-flashoff.right:after {
	content: ''
}

.syl-toolbox:before,
.syl-toolbox.right:after {
	content: ''
}

.syl-tools:before,
.syl-tools.right:after {
	content: ''
}

.syl-wrench:before,
.syl-wrench.right:after {
	content: '🔧'
}

.syl-wrenches:before,
.syl-wrenches.right:after {
	content: ''
}

.syl-wrenchpencil:before,
.syl-wrenchpencil.right:after {
	content: ''
}

.syl-screwdriverpencil:before,
.syl-screwdriverpencil.right:after {
	content: ''
}

.syl-hammerscrewdriver:before,
.syl-hammerscrewdriver.right:after {
	content: ''
}

.syl-tapemeasure:before,
.syl-tapemeasure.right:after {
	content: ''
}

.syl-hourglass:before,
.syl-hourglass.right:after {
	content: '⏳'
}

.syl-clock:before,
.syl-clock.right:after {
	content: '⏲'
}

.syl-stopwatch:before,
.syl-stopwatch.right:after {
	content: '⏱'
}

.syl-alarmclock:before,
.syl-alarmclock.right:after {
	content: '⏰'
}

.syl-calendar:before,
.syl-calendar.right:after {
	content: '📅'
}

.syl-keyboardup:before,
.syl-keyboardup.right:after {
	content: ''
}

.syl-keyboarddown:before,
.syl-keyboarddown.right:after {
	content: ''
}

.syl-heavyasterisk:before,
.syl-heavyasterisk.right:after {
	content: '✱'
}

.syl-egg:before,
.syl-egg.right:after {
	content: ''
}

.syl-cheese:before,
.syl-cheese.right:after {
	content: ''
}

.syl-hotdog:before,
.syl-hotdog.right:after {
	content: ''
}

.syl-burger:before,
.syl-burger.right:after {
	content: '🍔'
}

.syl-birthdaycake:before,
.syl-birthdaycake.right:after {
	content: '🎂'
}

.syl-pancakes:before,
.syl-pancakes.right:after {
	content: ''
}

.syl-pizza:before,
.syl-pizza.right:after {
	content: '🍕'
}

.syl-frenchfries:before,
.syl-frenchfries.right:after {
	content: '🍟'
}

.syl-apple:before,
.syl-apple.right:after {
	content: '🍏'
}

.syl-mug:before,
.syl-mug.right:after {
	content: '☕'
}

.syl-coffee:before,
.syl-coffee.right:after {
	content: ''
}

.syl-growler:before,
.syl-growler.right:after {
	content: ''
}

.syl-beer:before,
.syl-beer.right:after {
	content: '🍺'
}

.syl-bottle:before,
.syl-bottle.right:after {
	content: ''
}

.syl-wine:before,
.syl-wine.right:after {
	content: ''
}

.syl-wineglass:before,
.syl-wineglass.right:after {
	content: '🍷'
}

.syl-cocktail:before,
.syl-cocktail.right:after {
	content: '🍸'
}

.syl-soda:before,
.syl-soda.right:after {
	content: ''
}

.syl-cup:before,
.syl-cup.right:after {
	content: ''
}

.syl-babybottle:before,
.syl-babybottle.right:after {
	content: '🍼'
}

.syl-jug:before,
.syl-jug.right:after {
	content: ''
}

.syl-oven:before,
.syl-oven.right:after {
	content: ''
}

.syl-takeout:before,
.syl-takeout.right:after {
	content: ''
}

.syl-paperbag:before,
.syl-paperbag.right:after {
	content: ''
}

.syl-utensils:before,
.syl-utensils.right:after {
	content: '🍴'
}

.syl-tshirt:before,
.syl-tshirt.right:after {
	content: '👕'
}

.syl-graduationcap:before,
.syl-graduationcap.right:after {
	content: '🎓'
}

.syl-fabric:before,
.syl-fabric.right:after {
	content: ''
}

.syl-swatch:before,
.syl-swatch.right:after {
	content: ''
}

.syl-weave:before,
.syl-weave.right:after {
	content: ''
}

.syl-thread:before,
.syl-thread.right:after {
	content: ''
}

.syl-yarn:before,
.syl-yarn.right:after {
	content: ''
}

.syl-crochet:before,
.syl-crochet.right:after {
	content: ''
}

.syl-needles:before,
.syl-needles.right:after {
	content: ''
}

.syl-scissorsneedles:before,
.syl-scissorsneedles.right:after {
	content: ''
}

.syl-button:before,
.syl-button.right:after {
	content: ''
}

.syl-zipper:before,
.syl-zipper.right:after {
	content: ''
}

.syl-sun:before,
.syl-sun.right:after {
	content: '☀'
}

.syl-partlycloudy:before,
.syl-partlycloudy.right:after {
	content: '⛅'
}

.syl-rainbow:before,
.syl-rainbow.right:after {
	content: '🌈'
}

.syl-umbrella:before,
.syl-umbrella.right:after {
	content: '☂'
}

.syl-crescentmoon:before,
.syl-crescentmoon.right:after {
	content: '🌙'
}

.syl-newmoon:before,
.syl-newmoon.right:after {
	content: '🌑'
}

.syl-waxingcrescentmoon:before,
.syl-waxingcrescentmoon.right:after {
	content: '🌒'
}

.syl-firstquartermoon:before,
.syl-firstquartermoon.right:after {
	content: '🌓'
}

.syl-waxinggibbousmoon:before,
.syl-waxinggibbousmoon.right:after {
	content: '🌔'
}

.syl-fullmoon:before,
.syl-fullmoon.right:after {
	content: '🌕'
}

.syl-waninggibbousmoon:before,
.syl-waninggibbousmoon.right:after {
	content: '🌖'
}

.syl-lastquartermoon:before,
.syl-lastquartermoon.right:after {
	content: '🌗'
}

.syl-waningcrescentmoon:before,
.syl-waningcrescentmoon.right:after {
	content: '🌘'
}

.syl-car:before,
.syl-car.right:after {
	content: '🚘'
}

.syl-carrepair:before,
.syl-carrepair.right:after {
	content: ''
}

.syl-taxi:before,
.syl-taxi.right:after {
	content: '🚖'
}

.syl-train:before,
.syl-train.right:after {
	content: '🚆'
}

.syl-bus:before,
.syl-bus.right:after {
	content: '🚍'
}

.syl-truck:before,
.syl-truck.right:after {
	content: '🚚'
}

.syl-trailer:before,
.syl-trailer.right:after {
	content: ''
}

.syl-trailerdump:before,
.syl-trailerdump.right:after {
	content: ''
}

.syl-plane:before,
.syl-plane.right:after {
	content: '✈'
}

.syl-bike:before,
.syl-bike.right:after {
	content: '🚲'
}

.syl-motorcycle:before,
.syl-motorcycle.right:after {
	content: ''
}

.syl-boat:before,
.syl-boat.right:after {
	content: '🚢'
}

.syl-rocket:before,
.syl-rocket.right:after {
	content: '🚀'
}

.syl-ufo:before,
.syl-ufo.right:after {
	content: ''
}

.syl-squarekey:before,
.syl-squarekey.right:after {
	content: ''
}

.syl-tire:before,
.syl-tire.right:after {
	content: ''
}

.syl-fuel:before,
.syl-fuel.right:after {
	content: '⛽'
}

.syl-parking:before,
.syl-parking.right:after {
	content: ''
}

.syl-wheelchair:before,
.syl-wheelchair.right:after {
	content: '♿'
}

.syl-restroom:before,
.syl-restroom.right:after {
	content: '🚻'
}

.syl-elevator:before,
.syl-elevator.right:after {
	content: ''
}

.syl-briefcase:before,
.syl-briefcase.right:after {
	content: '💼'
}

.syl-theatre:before,
.syl-theatre.right:after {
	content: '🎭'
}

.syl-ticket:before,
.syl-ticket.right:after {
	content: '🎫'
}

.syl-golf:before,
.syl-golf.right:after {
	content: ''
}

.syl-billiards:before,
.syl-billiards.right:after {
	content: '🎱'
}

.syl-baseball:before,
.syl-baseball.right:after {
	content: '⚾'
}

.syl-tennis:before,
.syl-tennis.right:after {
	content: '🎾'
}

.syl-basketball:before,
.syl-basketball.right:after {
	content: '🏀'
}

.syl-football:before,
.syl-football.right:after {
	content: '🏈'
}

.syl-soccer:before,
.syl-soccer.right:after {
	content: '⚽'
}

.syl-flaginhole:before,
.syl-flaginhole.right:after {
	content: '⛳'
}

.syl-paddles:before,
.syl-paddles.right:after {
	content: ''
}

.syl-skiboot:before,
.syl-skiboot.right:after {
	content: ''
}

.syl-skis:before,
.syl-skis.right:after {
	content: '🎿'
}

.syl-hiker:before,
.syl-hiker.right:after {
	content: ''
}

.syl-runner:before,
.syl-runner.right:after {
	content: '🏃'
}

.syl-hottub:before,
.syl-hottub.right:after {
	content: ''
}

.syl-exercise:before,
.syl-exercise.right:after {
	content: ''
}

.syl-hospital:before,
.syl-hospital.right:after {
	content: '⛨'
}

.syl-medicalcross:before,
.syl-medicalcross.right:after {
	content: ''
}

.syl-medicalbag:before,
.syl-medicalbag.right:after {
	content: ''
}

.syl-bandage:before,
.syl-bandage.right:after {
	content: ''
}

.syl-flask:before,
.syl-flask.right:after {
	content: ''
}

.syl-testtube:before,
.syl-testtube.right:after {
	content: ''
}

.syl-up:before,
.syl-up.right:after {
	content: '⬆'
}

.syl-right:before,
.syl-right.right:after {
	content: '➡'
}

.syl-down:before,
.syl-down.right:after {
	content: '⬇'
}

.syl-left:before,
.syl-left.right:after {
	content: '⬅'
}

.syl-navigateup:before,
.syl-navigateup.right:after {
	content: ''
}

.syl-navigateright:before,
.syl-navigateright.right:after {
	content: '▻'
}

.syl-navigatedown:before,
.syl-navigatedown.right:after {
	content: ''
}

.syl-navigateleft:before,
.syl-navigateleft.right:after {
	content: '◅'
}

.syl-share:before,
.syl-share.right:after {
	content: ''
}

@font-face {
	font-family: "SSSocial";
	src: url("../fonts/ss-social-circle.eot");
	src: url("../fonts/ss-social-circle.eot?#iefix") format("embedded-opentype"), url("../fonts/ss-social-circle.woff") format("woff"), url("../fonts/ss-social-circle.ttf") format("truetype"), url("../fonts/ss-social-circle.svg#SSSocialCircle") format("svg");
	font-weight: bold;
	font-style: normal
}

html:hover [class^="sc-"] {
	-ms-zoom: 1
}

.sc-icon,
.sc-icon.sc-social,
.sc-icon.sc-social-circle,
[class^="sc-"]:before,
[class*=" sc-"]:before,
[class^="sc-"][class*=" sc-social"]:before,
[class*=" sc-"][class*=" sc-social"]:before,
[class^="sc-"].right:after,
[class*=" sc-"].right:after,
[class^="sc-"][class*=" sc-social"].right:after,
[class*=" sc-"][class*=" sc-social"].right:after {
	font-family: "SSSocial";
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-rendering: optimizeLegibility;
	white-space: nowrap;
	-moz-font-feature-settings: "liga=1";
	-moz-font-feature-settings: "liga";
	-ms-font-feature-settings: "liga" 1;
	-o-font-feature-settings: "liga";
	font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased
}

.sc-icon.sc-social-circle,
[class^="sc-"].sc-social-circle:before,
[class*=" sc-"].sc-social-circle:before,
[class^="sc-"].sc-social-circle.right:after,
[class*=" sc-"].sc-social-circle.right:after {
	font-weight: bold
}

[class^="sc-"].right:before,
[class*=" sc-"].right:before {
	display: none;
	content: ''
}

.sc-facebook:before,
.sc-facebook.right:after {
	content: ''
}

.sc-twitter:before,
.sc-twitter.right:after {
	content: ''
}

.sc-linkedin:before,
.sc-linkedin.right:after {
	content: ''
}

.sc-googleplus:before,
.sc-googleplus.right:after {
	content: ''
}

.sc-appdotnet:before,
.sc-appdotnet.right:after {
	content: ''
}

.sc-zerply:before,
.sc-zerply.right:after {
	content: ''
}

.sc-reddit:before,
.sc-reddit.right:after {
	content: ''
}

.sc-steam:before,
.sc-steam.right:after {
	content: ''
}

.sc-tumblr:before,
.sc-tumblr.right:after {
	content: ''
}

.sc-wordpress:before,
.sc-wordpress.right:after {
	content: ''
}

.sc-blogger:before,
.sc-blogger.right:after {
	content: ''
}

.sc-posterous:before,
.sc-posterous.right:after {
	content: ''
}

.sc-quora:before,
.sc-quora.right:after {
	content: ''
}

.sc-youtube:before,
.sc-youtube.right:after {
	content: ''
}

.sc-vimeo:before,
.sc-vimeo.right:after {
	content: ''
}

.sc-vine:before,
.sc-vine.right:after {
	content: ''
}

.sc-letterboxd:before,
.sc-letterboxd.right:after {
	content: ''
}

.sc-flickr:before,
.sc-flickr.right:after {
	content: ''
}

.sc-instagram:before,
.sc-instagram.right:after {
	content: ''
}

.sc-500px:before,
.sc-500px.right:after {
	content: ''
}

.sc-etsy:before,
.sc-etsy.right:after {
	content: ''
}

.sc-pinterest:before,
.sc-pinterest.right:after {
	content: ''
}

.sc-svpply:before,
.sc-svpply.right:after {
	content: ''
}

.sc-readmill:before,
.sc-readmill.right:after {
	content: ''
}

.sc-dropbox:before,
.sc-dropbox.right:after {
	content: ''
}

.sc-pinboard:before,
.sc-pinboard.right:after {
	content: ''
}

.sc-delicious:before,
.sc-delicious.right:after {
	content: ''
}

.sc-dribbble:before,
.sc-dribbble.right:after {
	content: ''
}

.sc-behance:before,
.sc-behance.right:after {
	content: ''
}

.sc-github:before,
.sc-github.right:after {
	content: ''
}

.sc-octocat:before,
.sc-octocat.right:after {
	content: ''
}

.sc-stackoverflow:before,
.sc-stackoverflow.right:after {
	content: ''
}

.sc-paypal:before,
.sc-paypal.right:after {
	content: ''
}

.sc-kickstarter:before,
.sc-kickstarter.right:after {
	content: ''
}

.sc-foursquare:before,
.sc-foursquare.right:after {
	content: ''
}

.sc-yelp:before,
.sc-yelp.right:after {
	content: ''
}

.sc-skype:before,
.sc-skype.right:after {
	content: ''
}

.sc-rdio:before,
.sc-rdio.right:after {
	content: ''
}

.sc-spotify:before,
.sc-spotify.right:after {
	content: ''
}

.sc-lastfm:before,
.sc-lastfm.right:after {
	content: ''
}

.sc-soundcloud:before,
.sc-soundcloud.right:after {
	content: ''
}

.sc-link:before,
.sc-link.right:after {
	content: '🔗'
}

.sc-phone:before,
.sc-phone.right:after {
	content: '📞'
}

.sc-mail:before,
.sc-mail.right:after {
	content: '✉'
}

.sc-like:before,
.sc-like.right:after {
	content: '👍'
}

.sc-rss:before,
.sc-rss.right:after {
	content: ''
}

.sc-share:before,
.sc-share.right:after {
	content: ''
}

.sc-apple:before,
.sc-apple.right:after {
	content: ''
}

.sc-microsoft:before,
.sc-microsoft.right:after {
	content: ''
}

.sc-windows:before,
.sc-windows.right:after {
	content: ''
}

.sc-android:before,
.sc-android.right:after {
	content: ''
}

.sc-blackberry:before,
.sc-blackberry.right:after {
	content: ''
}

@font-face {
	font-family: "SSSocialRegular";
	src: url("../fonts/ss-social-regular.eot");
	src: url("../fonts/ss-social-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ss-social-regular.woff") format("woff"), url("../fonts/ss-social-regular.ttf") format("truetype"), url("../fonts/ss-social-regular.svg#SSSocialRegular") format("svg");
	font-weight: normal;
	font-style: normal
}

html:hover [class^="sr-"] {
	-ms-zoom: 1
}

.sr-icon,
.sr-icon.sr-social-regular,
[class^="sr-"]:before,
[class*=" sr-"]:before,
[class^="sr-"].sr-social-regular:before,
[class*=" sr-"].sr-social-regular:before,
[class^="sr-"].right:after,
[class*=" sr-"].right:after,
[class^="sr-"].sr-social-regular.right:after,
[class*=" sr-"].sr-social-regular.right:after {
	font-family: "SSSocialRegular";
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-rendering: optimizeLegibility;
	white-space: nowrap;
	-moz-font-feature-settings: "liga=1";
	-moz-font-feature-settings: "liga";
	-ms-font-feature-settings: "liga" 1;
	-o-font-feature-settings: "liga";
	font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased
}

[class^="sr-"].right:before,
[class*=" sr-"].right:before {
	display: none;
	content: ''
}

.sr-facebook:before,
.sr-facebook.right:after {
	content: ''
}

.sr-twitter:before,
.sr-twitter.right:after {
	content: ''
}

.sr-linkedin:before,
.sr-linkedin.right:after {
	content: ''
}

.sr-googleplus:before,
.sr-googleplus.right:after {
	content: ''
}

.sr-appdotnet:before,
.sr-appdotnet.right:after {
	content: ''
}

.sr-zerply:before,
.sr-zerply.right:after {
	content: ''
}

.sr-reddit:before,
.sr-reddit.right:after {
	content: ''
}

.sr-steam:before,
.sr-steam.right:after {
	content: ''
}

.sr-tumblr:before,
.sr-tumblr.right:after {
	content: ''
}

.sr-wordpress:before,
.sr-wordpress.right:after {
	content: ''
}

.sr-blogger:before,
.sr-blogger.right:after {
	content: ''
}

.sr-posterous:before,
.sr-posterous.right:after {
	content: ''
}

.sr-quora:before,
.sr-quora.right:after {
	content: ''
}

.sr-youtube:before,
.sr-youtube.right:after {
	content: ''
}

.sr-vimeo:before,
.sr-vimeo.right:after {
	content: ''
}

.sr-vine:before,
.sr-vine.right:after {
	content: ''
}

.sr-letterboxd:before,
.sr-letterboxd.right:after {
	content: ''
}

.sr-flickr:before,
.sr-flickr.right:after {
	content: ''
}

.sr-instagram:before,
.sr-instagram.right:after {
	content: ''
}

.sr-500px:before,
.sr-500px.right:after {
	content: ''
}

.sr-etsy:before,
.sr-etsy.right:after {
	content: ''
}

.sr-pinterest:before,
.sr-pinterest.right:after {
	content: ''
}

.sr-svpply:before,
.sr-svpply.right:after {
	content: ''
}

.sr-readmill:before,
.sr-readmill.right:after {
	content: ''
}

.sr-dropbox:before,
.sr-dropbox.right:after {
	content: ''
}

.sr-pinboard:before,
.sr-pinboard.right:after {
	content: ''
}

.sr-delicious:before,
.sr-delicious.right:after {
	content: ''
}

.sr-dribbble:before,
.sr-dribbble.right:after {
	content: ''
}

.sr-behance:before,
.sr-behance.right:after {
	content: ''
}

.sr-github:before,
.sr-github.right:after {
	content: ''
}

.sr-octocat:before,
.sr-octocat.right:after {
	content: ''
}

.sr-stackoverflow:before,
.sr-stackoverflow.right:after {
	content: ''
}

.sr-paypal:before,
.sr-paypal.right:after {
	content: ''
}

.sr-kickstarter:before,
.sr-kickstarter.right:after {
	content: ''
}

.sr-foursquare:before,
.sr-foursquare.right:after {
	content: ''
}

.sr-yelp:before,
.sr-yelp.right:after {
	content: ''
}

.sr-skype:before,
.sr-skype.right:after {
	content: ''
}

.sr-rdio:before,
.sr-rdio.right:after {
	content: ''
}

.sr-spotify:before,
.sr-spotify.right:after {
	content: ''
}

.sr-lastfm:before,
.sr-lastfm.right:after {
	content: ''
}

.sr-soundcloud:before,
.sr-soundcloud.right:after {
	content: ''
}

.sr-link:before,
.sr-link.right:after {
	content: '🔗'
}

.sr-phone:before,
.sr-phone.right:after {
	content: '📞'
}

.sr-mail:before,
.sr-mail.right:after {
	content: '✉'
}

.sr-like:before,
.sr-like.right:after {
	content: '👍'
}

.sr-rss:before,
.sr-rss.right:after {
	content: ''
}

.sr-share:before,
.sr-share.right:after {
	content: ''
}

.sr-apple:before,
.sr-apple.right:after {
	content: ''
}

.sr-microsoft:before,
.sr-microsoft.right:after {
	content: ''
}

.sr-windows:before,
.sr-windows.right:after {
	content: ''
}

.sr-android:before,
.sr-android.right:after {
	content: ''
}

.sr-blackberry:before,
.sr-blackberry.right:after {
	content: ''
}

.sr-fivehundredpx:before,
.sr-fivehundredpx.right:after {
	content: ''
}

.sg-write {
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

caption,
th,
td {
	text-align: left
}

@font-face {
	font-family: 'lato_trlight';
	src: url("../fonts/lato/latotr-light.eot");
	src: url("../fonts/lato/latotr-light.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/latotr-light.woff2") format("woff2"), url("../fonts/lato/latotr-light.woff") format("woff"), url("../fonts/lato/latotr-light.ttf") format("truetype"), url("../fonts/lato/latotr-light.svg#lato_trlight") format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'lato_trregular';
	src: url("../fonts/lato/latotr-regular.eot");
	src: url("../fonts/lato/latotr-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/latotr-regular.woff2") format("woff2"), url("../fonts/lato/latotr-regular.woff") format("woff"), url("../fonts/lato/latotr-regular.ttf") format("truetype"), url("../fonts/lato/latotr-regular.svg#lato_trregular") format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'lato_trbold';
	src: url("../fonts/lato/latotr-bold.eot");
	src: url("../fonts/lato/latotr-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/latotr-bold.woff2") format("woff2"), url("../fonts/lato/latotr-bold.woff") format("woff"), url("../fonts/lato/latotr-bold.ttf") format("truetype"), url("../fonts/lato/latotr-bold.svg#lato_trbold") format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'lato_trblack';
	src: url("../fonts/lato/latotr-black.eot");
	src: url("../fonts/lato/latotr-black.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/latotr-black.woff2") format("woff2"), url("../fonts/lato/latotr-black.woff") format("woff"), url("../fonts/lato/latotr-black.ttf") format("truetype"), url("../fonts/lato/latotr-black.svg#lato_trblack") format("svg");
	font-weight: normal;
	font-style: normal
}

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

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/poppins/poppins-v6-latin-ext_latindevanagari_regular.eot");
	src: local("Poppins Regular"), local("Poppins-Regular"), url("../fonts/poppins/poppins-v6-latin-ext_latindevanagari_regular.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v6-latin-ext_latindevanagari_regular.woff2") format("woff2"), url("../fonts/poppins/poppins-v6-latin-ext_latindevanagari_regular.woff") format("woff"), url("../fonts/poppins/poppins-v6-latin-ext_latindevanagari_regular.ttf") format("truetype"), url("../fonts/poppins/poppins-v6-latin-ext_latindevanagari_regular.svg#Poppins") format("svg")
}

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	src: url("../fonts/poppins/poppins-v6-latin-ext_latin_devanagari-500.eot");
	src: local("Poppins Medium"), local("Poppins-Medium"), url("../fonts/poppins/poppins-v6-latin-ext_latin_devanagari-500.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v6-latin-ext_latin_devanagari-500.woff2") format("woff2"), url("../fonts/poppins/poppins-v6-latin-ext_latin_devanagari-500.woff") format("woff"), url("../fonts/poppins/poppins-v6-latin-ext_latin_devanagari-500.ttf") format("truetype"), url("../fonts/poppins/poppins-v6-latin-ext_latin_devanagari-500.svg#Poppins") format("svg")
}

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	src: url("../fonts/poppins/poppins-v6-latin-ext_latin_devanagari-600.eot");
	src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("../fonts/poppins/poppins-v6-latin-ext_latin_devanagari-600.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v6-latin-ext_latin_devanagari-600.woff2") format("woff2"), url("../fonts/poppins/poppins-v6-latin-ext_latin_devanagari-600.woff") format("woff"), url("../fonts/poppins/poppins-v6-latin-ext_latin_devanagari-600.ttf") format("truetype"), url("../fonts/poppins/poppins-v6-latin-ext_latin_devanagari-600.svg#Poppins") format("svg")
}

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	src: url("../fonts/poppins/poppins-v6-latin-ext_latin_devanagari-700.eot");
	src: local("Poppins Bold"), local("Poppins-Bold"), url("../fonts/poppins/poppins-v6-latin-ext_latin_devanagari-700.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v6-latin-ext_latin_devanagari-700.woff2") format("woff2"), url("../fonts/poppins/poppins-v6-latin-ext_latin_devanagari-700.woff") format("woff"), url("../fonts/poppins/poppins-v6-latin-ext_latin_devanagari-700.ttf") format("truetype"), url("../fonts/poppins/poppins-v6-latin-ext_latin_devanagari-700.svg#Poppins") format("svg")
}

body {
	font: normal 12px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292;
	-webkit-font-smoothing: antialiased
}

a {
	text-decoration: none;
	cursor: pointer;
	outline: none
}

strong {
	font-weight: 600
}

h1 {
	font: 38px "Museo Slab W03_100", Helvetica, Arial, sans-serif;
	color: #ECEFF1
}

h2 {
	font: 20px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

h3 {
	font: 600 18px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

h4 {
	font: 600 16px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #4A485B
}

h5 {
	font: 600 14px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

h6 {
	font: 12px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.sg-icon,
.ss-icon,
.sy-icon,
.syl-icon,
.sc-icon,
.sr-icon {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.hide {
	display: none !important
}

.show {
	display: block !important
}

#fancybox-wrap,
#fancybox-wrap * {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.visible-lg {
	display: block !important
}

.visible-inline-lg {
	display: inline-block !important
}

.hidden-lg {
	display: none !important
}

.all {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	background-color: #7A8292;
	margin-top: -3px;
	padding: 4px 10px 3px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: none;
	font: 10px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff;
	-webkit-transition: .2s;
	transition: .2s
}

.all.right {
	float: right
}

.all.left {
	float: left
}

.all:hover {
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.tag {
	position: absolute;
	left: 15px;
	top: 15px;
	right: auto;
	bottom: auto;
	z-index: 1;
	z-index: 3;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-top: -3px;
	padding: 6px 10px 5px;
	background-color: #7A8292;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	font: 10px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #fff
}

.video-box {
	position: relative;
	overflow: hidden;
	width: 255px;
	height: 200px;
	margin: 0 auto 20px
}

.video-box .img {
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1
}

.video-box .img:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: #7A8292;
	background-color: rgba(67, 67, 67, 0.7)
}

.video-box .img img {
	display: block;
	width: 100%
}

.video-box p {
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	z-index: 1;
	z-index: 2;
	padding: 25px 25px 20px;
	font: 600 15px/20px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #fff
}

.video-box .sg-play {
	position: absolute;
	left: 50%;
	top: 50%;
	right: auto;
	bottom: auto;
	z-index: 1;
	z-index: 2;
	width: 50px;
	height: 50px;
	padding-left: 4px;
	margin-top: -35px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -25px;
	border: 2px solid #fff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-size: 22px;
	line-height: 52px;
	color: #fff;
	text-align: center
}

.mobile-tab .tab>li>div>a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	z-index: 1;
	width: 100%;
	height: 5px;
	background-color: #7A8292
}

.tab>li {
	position: relative;
	float: left;
	border-right: 1px solid #D6D9DE
}

.tab>li>div>a {
	display: block;
	text-align: center;
	padding: 25px 28.3px;
	font: 600 16px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.tab>li>div>a.active:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	z-index: 1;
	width: 100%;
	height: 5px;
	background-color: #7A8292
}

.tab>li>a {
	display: block;
	text-align: center;
	padding: 25px 28.3px;
	font: 600 16px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.tab>li>a.active:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	z-index: 1;
	width: 100%;
	height: 5px;
	background-color: #7A8292
}

.tab>li .ss-icon {
	position: absolute;
	right: 8px;
	top: 8px;
	left: auto;
	bottom: auto;
	z-index: 1;
	font-size: 9px;
	color: #A2ABCA
}

.tab>li .circle {
	position: absolute;
	right: 10px;
	top: 10px;
	left: auto;
	bottom: auto;
	z-index: 1;
	width: 7px;
	height: 7px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.tab>li .circle.required {
	background-color: #EA6060
}

.tab>li .circle.new {
	background-color: #EAB160
}

.tab>li.other {
	position: static;
	margin-right: 20px;
	top: 0;
	bottom: auto;
	z-index: 1;
	height: 69px;
	padding-top: 26px;
	border-right: none;
	text-align: right;
	float: right
}

.tab>li .tab-tooltip {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.tab>li .tab-tooltip:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -13px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 100%;
	height: 13px;
	background-color: transparent
}

.tab>li .tab-tooltip .label {
	display: block;
	padding: 4px 10px 3px;
	margin: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font: 10px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff;
	background-color: #A2ABCA
}

.tab>li .tab-tooltip .label.active:after {
	content: "";
	position: absolute;
	left: -15px;
	bottom: -23px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 161%;
	height: 5px;
	background-color: #A2ABCA
}

.tab>li .tab-tooltip .other-option {
	display: block;
	position: absolute;
	z-index: 2;
	width: 205px;
	padding: 20px 0;
	background-color: #fff;
	border: 1px solid #D6D9DE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align: left
}

.tab>li .tab-tooltip .other-option:after,
.tab>li .tab-tooltip .other-option:before {
	content: "";
	position: absolute;
	left: 50%;
	top: -16px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 0;
	height: 0;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.tab>li .tab-tooltip .other-option:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.tab>li .tab-tooltip .other-option h6 {
	padding: 0 24px;
	margin-bottom: 15px;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.tab>li .tab-tooltip .other-option a {
	position: relative;
	display: block;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 24px;
	font: 600 16px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.tab>li .tab-tooltip .other-option a .sg-icon {
	position: absolute;
	top: 50%;
	right: 8px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	float: right;
	font-size: 16px;
	color: #A2ABCA;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0
}

.tab>li .tab-tooltip .other-option a.active {
	background-color: #7A8292;
	color: #fff
}

.tab>li .tab-tooltip .other-option a.active .sg-icon {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

.tab>li .tab-tooltip.active .other-option {
	display: block
}

.tab-content {
	display: none
}

.tab-content.active {
	display: block
}

.tab-content .content-spinner {
	width: 100%;
	height: 200px;
	background-color: #fff;
	text-align: center;
	padding-top: 13%;
	margin-bottom: 10px
}

.tab-content .search-page-result {
	background-color: #fff;
	margin-bottom: 20px
}

.tab-content .search-page-result a {
	color: #7A8292;
	text-decoration: underline
}

.mobile-tab {
	display: none;
	vertical-align: middle
}

.mobile-tab .value {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 72px;
	padding: 0 20px;
	font: 16px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	border-right: 1px solid #fff
}

.mobile-tab .value:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	z-index: 1;
	width: 100%;
	height: 5px;
	background-color: #7A8292
}

.mobile-tab .other-item {
	position: relative;
	display: table-cell;
	width: 100%;
	height: 72px;
	text-align: center;
	padding: 0 15px
}

.mobile-tab .other-item span {
	width: 42px;
	height: 19px;
	margin: 26px auto 0;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background-color: #A2ABCA;
	color: #F5F7F9;
	font-size: 22px;
	line-height: 25px
}

.mobile-tab .other-item ul {
	display: none;
	position: absolute;
	right: 0;
	top: 55px;
	left: auto;
	bottom: auto;
	z-index: 1;
	z-index: 2;
	background-color: #A2ABCA;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	min-width: 200px;
	padding: 20px;
	white-space: nowrap;
	text-align: left
}

.mobile-tab .other-item ul a {
	display: block;
	font: 12px/22px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.mobile-tab .other-item ul:after {
	content: "";
	position: absolute;
	right: 27px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #A2ABCA
}

.mobile-tab .other-item.active span:before,
.mobile-tab .other-item.active span.right:after {
	content: "␡";
	font: 20px/24px "SSGizmo"
}

.mobile-tab .other-item.active ul {
	display: block
}

.slider-nav,
.slick-dots {
	width: 100%;
	margin-bottom: 20px;
	text-align: center
}

.slider-nav .slick-active button,
.slick-dots .slick-active button {
	border: 1px solid #A2ABCA
}

.slider-nav li,
.slick-dots li {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin: 0px;
	width: auto
}

.slider-nav li a,
.slider-nav li button,
.slick-dots li a,
.slick-dots li button {
	display: block;
	width: 13px;
	height: 13px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #D6D9DE;
	text-indent: -99999px;
	margin-right: 8px
}

.slider-nav li a.active,
.slider-nav li button.active,
.slick-dots li a.active,
.slick-dots li button.active {
	background-color: #A2ABCA
}

.slider-nav li:last-child,
.slick-dots li:last-child {
	margin-right: 0
}

.slider-nav li.slick-active a,
.slider-nav li.slick-active button,
.slick-dots li.slick-active a,
.slick-dots li.slick-active button {
	background-color: #A2ABCA
}

.full-loading {
	margin-top: 20%
}

.loading-with-sidebar-right {
	margin: auto;
	margin-top: 20%
}

.loading-with-sidebar-left {
	margin: auto;
	position: relative;
	margin-top: 10%;
	background: red
}

.loadings-opacity {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: .5
}

.main-placeholder {
	width: 100%;
	background: #ECEFF1 !important;
	height: auto;
	float: left
}

.education-status {
	float: left;
	margin-left: 3%;
	width: 41%;
	text-align: center
}

.education-status ul>li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #ECEFF1;
	margin-right: 12px
}

.education-status ul>li:before {
	content: "";
	position: absolute;
	left: -15px;
	top: 50%;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 15px;
	height: 5px;
	margin-top: -2.5px;
	background-color: #ECEFF1
}

.education-status ul>li:first-child:before {
	display: none
}

.education-status ul>li:last-child {
	margin-right: 0
}

.education-status ul>li>a,
.education-status ul>li span {
	display: block;
	width: 43px;
	height: 43px;
	padding: 4px
}

.education-status ul>li .sg-icon {
	width: 35px;
	height: 35px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	padding-left: 3px;
	font-size: 16px;
	line-height: 39px;
	color: #A2ABCA
}

.education-status ul>li .sg-usergroup {
	padding-left: 1px !important
}

.education-status ul>li .sg-compose {
	padding-left: 2px !important;
	padding-top: 1px
}

.education-status ul>li.status-tooltip .tooltip-inner {
	display: none;
	position: absolute;
	right: -10px;
	top: 55px;
	left: auto;
	bottom: auto;
	z-index: 1;
	z-index: 5;
	padding: 15px 20px;
	background-color: #A2ABCA;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.education-status ul>li.status-tooltip .tooltip-inner:after {
	content: "";
	position: absolute;
	right: 23px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #A2ABCA
}

.education-status ul>li.status-tooltip:hover {
	background-color: #A2ABCA
}

.education-status ul>li.status-tooltip:hover .tooltip-inner {
	display: block
}

.education-status ul>li.completed {
	background-color: #3CBC7B
}

.education-status ul>li.completed:before {
	background-color: #3CBC7B
}

.education-status ul>li.completed.status-tooltip:hover {
	background-color: #3CBC7B
}

.education-status ul>li.half {
	background: #3cbc7b;
	background: -moz-linear-gradient(left, #3cbc7b 0%, #3cbc7b 50%, #e6e6e6 50%, #e6e6e6 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #3cbc7b), color-stop(50%, #3cbc7b), color-stop(50%, #e6e6e6), color-stop(100%, #e6e6e6));
	background: -webkit-linear-gradient(left, #3cbc7b 0%, #3cbc7b 50%, #e6e6e6 50%, #e6e6e6 100%);
	background: -o-linear-gradient(left, #3cbc7b 0%, #3cbc7b 50%, #e6e6e6 50%, #e6e6e6 100%);
	background: -ms-linear-gradient(left, #3cbc7b 0%, #3cbc7b 50%, #e6e6e6 50%, #e6e6e6 100%);
	background: linear-gradient(to right, #3cbc7b 0%, #3cbc7b 50%, #e6e6e6 50%, #e6e6e6 100%)
}

.education-status ul>li.half:before {
	background-color: #3CBC7B
}

.education-status ul>li.no-line:before {
	background-color: #ECEFF1
}

.education-status ul>li.no-line-gray:before {
	display: none
}

.education-status ul>li:hover .exam-tooltip,
.education-status ul>li:hover .course-tooltip {
	display: block
}

.education-status.group {
	min-height: 75px;
	background: url(../img/bg/edu-group.png) no-repeat center 0
}

.education-status.group.completed {
	background: url(../img/bg/edu-group-completed.png) no-repeat center 0
}

.education-status.group li {
	margin: 0
}

.education-status.group li:before,
.education-status.group li:after {
	display: none
}

.rounded {
	background-image: url("../img/icon/rounded-sprite.png");
	background-repeat: no-repeat; 
    /*background-size:100% 100%;*/

   }

.rounded>li {
	margin-right: 0px !important
}

.rounded>li:before {
	content: none;
	width: 0px !important;
	height: 0px !important
}

.rounded>li:nth-child(3) {
	position: absolute;
	margin-top: 30px;
	font-size: 12px;
	width: 30px;
	color: #ECEFF1;
	text-align: center;
	background: none
}

.rounded>li:nth-child(1) {
	position: absolute;
	margin-top: 30px;
	margin-left: -33px;
	font-size: 12px;
	width: 30px;
	color: #3CBC7B;
	text-align: center;
	background: none
}

.rounded .total-point {
	background: none;
	position: absolute;
	width: 165px;
	margin-top: 53px;
	margin-left: -102px;
	font-size: 11px;
	color: #4A485B
}

.rounded .font-bold {
	font-family: "lato_trbold", Helvetica, Arial, sans-serif
}

.ongoing {
	background-position: 31px 15px
}

.pending {
	background-position: 31px -31px
}

.pending>li:nth-child(1) {
	position: absolute;
	margin-top: 30px;
	margin-left: -33px;
	font-size: 12px;
	width: 30px;
	color: #D6D9DE;
	text-align: center;
	background: none
}

.completed {
	background-position: 31px -72px
}

.completed>li:nth-child(3) {
	position: absolute;
	margin-top: 30px;
	font-size: 12px;
	width: 30px;
	color: #3CBC7B;
	text-align: center;
	background: none
}

.btn {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-webkit-transition: .2s;
	transition: .2s;
	background-color: #7A8292;
	min-width: 150px;
	padding: 8px 15px 5px 15px;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff;
	margin-right: 5px;
	text-align: center
}

.btn:last-child {
	margin-right: 0px
}

.btn.white {
	background-color: #fff
}

.btn.white:hover {
	background: #F5F7F9;
	background: rgba(245, 247, 249, 0.9);
	-webkit-transition: .2s;
	transition: .2s;
	color: #fff
}

.btn.gray {
	background-color: #ECEFF1;
	color: #A2ABCA
}

.btn.green {
	background-color: #3CBC7B
}

.btn.green:hover {
	background: #3CBC7B;
	background: rgba(60, 188, 123, 0.9)
}

.btn.red {
	background-color: #EA6060
}

.btn.red:hover {
	background: #EA6060;
	background: rgba(234, 96, 96, 0.9)
}

.btn.orange {
	background: #EAB160
}

.btn.orange:hover {
	background: #EAB160;
	background: rgba(234, 177, 96, 0.9)
}

.btn.aqua {
	background-color: #44B4E3
}

.btn.aqua:hover {
	background: #44B4E3;
	background: rgba(68, 180, 227, 0.9)
}

.btn.dark-blue {
	background-color: #4A485B;
	color: #A2ABCA
}

.btn.dark-blue:hover {
	background: #4A485B;
	background: rgba(74, 72, 91, 0.9)
}

.btn.disabled,
.btn.disable {
	background-color: #ECEFF1 !important;
	cursor: not-allowed;
	color: #A2ABCA !important
}

.btn.disabled i,
.btn.disable i {
	color: #A2ABCA !important
}

.btn.disabled:hover,
.btn.disable:hover {
	background-color: #ECEFF1 !important
}

.btn:hover {
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.btn.filter-btn {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif
}

.btn.filter-btn:hover {
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.btn.clear-btn {
	background: transparent;
	color: #7A8292;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	padding: 8px 0 5px 0
}

.btn.clear-btn:hover {
	background: transparent;
	color: #7A8292
}

.btn-medium {
	min-width: 130px
}

.btn-small {
	min-width: 50px
}

.btn-white {
	border: 1px solid #fff;
	color: #7A8292;
	background: #fff
}

.btn-white:hover {
	background: #fff
}

.btn-big {
	font-size: 14px
}

.back,
.back>.btn.btn-small {
	margin-bottom: 10px;
	line-height: 100%
}

.align-clear-btn .filter-btn,
.align-clear-btn .clear-btn,
.align-filter-btn .filter-btn,
.align-filter-btn .clear-btn {
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif
}

.mini-btn {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	padding: 2px 12px 3px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #D6D9DE;
	font: 10px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.mini-btn.right {
	float: right
}

.mini-btn.left {
	float: left
}

.mini-btn.fill {
	background-color: #A2ABCA;
	border: 1px solid #A2ABCA;
	color: #fff
}

.mini-btn .sg-icon {
	height: 11px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 7px;
	font-size: 14px;
	line-height: 14px
}

.danger>.text,
.success>.text {
	color: #7A8292
}

.tooltip-notify {
	display: none;
	position: absolute;
	right: -35px;
	top: 70px;
	left: auto;
	bottom: auto;
	z-index: 1;
	z-index: 10;
	width: 305px;
	background-color: #fff;
	border: 1px solid #D6D9DE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.tooltip-notify li {
	padding: 12px;
	border-bottom: 1px solid #D6D9DE;
	font: 600 12px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.tooltip-notify li:last-child {
	border-bottom: none
}

.tooltip-notify a {
	float: none;
	color: #A2ABCA
}

.tooltip-notify span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 220px
}

.tooltip-notify .ss-icon {
	width: 35px;
	height: 35px;
	margin-right: 10px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #A2ABCA;
	padding-left: 2px;
	color: #fff;
	font-size: 16px;
	line-height: 39px;
	text-align: center
}

.tooltip-notify .ss-icon.red {
	background-color: #EA6060
}

.tooltip-notify .ss-icon.green {
	background-color: #3CBC7B
}

.tooltip-notify .ss-icon.orange {
	background-color: #EAB160
}

.tooltip-notify:before,
.tooltip-notify:after {
	content: "";
	position: absolute;
	right: 45px;
	top: -17px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #D6D9DE
}

.tooltip-notify:after {
	top: -16px;
	border-bottom-color: #fff
}

.ribbon {
	position: absolute;
	right: 0;
	top: 0;
	left: auto;
	bottom: auto;
	z-index: 3;
	width: 75px;
	height: 75px;
	overflow: hidden;
	text-align: right
}

.ribbon span {
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: -27px;
	top: 13px;
	left: auto;
	bottom: auto;
	z-index: 1;
	width: 110px;
	height: auto;
	-moz-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 0.08);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 0.08);
	font: 11px/25px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff;
	text-align: center;
	display: block;
	background: #fc9d3f
}

.critical-tooltip {
	position: absolute;
	left: 57%;
	bottom: 15px;
	right: auto;
	top: auto;
	z-index: 1;
	margin-left: -7.5px;
	z-index: 5
}

.critical-tooltip .icon {
	display: block;
	z-index: 0;
	width: 15px;
	height: 15px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #EA6060;
	font: bold 11px/15px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #fff;
	padding-left: 1px;
	text-align: center;
	cursor: pointer
}

.critical-tooltip .tooltip-area {
	z-index: 2;
	display: none;
	position: absolute;
	left: -115px;
	top: 25px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 240px;
	padding: 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #EA6060;
	text-align: left
}

.critical-tooltip .tooltip-area:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -16px;
	right: auto;
	bottom: auto;
	z-index: 1;
	margin-left: -6px;
	border: 8px solid transparent;
	border-bottom: 8px solid #EA6060
}

.critical-tooltip .tooltip-area h6 {
	margin-bottom: 20px;
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.critical-tooltip .tooltip-area .tooltip-row {
	margin-bottom: 15px
}

.critical-tooltip .tooltip-area .tooltip-row:last-child {
	margin-bottom: 0
}

.critical-tooltip .tooltip-area .sg-icon {
	width: 40px;
	height: 40px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #fff;
	background-color: transparent;
	padding-left: 2px;
	font-size: 20px;
	line-height: 43px;
	color: #fff;
	text-align: center
}

.critical-tooltip .tooltip-area p {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 140px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.critical-tooltip .tooltip-area p span {
	display: block;
	margin-top: 3px;
	font-size: 11px
}

.critical-tooltip:hover {
	z-index: 6
}

.critical-tooltip:hover .tooltip-area {
	display: block
}

.exam-tooltip,
.course-tooltip {
	display: none;
	position: absolute;
	left: -200px;
	top: 52px;
	right: auto;
	bottom: auto;
	z-index: 1;
	z-index: 12;
	width: 445px;
	padding: 20px;
	background-color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #D6D9DE;
	text-align: left;
	-moz-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	-webkit-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09)
}

.exam-tooltip:after,
.exam-tooltip:before,
.course-tooltip:after,
.course-tooltip:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	top: -16px;
	right: auto;
	bottom: auto;
	z-index: 1;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.exam-tooltip:before,
.course-tooltip:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.exam-tooltip .thumb,
.course-tooltip .thumb {
	width: 85px;
	overflow: hidden;
	margin-right: 15px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	vertical-align: top
}

.exam-tooltip .thumb img,
.course-tooltip .thumb img {
	width: 100%
}

.exam-tooltip .tooltip-info,
.course-tooltip .tooltip-info {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	vertical-align: top
}

.exam-tooltip .tooltip-info li span,
.course-tooltip .tooltip-info li span {
	padding-top: 14px;
	height: 33px
}

.exam-tooltip .tooltip-info li strong span,
.course-tooltip .tooltip-info li strong span {
	padding-top: 0px;
	display: inline
}

.exam-tooltip .tooltip-info li li:nth-child(1),
.course-tooltip .tooltip-info li li:nth-child(1) {
	margin-top: 10px
}

.exam-tooltip .course-tooltip>ul>li span,
.course-tooltip .course-tooltip>ul>li span {
	padding-top: 0px
}

.exam-tooltip h5,
.course-tooltip h5 {
	margin-bottom: 10px;
	font-size: 18px
}

.exam-tooltip p,
.course-tooltip p {
	margin-bottom: 15px;
	font-size: 13px;
	line-height: 20px
}

.exam-tooltip ul,
.course-tooltip ul {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 100%;
	border-left: 1px solid #D6D9DE;
	padding-left: 10px
}

.exam-tooltip ul li,
.course-tooltip ul li {
	width: 100%;
	margin: 0 0 2px 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: transparent
}

.exam-tooltip ul li:after,
.exam-tooltip ul li:before,
.course-tooltip ul li:after,
.course-tooltip ul li:before {
	display: none
}

.exam-tooltip ul li:last-child,
.course-tooltip ul li:last-child {
	margin-bottom: 0
}

.exam-tooltip ul li>span,
.course-tooltip ul li>span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 90px;
	font-size: 11px
}

.exam-tooltip ul li strong,
.course-tooltip ul li strong {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font: bold 22px "lato_trbold", Helvetica, Arial, sans-serif
}

.exam-tooltip ul li strong span,
.course-tooltip ul li strong span {
	font-size: 11px
}

.exam-tooltip a,
.course-tooltip a {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	vertical-align: bottom;
	min-width: 160px;
	margin-left: 25px;
	width: auto;
	height: auto;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	border: 1px solid #D6D9DE;
	font: 11px/32px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA;
	text-align: center
}

.exam-tooltip a.btn,
.course-tooltip a.btn {
	display: block;
	width: 160px;
	margin: 0 auto;
	padding: 1px 20px;
	color: #fff;
	border: none
}

.exam-tooltip a.msg-btn,
.course-tooltip a.msg-btn {
	display: block;
	width: 160px;
	margin: 10px auto 0;
	padding: 1px 20px
}

.exam-tooltip .other-result,
.course-tooltip .other-result {
	border-top: 1px solid #D6D9DE;
	border-bottom: 1px solid #D6D9DE;
	padding: 20px;
	margin: 20px -20px 20px
}

.exam-tooltip .other-result h6,
.course-tooltip .other-result h6 {
	margin-bottom: 8px;
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.exam-tooltip .other-result span,
.course-tooltip .other-result span {
	float: right;
	margin-top: -3px
}

.exam-tooltip .other-result span strong,
.course-tooltip .other-result span strong {
	font: 20px "lato_trblack", Helvetica, Arial, sans-serif
}

.exam-tooltip .other-result p:last-child,
.course-tooltip .other-result p:last-child {
	margin-bottom: 0
}

.course-tooltip {
	left: -186px;
	width: 415px
}

.course-tooltip .tooltip-info {
	width: 265px
}

.register-course-tooltip {
	position: absolute;
	width: 100%;
	height: auto;
	background: #fff;
	border: 1px solid #D6D9DE;
	padding: 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: -4px -4px 10px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: -4px -4px 10px 0 rgba(0, 0, 0, 0.1);
	box-shadow: -4px -4px 10px 0 rgba(0, 0, 0, 0.1);
	z-index: 5
}

.register-course-tooltip .close {
	top: 10px !important
}

.register-course-tooltip h5 {
	font: 14px "lato_trregular", Helvetica, Arial, sans-serif;
	margin-bottom: 25px
}

.register-course-tooltip ul.category-tag {
	margin-top: 0px !important
}

.register-course-tooltip ul.category-tag li {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #ECEFF1;
	padding: 3px 10px;
	font: 10px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292;
	width: auto;
	margin-bottom: 2px;
	display: inline-block
}

.register-course-tooltip ul.category-tag li:before,
.register-course-tooltip ul.category-tag li:after {
	background: transparent !important
}

.register-course-tooltip ul.category-tag li:nth-child(2n+2) {
	padding: 3px 0px;
	background: none
}

.register-course-tooltip ul.category-tag li:nth-child(2n+2) .sg-icon {
	font-size: 13px !important;
	margin-top: 2px;
	margin-right: -2px;
	margin-left: -3px;
	color: #7A8292
}

.register-course-tooltip ul.category-tag li:last-child {
	display: none
}

.register-course-tooltip .register-course-detail-area {
	width: 100%;
	height: auto;
	border: 1px solid #D6D9DE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
	padding: 20px;
	margin-bottom: 20px
}

.register-course-tooltip .register-course-detail-area .register-course-detail-area-left {
	float: left;
	width: 78%;
	border-right: 1px solid #D6D9DE;
	padding-right: 1%
}

.register-course-tooltip .register-course-detail-area .register-course-detail-area-left a {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden
}

.register-course-tooltip .register-course-detail-area .register-course-detail-area-left a .register-course-detail {
	height: auto;
	width: 100%;
	float: left
}

.register-course-tooltip .register-course-detail-area .register-course-detail-area-left a .register-course-detail .register-course-picture {
	width: 80px;
	height: 80px;
	float: left;
	margin-right: 10px
}

.register-course-tooltip .register-course-detail-area .register-course-detail-area-left a .register-course-detail .register-course-picture img {
	width: 100%;
	height: 100%;
	margin: 0
}

.register-course-tooltip .register-course-detail-area .register-course-detail-area-left a .register-course-detail .register-course-info-area {
	width: calc(100% - 90px);
	width: -webkit-calc(100% - 90px);
	float: left;
	height: 80px;
	position: relative
}

.register-course-tooltip .register-course-detail-area .register-course-detail-area-left a .register-course-detail .register-course-info-area h5 {
	color: #4A485B;
	font-size: 13px;
	font-family: "lato_trregular", Helvetica, Arial, sans-serif;
	margin: 0 !important
}

.register-course-tooltip .register-course-detail-area .register-course-detail-area-left a .register-course-detail .register-course-info-area .register-course-date-area {
	position: absolute;
	bottom: 0;
	top: auto;
	left: 0;
	width: 100%
}

.register-course-tooltip .register-course-detail-area .register-course-detail-area-left a .register-course-detail .register-course-info-area .register-course-date-area span {
	width: 39%;
	display: inline-block;
	text-align: left;
	color: #7A8292;
	font-size: 13px;
	vertical-align: bottom
}

.register-course-tooltip .register-course-detail-area .register-course-detail-area-left a .register-course-detail .register-course-info-area .register-course-date-area span:first-child:not(:last-child) {
	border-right: 1px solid #D6D9DE;
	margin-right: 10%
}

.register-course-tooltip .register-course-detail-area .register-course-detail-area-left a .register-course-detail .register-course-info-area .register-course-date-area span small {
	display: block;
	color: #7A8292;
	font-size: 11px;
	margin-bottom: 5px
}

.register-course-tooltip .register-course-detail-area .register-course-detail-area-left a .register-course-detail .register-course-info-area .register-course-date-area span .register-course-add {
	background: #A2ABCA;
	color: #fff;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	text-align: center
}

.register-course-tooltip .register-course-detail-area .register-course-detail-area-left a .register-course-detail .register-course-info-area .register-course-date-area span .register-course-add .sg-icon {
	color: #fff;
	font-size: 18px;
	position: relative
}

.register-course-tooltip .register-course-detail-area .register-course-detail-area-left a .register-course-detail .register-course-info-area .register-course-date-area span .register-course-add .sg-icon:before {
	position: absolute;
	position: absolute;
	left: -9px;
	top: -13px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.register-course-tooltip .register-course-detail-area .register-course-detail-area-left a .register-course-detail .register-course-info-area .activity-clock {
	float: right;
	right: 35px
}

.register-course-tooltip .register-course-detail-area .register-course-detail-area-left a .register-course-detail .register-course-info-area .activity-clock .tooltip {
	position: absolute;
	right: -2px;
	bottom: 23px;
	left: auto;
	top: auto;
	z-index: 1
}

.register-course-tooltip .register-course-detail-area .register-course-detail-area-left a .register-course-detail .register-course-info-area .activity-clock .tooltip:after {
	content: "";
	position: absolute;
	right: 0;
	top: 49px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-top: 8px solid #7A8292
}

.register-course-tooltip .register-course-detail-area .register-course-detail-area-right {
	float: right
}

.register-course-tooltip .register-course-detail-area .register-course-detail-area-right a {
	min-width: 110px !important;
	display: block;
	margin-top: 22.5px
}

.register-course-tooltip .register-course-detail-area .register-course-detail-area-right a i {
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0
}

.register-course-tooltip .register-course-detail-area .register-course-detail-area-right a span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.register-course-tooltip .register-course-detail-area:last-child:not(:first-child) .register-course-detail {
	border-bottom: 0px
}

.register-course-tooltip .register-course-detail-area:hover {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	background: #F5F7F9;
	overflow: inherit
}

.register-course-tooltip .register-course-detail-area:hover .trigger-unit-tooltip {
	position: absolute;
	left: 0;
	top: 40px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.box-module {
	*zoom: 1;
	margin-bottom: 20px;
	background-color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.box-module:after {
	content: "";
	display: table;
	clear: both
}

.box-module .title {
	padding: 22px;
	border-bottom: 1px solid #D6D9DE
}

.box-module .title .all {
	margin-top: 2px
}

.box-module .title .title-info {
	float: right;
	margin-top: 3px;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0;
	font: 13px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #D6D9DE
}

.box-module .title .title-info strong {
	font-family: "lato_trblack", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #4A485B
}

.box-module .module-content {
	*zoom: 1;
	padding: 20px
}

.box-module .module-content:after {
	content: "";
	display: table;
	clear: both
}

.box-module .module-item {
	float: left;
	position: relative;
	width: 240px;
	height: 330px;
	padding: 20px;
	margin-right: 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #D6D9DE;
	outline: 0
}

.box-module .module-item .img {
	position: relative;
	overflow: hidden;
	width: 200px;
	height: 200px;
	margin-bottom: 15px
}

.box-module .module-item .img img {
	width: 100%
}

.box-module .module-item .img .info-view {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1;
	z-index: 2;
	width: 100%;
	height: 100%;
	background-color: rgba(122, 130, 146, 0.85);
	text-align: center
}

.box-module .module-item .img .info-view a {
	position: relative;
	top: 50%;
	margin-top: -15px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	padding: 0 10px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	font: 11px/27px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #fff
}

.box-module .module-item .img .info-view a .sg-icon {
	font-size: 14px;
	line-height: 14px;
	height: 12px;
	color: #fff
}

.box-module .module-item .img .bar {
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	z-index: 1;
	width: 100%;
	height: 30px;
	padding: 8px 10px 10px;
	background-color: #7A8292;
	font: 10px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.box-module .module-item .img .bar .sg-icon {
	margin-right: 4px;
	font-size: 16px;
	line-height: 16px;
	height: 17px
}

.box-module .module-item .img .bar .course-icon {
	float: right;
	margin-top: -1px
}

.box-module .module-item .img:hover .info-view {
	display: block
}

.box-module .module-item p {
	font: 600 14px/20px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #4A485B;
	word-wrap: break-word
}

.box-module .module-item p a {
	color: #4A485B
}

.box-module .module-item .stats {
	position: absolute;
	left: 20px;
	bottom: 10px;
	right: auto;
	top: auto;
	z-index: 1;
	width: -webkit-calc(100% - 40px);
	width: calc(100% - 40px);
	padding: 0
}

.box-module .module-item .stats .stats-left {
	float: left
}

.box-module .module-item .stats .stats-left i {
	position: relative
}

.box-module .module-item .stats .stats-left i .inner {
	width: auto;
	display: none;
	position: absolute;
	left: -10px;
	bottom: 130%;
	right: auto;
	top: auto;
	z-index: 1;
	z-index: 5;
	padding: 12px;
	background-color: #7A8292;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.box-module .module-item .stats .stats-left i .inner:after {
	content: "";
	position: absolute;
	left: 10px;
	bottom: -16px;
	right: auto;
	top: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-top: 8px solid #7A8292
}

.box-module .module-item .stats .stats-left i:hover .inner {
	display: block
}

.box-module .module-item .stats .stats-right {
	float: right
}

.box-module .module-item .stats .stats-right i {
	position: relative
}

.box-module .module-item .stats .stats-right i .inner {
	width: auto;
	display: none;
	position: absolute;
	right: -10px;
	bottom: 130%;
	left: auto;
	top: auto;
	z-index: 1;
	z-index: 5;
	padding: 12px;
	background-color: #7A8292;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.box-module .module-item .stats .stats-right i .inner:after {
	content: "";
	position: absolute;
	right: 10px;
	bottom: -16px;
	left: auto;
	top: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-top: 8px solid #7A8292
}

.box-module .module-item .stats .stats-right i:hover .inner {
	display: block
}

.box-module .module-item .stats span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	vertical-align: top;
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292;
	margin-left: 5px
}

.box-module .module-item .stats .sg-icon {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font-size: 16px;
	color: #A2ABCA;
	margin-top: -2px;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0
}

.box-module .module-item:last-child {
	margin-right: 0
}

.box-module .module-item.packet .img .info-view {
	background-color: rgba(189, 101, 192, 0.85)
}

.box-module .module-item.packet .img .bar {
	background-color: #EA6060
}

.box-module .module-item.collection .img .info-view {
	background-color: rgba(72, 182, 172, 0.85)
}

.box-module .module-item.collection .img .bar {
	background-color: #3CBC7B
}

.box-module.full {
	float: left;
	width: 100%
}

.box-module.column {
	float: left;
	margin-bottom: 26px;
	width: 253px;
	height: 437px;
	margin-right: 20px
}

.box-module.column .module-item {
	width: 213px
}

.box-module.column .module-item .img {
	width: 100%
}

.box-module.two-column {
	float: left;
	width: 526px;
	margin-bottom: 25px
}

.box-module.two-column .module-content .module-item .stats {
	left: 65px;
	width: -webkit-calc(100% - 80px);
	width: calc(100% - 80px)
}

.box-module.lm .stats {
	bottom: 5px
}

.box-module.lm .stats .stats-left .inner {
	width: auto
}

.box-module.leftCard {
	float: left !important;
	margin-left: 0px !important
}

.box-module.middleCard {
	margin-right: 0px !important
}

.box-module.rightCard {
	float: right !important;
	margin-right: 0px !important
}

.box-module.rm {
	margin-right: 20px
}

.box-module.list .module-item {
	float: none;
	width: 100%;
	height: 98px;
	margin-bottom: 20px
}

.box-module.list .module-item:last-child {
	margin-bottom: 0
}

.box-module.list .module-item .module-icon {
	width: 35px;
	height: 35px;
	margin-right: 10px;
	background-color: #7A8292;
	padding-left: 2px;
	text-align: center;
	font-size: 18px;
	line-height: 39px;
	color: #fff
}

.box-module.list .module-item p {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 250px
}

.box-module.box-list {
	margin-bottom: 0
}

.box-module.box-list .module-content {
	padding: 0
}

.box-module.box-list .module-item {
	float: none;
	border-left: none;
	border-right: none;
	border-top: none;
	width: 100%;
	height: 135px
}

.box-module.box-list .module-item .img {
	float: left;
	width: 93px;
	height: 93px
}

.box-module.box-list .module-item .img img {
	width: 100%
}

.box-module.box-list .module-item p {
	float: left;
	width: 130px;
	margin-left: 15px
}

.box-module.box-list .module-item .stats {
	right: auto;
	left: 118px;
	bottom: 14px;
	text-align: left
}

.box-module.box-list .more-btn {
	margin: 20px auto
}

.more-btn,
.more-btn-task {
	display: block;
	width: 160px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding: 10px 0;
	border: 1px solid #ECEFF1;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	text-align: center
}

.growl-container {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	visibility: hidden;
	-moz-transition: .5s;
	-o-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	position: absolute;
	z-index: 40;
	display: table;
	width: 450px;
	padding: 5px;
	top: 0
}

.growl-container.top-left {
	left: 0
}

.growl-container.top-right {
	right: 0
}

.growl-container.bottom-left {
	left: 0;
	bottom: 80px
}

.growl-container.bottom-right {
	right: 0;
	bottom: 80px
}

.growl-container .growl-item {
	position: relative;
	padding: 20px;
	margin-bottom: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: rgba(47, 45, 62, 0.95);
	border: 1px solid #4A485B
}

.growl-container .growl-item:last-child {
	margin-bottom: 0
}

.growl-container .growl-item .close {
	position: absolute;
	right: 20px;
	top: 20px;
	left: auto;
	bottom: auto;
	z-index: 1;
	font-size: 18px;
	color: #fff
}

.growl-container .growl-item .label {
	display: block;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 18px;
	margin-left: 55px;
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.growl-container .growl-item .label.error {
	color: #EA6060
}

.growl-container .growl-item .label.success {
	color: #3CBC7B
}

.growl-container .growl-item .info {
	width: 330px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	vertical-align: top
}

.growl-container .growl-item .info h6 {
	margin-bottom: 5px;
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.growl-container .growl-item .info p {
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #fff
}

.growl-container .growl-item .info a {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-top: 15px;
	padding: 4px 10px 3px;
	background-color: #A2ABCA;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font: 10px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.growl-container .growl-item .photo,
.growl-container .growl-item .badge,
.growl-container .growl-item .icon {
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	vertical-align: top;
	width: 35px;
	height: 35px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right: 18px
}

.growl-container .growl-item .badge {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0
}

.growl-container .growl-item .icon {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	font-size: 28px;
	line-height: 38px;
	text-align: center;
	color: #A2ABCA
}

.growl-container .growl-item .icon.error {
	color: #EA6060
}

.growl-container .growl-item .icon.success {
	color: #3CBC7B
}

.growl-container .growl-item:first-child {
	margin-top: 18px
}

.growl-container.show {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	visibility: visible
}

.course-icon {
	position: relative;
	width: 15px;
	height: 15px;
	background-color: #fff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.course-icon:before {
	content: "";
	position: absolute;
	left: 3px;
	top: 3px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 9px;
	height: 9px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.course-icon.started:before {
	width: 10px;
	-moz-border-radius: 50% 0 0 50%;
	-webkit-border-radius: 50%;
	border-radius: 50% 0 0 50%;
	background: #3cbc7b;
	background: -moz-linear-gradient(left, #3cbc7b 0%, #3cbc7b 50%, #fff 50%, #fff 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #3cbc7b), color-stop(50%, #3cbc7b), color-stop(50%, #fff), color-stop(100%, #fff));
	background: -webkit-linear-gradient(left, #3cbc7b 0%, #3cbc7b 50%, #fff 50%, #fff 100%);
	background: -o-linear-gradient(left, #3cbc7b 0%, #3cbc7b 50%, #fff 50%, #fff 100%);
	background: -ms-linear-gradient(left, #3cbc7b 0%, #3cbc7b 50%, #fff 50%, #fff 100%);
	background: linear-gradient(to right, #3cbc7b 0%, #3cbc7b 50%, #ffffff 50%, #ffffff 100%)
}

.course-icon.completed:before {
	background-color: #3CBC7B
}

.pager {
	margin-top: 20px;
	clear: both
}

.pager .pagination-result a {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	min-width: 33px;
	height: 33px;
	text-align: center;
	font-size: 15px;
	line-height: 33px;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0;
	color: #D6D9DE;
	-webkit-transition: .2s;
	transition: .2s
}

.pager .pagination-result a.selected {
	background-color: #ECEFF1;
	color: #7A8292
}

.pager .pagination-result a:hover {
	background-color: #7A8292;
	color: #fff;
	-webkit-transition: .2s;
	transition: .2s
}

.pager .pagination-result a:last-child {
	margin-right: 0;
	padding-top: 0;
	padding-right: 2px;
	padding-bottom: 0;
	padding-left: 0
}

.pager .pagination {
	float: right;
	height: 33px;
	background-color: #ECEFF1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.pager .pagination .btn {
	min-width: 0;
	width: 33px;
	height: 33px;
	padding: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	font-size: 16px;
	line-height: 38px;
	margin-left: 0px
}

.pager .pagination .btn:hover {
	color: #fff
}

.pager .pagination .page {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 5px
}

.pager .pagination .page input[type="text"] {
	width: 30px;
	height: 21px;
	padding: 0;
	background-color: #fff;
	border: 1px solid #D6D9DE;
	text-align: center;
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.pager .pagination .page span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-left: 8px;
	font: 20px/11px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.pager .pagination .total {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 33px;
	margin-right: -3px;
	text-align: center;
	font: 11px/33px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.switch-btn {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 60px;
	height: 28px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background-color: #ECEFF1;
	cursor: pointer;
	float: right;
	margin-top: 15px
}

.switch-btn span {
	float: left;
	width: 28px;
	height: 28px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #D6D9DE
}

.switch-btn.on span {
	float: right;
	background-color: #3CBC7B
}

.switch-btn.white {
	background-color: #fff
}

.introjs-overlay {
	position: absolute;
	z-index: 999999;
	opacity: 0;
	background-color: rgba(56, 53, 74, 0.9);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out
}

.introjs-fixParent {
	z-index: auto !important;
	opacity: 1.0 !important;
	position: absolute !important;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
	transform: none !important
}

.introjs-showElement,
tr.introjs-showElement>td,
tr.introjs-showElement>th {
	z-index: 9999999 !important
}

.introjs-disableInteraction {
	z-index: 99999999 !important;
	position: absolute
}

.introjs-relativePosition,
tr.introjs-showElement>td,
tr.introjs-showElement>th {
	position: relative
}

.introjs-helperLayer {
	position: absolute;
	z-index: 9999998;
	background-color: #7A8292;
	border-radius: 3px;
	box-shadow: 3px 3px 6px rgba(1, 1, 1, 0.19);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out
}

.introjs-tooltipReferenceLayer {
	position: absolute;
	z-index: 10000000;
	background-color: transparent;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out
}

.introjs-tooltipReferenceLayer:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%
}

.introjs-helperLayer *,
.introjs-helperLayer *:before,
.introjs-helperLayer *:after {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box
}

.introjs-arrow {
	border: 8px solid #7A8292;
	content: '';
	position: absolute
}

.introjs-arrow:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 24px;
	height: 24px;
	background: url(../img/icon/ques-icon.png) no-repeat 0 0
}

.introjs-arrow.top {
	top: -15px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: #7A8292;
	border-left-color: transparent
}

.introjs-arrow.top:after {
	left: -12px;
	top: -28px
}

.introjs-arrow.top-right {
	top: -15px;
	right: 15px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: #7A8292;
	border-left-color: transparent
}

.introjs-arrow.top-right:after {
	left: -30px;
	top: -13px
}

.introjs-arrow.top-middle {
	top: -15px;
	left: 50%;
	margin-left: -5px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: #7A8292;
	border-left-color: transparent
}

.introjs-arrow.top-middle:after {
	left: -30px;
	top: -13px
}

.introjs-arrow.right {
	right: -15px;
	top: 10px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: #7A8292
}

.introjs-arrow.right:after {
	left: 5px;
	top: -11px
}

.introjs-arrow.right-bottom {
	bottom: 15px;
	right: -15px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: #7A8292
}

.introjs-arrow.right-bottom:after {
	left: 5px;
	top: -11px
}

.introjs-arrow.bottom {
	bottom: -15px;
	border-top-color: #7A8292;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent
}

.introjs-arrow.bottom:after {
	left: -12px;
	top: 5px
}

.introjs-arrow.left {
	left: -15px;
	top: 10px;
	border-top-color: transparent;
	border-right-color: #7A8292;
	border-bottom-color: transparent;
	border-left-color: transparent
}

.introjs-arrow.left:after {
	left: -30px;
	top: -13px
}

.introjs-arrow.left-bottom {
	left: -15px;
	bottom: 15px;
	border-top-color: transparent;
	border-right-color: white;
	border-bottom-color: transparent;
	border-left-color: transparent
}

.introjs-arrow.left-bottom:after {
	left: -30px;
	top: -13px
}

.introjs-tooltip {
	position: absolute;
	z-index: 5;
	padding: 15px;
	background-color: #7A8292;
	width: 280px;
	border-radius: 3px;
	box-shadow: 3px 3px 6px rgba(1, 1, 1, 0.19);
	-webkit-transition: opacity 0.1s ease-out;
	-moz-transition: opacity 0.1s ease-out;
	-ms-transition: opacity 0.1s ease-out;
	-o-transition: opacity 0.1s ease-out;
	transition: opacity 0.1s ease-out
}

.introjs-tooltiptext {
	margin: 0 -15px 20px;
	padding: 0 15px 15px;
	border-bottom: 1px solid #4A485B;
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #fff
}

.introjs-tooltipbuttons {
	text-align: right;
	white-space: nowrap
}

.introjs-button {
	position: relative;
	overflow: visible;
	display: inline-block;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
	text-decoration: none;
	font: 20px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff;
	white-space: nowrap;
	cursor: pointer;
	outline: none
}

.introjs-button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.introjs-skipbutton {
	color: #4A485B
}

.introjs-disabled,
.introjs-disabled:hover,
.introjs-disabled:focus {
	color: #4A485B;
	box-shadow: none;
	cursor: default;
	text-decoration: none
}

.introjs-bullets ul {
	clear: both;
	padding: 0;
	display: inline-block;
	list-style: none
}

.introjs-bullets ul li {
	float: left;
	margin-right: 10px
}

.introjs-bullets ul li a {
	display: block;
	width: 10px;
	height: 10px;
	background: #4A485B;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	text-decoration: none
}

.introjs-bullets ul li a:hover {
	background: #EA6060
}

.introjs-bullets ul li a.active {
	background: #EA6060
}

.introjs-progress {
	overflow: hidden;
	height: 10px;
	margin: 10px 0 5px 0;
	border-radius: 4px;
	background-color: #ECEFF1
}

.introjs-progressbar {
	float: left;
	width: 0%;
	height: 100%;
	font-size: 10px;
	line-height: 10px;
	text-align: center;
	background-color: #44B4E3
}

.introjsFloatingElement {
	position: absolute;
	height: 0;
	width: 0;
	left: 50%;
	top: 50%
}

.nano {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.nano>.nano-content {
	position: absolute;
	overflow-x: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.nano>.nano-content:focus {
	outline: thin dotted
}

.nano>.nano-content::-webkit-scrollbar {
	display: none
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	.admin-menu-area>.has-scrollbar>.nano-content {
		right: 0 !important
	}
}

.has-scrollbar>.nano-content::-webkit-scrollbar {
	display: block
}

.nano>.nano-pane {
	background: transparent;
	position: absolute;
	width: 10px;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 15
}

.nano>.nano-pane>.nano-slider {
	position: relative;
	background-color: #7A8292;
	background-color: rgba(0, 0, 0, 0.5);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 0 1px #fff;
	-webkit-box-shadow: 0 0 1px #fff;
	box-shadow: 0 0 1px #fff
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea {
	outline: none;
	-webkit-font-smoothing: antialiased;
	width: 100%;
	height: 40px;
	padding: 0 10px;
	background-color: transparent;
	border: 1px solid #D6D9DE;
	font: 13px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292;
	-webkit-appearance: none
}

input[type="text"]::-ms-clear,
input[type="password"]::-ms-clear,
input[type="email"]::-ms-clear {
	display: none
}

textarea {
	resize: none
}

.align-filter-btn button,
.align-filter-btn input[type="submit"] {
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif
}

.align-filter-btn button.filter-btn,
.align-filter-btn input[type="submit"].filter-btn {
	padding: 8px 15px 5px 15px
}

.align-clear-btn {
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif
}

.align-clear-btn button.clear-btn,
.align-clear-btn input[type="submit"].clear-btn {
	padding: 8px 10px 5px 10px
}

button,
input[type="submit"] {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	outline: 0;
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	border: none;
	font: 12px "lato_trblack", Helvetica, Arial, sans-serif
}

button.clear-btn,
input[type="submit"].clear-btn {
	background: transparent;
	color: #7A8292
}

button.filter-btn,
input[type="submit"].filter-btn {
	background: #7A8292;
	color: #fff;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px
}

button.filter-btn:hover,
input[type="submit"].filter-btn:hover {
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

label {
	display: block;
	margin-bottom: 8px;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.form-item {
	*zoom: 1;
	position: relative;
	margin-bottom: 15px
}

.form-item:after {
	content: "";
	display: table;
	clear: both
}

.checkbox {
	position: relative;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 44px
}

.checkbox:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 32px;
	height: 32px;
	border: 1px solid #D6D9DE
}

.checkbox:after {
	display: none;
	content: "✓";
	position: absolute;
	left: 8px;
	top: 7px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 16px "SSStandard"
}

.checkbox input[type="checkbox"] {
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1;
	z-index: 5;
	cursor: pointer;
	width: 32px;
	height: 32px;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	margin: 0;
	outline: none
}

.checkbox label {
	margin: 0 0 0 0
}

.checkbox.checked:after {
	display: block
}

select {
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif
}

select::-ms-expand {
	display: none
}

.gecko .notify-area {
	padding-bottom: 75px
}

.gecko .notify-area .notify-content {
	height: 97%;
	padding-bottom: 0
}

.gecko .exam-modal-area .other-exam-result {
	margin-bottom: 25px
}

.ie9 .education-status li.half {
	background: url(../img/bg/ie9-half-01.png) no-repeat 0 0
}

.ie9 .activity-area .courses-area .courses-nav li.half {
	background: url(../img/bg/ie9-half-02.png) no-repeat 0 0
}

.ie9 .activity-area .courses-area .course-item.half .img {
	background: url(../img/bg/ie9-half-03.png) no-repeat 0 0
}

.ie9 .exam-modal-area .exam-statistics .statistics-list ul {
	padding-right: 16px
}

.ie9 select {
	width: 125% !important
}

.ie9 .filter-content select {
	display: inline-block;
	width: auto
}

.ie9 .select2-container--lms {
	width: 210px !important
}

.ie9 .exam-modal-area .questions h5 .select2-container {
	float: right;
	right: 0px;
	top: -7px
}

.ie9 header .search-area .search-type {
	overflow: hidden;
	z-index: 9999 !important
}

.ie9 header .search-area .search-type select {
	width: 155% !important;
	background-color: #B0B8CF
}

.ie9 header .search-area .search-type .overlay {
	width: -webkit-calc(100% + 17px);
	width: calc(100% + 17px)
}

.ie9 .badge-window-area.open {
	width: 416px
}

html.mobile .no-scroll {
	position: fixed
}

.slick-slide {
	outline: none
}

.feed-area .slick-dots {
	width: 100%;
	text-align: center;
	bottom: -30px
}

.feed-area .slick-dots .slick-active button {
	border: 1px solid #A2ABCA
}

.feed-area .slick-dots li {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.feed-area .slick-dots li:last-child {
	margin-right: 0
}

.feed-area .slick-dots li button {
	display: block;
	width: 10px;
	height: 10px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #ECEFF1;
	text-indent: -99999px
}

.feed-area .slick-dots li.slick-active button {
	background-color: #A2ABCA
}

.videos .video-slider .slick-dots {
	position: relative;
	bottom: -20px;
	text-align: center
}

.videos .video-slider .slick-dots li {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin: 0px;
	padding: 0px;
	float: none
}

.videos .video-slider .slick-dots li:last-child {
	margin-right: 0
}

.videos .video-slider .slick-dots li button {
	display: block;
	width: 13px;
	height: 13px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: rgba(176, 184, 207, 0.2);
	text-indent: -99999px
}

.videos .video-slider .slick-dots li.slick-active button {
	background-color: #A2ABCA
}

@media print {
	body {
		background-color: #fff !important
	}
	body.no-scroll {
		overflow: visible !important;
		position: relative !important
	}
	header,
	i,
	.links-box,
	.content-header,
	.growl-item,
	.title-bar,
	aside,
	footer,
	.education-history .filter-area,
	.education-history .transfer-options,
	.education-history .info-btn {
		display: none
	}
	.sticky-wrapper {
		display: none !important
	}
	.online-user-count {
		display: none !important
	}
	.overlay {
		top: 0 !important;
		position: absolute !important;
		overflow: visible !important
	}
	.drawer-area {
		width: 100% !important
	}
	.drawer-area .close {
		display: none
	}
	.nano {
		overflow: visible !important
	}
	.nano .nano-content {
		position: absolute !important;
		overflow: visible !important
	}
	.nano .nano-pane {
		display: none !important
	}
	.exam-modal-area .exam-statistics .statistics-list ul {
		padding-right: 15px !important;
		margin-right: 15px !important
	}
	.exam-modal-area .questions h5 .select2-container {
		display: none !important
	}
	.exam-modal-area .question-item {
		min-height: 200px !important
	}
	.exam-modal-area .question-item h6 {
		padding-right: 220px !important
	}
	.exam-modal-area .question-item .form-item {
		padding-right: 220px !important
	}
	.exam-modal-area .question-item .item-info .info-tooltip {
		display: block !important;
		top: 0 !important;
		width: 230px !important;
		padding: 0 0 0 20px !important;
		background: none !important;
		border: none !important;
		border-top: none !important;
		border-right: none !important;
		border-bottom: none !important;
		border-left: 1px solid #D6D9DE !important;
		box-shadow: none !important
	}
	.exam-modal-area .question-item .item-info .info-tooltip:before {
		display: none !important
	}
	.exam-modal-area .question-item .item-info .sg-icon {
		display: none !important
	}
	.exam-modal-area .score-label {
		position: absolute !important;
		bottom: 10px !important;
		right: 10px !important
	}
	.exam-modal-area .info .user-name {
		display: block !important
	}
	.growl-container.show {
		visibility: hidden;
		display: none
	}
	.education-history {
		width: 100%;
		margin: 10px 0 0 0px;
		padding: 0px
	}
	.education-history table {
		border-right: 1px solid #ccc;
		border-collapse: separate;
		margin: -20px 0px 0px 0px;
		float: left
	}
	.education-history table td {
		border: 1px solid #ECEFF1
	}
	.education-history table td .status,
	.education-history table td .score {
		font: 12pt Garamond, "Times New Roman", Times, serif;
		width: 50px
	}
	.education-history table td .time {
		font: 12pt Garamond, "Times New Roman", Times, serif;
		width: 90px
	}
	.education-history table td .code,
	.education-history table td .name,
	.education-history table td .date {
		font: 12pt Garamond, "Times New Roman", Times, serif
	}
}

header .search-area .autocomplete {
	width: 600px !important;
	margin-left: -300px !important
}

html.gecko .comment-module .tabbed-view .comments-area .comment-button span.comment-button-text {
	padding-top: 0 !important
}

body.fr .search-page-result p {
	font-size: 10px
}

body.fr .search-page-result h5 {
	font-size: 15px
}

body.fr .activity-area .education-info .very-soon .date-display span {
	font-size: 8px;
	margin-right: 2px;
	margin-top: 3px
}

body.fr .online-user-count .online-users-area .online-user-list ul li span {
	font-size: 11px
}

body.fr .comment-module .tabbed-view .comments-area .comment-button.btn-big .comment-button-text {
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif
}

body.fr .comment-module .tabbed-view .comments-area .comment-button.disabled span {
	padding: 0 5px
}

body.fr .comment-module .tabbed-view .comments-area .comment-button .sg-icon {
	height: 19px
}

body.fr .comment-module .dropdown .value {
	padding-top: 3px !important
}

body.fr .comment-module .dropdown .value:before {
	top: 2px
}

body.fr .comment-module .tabbed-view .comments-area .comment-button span.comment-button-text {
	padding: 0 5px
}

body.fr .comment-module .tabbed-view .comments-area .comment-button span.comment-button-text-with-count {
	padding-right: 0px !important
}

body.fr .comment-manager .tab-toltip:hover .trigger-unit-tooltip {
	display: block;
	position: absolute;
	left: 35px;
	top: 35px;
	right: auto;
	bottom: auto;
	z-index: 1
}

body.fr .catalog-request-dropdown .catalog-for-admin .catalog-for-admin-tooltip .no-can-request-course:hover .inner {
	margin-top: 24px;
	margin-left: -28px;
	width: 230px
}

body.fr .unit-area .unit-box .unit-box-row.unit-box-actions .btn.btn-small {
	min-width: 140px !important
}

body.fr .drawer-area .col-right .stats-holder .course-like-icons .stats-view.dislike .tooltip-area {
	right: -50px;
	left: -10px
}

body.fr .drawer-area .col-right .stats-holder .course-like-icons .stats-view.dislike .tooltip-area:after {
	right: 55px
}

body.fr .back,
body.fr .back>.btn.btn-small {
	height: auto
}

body.fr .transfer-options .options-area {
	width: 225px !important;
	max-width: 225px !important
}

body.fr .user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items tr.head .row-common:nth-child(2) a span:last-child {
	margin-left: 110px
}

body.fr .activity-approval .activity-approval-sort {
	padding: 10px 0 35px 10px
}

body.fr .activity-approval .activity-approval-sort span {
	word-break: break-word;
	word-wrap: break-word
}

body.fr .activity-approval .activity-approval-sort .activity-approval-name span a span:nth-child(2) {
	margin-left: 135px !important
}

body.fr .activity-approval .activity-approval-sort .activity-approval-start-date span a span:nth-child(2) {
	margin-left: 45px !important
}

body.fr .activity-approval .activity-approval-sort .activity-approval-end-date span a span:nth-child(2) {
	margin-left: 45px
}

body.fr .activity-approval .activity-approval-sort .activity-approval-added-date span a span:nth-child(2) {
	margin-left: 55px
}

body.fr .activity-approval .activity-approval-sort .activity-approval-last-process span a span:nth-child(2) {
	margin: -22px 0 0 55px
}

body.fr .activity-approval .activity-approval-list .activity-approval-list-line .action a {
	width: auto
}

body.fr .catalog-filter-top .catalog-filter-search input[type="text"] {
	width: 460px
}

body.fr .request-form-detail .request-table-data .request-table-data-sort .row a {
	word-break: break-word;
	word-wrap: break-word
}

body.fr .request-form-detail .request-table-data .request-table-data-sort .row.start-date a span:last-child {
	margin: -17px 0 0 50px
}

body.fr .request-form-detail .request-table-data .request-table-data-sort .row.end-date a span:last-child {
	margin: -17px 0 0 55px
}

body.fr .request-form-detail .request-table-data .request-table-data-sort .row.row-head.name {
	width: 145px
}

body.fr .request-form-detail .request-table-data .request-table-data-sort .row.row-head.action {
	width: 155px
}

body.fr .request-form-detail .request-table-data .request-table-data-sort .row.request-date a span:last-child {
	margin-top: -30px;
	margin-left: 65px
}

body.fr .request-form-detail .request-table-data .request-table-data-sort .row.status-info a span:last-child {
	margin: 2px 0 0 0px
}

body.fr .request-form-detail .request-table-data .request-table-data-list .row.name {
	width: 145px
}

body.fr .request-form-detail .request-table-data .request-table-data-list .row.action {
	width: 155px
}

body.fr .request-form-detail .request-table-data .request-table-data-list .row.action .action-request-btn a {
	min-width: 115px
}

body.fr .request-form-detail .request-table-data .request-table-data-list.common-request.free-request .request-list-block-common .row-common.row-name {
	width: 275px
}

body.fr .request-form-detail .request-table-data .request-table-data-list.common-request.free-request .request-list-block-common .row-common.row-actions {
	width: 155px
}

body.fr .request-form-detail .request-table-data .request-table-data-list.common-request.free-request .request-list-block-common .row-common.row-actions .btn-free-detail {
	min-width: 100px !important
}

body.fr .request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-request-info span.request-icon .inner {
	white-space: pre-wrap
}

body.fr .request-form-detail .request-table-data .request-table-data-list.free-request.formAdmin .request-list-block-common .row-common.row-name {
	width: 140px
}

body.fr .request-form-detail .request-table-data.free-request .row-free {
	display: inline-block;
	vertical-align: top
}

body.fr .request-form-detail .request-table-data.free-request .row-free.free-course-name {
	width: 275px
}

body.fr .request-form-detail .request-table-data.free-request .row-free.free-action {
	width: 155px
}

body.fr .request-form-detail .request-table-data.free-request .row-free.free-request-date a {
	word-break: break-word;
	word-wrap: break-word
}

body.fr .request-form-detail .request-table-data.free-request .row-free.free-request-date a span:nth-child(2) {
	margin: -19px 0 0 100px;
	display: block
}

body.fr .request-form-detail .request-table-data.free-request.formAdmin .request-table-data-sort .row-free.free-course-name {
	width: 140px
}

body.fr .request-form-detail .request-table-data.free-request.formAdmin .request-table-data-sort .row-free.free-request-date a span:nth-child(2) {
	margin: -19px 0 0 70px
}

body.fr .request-form-detail .request-table-data.approval-request .row-common.row-request-history {
	word-break: break-word;
	word-wrap: break-word
}

body.fr .request-form-detail .request-table-data.catalog-request .request-table-data-sort .row-catalog {
	display: inline-block;
	vertical-align: top
}

body.fr .request-form-detail .request-table-data.catalog-request .request-table-data-sort .row-catalog.catalog-request-date {
	word-break: break-word;
	word-wrap: break-word
}

body.fr .request-form-detail .request-table-data.catalog-request .request-table-data-sort .row-catalog.catalog-request-date a span:last-child {
	display: block;
	margin: -19px 0 0 85px
}

body.fr .request-form-detail .request-table-data.catalog-request.formAdmin .request-table-data-sort .row-catalog.catalog-request-date a span:last-child {
	margin: -19px 0 0 70px
}

body.fr .request-form-detail .request-table-data-admin .request-table-data-sort .row.action {
	width: 170px
}

body.fr .request-form-detail .request-table-data-admin .request-table-data-sort .row.action .sg-icon.sg-trash {
	margin-left: -10px
}

body.fr .request-form-detail .request-table-data-admin .request-table-data-sort .row.name {
	width: 175px
}

body.fr .request-form-detail .filter-bar .search input[type="text"] {
	width: 355px
}

body.fr .request-form-detail .filter-bar .search .filter-btn {
	width: 63px
}

body.fr .request-form-detail .filter-bar .search .clear-btn {
	right: 75px
}

body.fr .request-form-detail .new-request {
	font-size: 11.5px
}

body.fr .request-form-detail .request-form-title .request-form-title-left h3 {
	font-size: 19px
}

body.fr .request-form-detail .status span {
	font-size: 13px
}

body.fr .task-module .task-module-sort.evaluation .participant-count span:nth-child(2) {
	margin-left: 70px
}

body.fr .task-module .task-module-list .task-module-list-line .numberofuse span a {
	font-size: 12px
}

body.fr .task-module .task-module-list .task-type-action .btn {
	font-size: 13px
}

body.fr .task-module.evaluation-detail .task-evaluation-users .task-module-sort .participant-process span {
	min-width: 125px
}

body.fr .task-module.evaluation-detail .task-evaluation-users .task-module-list .task-module-list-line .participant-process .btn {
	min-width: 125px
}

body.fr .task-module .task-module-types .type-name-add-new .btn {
	font-size: 11px
}

body.fr .task-drawer .task-content .task-drawer-description .more-btn {
	width: 201px
}

body.fr .inline-modal.approval-requests .overlay .modal {
	width: 37%
}

body.fr .admin-group-drawer .admin-drawer-user .admin-drawer-border .user-search .user-search-items .search {
	width: calc(100% - 125px)
}

body.fr .admin-group-drawer .admin-drawer-steps ul li {
	padding: 0 65px
}

body.fr .admin-group-drawer button {
	min-width: 90px
}

body.fr .catalog-request-dropdown .catalog-for-admin .catalog-for-admin-tooltip .no-can-request-course:hover .inner {
	margin-top: 39px;
	margin-left: -39px
}

body.fr .catalog-request-dropdown .catalog-for-admin .btn {
	padding: 8px 25px 5px 15px
}

body.fr .catalog-request-dropdown .catalog-for-admin .btn:before {
	position: absolute;
	right: 10px;
	top: 7px;
	left: auto;
	bottom: auto;
	z-index: 1
}

body.fr .catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line label {
	font-size: 12px !important
}

body.fr .recommend-tooltip .search input[type="text"] {
	font-size: 12px !important;
	padding-right: 115px
}

body.fr .activity-management .activity-management-sort .row span {
	word-break: break-word;
	word-wrap: break-word;
	display: inline-block;
	vertical-align: top;
	display: block
}

body.fr .activity-management .activity-management-sort .row span:nth-child(1) {
	width: 55px
}

body.fr .activity-management .activity-management-sort .row .title span>a span:nth-child(2) {
	margin: -13px 0 0 28px
}

body.fr .activity-management .activity-management-sort .row .createDate span>a span:nth-child(2) {
	margin: -37px 0 0 60px
}

body.fr .activity-management .activity-management-sort .row .startDate span>a span:nth-child(2) {
	margin: -24px 0 0 55px
}

body.fr .activity-management .activity-management-sort .endDate span>a span:nth-child(2) {
	margin: -24px 0 0 55px
}

body.fr .activity-management .activity-management-list .activity-management-list-line .user-count .user-count-numeric .inner {
	width: 140px
}

body.fr .activity-management .activity-management-title .activity-management-buttons a {
	font-size: 13px
}

body.fr .search-area .search-btn {
	width: 65px
}

.task-common .task-evaluation-explanation .description-text .more-btn,
.task-common .task-evaluation-explanation .description-text .more-btn-task,
.task-common .task-evaluation-explanation .description-text-evaluator .more-btn,
.task-common .task-evaluation-explanation .description-text-evaluator .more-btn-task {
	width: 240px
}

.task-module .task-module-search .task-module-search-line label {
	font-size: 12px !important
}

header .search-area .autocomplete {
	width: 600px !important;
	margin-left: -300px !important
}

html.gecko .comment-module .tabbed-view .comments-area .comment-button span.comment-button-text {
	padding-top: 0 !important
}

body.ru .comment-module .tabbed-view .comments-area .comment-button.btn-big .comment-button-text {
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif
}

body.ru .comment-module .tabbed-view .comments-area .comment-button.disabled span {
	padding: 0 5px
}

body.ru .comment-module .tabbed-view .comments-area .comment-button .sg-icon {
	height: 19px
}

body.ru .comment-module .dropdown .value {
	padding-top: 3px !important
}

body.ru .comment-module .tabbed-view .comments-area .comment-button span.comment-button-text {
	padding: 0 5px
}

body.ru .comment-manager .tab-toltip:hover .trigger-unit-tooltip {
	display: block;
	position: absolute;
	left: 35px;
	top: 35px;
	right: auto;
	bottom: auto;
	z-index: 1
}

body.ru .catalog-request-dropdown .catalog-for-admin .catalog-for-admin-tooltip .no-can-request-course:hover .inner {
	margin-top: 24px;
	margin-left: -28px;
	width: 230px
}

body.ru .unit-area .unit-box .unit-box-row.unit-box-actions .btn.btn-small {
	min-width: 140px !important
}

body.ru .drawer-area .col-right .stats-holder .course-like-icons .stats-view.dislike .tooltip-area {
	right: -10px;
	left: -10px
}

body.ru .drawer-area .col-right .stats-holder .course-like-icons .stats-view.dislike .tooltip-area:after {
	right: 16px
}

body.ru .back,
body.ru .back>.btn.btn-small {
	height: auto
}

body.ru .transfer-options .options-area {
	width: 225px !important;
	max-width: 225px !important
}

body.ru .user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items tr.head .row-common:nth-child(2) a span:last-child {
	margin-left: 110px
}

body.ru .activity-approval .activity-approval-sort {
	padding: 10px 0 35px 10px
}

body.ru .activity-approval .activity-approval-sort span {
	word-break: break-word;
	word-wrap: break-word
}

body.ru .activity-approval .activity-approval-sort .activity-approval-name span a span:nth-child(2) {
	margin-left: 135px !important
}

body.ru .activity-approval .activity-approval-sort .activity-approval-start-date span a span:nth-child(2) {
	margin-left: 45px !important
}

body.ru .activity-approval .activity-approval-sort .activity-approval-end-date span a span:nth-child(2) {
	margin-left: 45px
}

body.ru .activity-approval .activity-approval-sort .activity-approval-added-date span a span:nth-child(2) {
	margin-left: 55px
}

body.ru .activity-approval .activity-approval-sort .activity-approval-last-process span a span:nth-child(2) {
	margin: -22px 0 0 55px
}

body.ru .activity-approval .activity-approval-list .activity-approval-list-line .action a {
	width: auto
}

body.ru .catalog-filter-top .catalog-filter-search input[type="text"] {
	width: 415px
}

body.ru .request-form-detail .request-table-data .request-table-data-sort {
	height: 50px
}

body.ru .request-form-detail .request-table-data .request-table-data-sort .row a {
	word-break: break-word;
	word-wrap: break-word;
	display: inline-block;
	vertical-align: top
}

body.ru .request-form-detail .request-table-data .request-table-data-sort .row a span {
	display: inline-block;
	vertical-align: top
}

body.ru .request-form-detail .request-table-data .request-table-data-sort .row.start-date a span:nth-child(1) {
	width: 50px
}

body.ru .request-form-detail .request-table-data .request-table-data-sort .row.start-date a span:last-child {
	margin: -20px 0 0 45px !important
}

body.ru .request-form-detail .request-table-data .request-table-data-sort .row.end-date a span:nth-child(1) {
	width: 50px
}

body.ru .request-form-detail .request-table-data .request-table-data-sort .row.end-date a span:last-child {
	margin: -34px 0 0 45px !important
}

body.ru .request-form-detail .request-table-data .request-table-data-sort .row.row-head.name {
	width: 145px
}

body.ru .request-form-detail .request-table-data .request-table-data-sort .row.row-head.name span:last-child {
	margin: 7px 0 0 0 !important
}

body.ru .request-form-detail .request-table-data .request-table-data-sort .row.row-head.action {
	width: 155px
}

body.ru .request-form-detail .request-table-data .request-table-data-sort .row.request-date a span:nth-child(1) {
	width: 55px
}

body.ru .request-form-detail .request-table-data .request-table-data-sort .row.request-date a span:last-child {
	margin: -34px 0 0 55px
}

body.ru .request-form-detail .request-table-data .request-table-data-sort .row.status-info a span:nth-child(1) {
	width: 60px
}

body.ru .request-form-detail .request-table-data .request-table-data-sort .row.status-info a span:last-child {
	margin: 5px 0 0 0
}

body.ru .request-form-detail .request-table-data .request-table-data-list .row.name {
	width: 145px
}

body.ru .request-form-detail .request-table-data .request-table-data-list .row.action {
	width: 155px
}

body.ru .request-form-detail .request-table-data .request-table-data-list .row.action .action-request-btn a {
	min-width: 115px
}

body.ru .request-form-detail .request-table-data .request-table-data-list.common-request.free-request .request-list-block-common .row-common.row-name {
	width: 275px
}

body.ru .request-form-detail .request-table-data .request-table-data-list.common-request.free-request .request-list-block-common .row-common.row-actions {
	width: 155px
}

body.ru .request-form-detail .request-table-data .request-table-data-list.common-request.free-request .request-list-block-common .row-common.row-actions .btn-free-detail {
	min-width: 100px !important
}

body.ru .request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-request-info span.request-icon .inner {
	white-space: pre-wrap
}

body.ru .request-form-detail .request-table-data .request-table-data-list.free-request.formAdmin .request-list-block-common .row-common.row-name {
	width: 140px
}

body.ru .request-form-detail .request-table-data.free-request .row-free {
	display: inline-block;
	vertical-align: top
}

body.ru .request-form-detail .request-table-data.free-request .row-free.free-course-name {
	width: 275px
}

body.ru .request-form-detail .request-table-data.free-request .row-free.free-action {
	width: 155px
}

body.ru .request-form-detail .request-table-data.free-request .row-free.free-request-date {
	word-break: break-word;
	word-wrap: break-word;
	display: inline-block;
	vertical-align: top
}

body.ru .request-form-detail .request-table-data.free-request .row-free.free-request-date a {
	width: 55px;
	height: 22px;
	display: block
}

body.ru .request-form-detail .request-table-data.free-request .row-free.free-request-date a span {
	display: inline-block;
	vertical-align: top
}

body.ru .request-form-detail .request-table-data.free-request .row-free.free-request-date a span:nth-child(1) {
	width: 55px
}

body.ru .request-form-detail .request-table-data.free-request .row-free.free-request-date a span:last-child {
	margin: -32px 0 0 55px !important
}

body.ru .request-form-detail .request-table-data.free-request .row-free.free-course-name {
	word-break: break-word;
	word-wrap: break-word;
	display: inline-block;
	vertical-align: top
}

body.ru .request-form-detail .request-table-data.free-request .row-free.free-course-name a {
	width: 60px;
	height: 36px;
	display: block
}

body.ru .request-form-detail .request-table-data.free-request .row-free.free-course-name a span:nth-child(2) {
	margin: -34px 0 0 70px
}

body.ru .request-form-detail .request-table-data.free-request .row-free.free-user-name {
	word-break: break-word;
	word-wrap: break-word;
	display: inline-block;
	vertical-align: top
}

body.ru .request-form-detail .request-table-data.free-request .row-free.free-user-name a {
	width: 50px;
	height: 36px;
	display: block
}

body.ru .request-form-detail .request-table-data.free-request .row-free.free-user-name a span:nth-child(2) {
	margin: -31px 0 0 55px
}

body.ru .request-form-detail .request-table-data.free-request .row-free a span:last-child {
	margin: -3px 0 0 8px
}

body.ru .request-form-detail .request-table-data.free-request.formAdmin .request-table-data-sort .row-free.free-course-name {
	width: 140px
}

body.ru .request-form-detail .request-table-data.approval-request .row-common.row-request-history {
	word-break: break-word;
	word-wrap: break-word
}

body.ru .request-form-detail .request-table-data.catalog-request .request-table-data-sort .row-catalog {
	word-break: break-word;
	word-wrap: break-word;
	display: inline-block;
	vertical-align: top
}

body.ru .request-form-detail .request-table-data.catalog-request .request-table-data-sort .row-catalog.catalog-request-date a {
	width: 50px;
	height: 22px;
	display: block
}

body.ru .request-form-detail .request-table-data.catalog-request .request-table-data-sort .row-catalog.catalog-request-date a span {
	display: inline-block;
	vertical-align: top
}

body.ru .request-form-detail .request-table-data.catalog-request .request-table-data-sort .row-catalog.catalog-request-date a span:nth-child(1) {
	width: 55px
}

body.ru .request-form-detail .request-table-data.catalog-request .request-table-data-sort .row-catalog.catalog-request-date a span:last-child {
	margin: -32px 0 0 55px !important
}

body.ru .request-form-detail .request-table-data.catalog-request .row-catalog a span {
	word-break: break-word
}

body.ru .request-form-detail .request-table-data-admin .request-table-data-sort .row.action {
	width: 170px
}

body.ru .request-form-detail .request-table-data-admin .request-table-data-sort .row.action .sg-icon.sg-trash {
	margin-left: -10px
}

body.ru .request-form-detail .request-table-data-admin .request-table-data-sort .row.name {
	width: 175px
}

body.ru .request-form-detail .filter-bar .search input[type="text"] {
	width: 335px
}

body.ru .request-form-detail .filter-bar .search .filter-btn {
	width: 55px
}

body.ru .request-form-detail .filter-bar .search .clear-btn {
	right: 70px
}

body.ru .request-form-detail .new-request {
	font-size: 11.5px
}

body.ru .task-module .task-module-sort span a span:nth-child(1) {
	width: 65px
}

body.ru .task-module .task-module-sort.evaluation .participant-count span:nth-child(2) {
	margin-left: 70px
}

body.ru .task-module .task-module-list .task-module-list-line .numberofuse span a {
	font-size: 11px
}

body.ru .task-module.evaluation-detail .task-evaluation-users .task-module-sort .participant-process span {
	min-width: 125px
}

body.ru .task-module.evaluation-detail .task-evaluation-users .task-module-list .task-module-list-line .participant-process .btn {
	min-width: 125px
}

body.ru .task-drawer .task-content .task-drawer-description .more-btn {
	width: 201px
}

body.ru .inline-modal.approval-requests .overlay .modal {
	width: 37%
}

body.ru .admin-group-drawer .admin-drawer-user .admin-drawer-border .user-search .user-search-items .search {
	width: calc(100% - 125px)
}

body.ru .admin-group-drawer .admin-drawer-steps ul li {
	padding: 0 65px
}

body.ru .admin-group-drawer button {
	min-width: 90px
}

body.ru .catalog-request-dropdown .catalog-for-admin .btn {
	padding: 8px 25px 5px 15px
}

body.ru .catalog-request-dropdown .catalog-for-admin .btn:before {
	position: absolute;
	right: 10px;
	top: 7px;
	left: auto;
	bottom: auto;
	z-index: 1
}

body.ru .catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line label {
	font-size: 12px !important
}

body.ru .recommend-tooltip .search input[type="text"] {
	font-size: 12px !important;
	padding-right: 115px
}

body.ru .activity-management .activity-management-sort .row span {
	word-break: break-word;
	word-wrap: break-word;
	display: inline-block;
	vertical-align: top;
	display: block
}

body.ru .activity-management .activity-management-sort .row span:nth-child(1) {
	width: 55px
}

body.ru .activity-management .activity-management-sort .row .title span>a span:nth-child(2) {
	margin: -13px 0 0 28px
}

body.ru .activity-management .activity-management-sort .row .createDate span>a span:nth-child(2) {
	margin: -37px 0 0 60px
}

body.ru .activity-management .activity-management-sort .row .startDate span>a span:nth-child(2) {
	margin: -24px 0 0 55px
}

body.ru .activity-management .activity-management-sort .endDate span>a span:nth-child(2) {
	margin: -37px 0 0 55px
}

body.ru .activity-management .activity-management-list .activity-management-list-line .user-count .user-count-numeric .inner {
	width: 140px
}

body.ru .search-area .search-btn {
	width: 55px
}

.task-common .task-evaluation-explanation .description-text .more-btn,
.task-common .task-evaluation-explanation .description-text .more-btn-task,
.task-common .task-evaluation-explanation .description-text-evaluator .more-btn,
.task-common .task-evaluation-explanation .description-text-evaluator .more-btn-task {
	width: 240px
}

.task-module .task-module-search .task-module-search-line label {
	font-size: 12px !important
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
	padding-right: .5rem !important;
	padding-left: .5rem !important
}

.container-fluid {
	padding-right: 1rem !important;
	padding-left: 1rem !important;
	width: calc(100% - 0.625rem)
}

.row {
	margin-right: -.5rem !important;
	margin-left: -.5rem !important
}

.topics-for-ie .text-core .text-wrap .text-tags .text-tag {
	margin-top: 4px
}

.topics-for-ie .text-core .text-wrap .text-prompt {
	margin-top: 7px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2px
}

.text-core {
	position: relative
}

.text-core .text-wrap {
	background: #fff;
	position: absolute;
	width: 100% !important
}

.text-core .text-wrap textarea,
.text-core .text-wrap input {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	z-index: 0;
	overflow: hidden;
	margin: 0;
	padding: 5px;
	white-space: nowrap;
	width: 100% !important;
	border: #D6D9DE 1px solid;
	outline: none;
	font-size: 11px;
	line-height: 28px;
	height: auto
}

.text-core .text-wrap .text-tags {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	height: 100%;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 8px;
	cursor: text;
	z-index: 1
}

.text-core .text-wrap .text-tags.text-tags-on-top {
	z-index: 2
}

.text-core .text-wrap .text-tags .text-tag {
	float: left;
	margin-top: 6px
}

.text-core .text-wrap .text-tags .text-tag .text-button {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	float: left;
	background: #ECEFF1;
	color: #7A8292;
	padding: 2px 5px;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 0;
	cursor: pointer
}

.text-core .text-wrap .text-tags .text-tag .text-button a.text-remove {
	width: 13px;
	height: 13px
}

.text-core .text-wrap .text-dropdown {
	position: absolute;
	z-index: 3;
	background: #fff;
	border: 1px solid #D6D9DE;
	width: 100%;
	max-height: 100px;
	padding: 1px;
	display: none;
	overflow-x: hidden;
	overflow-y: auto
}

.text-core .text-wrap .text-dropdown.text-position-below {
	margin-top: -1px
}

.text-core .text-wrap .text-dropdown.text-position-above {
	margin-bottom: 1px
}

.text-core .text-wrap .text-dropdown .text-list .text-suggestion {
	padding: 3px 5px;
	cursor: pointer
}

.text-core .text-wrap .text-dropdown .text-list .text-suggestion em {
	font-style: normal;
	text-decoration: underline
}

.text-core .text-wrap .text-dropdown .text-list .text-suggestion.text-selected {
	color: #fff;
	background: #7A8292
}

.text-core .text-wrap .text-prompt {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	position: absolute;
	margin-top: 11px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2px;
	overflow: hidden;
	white-space: pre;
	font-size: 11px
}

.text-core .text-wrap .text-prompt.text-hide-prompt {
	display: none
}

.text-core .text-wrap .text-focus {
	-moz-box-shadow: 0px 5px 6px rgba(122, 130, 146, 0.1);
	-webkit-box-shadow: 0px 5px 6px rgba(122, 130, 146, 0.1);
	box-shadow: 0px 5px 6px rgba(122, 130, 146, 0.1);
	width: 100%;
	height: 100%;
	position: absolute;
	display: none
}

.text-core .text-wrap .text-focus.text-show-focus {
	display: block
}

.task-module {
	*zoom: 1;
	background-color: #fff;
	padding: 20px;
	position: relative
}

.task-module:after {
	content: "";
	display: table;
	clear: both
}

.task-module .select2-container--lms {
	width: 100% !important
}

.task-module .select2-container--lms:focus {
	border-color: #D6D9DE
}

.task-module .select2-selection--single {
	background: #fff;
	width: 100% !important
}

.task-module .select2-selection--single:focus {
	border-color: #D6D9DE
}

.task-module .dropdown {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	position: relative;
	min-width: 160px;
	height: 32px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #D6D9DE;
	background: #fff
}

.task-module .dropdown .value {
	display: block;
	padding-top: 6px;
	padding-right: 35px;
	padding-bottom: 8px;
	padding-left: 15px;
	width: 100%;
	height: 32px;
	cursor: pointer;
	font: 15px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.task-module .dropdown .value:before {
	content: "\F501";
	font: 14px "SSGizmo";
	position: absolute;
	right: 12px;
	top: 7px;
	left: auto;
	bottom: auto;
	z-index: 1;
	color: #A2ABCA
}

.task-module .dropdown ul {
	position: absolute;
	right: 0;
	top: 40px;
	left: auto;
	bottom: auto;
	z-index: 1;
	z-index: 5;
	min-width: 160px;
	padding: 3px;
	background: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #D6D9DE;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	white-space: nowrap
}

.task-module .dropdown ul:after,
.task-module .dropdown ul:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 71px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.task-module .dropdown ul:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.task-module .dropdown ul li {
	text-align: center;
	padding: 3px
}

.task-module .dropdown ul li a {
	display: block;
	font: 14px/20px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.task-module .dropdown ul li a:hover {
	background: #7A8292;
	color: #fff
}

.task-module .dropdown:hover:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -15px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 100%;
	height: 25px
}

.task-module .task-title {
	*zoom: 1;
	padding: 0 20px 20px;
	margin: 0 -20px 20px;
	border-bottom: 1px solid #D6D9DE
}

.task-module .task-title:after {
	content: "";
	display: table;
	clear: both
}

.task-module .task-title h3 {
	font-size: 22px
}

.task-module .task-title .task-module-buttons {
	text-align: right
}

.task-module .task-title .task-module-buttons .btn {
	font-size: 14px
}

.task-module .task-module-search {
	background: #ECEFF1;
	padding: 20px
}

.task-module .task-module-search .task-module-search-line {
	display: inline-block;
	margin-bottom: 20px;
	width: 100%
}

.task-module .task-module-search .task-module-search-line .search-area .search-holder {
	position: relative
}

.task-module .task-module-search .task-module-search-line .search-area .search-holder input[type="text"] {
	width: 100%;
	height: 37px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 35px;
	border: 1px solid #D6D9DE;
	color: #7A8292;
	background: #fff
}

.task-module .task-module-search .task-module-search-line .search-area .search-holder:after {
	content: "\1F50E";
	position: absolute;
	left: 15px;
	top: 5px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 24px "SSGizmo";
	color: #A2ABCA;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.task-module .task-module-search .task-module-search-line .date-area .evaluation span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.task-module .task-module-search .task-module-search-line .date-area .evaluation span.date-picker {
	width: 45%
}

.task-module .task-module-search .task-module-search-line .date-area .evaluation span.date-picker .form-item {
	margin-bottom: 0px
}

.task-module .task-module-search .task-module-search-line .date-area .evaluation span.date-picker .form-item input {
	background: #fff;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	height: 37px
}

.task-module .task-module-search .task-module-search-line .date-area .evaluation span.date-picker.date-picker-last {
	float: right
}

.task-module .task-module-search .task-module-search-line .date-area .evaluation span.date-picker-line {
	width: 7%
}

.task-module .task-module-search .task-module-search-line .process-area {
	padding: 5px 0;
	text-align: right
}

.task-module .task-module-search .task-module-search-line .process-area .align-clear-btn,
.task-module .task-module-search .task-module-search-line .process-area .align-filter-btn {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.task-module .task-module-search .task-module-search-line .process-area button.filter-btn {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px
}

.task-module .task-module-search .task-module-search-line .process-area button.filter-btn:hover {
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.task-module .task-module-search .task-module-search-line .evaluation-waiting-tasks {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font-size: 14px;
	margin-top: 4px
}

.task-module .task-module-search .task-module-search-line .evaluation-waiting-tasks span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.task-module .task-module-search .task-module-search-line .evaluation-waiting-tasks span.checkbox {
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px
}

.task-module .task-module-search .task-module-search-line .evaluation-waiting-tasks span.checkbox input[type="checkbox"] {
	width: 20px;
	height: 20px;
	top: 0px
}

.task-module .task-module-search .task-module-search-line .evaluation-waiting-tasks span.checkbox.checked:before {
	background: #7A8292
}

.task-module .task-module-search .task-module-search-line .evaluation-waiting-tasks span.checkbox.checked:after {
	color: #fff
}

.task-module .task-module-search .task-module-search-line .evaluation-waiting-tasks span.checkbox:before {
	width: 19px;
	height: 19px;
	top: 0px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #fff
}

.task-module .task-module-search .task-module-search-line .evaluation-waiting-tasks span.checkbox:after {
	position: absolute;
	left: 4px;
	top: 4px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 10px "SSStandard"
}

.task-module .task-module-search .task-module-search-line:last-child {
	margin-bottom: 0px
}

.task-module .task-module-search .task-module-search-line label {
	margin-bottom: 0px
}

.task-module .task-module-result {
	font: 14px "lato_trregular", Helvetica, Arial, sans-serif;
	padding: 20px
}

.task-module .task-module-result p {
	display: block
}

.task-module .task-module-result p strong {
	font-size: 16px
}

.task-module .task-module-actions {
	margin: 10px 0;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 10px
}

.task-module .task-module-actions .export-option-area {
	padding: 8px 15px 5px 15px;
	border: 1px solid #D6D9DE;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	color: #7A8292;
	background: #fff;
	float: right;
	position: relative;
	width: auto;
	height: auto;
	z-index: 2
}

.task-module .task-module-actions .export-option-area .transfer-options {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.task-module .task-module-actions .export-option-area .transfer-options .sg-icon {
	font-size: 16px;
	margin-right: 5px;
	position: relative;
	width: 16px;
	height: 16px
}

.task-module .task-module-actions .export-option-area .transfer-options .sg-icon:before {
	width: 16px;
	height: 16px;
	position: absolute;
	left: 0;
	top: -3px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.task-module .task-module-actions .export-option-area .transfer-text {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif
}

.task-module .task-module-actions .export-option-area:hover:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -12px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 100%;
	height: 25px
}

.task-module .task-module-actions .export-option-area:hover .options-area {
	display: block
}

.task-module .task-module-actions .export-option-area .options-area {
	display: none;
	position: absolute;
	right: -20px;
	top: 40px;
	left: auto;
	bottom: auto;
	z-index: 1;
	width: 200px;
	max-width: 200px;
	padding: 10px 0 !important;
	background-color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #D6D9DE;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08)
}

.task-module .task-module-actions .export-option-area .options-area:after,
.task-module .task-module-actions .export-option-area .options-area:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 55px;
	top: -15px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.task-module .task-module-actions .export-option-area .options-area:before {
	top: -16px;
	border-bottom-color: #D6D9DE
}

.task-module .task-module-actions .export-option-area .options-area h6 {
	padding: 5px 15px 10px;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.task-module .task-module-actions .export-option-area .options-area a {
	display: block;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 12px;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.task-module .task-module-actions .export-option-area .options-area a .sg-icon {
	height: 20px;
	margin-right: 10px;
	font-size: 22px;
	line-height: 22px;
	color: #A2ABCA
}

.task-module .task-module-actions .export-option-area .options-area a:hover {
	background-color: #D6D9DE
}

.task-module .task-module-actions .total-process .total-process-checkbox,
.task-module .task-module-actions .total-process .total-process-dropdown {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.task-module .task-module-actions .total-process .total-process-checkbox .checkbox,
.task-module .task-module-actions .total-process .total-process-dropdown .checkbox {
	display: block;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px
}

.task-module .task-module-actions .total-process .total-process-checkbox .checkbox input[type="checkbox"],
.task-module .task-module-actions .total-process .total-process-dropdown .checkbox input[type="checkbox"] {
	width: 20px;
	height: 20px;
	top: 0px
}

.task-module .task-module-actions .total-process .total-process-checkbox .checkbox.checked:before,
.task-module .task-module-actions .total-process .total-process-dropdown .checkbox.checked:before {
	background: #7A8292
}

.task-module .task-module-actions .total-process .total-process-checkbox .checkbox.checked:after,
.task-module .task-module-actions .total-process .total-process-dropdown .checkbox.checked:after {
	color: #fff
}

.task-module .task-module-actions .total-process .total-process-checkbox .checkbox:before,
.task-module .task-module-actions .total-process .total-process-dropdown .checkbox:before {
	width: 19px;
	height: 19px;
	top: 0px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.task-module .task-module-actions .total-process .total-process-checkbox .checkbox:after,
.task-module .task-module-actions .total-process .total-process-dropdown .checkbox:after {
	position: absolute;
	left: 4px;
	top: 4px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 10px "SSStandard"
}

.task-module .task-module-actions .total-process .total-process-dropdown.disable .dropdown {
	border-color: #ECEFF1
}

.task-module .task-module-actions .total-process .total-process-dropdown.disable .dropdown .value {
	cursor: not-allowed;
	color: #D6D9DE
}

.task-module .task-module-actions .total-process .total-process-dropdown.disable .dropdown .value:before {
	color: #ECEFF1
}

.task-module .task-module-sort {
	width: 100%;
	margin: 40px 0 0 0;
	padding: 10px;
	border-bottom: 1px solid #D6D9DE
}

.task-module .task-module-sort span {
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	display: inline-block;
	vertical-align: top
}

.task-module .task-module-sort span:nth-child(2) {
	margin: 5px 0 0 0
}

.task-module .task-module-sort span a {
	height: 40px
}

.task-module .task-module-sort span a i {
	position: absolute;
	color: #D6D9DE
}

.task-module .task-module-sort span a i.sg-navigateup:before {
	width: 11px;
	height: 11px;
	position: absolute;
	left: 5px;
	top: -9px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.task-module .task-module-sort span a i.sg-navigatedown:before {
	width: 11px;
	height: 11px;
	position: absolute;
	left: 5px;
	bottom: -9px;
	right: auto;
	top: auto;
	z-index: 1
}

.task-module .task-module-sort span a i.active {
	color: #4A485B
}

.task-module .task-module-sort span a i.active.sg-navigateup:before,
.task-module .task-module-sort span a i.active.sg-navigatedown:before {
	font-weight: bold
}

.task-module .task-module-sort span a:hover span:first-child,
.task-module .task-module-sort span a.active span:first-child {
	color: #4A485B
}

.task-module .task-module-sort span a:hover,
.task-module .task-module-sort span a.active {
	color: #4A485B
}

.task-module .task-module-sort .no-checkbox span:first-child {
	margin-left: 15px
}

.task-module .task-module-sort.sort-types {
	padding-bottom: 20px
}

.task-module .task-module-sort.sort-types .task-type .task-type-name span:first-child {
	padding-left: 5px
}

.task-module .task-module-sort.evaluation {
	margin: 0
}

.task-module .task-module-sort.evaluation .participant-count span:nth-child(2) {
	margin-top: -18px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 55px
}

.task-module .task-module-list {
	width: 100%
}

.task-module .task-module-list .task-module-list-line {
	border-bottom: 1px solid #D6D9DE;
	padding: 25px 10px;
	font-size: 14px
}

.task-module .task-module-list .task-module-list-line h5,
.task-module .task-module-list .task-module-list-line p {
	word-break: break-word;
	word-wrap: break-word
}

.task-module .task-module-list .task-module-list-line .type-name p {
	word-break: break-word;
	word-wrap: break-word
}

.task-module .task-module-list .task-module-list-line .checkbox {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 20px;
	height: 20px;
	padding: 20px 0 0 0;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0
}

.task-module .task-module-list .task-module-list-line .checkbox input[type="checkbox"] {
	width: 20px;
	height: 20px;
	top: 0px
}

.task-module .task-module-list .task-module-list-line .checkbox.checked:before {
	background: #7A8292
}

.task-module .task-module-list .task-module-list-line .checkbox.checked:after {
	color: #fff
}

.task-module .task-module-list .task-module-list-line .checkbox:before {
	width: 19px;
	height: 19px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	top: 0px;
	background: #fff
}

.task-module .task-module-list .task-module-list-line .checkbox:after {
	position: absolute;
	left: 4px;
	top: 4px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 10px "SSStandard"
}

.task-module .task-module-list .task-module-list-line .task-code,
.task-module .task-module-list .task-module-list-line .user-code {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	word-break: break-word;
	word-wrap: break-word;
	width: calc(100% - 35px)
}

.task-module .task-module-list .task-module-list-line .status {
	display: block
}

.task-module .task-module-list .task-module-list-line .status.success {
	color: #3CBC7B
}

.task-module .task-module-list .task-module-list-line .status.failed {
	color: #EAB160
}

.task-module .task-module-list .task-module-list-line .numberofuse span {
	display: block;
	margin-bottom: 5px
}

.task-module .task-module-list .task-module-list-line .numberofuse span a {
	color: #A2ABCA
}

.task-module .task-module-list .task-module-list-line .participant-count span {
	display: block;
	position: relative
}

.task-module .task-module-list .task-module-list-line .participant-count span a {
	color: #A2ABCA
}

.task-module .task-module-list .task-module-list-line .participant-count span .inner {
	display: none;
	position: absolute;
	right: 48px;
	bottom: 145%;
	left: auto;
	top: auto;
	z-index: 1;
	z-index: 5;
	padding: 12px;
	background-color: #7A8292;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.task-module .task-module-list .task-module-list-line .participant-count span .inner:after {
	content: "";
	position: absolute;
	right: 10px;
	bottom: -15px;
	left: auto;
	top: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-top: 8px solid #7A8292
}

.task-module .task-module-list .task-module-list-line .participant-count span:hover .inner {
	display: block
}

.task-module .task-module-list .task-module-list-line .participant-count span .spinner {
	left: 12px !important
}

.task-module .task-module-list .task-module-list-line .no-time {
	width: 14px;
	height: 2px;
	background: #7A8292;
	display: block
}

.task-module .task-module-list .task-module-list-line .evaluation-process .btn {
	font-size: 14px
}

.task-module .task-module-list .task-module-list-line .evaluation-process .btn:last-child {
	margin-top: 5px
}

.task-module .task-module-list .task-module-list-line .creator p {
	word-break: break-word;
	word-wrap: break-word
}

.task-module .task-module-list .task-module-list-line .task-type-action span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.task-module .task-module-list .task-module-list-line .task-type-action span.editable {
	width: 110px
}

.task-module .task-module-list .task-module-list-line .task-type-action span.editable .btn:last-child {
	margin-top: 5px
}

.task-module .task-module-list .task-module-list-line .task-type-action i {
	font-size: 18px
}

.task-module .task-module-list .task-module-list-line .task-type-action .btn {
	font-size: 14px;
	min-width: 110px;
	margin-right: 0
}

.task-module .task-module-list .task-module-list-line .task-type-action .btn.red {
	margin-top: 5px
}

.task-module .task-module-list .task-module-list-line .task-type-active span.task-type-property {
	padding: 0 11px;
	display: block;
	font-size: 15px
}

.task-module .task-module-list .task-module-list-line .task-type-active span.lang-type-text {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.task-module .task-module-list .task-module-list-line .task-type-active input {
	border: 0px;
	font-size: 15px
}

.task-module .task-module-list .task-module-list-line:hover .task-type-active input {
	background: none
}

.task-module .task-module-list .task-module-list-line:hover,
.task-module .task-module-list .task-module-list-line.active,
.task-module .task-module-list .task-module-list-line.lang-active {
	background: #F5F7F9
}

.task-module .task-module-list .task-module-list-line.multiple-languages .col-line-fix-height span {
	display: block;
	padding: 12px 0
}

.task-module .task-module-list .task-module-list-line.multiple-languages .task-type-active .lang-type-text {
	padding: 12px 0
}

.task-module .task-module-list .task-module-list-line.multiple-languages .task-type-active input {
	margin-top: -1px
}

.task-module .task-module-list .task-module-list-line.multiple-languages.lang-active .task-type-active .row {
	margin-bottom: 10px
}

.task-module .task-module-list .task-module-list-line.multiple-languages.lang-active .task-type-active .row:last-child {
	margin-bottom: 0px
}

.task-module .task-module-list .task-module-list-line.multiple-languages.lang-active .task-type-property {
	padding: 11px;
	display: block
}

.task-module .task-module-list .task-module-list-line.multiple-languages.lang-active .task-type-action span {
	padding: 8px 0
}

.task-module .task-module-list .task-module-list-line.active.lang-active .task-type-action i {
	margin-top: -25px
}

.task-module .task-module-list .task-module-list-line.active .task-type-active input {
	background: #fff !important;
	border: #D6D9DE 1px solid
}

.task-module .task-module-list .task-module-list-line.active .col-line-fix-height span {
	padding: 12px 0 13px 0
}

.task-module .task-module-list.sort-types-list .trash {
	margin-top: -0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 35px
}

.task-module .task-module-list.sort-types-list .trash.lang-trash {
	margin: 0 35px
}

.task-module .task-module-list.evaluation {
	margin-top: 0px
}

.task-module .task-module-list.evaluation .task-module-list-line {
	padding: 10px
}

.task-module .task-module-types {
	padding: 20px 20px 40px;
	margin: 0 -20px 20px;
	border-bottom: 1px solid #D6D9DE
}

.task-module .task-module-types p {
	display: block;
	margin-bottom: 10px;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif
}

.task-module .task-module-types .error .error-message {
	margin-top: 5px
}

.task-module .task-module-types .type-name input {
	font: 15px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.task-module .task-module-types .type-name input::-webkit-input-placeholder {
	color: #D6D9DE
}

.task-module .task-module-types .type-name input:-moz-placeholder {
	color: #D6D9DE
}

.task-module .task-module-types .type-name input::-moz-placeholder {
	color: #D6D9DE
}

.task-module .task-module-types .type-name input:-ms-input-placeholder {
	color: #D6D9DE
}

.task-module .task-module-types .type-name input::-webkit-input-placeholder {
	color: #D6D9DE
}

.task-module .task-module-types .type-name input::-ms-input-placeholder {
	color: #D6D9DE
}

.task-module .task-module-types .type-name-add-new {
	text-align: right
}

.task-module .task-module-types .type-name-add-new .btn {
	font-size: 14px
}

.task-module .task-module-new-task {
	margin-top: 50px
}

.task-module .task-module-new-task .task-module-new-task-items.line-fix-height {
	margin-bottom: 20px;
	min-height: 40px
}

.task-module .task-module-new-task .task-module-new-task-items.relation-holder label {
	margin-top: 10px
}

.task-module .task-module-new-task .task-module-new-task-items.file-holder label {
	margin-top: 20px
}

.task-module .task-module-new-task .task-module-new-task-items:last-child {
	margin-bottom: 0px
}

.task-module .task-module-new-task .task-module-new-task-items input {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0
}

.task-module .task-module-new-task .task-module-new-task-items label {
	word-break: break-word;
	word-wrap: break-word;
	margin-bottom: 0
}

.task-module .task-module-new-task .task-module-new-task-items .item-select {
	width: auto
}

.task-module .task-module-new-task .task-module-new-task-items .item-select span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.task-module .task-module-new-task .task-module-new-task-items .item-select span input[type="checkbox"] {
	width: 20px;
	height: 20px;
	top: 0px
}

.task-module .task-module-new-task .task-module-new-task-items .item-select span.checkbox {
	padding-top: 15px;
	padding-left: 20px
}

.task-module .task-module-new-task .task-module-new-task-items .item-select span.checkbox:before {
	left: -1px
}

.task-module .task-module-new-task .task-module-new-task-items .item-select span.checked:before {
	background: #7A8292
}

.task-module .task-module-new-task .task-module-new-task-items .item-select span.checked:after {
	color: #fff
}

.task-module .task-module-new-task .task-module-new-task-items .item-select span.checked.disable {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	opacity: .3
}

.task-module .task-module-new-task .task-module-new-task-items .item-select span.checked.disable span input,
.task-module .task-module-new-task .task-module-new-task-items .item-select span.checked.disable span select {
	cursor: not-allowed
}

.task-module .task-module-new-task .task-module-new-task-items .item-select span:before {
	width: 19px;
	height: 19px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	top: 0px
}

.task-module .task-module-new-task .task-module-new-task-items .item-select span:after {
	position: absolute;
	left: 4px;
	top: 4px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 10px "SSStandard"
}

.task-module .task-module-new-task .task-module-new-task-items .item-select span.disable {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: .5
}

.task-module .task-module-new-task .task-module-new-task-items .item-select span.disable span input,
.task-module .task-module-new-task .task-module-new-task-items .item-select span.disable span select {
	cursor: not-allowed
}

.task-module .task-module-new-task .task-module-new-task-items .item-file {
	border: 1px solid #D6D9DE;
	padding: 4px 5px 4px 5px;
	display: block;
	width: 100%;
	overflow: hidden
}

.task-module .task-module-new-task .task-module-new-task-items .item-file .attachment {
	padding: 4px 5px 5px 5px
}

.task-module .task-module-new-task .task-module-new-task-items .item-file .attachment .sg-icon {
	font-size: 21px
}

.task-module .task-module-new-task .task-module-new-task-items .item-file .attachment .sg-icon.sg-trash {
	position: relative;
	width: 20px;
	height: 20px
}

.task-module .task-module-new-task .task-module-new-task-items .item-file .attachment .sg-icon.sg-trash:before {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1
}

.task-module .task-module-new-task .task-module-new-task-items .item-file .attachment .upload-progressbar {
	height: 5px;
	width: 100%
}

.task-module .task-module-new-task .task-module-new-task-items .item-file .attachment .uploaded-part {
	height: 5px;
	background-color: #3CBC7B
}

.task-module .task-module-new-task .task-module-new-task-items .item-file .attachment li {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: calc(100% - 25px)
}

.task-module .task-module-new-task .task-module-new-task-items .item-file .attachment li:last-child {
	border: 0px
}

.task-module .task-module-new-task .task-module-new-task-items .item-file .attachment li .sg-icon {
	color: #7A8292;
	position: relative;
	width: 20px;
	height: 20px
}

.task-module .task-module-new-task .task-module-new-task-items .item-file .attachment li .sg-icon.sg-pdf {
	color: #EA6060
}

.task-module .task-module-new-task .task-module-new-task-items .item-file .attachment li .sg-icon.sg-doc {
	color: #419FE5
}

.task-module .task-module-new-task .task-module-new-task-items .item-file .attachment li .sg-icon.sg-jpg {
	color: #3CBC7B
}

.task-module .task-module-new-task .task-module-new-task-items .item-file .attachment li .sg-icon.sg-zip {
	color: #EAB160
}

.task-module .task-module-new-task .task-module-new-task-items .item-file .attachment li .sg-icon:before {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1
}

.task-module .task-module-new-task .task-module-new-task-items .item-file .attachment li a {
	color: #7A8292;
	display: inline-block;
	width: 100%
}

.task-module .task-module-new-task .task-module-new-task-items .item-file .attachment li .file-name {
	font-size: 14px;
	float: left
}

.task-module .task-module-new-task .task-module-new-task-items .item-file .attachment li .file-name .small-text {
	font-size: 12px;
	color: #7A8292;
	display: block;
	margin-top: 7px
}

.task-module .task-module-new-task .task-module-new-task-items .form-item {
	margin-bottom: 0px
}

.task-module .task-module-new-task .task-module-new-task-items .radio-group {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-right: 50px;
	height: 40px;
	line-height: 40px
}

.task-module .task-module-new-task .task-module-new-task-items .radio-group:last-child {
	margin-right: 0px
}

.task-module .task-module-new-task .task-module-new-task-items .radio-group input[type="radio"]:disabled+label:before {
	border: #ECEFF1 1px solid !important
}

.task-module .task-module-new-task .task-module-new-task-items .radio-group input[type="radio"]:disabled+label {
	color: #ECEFF1
}

.task-module .task-module-new-task .task-module-new-task-items .radio-group input[type="radio"]:checked,
.task-module .task-module-new-task .task-module-new-task-items .radio-group input[type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px
}

.task-module .task-module-new-task .task-module-new-task-items .radio-group input[type="radio"]:checked+label,
.task-module .task-module-new-task .task-module-new-task-items .radio-group input[type="radio"]:not(:checked)+label {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	line-height: 40px;
	display: inline-block
}

.task-module .task-module-new-task .task-module-new-task-items .radio-group input[type="radio"]:checked+label:before,
.task-module .task-module-new-task .task-module-new-task-items .radio-group input[type="radio"]:not(:checked)+label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	width: 18px;
	height: 18px;
	border-radius: 100%;
	border: 1px solid #D6D9DE;
	background: #fff
}

.task-module .task-module-new-task .task-module-new-task-items .radio-group input[type="radio"]:checked+label:after,
.task-module .task-module-new-task .task-module-new-task-items .radio-group input[type="radio"]:not(:checked)+label:after {
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	top: 14px;
	left: 4px;
	border-radius: 100%;
	background: #7A8292;
	color: #fff
}

.task-module .task-module-new-task .task-module-new-task-items .radio-group input[type="radio"]:not(:checked)+label:after {
	opacity: 0
}

.task-module .task-module-new-task .task-module-new-task-items .radio-group input[type="radio"]:checked+label:after {
	opacity: 1;
	font: 10px "SSStandard"
}

.task-module .task-module-new-task .btn {
	margin: auto;
	display: table;
	font-size: 14px
}

.task-module .pagination {
	margin: 0
}

.task-module .null {
	padding: 20px;
	text-align: center
}

.task-module .null .sg-mug {
	font-size: 118px;
	color: #ECEFF1
}

.task-module .null .info {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 35px;
	text-align: left
}

.task-module .null h5 {
	margin-bottom: 5px;
	font: 16px "lato_trblack", Helvetica, Arial, sans-serif
}

.task-module .null p {
	font-size: 13px;
	color: #7A8292
}

.task-module .null p .sg-icon {
	font-size: 16px
}

.task-module .type-selection.disabled {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: .5
}

.task-module .type-selection .select2-container--lms {
	min-width: 100% !important;
	max-width: 100% !important
}

.task-module .type-selection .select2-container--lms .selection .select2-selection--single {
	background: #fff;
	min-width: 100% !important;
	max-width: 100% !important
}

.task-module.evaluation-detail .task-evaluation-title {
	padding: 0;
	margin: 0 auto 30px;
	border-bottom: 0px
}

.task-module.evaluation-detail .task-evaluation-title .small-text {
	font-size: 11px;
	margin-top: 10px
}

.task-module.evaluation-detail .task-evaluation-info {
	margin-bottom: 30px;
	font-size: 14px
}

.task-module.evaluation-detail .task-evaluation-info .fix-line .row {
	margin-bottom: 5px
}

.task-module.evaluation-detail .task-evaluation-info .fix-line .row:last-child {
	margin-bottom: 0px
}

.task-module.evaluation-detail .task-evaluation-info label {
	margin-bottom: 0
}

.task-module.evaluation-detail .task-evaluation-info .border {
	border-left: #D6D9DE 1px solid
}

.task-module.evaluation-detail .task-evaluation-info .border .indent-left {
	padding-left: 20px
}

.task-module.evaluation-detail .task-evaluation-users .content-spinner {
	width: 100%;
	height: 200px;
	text-align: center;
	padding: 13% 0
}

.task-module.evaluation-detail .task-evaluation-users .task-evaluation-users-search {
	background: #ECEFF1;
	padding: 20px
}

.task-module.evaluation-detail .task-evaluation-users .task-evaluation-users-search .search-area .search-holder {
	position: relative
}

.task-module.evaluation-detail .task-evaluation-users .task-evaluation-users-search .search-area .search-holder input[type="text"] {
	width: 100%;
	height: 37px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 35px;
	border: 1px solid #D6D9DE;
	color: #7A8292;
	background: #fff
}

.task-module.evaluation-detail .task-evaluation-users .task-evaluation-users-search .search-area .search-holder:after {
	content: "\1F50E";
	position: absolute;
	left: 15px;
	top: 5px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 24px "SSGizmo";
	color: #A2ABCA;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.task-module.evaluation-detail .task-evaluation-users .task-evaluation-users-search label {
	margin-bottom: 0px
}

.task-module.evaluation-detail .task-evaluation-users .task-module-list .task-module-list-line .participant-process .btn {
	font-size: 14px;
	margin-right: 0px;
	min-width: 105px
}

.task-module.evaluation-detail .task-evaluation-users .task-module-list .task-module-list-line .participant-process .btn:last-child {
	margin-top: 5px
}

.task-module.evaluation-detail .task-evaluation-users .no-result-user {
	padding: 20px
}

.task-module.evaluation-detail .task-evaluation-users .no-result-user span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.task-module.evaluation-detail .task-evaluation-users .no-result-user span.user-count {
	position: relative
}

.task-module.evaluation-detail .task-evaluation-users .no-result-user span.user-count i {
	font-size: 90px;
	color: #ECEFF1
}

.task-module.evaluation-detail .task-evaluation-users .no-result-user span.user-count .count {
	width: 60px;
	height: 60px;
	line-height: 60px !important;
	position: absolute;
	left: 60px;
	top: 50px;
	right: auto;
	bottom: auto;
	z-index: 1;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	background: #ECEFF1;
	font: 20px "lato_trblack", Helvetica, Arial, sans-serif
}

.task-module.evaluation-detail .task-evaluation-users .no-result-user span.text {
	font: 17px "lato_trblack", Helvetica, Arial, sans-serif;
	margin-left: 40px
}

.task-module.evaluation-detail .task-evaluation-users .task-module-sort .participant-process span {
	min-width: 105px
}

.task-module.evaluation-detail .task-evaluation-date-between {
	margin: 30px 0;
	font-size: 14px
}

.task-module.evaluation-detail .task-evaluation-date-between .update-text {
	display: block;
	margin: 30px 0
}

.task-module.evaluation-detail .task-evaluation-date-between label {
	margin-bottom: 0
}

.task-module.evaluation-detail .task-evaluation-date-between span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.task-module.evaluation-detail .task-evaluation-date-between span.date-picker {
	width: 45%
}

.task-module.evaluation-detail .task-evaluation-date-between span.date-picker .form-item {
	margin-bottom: 0px
}

.task-module.evaluation-detail .task-evaluation-date-between span.date-picker .form-item input {
	background: #fff;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	height: 37px
}

.task-module.evaluation-detail .task-evaluation-date-between span.date-picker.date-picker-last {
	float: right
}

.task-module.evaluation-detail .task-evaluation-date-between span.date-picker-line {
	width: 7%
}

.task-module.evaluation-detail .file-upload-holder {
	margin-bottom: 25px
}

.task-module.task-evaluation-index .task-module-search .task-module-search-line .process-area {
	margin-top: 0px
}

.task-drawer .task-content {
	*zoom: 1;
	height: auto;
	min-height: 100%;
	position: relative;
	padding: 20px;
	background-color: #fff;
	font-size: 14px
}

.task-drawer .task-content:after {
	content: "";
	display: table;
	clear: both
}

.task-drawer .task-content .close {
	top: 10px
}

.task-drawer .task-content .task-drawer-title {
	margin-bottom: 10px
}

.task-drawer .task-content .task-drawer-title h4 {
	margin: 0;
	font: 20px "lato_trbold", Helvetica, Arial, sans-serif
}

.task-drawer .task-content .task-drawer-title .small-text {
	font-size: 11px
}

.task-drawer .task-content .task-drawer-info {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: #D6D9DE 1px solid
}

.task-drawer .task-content .task-drawer-info .date-between-text {
	margin: 5px 0 0 0
}

.task-drawer .task-content .task-drawer-info .evaluator {
	margin: 5px 0 0 0
}

.task-drawer .task-content .task-drawer-info .col-score .score-point {
	color: #7A8292;
	font: 30px "lato_trblack";
	margin-top: -5px;
	display: block
}

.task-drawer .task-content .task-drawer-info .col-score .no-time {
	width: 14px;
	height: 2px;
	background: #7A8292;
	display: block;
	margin: 15.5px auto 0
}

.task-drawer .task-content .task-drawer-info .col-score,
.task-drawer .task-content .task-drawer-info .col-status {
	border-left: #D6D9DE 1px solid
}

.task-drawer .task-content .task-drawer-info .col-score .title,
.task-drawer .task-content .task-drawer-info .col-status .title {
	margin: 5px 0;
	display: block
}

.task-drawer .task-content .task-drawer-description {
	font-size: 15px;
	margin-bottom: 25px;
	line-height: 20px
}

.task-drawer .task-content .task-drawer-description .description-text {
	position: relative;
	overflow: hidden
}

.task-drawer .task-content .task-drawer-description .description-text.show-height {
	max-height: 100%
}

.task-drawer .task-content .task-drawer-description .description-text.less-height {
	max-height: 300px
}

.task-drawer .task-content .task-drawer-description .description-text .backgroundFade {
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	z-index: 1;
	width: 100%;
	padding: 15px 0;
	background-repeat: repeat-y;
    background-image: linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0));
}

.task-drawer .task-content .task-drawer-description .description-text .readMore.backgroundFadeNone {
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	z-index: 1;
	width: 100%;
	padding: 15px 0;
	display: none;
	visibility: hidden
}

.task-drawer .task-content .task-drawer-description .description-text ul {
	margin-left: 50px
}

.task-drawer .task-content .task-drawer-description .description-text ul li {
	list-style-type: disc
}

.task-drawer .task-content .task-drawer-description .description-text ol {
	margin-left: 50px
}

.task-drawer .task-content .task-drawer-description .description-text ol li {
	list-style-type: decimal
}

.task-drawer .task-content .task-drawer-description .more-btn {
	margin: 15px 0 0 0;
	font-size: 14px;
	width: 200px;
	padding: 5px 0
}

.task-drawer .task-content .task-drawer-description .more-btn span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.task-drawer .task-content .task-drawer-topics {
	font-size: 13px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	border-bottom: #D6D9DE 1px solid
}

.task-drawer .task-content .task-drawer-topics label {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	height: 25px;
	line-height: 20px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0
}

.task-drawer .task-content .task-drawer-topics .topic-tag {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.task-drawer .task-content .task-drawer-topics .topic-tag li {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.task-drawer .task-content .task-drawer-topics .topic-tag li a {
	color: #7A8292;
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #ECEFF1;
	padding: 3px 10px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0;
	font-size: 13px
}

.task-drawer .task-content .task-drawer-topics .topic-tag li a:hover {
	background: #ECEFF1;
	background: rgba(236, 239, 241, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.task-drawer .task-content .task-drawer-docs {
	margin: 10px 0
}

.task-drawer .task-content .task-drawer-docs p {
	display: block;
	margin: 20px 0;
	font-size: 13px
}

.task-drawer .task-content .task-drawer-docs .task-file-upload-holder {
	margin: 20px 0
}

.task-drawer .task-content .task-drawer-docs .task-file-upload-holder .file-upload-holder .type-list {
	border: 1px solid #D6D9DE
}

.task-drawer .task-content .task-drawer-docs .task-explanation-holder {
	position: relative
}

.task-drawer .task-content .task-drawer-docs .task-explanation-holder .editingDescription {
	max-height: 260px;
	min-height: 130px;
	padding-top: 10px;
	padding-bottom: 10px
}

.task-drawer .task-content .task-drawer-docs .task-explanation-holder p {
	background: #ECEFF1;
	padding: 30px;
	line-height: 20px;
	margin: 5px 0 40px 0;
	font-size: 14px
}

.task-drawer .task-content .task-drawer-docs .file-upload-holder .type-list {
	border: 0px
}

.task-drawer .task-content textarea {
	font: 14px "lato_trregular", Helvetica, Arial, sans-serif
}

.task-drawer .task-content textarea::-moz-placeholder {
	color: #D6D9DE
}

.task-drawer .task-content textarea::-webkit-input-placeholder {
	color: #D6D9DE
}

.task-drawer .task-content textarea:-ms-input-placeholder {
	color: #D6D9DE
}

.task-drawer .task-content textarea::placeholder {
	color: #D6D9DE
}

.task-drawer .task-content .no-content-tasks {
	width: 100%;
	overflow: hidden;
	text-align: center
}

.task-drawer .task-content .no-content-tasks span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.task-drawer .task-content .no-content-tasks span.count {
	position: relative
}

.task-drawer .task-content .no-content-tasks span.count:before {
	content: "0";
	width: 55px;
	height: 55px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	left: 60px;
	top: 50px;
	right: auto;
	bottom: auto;
	z-index: 1;
	background: #ECEFF1;
	color: #fff;
	text-align: center;
	font: 20px "lato_trbold", Helvetica, Arial, sans-serif;
	padding: 13px 20px 20px 20px
}

.task-drawer .task-content .no-content-tasks span.text {
	font: 17px "lato_trbold", Helvetica, Arial, sans-serif;
	margin-top: -5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 40px
}

.task-drawer .task-content .no-content-tasks span.no-sent-text {
	font: 17px "lato_trbold", Helvetica, Arial, sans-serif;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 40px
}

.task-drawer .task-content .no-content-tasks [class^="sg-"] {
	font-size: 90px;
	color: #ECEFF1
}

.task-drawer .task-content .comments-area .no-content-tasks span.count:before {
	left: 70px
}

.task-drawer .task-content .comments-area .no-content-tasks [class^="sg-"] {
	font-size: 115px;
	height: 115px
}

.task-drawer .task-content .task-explanation-holder .task-evaluation-explanation .description-text p {
	padding: 0px;
	margin: 0px
}

.task-drawer.evaluation-drawer .task-drawer-info .evaluation-fix-height {
	margin-bottom: 5px
}

.task-drawer.evaluation-drawer .task-drawer-info .evaluation-fix-height:last-child {
	margin-bottom: 0px
}

.task-drawer.evaluation-drawer .task-drawer-user-property {
	margin: 30px 0;
	font-size: 14px
}

.task-drawer.evaluation-drawer .task-drawer-user-property .property-text {
	margin-bottom: 20px
}

.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-right: 40px
}

.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell:last-child {
	margin-right: 0px
}

.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell span:last-child {
	margin-left: 10px
}

.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell span input {
	padding: 0 5px
}

.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell span.error .error-message {
	font-size: 12px
}

.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell .checkbox-input {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell .checkbox-input .checkbox {
	padding-top: 32px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 32px;
	position: relative;
	background: #ECEFF1
}

.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell .checkbox-input .checkbox i {
	position: absolute;
	left: 8px;
	top: 7px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font-size: 16px;
	color: #fff
}

.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell .checkbox-input .checkbox.checked {
	background: #3CBC7B
}

.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell .checkbox-input .checkbox.checked i {
	display: none
}

.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell .checkbox-input .checkbox.checked:after {
	color: #fff
}

.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell .checkbox-input .checkbox.checked:before {
	border-color: #3CBC7B
}

.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell .score-input {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell .score-input input {
	width: 60px;
	height: 32px
}

.task-drawer.evaluation-drawer .task-drawer-button {
	margin-bottom: 30px
}

.task-drawer.evaluation-drawer .task-drawer-button .btn {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.task-common .task-evaluation-explanation {
	margin: 10px 0 25px 0
}

.task-common .task-evaluation-explanation .description-text,
.task-common .task-evaluation-explanation .description-text-evaluator {
	background: #ECEFF1;
	padding: 30px;
	line-height: 20px;
	font-size: 14px
}

.task-common .task-evaluation-explanation .description-text p,
.task-common .task-evaluation-explanation .description-text-evaluator p {
	position: relative;
	overflow: hidden
}

.task-common .task-evaluation-explanation .description-text p .backgroundFade,
.task-common .task-evaluation-explanation .description-text p .backgroundFadeEvaluator,
.task-common .task-evaluation-explanation .description-text-evaluator p .backgroundFade,
.task-common .task-evaluation-explanation .description-text-evaluator p .backgroundFadeEvaluator {
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	z-index: 1;
	width: 100%;
	padding: 15px 0;
	background-repeat: repeat-y;
    background-image: linear-gradient(to top, #eceff1, rgba(236, 239, 241, 0));
}

.task-common .task-evaluation-explanation .description-text p .backgroundFadeNone,
.task-common .task-evaluation-explanation .description-text p .backgroundFadeNoneEvaluator,
.task-common .task-evaluation-explanation .description-text-evaluator p .backgroundFadeNone,
.task-common .task-evaluation-explanation .description-text-evaluator p .backgroundFadeNoneEvaluator {
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	z-index: 1;
	width: 100%;
	padding: 15px 0;
	display: none;
	visibility: hidden
}

.task-common .task-evaluation-explanation .description-text p ul,
.task-common .task-evaluation-explanation .description-text-evaluator p ul {
	margin-left: 50px
}

.task-common .task-evaluation-explanation .description-text p ul li,
.task-common .task-evaluation-explanation .description-text-evaluator p ul li {
	list-style-type: disc
}

.task-common .task-evaluation-explanation .description-text p ol,
.task-common .task-evaluation-explanation .description-text-evaluator p ol {
	margin-left: 50px
}

.task-common .task-evaluation-explanation .description-text p ol li,
.task-common .task-evaluation-explanation .description-text-evaluator p ol li {
	list-style-type: decimal
}

.task-common .task-evaluation-explanation .description-text p.show-height,
.task-common .task-evaluation-explanation .description-text p.show-height-evaluator,
.task-common .task-evaluation-explanation .description-text-evaluator p.show-height,
.task-common .task-evaluation-explanation .description-text-evaluator p.show-height-evaluator {
	max-height: 100%
}

.task-common .task-evaluation-explanation .description-text p.less-height,
.task-common .task-evaluation-explanation .description-text-evaluator p.less-height {
	max-height: 300px
}

.task-common .task-evaluation-explanation .description-text p.less-height.less-height-evaluator,
.task-common .task-evaluation-explanation .description-text-evaluator p.less-height.less-height-evaluator {
	max-height: 150px
}

.task-common .task-evaluation-explanation .description-text .more-btn,
.task-common .task-evaluation-explanation .description-text .more-btn-task,
.task-common .task-evaluation-explanation .description-text-evaluator .more-btn,
.task-common .task-evaluation-explanation .description-text-evaluator .more-btn-task {
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-size: 14px;
	width: 200px;
	padding: 5px 0;
	border: #D6D9DE 1px solid
}

.task-common .task-evaluation-explanation .description-text .more-btn span,
.task-common .task-evaluation-explanation .description-text .more-btn-task span,
.task-common .task-evaluation-explanation .description-text-evaluator .more-btn span,
.task-common .task-evaluation-explanation .description-text-evaluator .more-btn-task span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.task-common .title {
	word-break: break-word;
	word-wrap: break-word;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.task-common .tabs {
	margin-bottom: 20px
}

.task-common .tabs #him {
	display: inline-block;
	height: 45px;
	text-align: center;
	padding-top: 15px;
	color: #7A8292;
	width: 50%;
	position: relative;
	font: 600 14px "lato_trregular", Helvetica, Arial, sans-serif;
	background-color: #ECEFF1
}

.task-common .tabs #him:nth-child(2) {
	float: right;
	border-left: #fff 1px solid
}

.task-common .tabs #him .badge {
	background: #A2ABCA;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 4px;
	position: absolute;
	right: 0;
	left: 0;
	bottom: auto;
	margin: 19px auto 0;
	width: 26px;
	height: 24px
}

.task-common .tabs .activeses {
	border-bottom: 5px solid #7A8292
}

.task-common .user-explanation .explanation-date {
	color: #A2ABCA;
	font-size: 14px;
	margin-right: 15px
}

.task-common .user-explanation a {
	margin-right: 15px;
	font-size: 16px;
	color: #A2ABCA
}

.task-common .task-drawer-button .btn {
	margin: auto;
	font-size: 14px;
	display: table
}

.task-common .error .error-message {
	font: italic 15px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #EA6060
}

.task-common .error input {
	border: #EA6060 1px solid
}

.cke_dialog_ui_hbox .cke_dialog_ui_button {
	-webkit-border-radius: 20px !important;
	-moz-border-radius: 20px !important;
	border-radius: 20px !important;
	outline: 0px;
	padding: 5px 15px
}

.cke_dialog_ui_hbox .cke_dialog_ui_button.cke_dialog_ui_button_ok {
	background: #3CBC7B !important;
	border: 0px !important
}

.cke_dialog_ui_hbox .cke_dialog_ui_button.cke_dialog_ui_button_ok:hover {
	background: #3CBC7B;
	background: rgba(60, 188, 123, 0.9)
}

.cke_dialog_ui_hbox .cke_dialog_ui_button:focus {
	padding: 5px 15px !important;
	line-height: 18px;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important
}

.cke_dialog_ui_hbox .cke_dialog_ui_button.cke_dialog_ui_button_cancel {
	border: 1px #D6D9DE solid
}

.cke_dialog_ui_hbox .cke_dialog_ui_button.cke_dialog_ui_button_cancel:focus {
	border: 1px #D6D9DE solid !important;
	box-shadow: none !important
}

.cke_dialog_background_cover {
	background-color: #4A485B !important;
	background-color: rgba(56, 53, 74, 0.8) !important;
	opacity: 1 !important
}

[data-hint]:after {
	content: attr(data-hint);
	text-align: center;
	white-space: nowrap;
	z-index: 9999;
	background: #7A8292;
	padding: 5px 10px;
	color: #fff;
	line-height: 100% !important;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif
}

[data-hint]:after,
[data-hint]:before {
	display: inline-block;
	pointer-events: none;
	position: absolute;
	visibility: hidden
}

[data-hint]:hover:after,
[data-hint]:hover:before {
	visibility: visible
}

[data-hint]:before {
	content: "";
	border: 5px solid transparent;
	z-index: 9998
}

[class*="hint-bottom"]:before {
	border-bottom-color: #7A8292;
	top: 100%;
	margin-top: 0px
}

[class*="hint-bottom"]:after {
	margin-top: 10px;
	top: 100%;
	white-space: pre-wrap
}

[class*="hint-top"]:before {
	border-top-color: #7A8292;
	bottom: 100%;
	margin-bottom: 0px
}

[class*="hint-top"]:after {
	bottom: 100%;
	margin-bottom: 10px
}

[class*="hint-bottom-middle"]:before,
[class*="hint-top-middle"]:before {
	right: 50%;
	margin-right: -5px
}

[class*="hint-bottom-middle"]:after,
[class*="hint-top-middle"]:after {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

[class*="hint-bottom-left"]:before,
[class*="hint-top-left"]:before {
	left: 15px
}

[class*="hint-bottom-left"]:after,
[class*="hint-top-left"]:after {
	left: 0
}

[class*="hint-bottom-right"]:before,
[class*="hint-top-right"]:before {
	right: 15px
}

[class*="hint-bottom-right"]:after,
[class*="hint-top-right"]:after {
	right: 0
}

[class*="hint-left"]:before {
	border-left-color: #7A8292;
	left: 0;
	margin-left: -10px
}

[class*="hint-left"]:after {
	right: 100%;
	margin-right: 10px
}

[class*="hint-right"]:before {
	border-right-color: #7A8292;
	right: 0;
	margin-right: -10px
}

[class*="hint-right"]:after {
	left: 100%;
	margin-left: 10px
}

[class*="hint-left-middle"]:before,
[class*="hint-right-middle"]:before {
	top: 50%;
	margin-top: -5px
}

[class*="hint-left-middle"]:after,
[class*="hint-right-middle"]:after {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

[class*="hint-left-top"]:before,
[class*="hint-right-top"]:before {
	top: 15px
}

[class*="hint-left-top"]:after,
[class*="hint-right-top"]:after {
	top: 0
}

[class*="hint-left-bottom"]:before,
[class*="hint-right-bottom"]:before {
	bottom: 15px
}

[class*="hint-left-bottom"]:after,
[class*="hint-right-bottom"]:after {
	bottom: 0
}

.hint-persist:before,
.hint-persist:after {
	visibility: visible
}

@media only screen and (max-width: 1025px) {
	[class*="hint-"][class*="-mobile"]:after,
	[class*="hint-"][class*="-mobile"]:before {
		display: none
	}
}

[class*="hint-"][class*="-s-small"]:after {
	width: 150px;
	white-space: normal
}

[class*="hint-"][class*="-s-med"]:after {
	width: 300px;
	white-space: normal
}

[class*="hint-"][class*="-s-big"]:after {
	width: 450px;
	white-space: normal
}

.hint-d-short:hover:after,
.hint-d-short:hover:before {
	-webkit-transition: visibility 0s 0.1 ease;
	transition: visibility 0s 0.1s ease
}

.hint-d-med:hover:after,
.hint-d-med:hover:before {
	-webkit-transition: visibility 0s 1s ease;
	transition: visibility 0s 1s ease
}

.hint-d-long:hover:after,
.hint-d-long:hover:before {
	-webkit-transition: visibility 0s 1s ease;
	transition: visibility 0s 1s ease
}

[class*="hint-fade"][class*="-d-short"]:hover:before,
[class*="hint-fade"][class*="-d-short"]:hover:after,
[class*="hint-anim"][class*="-d-short"]:hover:before,
[class*="hint-anim"][class*="-d-short"]:hover:after {
	-webkit-transition-delay: 1s;
	transition-delay: 1s
}

[class*="hint-fade"][class*="-d-med"]:hover:before,
[class*="hint-fade"][class*="-d-med"]:hover:after,
[class*="hint-anim"][class*="-d-med"]:hover:before,
[class*="hint-anim"][class*="-d-med"]:hover:after {
	-webkit-transition-delay: 1s;
	transition-delay: 1s
}

[class*="hint-fade"][class*="-d-long"]:hover:before,
[class*="hint-fade"][class*="-d-long"]:hover:after,
[class*="hint-anim"][class*="-d-long"]:hover:before,
[class*="hint-anim"][class*="-d-long"]:hover:after {
	-webkit-transition-delay: 1s;
	transition-delay: 1s
}

[class*="hint-fade"]:before,
[class*="hint-fade"]:after {
	-webkit-transition: opacity 0.1s ease-out, visibility 0.1s ease-out;
	transition: opacity 0.1s ease-out, visibility 0.1s ease-out;
	opacity: 0
}

[class*="hint-fade"]:hover:before,
[class*="hint-fade"]:hover:after {
	opacity: 1
}

[class*="hint-anim"][class*="hint-top"]:after,
[class*="hint-anim"][class*="hint-top"]:before {
	bottom: 125%;
	opacity: 0;
	-webkit-transition: opacity 0.1s ease-out, visibility 0.1s ease-out, bottom 0.1s ease-out;
	transition: opacity 0.1s ease-out, visibility 0.1s ease-out, bottom 0.1s ease-out
}

[class*="hint-anim"][class*="hint-top"]:hover:after,
[class*="hint-anim"][class*="hint-top"]:hover:before {
	opacity: 1;
	bottom: 100%
}

[class*="hint-anim"][class*="hint-bottom"]:after,
[class*="hint-anim"][class*="hint-bottom"]:before {
	top: 125%;
	opacity: 0;
	-webkit-transition: opacity 0.1s ease, visibility 0.1s ease, top 0.1s ease;
	transition: opacity 0.1s ease, visibility 0.1s ease, top 0.1s ease
}

[class*="hint-anim"][class*="hint-bottom"]:hover:after,
[class*="hint-anim"][class*="hint-bottom"]:hover:before {
	top: 100%;
	opacity: 1
}

[class*="hint-anim"][class*="hint-right"]:after,
[class*="hint-anim"][class*="hint-right"]:before {
	margin-right: -25px;
	margin-left: 25px;
	opacity: 0;
	-webkit-transition: opacity 0.1s ease-out, visibility 0.1s ease, margin 0.1s ease-out;
	transition: opacity 0.1s ease-out, visibility 0.1s ease, margin 0.1s ease-out
}

[class*="hint-anim"][class*="hint-right"]:hover:after,
[class*="hint-anim"][class*="hint-right"]:hover:before {
	margin-right: -10px;
	margin-left: 10px;
	opacity: 1
}

[class*="hint-anim"][class*="hint-left"]:after,
[class*="hint-anim"][class*="hint-left"]:before {
	margin-right: 25px;
	margin-left: -25px;
	opacity: 0;
	-webkit-transition: opacity 0.1s ease-out, visibility 0.1s ease, margin 0.1s ease-out;
	transition: opacity 0.1s ease-out, visibility 0.1s ease, margin 0.1s ease-out
}

[class*="hint-anim"][class*="hint-left"]:hover:after,
[class*="hint-anim"][class*="hint-left"]:hover:before {
	margin-right: 10px;
	margin-left: -10px;
	opacity: 1
}

.text-xs-left {
	text-align: left
}

.text-xs-right {
	text-align: right
}

.text-xs-center {
	text-align: center
}

.text-xs-justify {
	text-align: justify
}

.show-text-xs {
	display: block;
	visibility: visible;
	margin-bottom: 5px
}

.hidden-text-xs {
	display: none;
	visibility: hidden
}

@media (max-width: 30em) {
	.margin-xs-tb-10 {
		margin: 10px auto !important
	}
}

@media (min-width: 48em) {
	.text-sm-left {
		text-align: left
	}
	.text-sm-right {
		text-align: right
	}
	.text-sm-center {
		text-align: center
	}
	.text-sm-justify {
		text-align: justify
	}
	.hidden-text-sm {
		display: none;
		visibility: hidden
	}
	.show-text-sm {
		display: block;
		visibility: visible
	}
	.margin-sm-tb-10 {
		margin: 10px auto
	}
}

@media (min-width: 64em) {
	.text-md-left {
		text-align: left
	}
	.text-md-right {
		text-align: right
	}
	.text-md-center {
		text-align: center
	}
	.text-md-justify {
		text-align: justify
	}
	.hidden-text-md {
		display: none;
		visibility: hidden
	}
	.show-text-md {
		display: block;
		visibility: visible
	}
	.margin-md-tb-0 {
		margin: 0
	}
}

@media (min-width: 75em) {
	.text-lg-left {
		text-align: left
	}
	.text-lg-right {
		text-align: right
	}
	.text-lg-center {
		text-align: center
	}
	.text-lg-justify {
		text-align: justify
	}
	.hidden-text-lg {
		display: none;
		visibility: hidden
	}
	.show-text-lg {
		display: block;
		visibility: visible
	}
	.margin-lg-tb-0 {
		margin: 0
	}
}

.file-upload-holder .upload-progressbar {
	height: 5px;
	width: 100%
}

.file-upload-holder .uploaded-part {
	height: 5px;
	background-color: #3CBC7B
}

.file-upload-holder .type-list {
	border: 1px solid #D6D9DE
}

.file-upload-holder .type-list li {
	overflow: hidden;
	padding: 0 10px;
	font-size: 14px
}

.file-upload-holder .type-list li:last-child {
	border-bottom: 0px
}

.file-upload-holder .type-list li:hover {
	background: #F5F7F9
}

.file-upload-holder .type-list li .file-list-left,
.file-upload-holder .type-list li .file-list-right {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.file-upload-holder .type-list li .file-list-right {
	float: right;
	line-height: 40px
}

.file-upload-holder .type-list li .buttons,
.file-upload-holder .type-list li .delete-btn {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.file-upload-holder .type-list li .sg-icon {
	font-size: 32px;
	color: #7A8292;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0
}

.file-upload-holder .type-list li .sg-icon.success {
	color: #3CBC7B
}

.file-upload-holder .type-list li .sg-icon.danger {
	color: #EA6060
}

.file-upload-holder .type-list li .sg-icon.warning {
	color: #EAB160
}

.file-upload-holder .type-list li .sg-icon.primary {
	color: #419FE5
}

.file-upload-holder .type-list li .sg-icon.aqua {
	color: #44B4E3
}

.file-upload-holder .type-list li .sg-icon.default {
	color: rgba(161, 172, 201, 0.85)
}

.file-upload-holder .type-list li .file-name a {
	font-size: 14px;
	color: #7A8292;
	display: block
}

.file-upload-holder .type-list li .file-name a .attachment-name {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: calc(100% - 45px);
	margin: 10px 0
}

.file-upload-holder .type-list li .small-text {
	color: #A2ABCA;
	margin: 0 10px
}

.file-upload-holder .type-list li .buttons {
	color: #A2ABCA;
	margin-top: -2px
}

.file-upload-holder .type-list li .delete-btn {
	font-size: 20px;
	color: #A2ABCA;
	margin: 5px 0 0 0
}

.file-upload-holder .send-docs {
	border: 1px solid #D6D9DE;
	padding: 10px;
	display: block;
	overflow: hidden
}

.file-upload-holder .send-docs a {
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	float: right
}

.file-upload-holder .send-docs a .item-file-add-button-text {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.file-upload-holder .send-docs a i {
	font-size: 14px;
	width: 16px;
	height: 16px;
	color: #fff;
	float: none;
	margin: 0;
	line-height: normal
}

.file-upload-holder .send-docs a:hover {
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.file-upload-holder .send-docs a.disabled i {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	opacity: .4
}

.file-upload-holder .send-docs .prevent-upload {
	width: 90%;
	height: 35px;
	position: absolute
}

.file-upload-holder .send-docs.no-border {
	border: 0px;
	padding: 10px 0
}

body.en .comment-module .tabbed-view .comments-area .comment-button.btn-big {
	width: 175px
}

.comment-module {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-bottom: 20px;
	width: 100%
}

.comment-module.comment-module-drawer .tabbed-view {
	padding: 0
}

.comment-module.comment-module-drawer .tabbed-view .comments-area .comment-button {
	margin-bottom: 0px;
	min-width: auto !important
}

.comment-module.comment-module-drawer .tabbed-view .comments-area .comment-button.btn-big {
	padding: 4px 10px
}

.comment-module.comment-module-drawer .tabbed-view .comments-area .comment-button.btn-big .sg-chat {
	width: 20px;
	height: 20px;
	font-size: 20px;
	margin: 0
}

.comment-module.comment-module-drawer .tabbed-view .comments-area .comment-button .spinner {
	top: 10px !important
}

.comment-module.comment-module-drawer .tabbed-view .comments-area .comment-list {
	margin-top: 5px
}

.comment-module.comment-module-drawer .tabbed-view .comments-area .comment-button-group .comment-button {
	min-width: auto !important;
	padding-top: 0;
	padding-bottom: 0;
	margin-right: 5px
}

.comment-module.comment-module-drawer .tabbed-view .comments-area .comment-button-group .comment-button .spinner {
	top: 10px !important
}

.comment-module.comment-module-drawer .badge .trigger-unit-tooltip {
	width: 190px
}

.comment-module.comment-module-drawer .people-replied .circle-small .circle-small-thumb img {
	margin: 0px
}

.comment-module.comment-module-drawer .people-replied .circle-small .trigger-unit-tooltip {
	width: 190px
}

.comment-module.comment-module-drawer .people-replied .circle-small .trigger-unit-tooltip .tooltip-info .circle-drawer img {
	margin: 0px
}

.comment-module.comment-module-drawer .inline-modal.comment-modal .overlay .modal .body .sg-icon {
	margin-top: -10px
}

.comment-module .tabbed-view {
	background: #fff;
	padding: 0 20px 20px
}

.comment-module .tabbed-view .tabs {
	margin-bottom: 20px
}

.comment-module .tabbed-view .tabs #him {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 49.75%;
	height: 45px;
	text-align: center;
	padding-top: 15px;
	color: #7A8292;
	position: relative;
	font: 600 14px "lato_trregular", Helvetica, Arial, sans-serif;
	background-color: #ECEFF1;
	margin-right: 1px
}

.comment-module .tabbed-view .tabs #him .badge {
	width: 26px;
	height: 24px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 6px;
	background: #A2ABCA;
	color: #fff;
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif;
	position: absolute;
	right: 0;
	left: 0;
	bottom: auto;
	margin: 19px auto 0;
	line-height: 14px
}

.comment-module .tabbed-view .tabs #him .badge .trigger-unit-tooltip {
	position: absolute;
	left: -82px;
	top: 35px;
	right: auto;
	bottom: auto;
	z-index: 1;
	text-align: center
}

.comment-module .tabbed-view .tabs #him .badge:hover .trigger-unit-tooltip {
	display: block
}

.comment-module .tabbed-view .tabs #him .badge.green {
	background: #3CBC7B !important
}

.comment-module .tabbed-view .tabs #him .badge.red {
	background: #EA6060 !important
}

.comment-module .tabbed-view .tabs #him:last-child {
	margin-right: 0;
	float: right
}

.comment-module .tabbed-view .tabs #him.activeses {
	border-bottom: 5px solid #7A8292
}

.comment-module .tabbed-view .tabs #him-middle i {
	width: 40px;
	height: 40px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
	color: #fff;
	line-height: 40px;
	font-size: 25px;
	padding-top: 3px;
	text-align: center
}

.comment-module .tabbed-view .tabs #him-middle i.green {
	background: #3CBC7B
}

.comment-module .tabbed-view .tabs #him-middle i.red {
	background: #EA6060
}

.comment-module .tabbed-view .tabs #him-middle span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font: 16px "lato_trbold", Helvetica, Arial, sans-serif;
	line-height: 40px
}

.comment-module .tabbed-view .tabs #him-middle .badge {
	width: 26px;
	height: 24px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 4px;
	background: #A2ABCA;
	color: #fff;
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif
}

.comment-module .tabbed-view .tabs #him-middle .badge .trigger-unit-tooltip {
	position: absolute;
	left: -82px;
	top: 35px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.comment-module .tabbed-view .tabs #him-middle .badge:hover .trigger-unit-tooltip {
	display: block
}

.comment-module .tabbed-view .tabs #him-middle:first-child span:last-child {
	margin-left: 15px
}

.comment-module .tabbed-view .tabs #him-middle:last-child {
	margin-right: 0
}

.comment-module .tabbed-view .tabs #him-middle.activeses {
	border-bottom: 5px solid #7A8292
}

.comment-module .tabbed-view .people li.hover {
	background-color: transparent
}

.comment-module .tabbed-view .comments-area {
	margin: 20px 0 0 0;
	font-size: 14px
}

.comment-module .tabbed-view .comments-area .comment-button-group .comment-button.trash {
	margin-right: 0;
	text-align: center
}

.comment-module .tabbed-view .comments-area .comment-button-group .comment-button.btn-medium {
	padding: 0 10px;
	min-width: 100px
}

.comment-module .tabbed-view .comments-area .comment-button-group .comment-button:last-child {
	margin-right: 0 !important
}

.comment-module .tabbed-view .comments-area .comment-button-group .comment-button .spinner {
	top: 10px !important
}

.comment-module .tabbed-view .comments-area .comment-button-group .comment-complain-button {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-right: 10px
}

.comment-module .tabbed-view .comments-area .comment-button-group .comment-complain-button.active {
	color: rgba(234, 96, 96, 0.6)
}

.comment-module .tabbed-view .comments-area .comment-attachment-group .comment-button {
	padding: 0 10px
}

.comment-module .tabbed-view .comments-area .comment-button {
	border: 1px solid #D6D9DE;
	margin-right: 10px;
	color: #7A8292;
	text-align: left;
	position: relative
}

.comment-module .tabbed-view .comments-area .comment-button .sg-icon {
	width: 20px;
	height: 20px;
	font-size: 16px;
	margin-top: 2px;
	margin-bottom: 1px
}

.comment-module .tabbed-view .comments-area .comment-button .spinner {
	top: 10px !important
}

.comment-module .tabbed-view .comments-area .comment-button span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.comment-module .tabbed-view .comments-area .comment-button span.comment-button-count {
	font: 9px "lato_trbold", Helvetica, Arial, sans-serif;
	min-width: 15px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -5px
}

.comment-module .tabbed-view .comments-area .comment-button span.comment-button-text-with-count {
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif
}

.comment-module .tabbed-view .comments-area .comment-button span.comment-button-text {
	padding: 0 10px;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif
}

.comment-module .tabbed-view .comments-area .comment-button span.tooltip-area {
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0
}

.comment-module .tabbed-view .comments-area .comment-button.like.active {
	color: #3CBC7B
}

.comment-module .tabbed-view .comments-area .comment-button.dislike.active {
	color: #EA6060
}

.comment-module .tabbed-view .comments-area .comment-button.comment-button-cancel {
	padding: 0 !important;
	border: 0px;
	min-width: auto !important;
	text-align: center;
	margin: 0px !important;
	background: transparent !important
}

.comment-module .tabbed-view .comments-area .comment-button.comment-button-cancel span.comment-button-text {
	margin: 0px !important
}

.comment-module .tabbed-view .comments-area .comment-button.send {
	margin-right: 0
}

.comment-module .tabbed-view .comments-area .comment-button.green {
	color: #fff
}

.comment-module .tabbed-view .comments-area .comment-button.btn-big {
	padding: 5px 10px
}

.comment-module .tabbed-view .comments-area .comment-button.btn-big .sg-icon {
	width: 25px;
	height: 25px;
	font-size: 23px
}

.comment-module .tabbed-view .comments-area .comment-button.btn-big .comment-button-text {
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif
}

.comment-module .tabbed-view .comments-area .comment-button.disabled span {
	padding: 0 10px
}

.comment-module .tabbed-view .comments-area .comment-button.disabled .trigger-unit-tooltip {
	position: absolute;
	left: 0;
	top: 30px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 130px
}

.comment-module .tabbed-view .comments-area .comment-button-cancel span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.comment-module .tabbed-view .comments-area .comment-button-cancel span.comment-button-count {
	font: 9px "lato_trbold", Helvetica, Arial, sans-serif
}

.comment-module .tabbed-view .comments-area .comment-button-cancel span.comment-button-text {
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	padding: 0 10px;
	margin-top: 10px
}

.comment-module .tabbed-view .comments-area .tab-spinner {
	margin: 15% auto
}

.comment-module .tabbed-view .comments-area .comment-list {
	margin-top: 50px
}

.comment-module .tabbed-view .comments-area .comment-list li {
	border-top: #D6D9DE 1px solid;
	border-bottom: #D6D9DE 1px solid;
	padding: 20px;
	margin: 0 0 -1px 0;
	position: relative
}

.comment-module .tabbed-view .comments-area .comment-list li h4 {
	padding: 0px;
	margin: 0px
}

.comment-module .tabbed-view .comments-area .comment-list li.replyActive,
.comment-module .tabbed-view .comments-area .comment-list li.editActive {
	background: #F5F7F9
}

.comment-module .tabbed-view .comments-area .comment-list li.replyActive .reply,
.comment-module .tabbed-view .comments-area .comment-list li.editActive .reply {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	background: #D6D9DE
}

.comment-module .tabbed-view .comments-area .comment-list li.mobilActive {
	background: #F5F7F9
}

.comment-module .tabbed-view .comments-area .comment-list li.mobilActive .mobil-buttons .comment-mobil-menu {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.comment-module .tabbed-view .comments-area .comment-list li.transparent {
	background: transparent !important
}

.comment-module .tabbed-view .comments-area .comment-list li:before,
.comment-module .tabbed-view .comments-area .comment-list li:after {
	display: none
}

.comment-module .tabbed-view .comments-area .comment-list li .circle {
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	width: 60px;
	height: 60px;
	overflow: hidden;
	background: #7A8292;
	display: block;
	margin: auto
}

.comment-module .tabbed-view .comments-area .comment-list li .circle img {
	width: 100%;
	height: 100%;
	margin: 0
}

.comment-module .tabbed-view .comments-area .comment-list li .people-replied {
	margin-top: 15px
}

.comment-module .tabbed-view .comments-area .comment-list li .people-replied .circle-small {
	position: relative
}

.comment-module .tabbed-view .comments-area .comment-list li .people-replied .circle-small .circle-small-thumb {
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	border: #fff 3px solid;
	margin: 0 -7px;
	overflow: hidden
}

.comment-module .tabbed-view .comments-area .comment-list li .people-replied .circle-small .circle-small-thumb img {
	width: 100%;
	height: 100%;
	margin: 0px
}

.comment-module .tabbed-view .comments-area .comment-list li .people-replied .circle-small:hover .circle-small-thumb {
	border: #A2ABCA 3px solid !important
}

.comment-module .tabbed-view .comments-area .comment-list li .people-replied .circle-small:hover .trigger-unit-tooltip {
	position: absolute;
	left: -102px;
	top: 30px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 215px;
	display: block
}

.comment-module .tabbed-view .comments-area .comment-list li .people-replied .circle-small:hover .trigger-unit-tooltip:after,
.comment-module .tabbed-view .comments-area .comment-list li .people-replied .circle-small:hover .trigger-unit-tooltip:before {
	margin-left: -8px
}

.comment-module .tabbed-view .comments-area .comment-list li .people-replied .circle-small:hover .trigger-unit-tooltip .tooltip-info .circle {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0
}

.comment-module .tabbed-view .comments-area .comment-list li .people-replied .circle-small:hover .trigger-unit-tooltip .tooltip-info .tooltip-info-text {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: calc(100% - 70px);
	height: auto
}

.comment-module .tabbed-view .comments-area .comment-list li .people-replied .circle-small:hover .trigger-unit-tooltip .tooltip-info .tooltip-info-text p {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0
}

.comment-module .tabbed-view .comments-area .comment-list li .people-replied .people-replied-count {
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	display: block;
	margin-top: 5px
}

.comment-module .tabbed-view .comments-area .comment-list li .people-replied .people-replied-list {
	margin-top: 10px
}

.comment-module .tabbed-view .comments-area .comment-list li .people-replied .people-replied-list.open .edit-buttons {
	display: none
}

.comment-module .tabbed-view .comments-area .comment-list li .people-replied .people-replied-list.open>ul li:hover .edit-buttons {
	display: block
}

.comment-module .tabbed-view .comments-area .comment-list li .people-replied .people-replied-list.open .show-more-reply {
	text-transform: lowercase
}

.comment-module .tabbed-view .comments-area .comment-list li .people-replied .people-replied-list ul li {
	padding: 20px 0
}

.comment-module .tabbed-view .comments-area .comment-list li .people-replied .people-replied-list .circle {
	width: 40px;
	height: 40px
}

.comment-module .tabbed-view .comments-area .comment-list li .people-replied .people-replied-list .date-replied {
	position: absolute;
	right: 0;
	top: 0;
	left: auto;
	bottom: auto;
	z-index: 1;
	margin-top: -20px;
	float: right;
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.comment-module .tabbed-view .comments-area .comment-list li .people-voted {
	font: 10px "lato_trregular", Helvetica, Arial, sans-serif;
	margin-top: 5px;
	color: #A2ABCA
}

.comment-module .tabbed-view .comments-area .comment-list li .date {
	font: 10px "lato_trregular", Helvetica, Arial, sans-serif
}

.comment-module .tabbed-view .comments-area .comment-list li .body {
	display: block;
	margin: 15px 0
}

.comment-module .tabbed-view .comments-area .comment-list li .explanation-text .explanation-text-editing {
	width: 100%;
	margin: 15px 0;
	min-height: 50px
}

.comment-module .tabbed-view .comments-area .comment-list li .explanation-text .body.editing .edit-comment .explanation-text-editing {
	margin: 5px 0 0 0
}

.comment-module .tabbed-view .comments-area .comment-list li .explanation-text .body.editing .edit-comment .explanation-text-editing .row {
	margin: 0 !important
}

.comment-module .tabbed-view .comments-area .comment-list li .edit-buttons,
.comment-module .tabbed-view .comments-area .comment-list li .reply {
	display: none
}

.comment-module .tabbed-view .comments-area .comment-list li:hover {
	background: #F5F7F9
}

.comment-module .tabbed-view .comments-area .comment-list li:hover .edit-buttons,
.comment-module .tabbed-view .comments-area .comment-list li:hover .reply {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.comment-module .tabbed-view .comments-area .comment-list li:hover .circle-small-thumb {
	border: #F5F7F9 3px solid !important
}

.comment-module .tabbed-view .comments-area .comment-list li:hover.transparent {
	background: #F5F7F9 !important
}

.comment-module .tabbed-view .comments-area .comment-list li .reply-area,
.comment-module .tabbed-view .comments-area .comment-list li .editing {
	margin-top: 15px
}

.comment-module .tabbed-view .comments-area .comment-list li .reply-area textarea,
.comment-module .tabbed-view .comments-area .comment-list li .editing textarea {
	height: auto;
	min-height: 55px
}

.comment-module .tabbed-view .comments-area .comment-list li .reply-area .comment-attachment-group,
.comment-module .tabbed-view .comments-area .comment-list li .editing .comment-attachment-group {
	margin-bottom: 0px
}

.comment-module .tabbed-view .comments-area .comment-list li .reply-area .comment-attachment-group .comment-button span i,
.comment-module .tabbed-view .comments-area .comment-list li .editing .comment-attachment-group .comment-button span i {
	font-size: 16px
}

.comment-module .tabbed-view .comments-area .comment-list li .reply-area .comment-attachment-group .comment-button span.comment-button-text,
.comment-module .tabbed-view .comments-area .comment-list li .editing .comment-attachment-group .comment-button span.comment-button-text {
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif
}

.comment-module .tabbed-view .comments-area .comment-list li .reply-area .comment-attachment-group .comment-button .spinner,
.comment-module .tabbed-view .comments-area .comment-list li .editing .comment-attachment-group .comment-button .spinner {
	top: 10px !important
}

.comment-module .tabbed-view .comments-area .comment-list li .reply-area .comment-button-cancel .comment-button-text,
.comment-module .tabbed-view .comments-area .comment-list li .editing .comment-button-cancel .comment-button-text {
	margin-top: 0px
}

.comment-module .tabbed-view .comments-area .comment-list li .reply-area .btn,
.comment-module .tabbed-view .comments-area .comment-list li .editing .btn {
	padding: 0 10px;
	min-width: 100px
}

.comment-module .tabbed-view .comments-area .comment-list li .reply-area .comment-file,
.comment-module .tabbed-view .comments-area .comment-list li .editing .comment-file {
	border-bottom: 0px
}

.comment-module .tabbed-view .comments-area .comment-list li:last-child {
	border-bottom: 0px
}

.comment-module .tabbed-view .comments-area .explanation-text-editing .comment-file {
	border: 0;
	padding: 0 8px
}

.comment-module .tabbed-view .comments-area .explanation-text-editing .comment-file .comment-file-list .comment-file-thumb {
	background: #fff
}

.comment-module .tabbed-view .comments-area .explanation-text-editing .text-lg-right .inner {
	left: -18px !important
}

.comment-module .tabbed-view .comments-area .explanation-text-editing .text-lg-right .inner:after {
	position: absolute;
	right: 50%;
	bottom: -15px;
	left: auto;
	top: auto;
	z-index: 1;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 100px;
	content: "";
	border: 8px solid transparent;
	border-top: 8px solid #7A8292
}

.comment-module .tabbed-view .comments-area .explanation-text-editing .btn-disabled {
	position: relative
}

.comment-module .tabbed-view .comments-area .explanation-text-editing .btn-disabled .inner {
	display: none;
	position: absolute;
	left: 50%;
	bottom: 40px;
	right: auto;
	top: auto;
	z-index: 5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 12px;
	background-color: #7A8292;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff;
	min-width: 260px;
	transform: translate(-50%, 0)
}

.comment-module .tabbed-view .comments-area .explanation-text-editing .btn-disabled .inner:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -15px;
	right: auto;
	top: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-top: 8px solid #7A8292
}

.comment-module .tabbed-view .comments-area .explanation-text-editing .btn-disabled:hover .inner {
	display: block
}

.comment-module .tabbed-view .comments-area .reply-comment textarea {
	max-height: 90px;
	min-height: 38px
}

.comment-module .tabbed-view .comments-area .reply-comment textarea::-moz-placeholder {
	color: #D6D9DE
}

.comment-module .tabbed-view .comments-area .reply-comment textarea::-webkit-input-placeholder {
	color: #D6D9DE
}

.comment-module .tabbed-view .comments-area .reply-comment textarea:-ms-input-placeholder {
	color: #D6D9DE
}

.comment-module .tabbed-view .comments-area .reply-comment textarea::placeholder {
	color: #D6D9DE
}

.comment-module .tabbed-view .comments-area .reply-comment .explanation-text-editing {
	margin-top: 15px;
	min-height: 50px
}

.comment-module .tabbed-view .comments-area .comment-saving {
	height: 140px;
	padding-top: 70px
}

.comment-module .tabbed-view .comments-area .comments-area-result {
	margin: 25px 0
}

.comment-module .tabbed-view .comments-area .comments-area-result strong {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin: 0
}

.comment-module .tabbed-view .comments-area textarea {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fff;
	margin-bottom: 10px
}

.comment-module .dropdown {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 120px;
	height: auto;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	position: relative;
	border: 1px solid #D6D9DE;
	background: #fff
}

.comment-module .dropdown .value {
	width: 120px;
	height: auto;
	padding-top: 5px;
	padding-right: 35px;
	padding-bottom: 5px;
	padding-left: 15px;
	display: block;
	cursor: pointer;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.comment-module .dropdown .value:before {
	position: absolute;
	right: 12px;
	top: 4px;
	left: auto;
	bottom: auto;
	z-index: 1;
	content: "\F501";
	font: 14px "SSGizmo";
	color: #A2ABCA
}

.comment-module .dropdown ul.comment-mobil-menu-ddl-items {
	position: absolute;
	right: 0;
	top: 35px;
	left: auto;
	bottom: auto;
	z-index: 5;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 120px;
	height: auto;
	padding: 5px 0;
	background: #fff;
	border: 1px solid #D6D9DE;
	white-space: nowrap;
	margin: 0
}

.comment-module .dropdown ul.comment-mobil-menu-ddl-items:after,
.comment-module .dropdown ul.comment-mobil-menu-ddl-items:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 50%;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	margin-top: 0;
	margin-right: -10px;
	margin-bottom: 0;
	margin-left: 0;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.comment-module .dropdown ul.comment-mobil-menu-ddl-items:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.comment-module .dropdown ul.comment-mobil-menu-ddl-items>li.ddl-items {
	text-align: left;
	padding: 0 !important;
	margin: 0 !important;
	border: 0
}

.comment-module .dropdown ul.comment-mobil-menu-ddl-items>li.ddl-items:after,
.comment-module .dropdown ul.comment-mobil-menu-ddl-items>li.ddl-items:before {
	background: #fff
}

.comment-module .dropdown ul.comment-mobil-menu-ddl-items>li.ddl-items.ddl-comment-complain a {
	color: #EA6060
}

.comment-module .dropdown ul.comment-mobil-menu-ddl-items>li.ddl-items.ddl-comment-complain a:hover {
	background: transparent;
	color: #EA6060
}

.comment-module .dropdown ul.comment-mobil-menu-ddl-items>li.ddl-items.ddl-comment-complain:hover {
	background: transparent;
	color: #EA6060
}

.comment-module .dropdown ul.comment-mobil-menu-ddl-items>li.ddl-items a {
	display: block;
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292;
	padding: 5px 15px
}

.comment-module .dropdown ul.comment-mobil-menu-ddl-items>li.ddl-items a .sg-icon {
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0
}

.comment-module .dropdown ul.comment-mobil-menu-ddl-items>li.ddl-items a:hover {
	background: #7A8292;
	color: #fff
}

.comment-module .dropdown ul.comment-mobil-menu-ddl-items>li.ddl-items button {
	border: 0;
	margin: 0;
	padding: 0 10px !important;
	display: block;
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292;
	min-width: auto
}

.comment-module .dropdown:hover:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -15px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 100%;
	height: 25px
}

.comment-module .animated-button {
	position: relative;
	-webkit-animation: animate-center-to-right 1s 1;
	animation: animate-center-to-right 1s 1;
	animation-fill-mode: forwards;
	float: right
}

@keyframes animate-center-to-right {
	0% {
		background-color: #ECEFF1;
		color: #A2ABCA;
		left: -200px
	}
	50% {
		background-color: #ECEFF1;
		color: #A2ABCA;
		left: 0
	}
	100% {
		background-color: #3CBC7B;
		color: #fff;
		left: 0
	}
}

@keyframes fade-in {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

.comment-manager {
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0
}

.comment-manager h4 {
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.comment-manager .comment-manager-count {
	width: 26px;
	height: 26px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	background: #A2ABCA;
	color: #fff;
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif;
	text-align: center;
	line-height: 26px;
	position: relative
}

.comment-manager .comment-manager-count .trigger-unit-tooltip {
	position: absolute;
	right: -82px;
	top: 38px;
	left: auto;
	bottom: auto;
	z-index: 1
}

.comment-manager .comment-manager-count:hover .trigger-unit-tooltip {
	display: block
}

.comment-manager .tab-toltip {
	position: relative;
	width: 230px
}

.comment-manager .tab-toltip:hover .trigger-unit-tooltip {
	display: block
}

.no-manager {
	margin-bottom: -20px
}

.no-manager .detail {
	position: inherit !important;
	float: inherit !important;
	width: auto !important;
	min-height: auto !important;
	margin: 0 !important
}

.no-manager .detail .manager-date {
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif
}

.comment-file {
	border-bottom: #D6D9DE 1px solid;
	width: 100%
}

.comment-file .comment-file-list {
	margin-bottom: 15px
}

.comment-file .comment-file-list .comment-file-thumb {
	padding: 10px;
	border: 2px dashed #D6D9DE;
	margin-bottom: 15px
}

.comment-file .comment-file-list .comment-file-thumb .comment-file-thumb-bg {
	position: relative;
	background: #D6D9DE;
	word-break: break-word;
	word-wrap: break-word
}

.comment-file .comment-file-list .comment-file-thumb .comment-file-thumb-bg .mask {
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 2;
	width: 100%;
	height: 100%
}

.comment-file .comment-file-list .comment-file-thumb .comment-file-thumb-bg img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
	margin: 0px
}

.comment-file .comment-file-list .comment-file-thumb .comment-file-thumb-bg iframe {
	width: 100%;
	object-fit: fill;
	display: block
}

.comment-file .comment-file-list .comment-file-thumb .comment-file-thumb-bg.thumb-bg-transparent {
	background: transparent
}

.comment-file .comment-file-list .comment-file-thumb .comment-file-thumb-bg.thumb-bg-transparent img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	background: #D6D9DE
}

.comment-file .comment-file-list .comment-file-thumb .comment-file-thumb-bg.typeIcon {
	padding: 10px
}

.comment-file .comment-file-list .comment-file-thumb .comment-file-thumb-bg.typeIcon a {
	color: #7A8292
}

.comment-file .comment-file-list .comment-file-thumb .comment-file-thumb-bg.typeIcon .sg-icon {
	font-size: 24px;
	display: block
}

.comment-file .comment-file-list .comment-file-thumb .comment-file-thumb-bg.typeIcon .sg-icon.success {
	color: #3CBC7B
}

.comment-file .comment-file-list .comment-file-thumb .comment-file-thumb-bg.typeIcon .sg-icon.danger {
	color: #EA6060
}

.comment-file .comment-file-list .comment-file-thumb .comment-file-thumb-bg.typeIcon .sg-icon.warning {
	color: #EAB160
}

.comment-file .comment-file-list .comment-file-thumb .comment-file-thumb-bg.typeIcon .sg-icon.primary {
	color: #419FE5
}

.comment-file .comment-file-list .comment-file-thumb .comment-file-thumb-bg.typeIcon .sg-icon.aqua {
	color: #44B4E3
}

.comment-file .comment-file-list .comment-file-thumb .comment-file-thumb-bg.typeIcon .sg-icon.default {
	color: #7A8292
}

.comment-file .comment-file-list .comment-file-thumb .comment-file-thumb-bg.typeIcon .attachment-name {
	word-break: break-word;
	word-wrap: break-word;
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	display: block
}

.comment-file .comment-file-list .comment-file-thumb .comment-file-thumb-bg.typeIcon .attachment-name .trigger-unit-tooltip {
	position: absolute;
	left: 50%;
	top: 100%;
	right: auto;
	bottom: auto;
	z-index: 1;
	transform: translate(-50%, 0);
	width: 100%;
	text-align: center
}

.comment-file .comment-file-list .comment-file-thumb .comment-file-thumb-bg.fix-video iframe {
	height: 85px !important
}

.comment-file .comment-file-list .comment-file-thumb .comment-file-thumb-bg:hover .trigger-unit-tooltip {
	display: block
}

.comment-file .comment-file-list .comment-file-remove {
	display: block;
	margin: 15px 0 0 0;
	color: #7A8292;
	font-size: 14px
}

.comment-file .comment-file-list .comment-file-remove span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.comment-file.any-file {
	margin-top: 15px;
	border-bottom: 0px
}

.comment-file.any-file .comment-file-list .comment-file-thumb {
	padding: 0;
	border: 0;
	margin: 0
}

.upload-progressbar {
	width: 100%;
	height: 5px;
	margin-bottom: 5px
}

.uploaded-part {
	height: 5px;
	background-color: #3CBC7B
}

html.gecko .comment-module .tabbed-view .comments-area .comment-button span.comment-button-text {
	padding-top: 4px
}

.mobileButtonsActiveForComment .dropdown ul.comment-mobil-menu-ddl-items>li.ddl-items {
	margin-bottom: 2px !important
}

.mobileButtonsActiveForComment .dropdown ul.comment-mobil-menu-ddl-items>li.ddl-items button {
	margin: auto;
	width: calc(100% - 10px)
}

.mobileButtonsActiveForComment .dropdown ul.comment-mobil-menu-ddl-items>li.ddl-items button .trigger-unit-tooltip {
	width: 100% !important;
	white-space: normal
}

.visibleOnMobile {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.trigger-unit-tooltip {
	background: #A2ABCA !important;
	padding-top: 10px;
	padding-bottom: 10px;
	word-break: break-word;
	word-wrap: break-word
}

.trigger-unit-tooltip:after,
.trigger-unit-tooltip:before {
	border-bottom: 8px solid #A2ABCA !important
}

.activity-approval {
	*zoom: 1;
	background-color: #fff;
	padding: 20px;
	position: relative
}

.activity-approval:after {
	content: "";
	display: table;
	clear: both
}

.activity-approval .row {
	margin-right: -.5rem;
	margin-left: -0.5rem
}

.activity-approval .select2-container--lms {
	width: 100% !important
}

.activity-approval .select2-container--lms:focus {
	border-color: #D6D9DE
}

.activity-approval .select2-selection--single {
	background: #fff;
	width: 100% !important
}

.activity-approval .select2-selection--single:focus {
	border-color: #D6D9DE
}

.activity-approval .activity-approval-title {
	*zoom: 1;
	padding: 0 20px 20px;
	margin: 0 -20px 20px;
	border-bottom: 1px solid #D6D9DE
}

.activity-approval .activity-approval-title:after {
	content: "";
	display: table;
	clear: both
}

.activity-approval .activity-approval-title h3 {
	font-size: 22px
}

.activity-approval .activity-approval-search {
	background: #ECEFF1;
	padding: 20px
}

.activity-approval .activity-approval-search .activity-approval-search-line {
	display: inline-block;
	margin-bottom: 10px;
	width: 100%
}

.activity-approval .activity-approval-search .activity-approval-search-line .align-clear-btn,
.activity-approval .activity-approval-search .activity-approval-search-line .align-filter-btn {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.activity-approval .activity-approval-search .activity-approval-search-line .search-holder {
	position: relative
}

.activity-approval .activity-approval-search .activity-approval-search-line .search-holder input[type="text"] {
	width: 100%;
	height: 37px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 35px;
	border: 1px solid #D6D9DE;
	color: #7A8292;
	background: #fff
}

.activity-approval .activity-approval-search .activity-approval-search-line .search-holder:after {
	content: "\1F50E";
	position: absolute;
	left: 15px;
	top: 5px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 24px "SSGizmo";
	color: #A2ABCA;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.activity-approval .activity-approval-search .activity-approval-search-line .date-picker {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 48%
}

.activity-approval .activity-approval-search .activity-approval-search-line .date-picker.to-right {
	float: right
}

.activity-approval .activity-approval-search .activity-approval-search-line .date-picker .form-item {
	margin-bottom: 0px;
	border: 1px solid #D6D9DE;
	color: #7A8292;
	background: #fff;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	height: 35px
}

.activity-approval .activity-approval-search .activity-approval-search-line .date-picker .form-item input {
	border: 0px;
	height: 35px;
	color: #7A8292;
	padding: 0 15px
}

.activity-approval .activity-approval-search .activity-approval-search-line .date-picker-line {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 2%;
	text-align: center
}

.activity-approval .activity-approval-search .activity-approval-search-line .line-spacer label {
	margin-bottom: 0px
}

.activity-approval .activity-approval-search .activity-approval-search-line .process-area {
	line-height: 37px;
	text-align: right
}

.activity-approval .activity-approval-search .activity-approval-search-line:last-child {
	margin: 0
}

.activity-approval .activity-approval-search .select2 .selection .select2-selection.select2-selection--single {
	background: #fff;
	width: 100% !important
}

.activity-approval .activity-approval-search .select2.select2-container--lms {
	width: 100% !important;
	margin-left: 0px
}

.activity-approval .activity-approval-actions {
	margin: 20px 0;
	padding: 0 20px
}

.activity-approval .activity-approval-actions .export-option-area {
	padding: 8px 15px 5px 15px;
	border: 1px solid #D6D9DE;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	color: #7A8292;
	background: #fff;
	float: right;
	position: relative;
	width: auto;
	height: auto
}

.activity-approval .activity-approval-actions .export-option-area .transfer-options {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.activity-approval .activity-approval-actions .export-option-area .transfer-options .sg-icon {
	font-size: 16px;
	margin-right: 5px;
	position: relative;
	width: 16px;
	height: 16px
}

.activity-approval .activity-approval-actions .export-option-area .transfer-options .sg-icon:before {
	width: 16px;
	height: 16px;
	position: absolute;
	left: 0;
	top: -3px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.activity-approval .activity-approval-actions .export-option-area .transfer-text {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif
}

.activity-approval .activity-approval-actions .export-option-area:hover:after {
	content: "";
	position: absolute;
	left: -25px;
	bottom: -12px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 67px;
	height: 25px
}

.activity-approval .activity-approval-actions .export-option-area:hover .options-area {
	display: block
}

.activity-approval .activity-approval-actions .export-option-area .options-area {
	display: none;
	position: absolute;
	right: -45px;
	top: 40px;
	left: auto;
	bottom: auto;
	z-index: 5;
	width: 200px;
	max-width: 200px;
	min-height: 90px;
	padding: 10px 0 !important;
	background-color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #D6D9DE;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08)
}

.activity-approval .activity-approval-actions .export-option-area .options-area:after,
.activity-approval .activity-approval-actions .export-option-area .options-area:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 85px;
	top: -15px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.activity-approval .activity-approval-actions .export-option-area .options-area:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.activity-approval .activity-approval-actions .export-option-area .options-area h6 {
	padding: 5px 15px 10px;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.activity-approval .activity-approval-actions .export-option-area .options-area a {
	display: block;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 12px;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.activity-approval .activity-approval-actions .export-option-area .options-area a .sg-icon {
	height: 20px;
	margin-right: 10px;
	font-size: 22px;
	line-height: 22px;
	color: #A2ABCA
}

.activity-approval .activity-approval-actions .export-option-area .options-area a:hover {
	background-color: #D6D9DE
}

.activity-approval .activity-approval-result {
	font: 14px "lato_trregular", Helvetica, Arial, sans-serif
}

.activity-approval .activity-approval-result p {
	display: block
}

.activity-approval .activity-approval-result p strong {
	font-size: 16px
}

.activity-approval .activity-approval-sort {
	width: 100%;
	margin: 40px 0 0 0;
	padding: 10px;
	border-bottom: 1px solid #D6D9DE
}

.activity-approval .activity-approval-sort .activity-approval-name span a span:nth-child(1) {
	margin-left: 10px
}

.activity-approval .activity-approval-sort .activity-approval-name span a span:nth-child(2) {
	margin-left: 95px
}

.activity-approval .activity-approval-sort .activity-approval-start-date span span:nth-child(1) {
	width: 50px
}

.activity-approval .activity-approval-sort .activity-approval-start-date span:nth-child(2) {
	margin-left: 60px
}

.activity-approval .activity-approval-sort .activity-approval-end-date span span:nth-child(1) {
	width: 50px
}

.activity-approval .activity-approval-sort .activity-approval-end-date span span:nth-child(2) {
	margin-left: 35px
}

.activity-approval .activity-approval-sort .activity-approval-added-date span span:nth-child(1) {
	width: 50px
}

.activity-approval .activity-approval-sort .activity-approval-added-date span:nth-child(2) {
	margin-left: 50px
}

.activity-approval .activity-approval-sort .activity-approval-added-reason span:nth-child(2) {
	margin-left: 95px
}

.activity-approval .activity-approval-sort .activity-approval-status span:nth-child(2) {
	margin-left: 50px
}

.activity-approval .activity-approval-sort .activity-approval-last-process span span:nth-child(1) {
	width: 60px
}

.activity-approval .activity-approval-sort span {
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	height: 30px;
	vertical-align: top;
	display: block
}

.activity-approval .activity-approval-sort span a i {
	position: absolute;
	color: #D6D9DE
}

.activity-approval .activity-approval-sort span a i.sg-navigateup:before {
	width: 11px;
	height: 11px;
	position: absolute;
	left: 5px;
	top: -9px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.activity-approval .activity-approval-sort span a i.sg-navigatedown:before {
	width: 11px;
	height: 11px;
	position: absolute;
	left: 5px;
	bottom: -9px;
	right: auto;
	top: auto;
	z-index: 1
}

.activity-approval .activity-approval-sort span a i.active {
	color: #4A485B
}

.activity-approval .activity-approval-sort span a i.active.sg-navigateup:before,
.activity-approval .activity-approval-sort span a i.active.sg-navigatedown:before {
	font-weight: bold
}

.activity-approval .activity-approval-sort span a:hover span:first-child,
.activity-approval .activity-approval-sort span a.active span:first-child {
	color: #4A485B
}

.activity-approval .activity-approval-sort span a:hover,
.activity-approval .activity-approval-sort span a.active {
	color: #4A485B
}

.activity-approval .activity-approval-sort span:nth-child(2) {
	margin-top: -22px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 55px;
	display: block
}

.activity-approval .activity-approval-list {
	width: 100%
}

.activity-approval .activity-approval-list .activity-approval-list-line {
	border-bottom: 1px solid #D6D9DE;
	padding: 20px 0;
	margin: 0 0 -1px 0;
	font-size: 14px
}

.activity-approval .activity-approval-list .activity-approval-list-line:last-child {
	margin-bottom: 20px
}

.activity-approval .activity-approval-list .activity-approval-list-line .no-time {
	width: 14px;
	height: 2px;
	background: #7A8292;
	display: block
}

.activity-approval .activity-approval-list .activity-approval-list-line:hover {
	background: #F5F7F9
}

.activity-approval .activity-approval-list .activity-approval-list-line h5 {
	font: 600 14px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #4A485B;
	word-break: break-word;
	word-wrap: break-word
}

.activity-approval .activity-approval-list .activity-approval-list-line .activity-name span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.activity-approval .activity-approval-list .activity-approval-list-line .activity-name span.activity-name-thumb {
	width: 50px;
	height: 50px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 10px;
	background: #7A8292
}

.activity-approval .activity-approval-list .activity-approval-list-line .activity-name span.activity-name-thumb img {
	width: 100%;
	height: 100%
}

.activity-approval .activity-approval-list .activity-approval-list-line .activity-name span.activity-name-text {
	width: calc(100% - 75px)
}

.activity-approval .activity-approval-list .activity-approval-list-line .added-reason {
	word-break: break-word;
	word-wrap: break-word
}

.activity-approval .activity-approval-list .activity-approval-list-line .added-reason span {
	display: block
}

.activity-approval .activity-approval-list .activity-approval-list-line .status span {
	display: block
}

.activity-approval .activity-approval-list .activity-approval-list-line .status span.waiting {
	color: #44B4E3
}

.activity-approval .activity-approval-list .activity-approval-list-line .status span.name {
	font-weight: 600;
	color: #A2ABCA
}

.activity-approval .activity-approval-list .activity-approval-list-line .status span.name-sub {
	color: #A2ABCA
}

.activity-approval .activity-approval-list .activity-approval-list-line .status span.success {
	color: #3CBC7B
}

.activity-approval .activity-approval-list .activity-approval-list-line .status span.failed {
	color: #EA6060
}

.activity-approval .activity-approval-list .activity-approval-list-line .last-process span {
	display: block;
	margin-bottom: 5px
}

.activity-approval .activity-approval-list .activity-approval-list-line .action a {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	font: 14px "lato_trregular", Helvetica, Arial, sans-serif;
	display: block;
	background: #7A8292;
	color: #fff;
	text-align: center;
	padding: 8px 10px 6px 10px;
	width: 65px
}

.activity-approval .activity-approval-list .activity-approval-list-line .action a:hover {
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.activity-approval .pagination {
	margin: 0
}

.activity-approval .null {
	padding: 20px;
	text-align: center
}

.activity-approval .null .sg-mug {
	font-size: 118px;
	color: #ECEFF1
}

.activity-approval .null .info {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 35px;
	text-align: left
}

.activity-approval .null h5 {
	margin-bottom: 5px;
	font: 16px "lato_trblack", Helvetica, Arial, sans-serif
}

.activity-approval .null p {
	font-size: 13px;
	color: #7A8292
}

.activity-approval .null p .sg-icon {
	font-size: 16px
}

.request-box h4 {
	padding: 0 !important
}

.request-box h4 a {
	display: block;
	color: #7A8292;
	padding: 20px;
	font-size: 15px
}

.request-box h4 a span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-box h4 a span.request-box-text {
	width: 218px
}

.request-box h4 a span.request-box-number {
	background: #A2ABCA;
	text-align: center;
	color: #fff;
	line-height: 30px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 30px;
	height: 30px
}

.request-box h4 a span.request-box-number.count-over {
	font-size: 14px;
	position: absolute;
	right: 15px;
	top: 15px;
	left: auto;
	bottom: auto;
	z-index: 1
}

.request-box h4 a.active {
	background: #7A8292;
	color: #fff
}

body.en .request-form-detail .request-table-data.catalog-request.formAdmin .request-table-data-sort .row-catalog.catalog-request-date {
	vertical-align: top
}

body.en .request-form-detail .request-table-data.catalog-request.formAdmin .request-table-data-sort .row-catalog.catalog-request-date a span:last-child {
	margin: -17px 0 0 50px
}

body.en .request-form-detail .request-table-data.free-request.formAdmin .request-table-data-sort .row-free.free-request-date {
	vertical-align: top
}

body.en .request-form-detail .request-table-data.free-request.formAdmin .request-table-data-sort .row-free.free-request-date a span:last-child {
	margin: -17px 0 0 50px
}

body.en .request-form-detail .request-table-data .request-table-data-sort .row.start-date a span:last-child {
	margin: -5px 0 0 65px
}

body.en .request-form-detail .request-table-data .request-table-data-sort .row.end-date a span:last-child {
	margin: -5px 0 0 55px
}

body.en .request-form-detail .request-table-data .request-table-data-sort .row.request-date a span:last-child {
	margin: -17px 0 0 50px
}

.request-form-detail {
	width: 100%;
	padding: 20px;
	font-size: 14px
}

.request-form-detail .select2-container--lms {
	width: 100% !important
}

.request-form-detail .select2-container--lms:focus {
	border-color: #D6D9DE
}

.request-form-detail .select2-selection--single {
	background: #fff;
	width: 100% !important
}

.request-form-detail .select2-selection--single:focus {
	border-color: #D6D9DE
}

.request-form-detail .request-form-title {
	padding-bottom: 25px
}

.request-form-detail .request-form-title .request-form-title-left {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-form-title .request-form-title-right {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	float: right
}

.request-form-detail .overlay-spinner {
	background-color: rgba(56, 53, 74, 0.15);
	position: absolute
}

.request-form-detail .overlay-spinner.spinner .spinner {
	margin-top: 30%
}

.request-form-detail .overlay-spinner.spinner .spinner>div>div {
	background: #fff !important
}

.request-form-detail .to-right {
	margin-right: 5px
}

.request-form-detail .to-right .excel-area {
	right: 0px;
	top: 45px
}

.request-form-detail .to-right .excel-area:after,
.request-form-detail .to-right .excel-area:before {
	right: 95px
}

.request-form-detail .to-left .excel-area {
	left: 0px
}

.request-form-detail .new-request {
	color: #fff !important;
	min-width: 150px;
	font-size: 14px
}

.request-form-detail .new-request:hover {
	background: #3CBC7B;
	background: rgba(60, 188, 123, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.request-form-detail h3 {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	position: relative;
	font-size: 22px
}

.request-form-detail h3.free-request {
	display: block
}

.request-form-detail .back a {
	background-color: #7A8292;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 5px 20px;
	font: 10px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff;
	height: 21px;
	line-height: 12px
}

.request-form-detail .request-form-detail-content {
	width: 100%;
	position: relative;
	*zoom: 1;
	background-color: #fff
}

.request-form-detail .request-form-detail-content:after {
	content: "";
	display: table;
	clear: both
}

.request-form-detail .request-form-detail-content .content-info {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px
}

.request-form-detail .request-form-detail-content .content-info .row-left {
	width: 69%;
	padding-right: 2%;
	margin-right: 2%;
	float: left;
	border-right: 1px solid #D6D9DE
}

.request-form-detail .request-form-detail-content .content-info .row-left span {
	display: block;
	margin: 5px 0 10px 0;
	color: #7A8292
}

.request-form-detail .request-form-detail-content .content-info .row-left span:last-child {
	margin-bottom: 0px
}

.request-form-detail .request-form-detail-content .content-info .row-left span.alert {
	font-size: 13px
}

.request-form-detail .request-form-detail-content .content-info .row-right {
	width: 29%;
	float: right
}

.request-form-detail .request-form-detail-content .content-info .row-right span {
	display: block;
	text-align: center;
	margin: 0px auto 10px;
	max-width: 200px
}

.request-form-detail .request-form-detail-content .content-info .row-right span:last-child {
	margin-bottom: 0px
}

.request-form-detail .request-form-detail-content .content-info .row-right span.detail-status {
	background-color: #fff;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	border: 1px solid #D6D9DE;
	padding: 5px 0;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.request-form-detail .request-form-detail-content .content-info .row-right span.detail-status p {
	font-size: 11px
}

.request-form-detail .request-form-detail-content .content-info .row-right span.date {
	color: #7A8292
}

.request-form-detail .request-form-detail-content .content-info .row-right span>span {
	margin-bottom: 0px
}

.request-form-detail .request-form-detail-content .content-info .row-explanation {
	line-height: 20px;
	font-size: 14px;
	float: left;
	margin: 25px 0 0 0;
	width: 100%
}

.request-form-detail .request-form-detail-content .content-info .row-explanation .explanation-text {
	position: relative;
	overflow: hidden
}

.request-form-detail .request-form-detail-content .content-info .row-explanation .explanation-text.show-height {
	max-height: 100%
}

.request-form-detail .request-form-detail-content .content-info .row-explanation .explanation-text.less-height {
	max-height: 100px
}

.request-form-detail .request-form-detail-content .content-info .row-explanation .explanation-text .backgroundFade {
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	z-index: 1;
	width: 100%;
	padding: 15px 0;
	background-repeat: repeat-y;
    background-image: linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0));
}

.request-form-detail .request-form-detail-content .content-info .row-explanation .explanation-text .readMore.backgroundFadeNone {
	display: none;
	visibility: hidden
}

.request-form-detail .request-form-detail-content .content-info .row-explanation .more-btn {
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	padding: 5px 10px;
	min-width: 200px;
	border: #D6D9DE 1px solid
}

.request-form-detail .request-form-detail-content .content-info .row-explanation .more-btn span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-form-detail-content .content-filter {
	position: relative;
	margin-top: 50px
}

.request-form-detail .request-form-detail-content .content-filter h5 {
	color: #7A8292;
	display: block;
	margin-bottom: 20px;
	height: 25px
}

.request-form-detail .request-form-detail-content .content-filter .filter-bar-button {
	position: absolute;
	right: 0;
	top: 11px;
	left: auto;
	bottom: auto;
	z-index: 1;
	height: 25px
}

.request-form-detail .request-form-detail-content .content-filter .filter-bar-button:after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: auto;
	top: auto;
	z-index: 1;
	width: 40px;
	height: 40px;
	background: #ECEFF1;
	text-align: center;
	border-radius: 20px 20px 0 0;
	content: "\2421";
	font: 18px "SSGizmo";
	line-height: 50px;
	color: #7A8292
}

.request-form-detail .request-form-detail-content .content-filter .filter-bar-button.close:after {
	position: absolute;
	right: 0;
	top: -20px;
	left: auto;
	bottom: auto;
	z-index: 1;
	width: 40px;
	height: 40px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	content: "\E9B0";
	font: 13px "SSStandard";
	background: #7A8292;
	text-align: center;
	line-height: 45px;
	color: #fff
}

.request-form-detail .request-form-detail-content .content-filter .toggle-area {
	margin-top: -10px
}

.request-form-detail .request-form-detail-content .content-filter .toggle-area .content-filter-bar {
	background: #ECEFF1;
	padding: 20px;
	overflow: hidden
}

.request-form-detail .request-form-detail-content .content-filter .toggle-area .content-filter-bar .row-left {
	width: 48%;
	float: left
}

.request-form-detail .request-form-detail-content .content-filter .toggle-area .content-filter-bar .row-right {
	width: 48%;
	float: right
}

.request-form-detail .request-form-detail-content .content-filter .toggle-area .content-filter-bar .filter-bar-items {
	padding: 5px 0;
	color: #7A8292;
	line-height: 33px
}

.request-form-detail .request-form-detail-content .content-filter .toggle-area .content-filter-bar .filter-bar-items label {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	word-break: break-word;
	word-wrap: break-word;
	font-size: 12px;
	width: 95px;
	margin-bottom: 0;
	color: #7A8292
}

.request-form-detail .request-form-detail-content .content-filter .toggle-area .content-filter-bar .filter-bar-items .search {
	position: relative;
	width: 245px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-form-detail-content .content-filter .toggle-area .content-filter-bar .filter-bar-items .search input[type="text"] {
	padding-top: 0;
	padding-right: 44px;
	padding-bottom: 0;
	padding-left: 35px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: #fff
}

.request-form-detail .request-form-detail-content .content-filter .toggle-area .content-filter-bar .filter-bar-items .search:after {
	content: "\1F50E";
	position: absolute;
	left: 10px;
	top: 6px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 24px "SSGizmo";
	color: #A2ABCA;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.request-form-detail .request-form-detail-content .content-filter .toggle-area .content-filter-bar .filter-bar-items .date-range {
	width: 247px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-form-detail-content .content-filter .toggle-area .content-filter-bar .filter-bar-items .date-range .date {
	width: 45%;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-form-detail-content .content-filter .toggle-area .content-filter-bar .filter-bar-items .date-range .date .form-item {
	margin-bottom: 0
}

.request-form-detail .request-form-detail-content .content-filter .toggle-area .content-filter-bar .filter-bar-items .date-range .date .form-item input {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: #fff
}

.request-form-detail .request-form-detail-content .content-filter .toggle-area .content-filter-bar .filter-bar-items .date-range .datespacer {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 6%;
	text-align: center
}

.request-form-detail .request-form-detail-content .content-filter .toggle-area .content-filter-bar .filter-bar-items .checkbox {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 245px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	position: relative
}

.request-form-detail .request-form-detail-content .content-filter .toggle-area .content-filter-bar .filter-bar-items .checkbox input[type="checkbox"] {
	width: 20px;
	height: 20px;
	top: 0px
}

.request-form-detail .request-form-detail-content .content-filter .toggle-area .content-filter-bar .filter-bar-items .checkbox.checked:before {
	background: #7A8292
}

.request-form-detail .request-form-detail-content .content-filter .toggle-area .content-filter-bar .filter-bar-items .checkbox.checked:after {
	position: absolute;
	left: 4px;
	top: 4px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 10px "SSStandard";
	color: #fff
}

.request-form-detail .request-form-detail-content .content-filter .toggle-area .content-filter-bar .filter-bar-items .checkbox:before {
	width: 19px;
	height: 19px;
	border: 1px solid #D6D9DE;
	top: 0px;
	background: #fff
}

.request-form-detail .request-form-detail-content .content-filter .toggle-area .content-filter-bar .filter-bar-items .select {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	width: 100%;
	height: 37px;
	position: relative;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px
}

.request-form-detail .request-form-detail-content .content-filter .toggle-area .content-filter-bar .filter-bar-items .select.disabled {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
	opacity: .2
}

.request-form-detail .request-form-detail-content .content-filter .toggle-area .content-filter-bar .filter-bar-items button {
	min-width: auto;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px
}

.request-form-detail .request-form-detail-content .content-filter .toggle-area .content-filter-bar .filter-bar-items button.clear-btn {
	background: transparent;
	color: #7A8292
}

.request-form-detail .request-form-detail-content .content-filter .toggle-area .content-filter-bar .filter-bar-items.disable {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: .5
}

.request-form-detail .request-form-detail-content .content-filter .toggle-area .content-filter-bar .filter-bar-items.disable span input,
.request-form-detail .request-form-detail-content .content-filter .toggle-area .content-filter-bar .filter-bar-items.disable span select {
	cursor: not-allowed
}

.request-form-detail .request-form-detail-content .content-filter .content-filter-users {
	margin: 0 0 15px 0;
	padding-top: 15px;
	border-top: #D6D9DE 1px solid
}

.request-form-detail .request-form-detail-content .content-filter .content-filter-users h5 {
	margin-bottom: 10px
}

.request-form-detail .request-form-detail-content .content-filter .content-filter-users .buttons {
	margin-top: 10px
}

.request-form-detail .request-form-detail-content .content-filter .content-filter-list {
	width: 100%;
	margin-top: 50px
}

.request-form-detail .request-form-detail-content .content-filter .content-filter-list .content-filter-all-list {
	position: relative;
	padding: 10px
}

.request-form-detail .request-form-detail-content .content-filter .content-filter-list .content-filter-all-list h5 {
	margin-bottom: 0
}

.request-form-detail .request-form-detail-content .content-filter .content-filter-list .content-filter-all-list .result-icon {
	position: absolute;
	right: 15px;
	top: 10px;
	left: auto;
	bottom: auto;
	z-index: 1
}

.request-form-detail .request-form-detail-content .content-filter .content-filter-list .content-filter-all-list:hover {
	background: #F5F7F9
}

.request-form-detail .request-form-detail-content .content-filter .content-filter-list .content-filter-all-list.active {
	background: #F5F7F9;
	margin-bottom: -20px
}

.request-form-detail .request-form-detail-content .content-filter .content-filter-list .request-list-item .pager {
	padding: 20px 0;
	margin-bottom: 20px;
	border-top: 1px solid #D6D9DE;
	border-bottom: 1px solid #D6D9DE
}

.request-form-detail .request-form-detail-content .content-filter .content-filter-list .request-list-block {
	padding: 0 10px 15px 0
}

.request-form-detail .request-form-detail-content .content-filter .content-filter-list .request-list-block h5 {
	margin-bottom: 0px;
	color: #7A8292
}

.request-form-detail .request-form-detail-content .content-filter .content-filter-list .request-list-block .checkbox {
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px
}

.request-form-detail .request-form-detail-content .content-filter .content-filter-list .request-list-block .checkbox input[type="checkbox"] {
	width: 20px;
	height: 20px;
	top: 0px
}

.request-form-detail .request-form-detail-content .content-filter .content-filter-list .request-list-block .checkbox.checked:before {
	background: #7A8292
}

.request-form-detail .request-form-detail-content .content-filter .content-filter-list .request-list-block .checkbox.checked:after {
	color: #fff
}

.request-form-detail .request-form-detail-content .content-filter .content-filter-list .request-list-block .checkbox.disable {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: .5
}

.request-form-detail .request-form-detail-content .content-filter .content-filter-list .request-list-block .checkbox.disable span input,
.request-form-detail .request-form-detail-content .content-filter .content-filter-list .request-list-block .checkbox.disable span select {
	cursor: not-allowed
}

.request-form-detail .request-form-detail-content .content-filter .content-filter-list .request-list-block .checkbox:before {
	width: 19px;
	height: 19px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	top: 0px
}

.request-form-detail .request-form-detail-content .content-filter .content-filter-list .request-list-block .checkbox:after {
	position: absolute;
	left: 4px;
	top: 4px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 10px "SSStandard"
}

.request-form-detail .request-form-detail-content .content-filter .content-filter-list .request-list-block .column-center {
	width: 260px
}

.request-form-detail .request-form-detail-content .content-filter .content-filter-list .request-list-block:before {
	left: -8px
}

.request-form-detail .request-form-detail-content .content-filter .content-filter-list .request-list-block:nth-child(odd):before {
	background: none
}

.request-form-detail .request-form-detail-content .content-filter-selected {
	width: 100%;
	overflow: hidden;
	margin: 30px 0
}

.request-form-detail .request-form-detail-content .content-filter-selected h5 {
	color: #7A8292;
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif;
	margin-bottom: 10px
}

.request-form-detail .request-form-detail-content .content-filter-selected .result {
	margin: 10px 0
}

.request-form-detail .request-form-detail-content .content-filter-selected ul.selected-items li {
	float: left;
	background: #F5F7F9;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 5px;
	position: relative;
	margin-top: 5px;
	margin-bottom: 5px
}

.request-form-detail .request-form-detail-content .content-filter-selected ul.selected-items li span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 218px
}

.request-form-detail .request-form-detail-content .content-filter-selected ul.selected-items li i {
	font-size: 20px
}

.request-form-detail .request-form-detail-content .content-filter-selected ul.selected-items li i:before {
	position: absolute;
	right: 0;
	top: 2px;
	left: auto;
	bottom: auto;
	z-index: 1
}

.request-form-detail .request-form-detail-content .content-filter-selected ul.selected-items li:nth-child(3n+2) {
	margin-left: 10px;
	margin-right: 10px
}

.request-form-detail .request-form-detail-content .content-filter-selected ul.selected-items li:nth-child(3n+3) {
	margin-right: 0;
	float: right
}

.request-form-detail .request-form-detail-content .content-filter-desc {
	width: 100%;
	margin-top: 25px
}

.request-form-detail .request-form-detail-content .content-filter-desc h5 {
	color: #7A8292;
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif;
	margin-bottom: 25px
}

.request-form-detail .request-form-detail-content .content-filter-desc textarea {
	height: 75px;
	padding: 10px;
	border-color: #D6D9DE
}

.request-form-detail .request-form-detail-content .content-filter-desc .content-filter-desc-text {
	color: #7A8292;
	margin-top: 25px;
	display: block
}

.request-form-detail .request-form-detail-content .content-filter-desc .content-filter-desc-update-btn {
	text-align: center;
	display: block;
	margin: 25px auto 0;
	position: relative;
	width: 160px
}

.request-form-detail .request-form-detail-content .content-filter-desc .content-filter-desc-update-btn .btn {
	margin-right: 0;
	width: 100%;
	color: #fff;
	font-size: 14px
}

.request-form-detail .request-form-detail-content .content-filter-desc .content-filter-desc-update-btn .inner {
	white-space: normal;
	width: 160px;
	position: absolute;
	left: 0px;
	top: 45px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.request-form-detail .request-form-detail-content .content-filter-desc .content-filter-desc-update-btn .inner:after {
	position: absolute;
	left: 72px;
	top: -16px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.request-form-detail .request-form-detail-content .content-filter-desc .content-filter-desc-update-btn:hover .inner {
	display: block
}

.request-form-detail .request-form-detail-content .formAdmin .request-table-data-sort .request-list-block-single {
	margin: 0 auto -1px;
	border: 0px;
	border-top: #D6D9DE 1px solid;
	border-bottom: #D6D9DE 1px solid;
	padding: 10px 0
}

.request-form-detail .request-form-detail-content .formAdmin .overlay-spinner {
	background-color: rgba(56, 53, 74, 0.8)
}

.request-form-detail .request-form-detail-content .formAdmin .no-result {
	padding: 0px
}

.request-form-detail .request-form-detail-content .formAdmin .no-result .no-result-number,
.request-form-detail .request-form-detail-content .formAdmin .no-result h5 {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-bottom: 0px
}

.request-form-detail .request-form-detail-content .formAdmin .no-result .no-result-number {
	margin-right: 50px
}

.request-form-detail .request-form-detail-content .formAdmin .no-result .no-result-number .result-count {
	width: 40px;
	height: 40px;
	line-height: 40px !important;
	position: absolute;
	left: 55px;
	top: 55px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-checkbox,
.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-dropdown {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-checkbox .checkbox,
.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-dropdown .checkbox {
	display: block;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px
}

.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-checkbox .checkbox input[type="checkbox"],
.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-dropdown .checkbox input[type="checkbox"] {
	width: 20px;
	height: 20px;
	top: 0px
}

.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-checkbox .checkbox.checked:before,
.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-dropdown .checkbox.checked:before {
	background: #A2ABCA
}

.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-checkbox .checkbox.checked:after,
.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-dropdown .checkbox.checked:after {
	color: #fff
}

.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-checkbox .checkbox:before,
.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-dropdown .checkbox:before {
	width: 19px;
	height: 19px;
	top: 0px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-checkbox .checkbox:after,
.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-dropdown .checkbox:after {
	position: absolute;
	left: 4px;
	top: 4px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 10px "SSStandard"
}

.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-checkbox .dropdown,
.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-dropdown .dropdown {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	position: relative;
	min-width: 160px;
	height: 32px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #D6D9DE
}

.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-checkbox .dropdown .value,
.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-dropdown .dropdown .value {
	display: block;
	padding-top: 6px;
	padding-right: 35px;
	padding-bottom: 8px;
	padding-left: 15px;
	width: 100%;
	height: 32px;
	cursor: default;
	font: 15px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-checkbox .dropdown ul,
.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-dropdown .dropdown ul {
	position: absolute;
	right: 0;
	top: 40px;
	left: auto;
	bottom: auto;
	z-index: 1;
	z-index: 5;
	min-width: 160px;
	padding: 3px;
	background: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #D6D9DE;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	white-space: nowrap
}

.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-checkbox .dropdown ul:after,
.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-checkbox .dropdown ul:before,
.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-dropdown .dropdown ul:after,
.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-dropdown .dropdown ul:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 71px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-checkbox .dropdown ul:before,
.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-dropdown .dropdown ul:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-checkbox .dropdown ul li,
.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-dropdown .dropdown ul li {
	text-align: center;
	padding: 0 5px
}

.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-checkbox .dropdown ul li a,
.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-dropdown .dropdown ul li a {
	display: block;
	font: 15px/25px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-checkbox .dropdown ul li.action-cancelall:hover,
.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-dropdown .dropdown ul li.action-cancelall:hover {
	background: #7A8292
}

.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-checkbox .dropdown ul li:hover a,
.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-dropdown .dropdown ul li:hover a {
	color: #fff
}

.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-checkbox .dropdown:hover:after,
.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-dropdown .dropdown:hover:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -15px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 100%;
	height: 25px
}

.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-checkbox .dropdown.dropdown-approval,
.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-dropdown .dropdown.dropdown-approval {
	padding-bottom: 0
}

.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-checkbox .dropdown.dropdown-approval ul li,
.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-dropdown .dropdown.dropdown-approval ul li {
	padding: 0 5px
}

.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-checkbox .dropdown.dropdown-approval ul li.action-approval:hover,
.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-dropdown .dropdown.dropdown-approval ul li.action-approval:hover {
	background: #3CBC7B
}

.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-checkbox .dropdown.dropdown-approval ul li.action-rejection:hover,
.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-dropdown .dropdown.dropdown-approval ul li.action-rejection:hover {
	background: #EA6060
}

.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-checkbox .dropdown.dropdown-approval ul li.action-sendback:hover,
.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-dropdown .dropdown.dropdown-approval ul li.action-sendback:hover {
	background: #EAB160
}

.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-checkbox .dropdown.dropdown-approval ul li.action-redirect:hover,
.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-dropdown .dropdown.dropdown-approval ul li.action-redirect:hover {
	background: #44B4E3
}

.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-checkbox .dropdown.dropdown-approval ul li:hover a,
.request-form-detail .request-form-detail-content .formAdmin .request-all-actions .all-actions-dropdown .dropdown.dropdown-approval ul li:hover a {
	color: #fff
}

.request-form-detail .request-form-detail-content .formAdmin .excel-holder .excel-area {
	right: -160px
}

.request-form-detail .request-form-detail-content .formAdmin .excel-holder .close {
	position: absolute;
	right: -150px;
	top: 55px;
	left: auto;
	bottom: auto;
	z-index: 1;
	z-index: 10
}

.request-form-detail .request-form-detail-content .formAdmin .content-filter {
	margin: 0
}

.request-form-detail .request-form-detail-content .formAdmin .content-filter .select-user {
	padding: 20px 0 0 0;
	margin: 0 0 20px 0;
	border-top: #D6D9DE 1px solid;
	position: relative
}

.request-form-detail .request-form-detail-content .formAdmin .content-filter .select-user h5,
.request-form-detail .request-form-detail-content .formAdmin .content-filter .select-user p {
	margin-bottom: 10px
}

.request-form-detail .request-form-detail-content .formAdmin .content-filter .select-user .result {
	display: block;
	margin: 10px 0
}

.request-form-detail .request-list-item {
	margin: 20px 0 0 0
}

.request-form-detail .request-list-item .request-list-block-single span.column-center h5 {
	margin: 0;
	height: auto
}

.request-form-detail .request-list-item .request-list-block-single span.column-right>div .inner {
	position: absolute;
	right: -15px;
	top: 30px;
	left: auto;
	bottom: auto;
	z-index: 1
}

.request-form-detail .request-list-item .request-list-block-single span.column-right>div .inner:after {
	position: absolute;
	right: 20px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1
}

.request-form-detail .request-list-item .request-list-block-single.no-info span.column-center {
	width: calc(100% - 140px)
}

.request-form-detail .request-list-item .request-list-item-paging {
	width: 100%;
	margin-top: 25px;
	display: inline-block
}

.request-form-detail .request-list-item .request-list-item-paging .pagination {
	margin-right: 0
}

.request-form-detail .gray {
	color: #7A8292
}

.request-form-detail .green {
	color: #3CBC7B
}

.request-form-detail .red {
	color: #EA6060
}

.request-form-detail .pink {
	color: #EDAAAA
}

.request-form-detail .blue {
	color: #44B4E3
}

.request-form-detail .orange {
	color: #EAB160
}

.request-form-detail .inner {
	display: none;
	position: absolute;
	left: -10px;
	top: 20px;
	right: auto;
	bottom: auto;
	z-index: 1;
	z-index: 5 !important;
	padding: 12px;
	background-color: #A2ABCA;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.request-form-detail .inner:after {
	content: "";
	position: absolute;
	left: 14px;
	top: -16px;
	right: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #A2ABCA
}

.request-form-detail .request-list-item-user-detail {
	display: inline-block;
	width: 100%;
	padding: 10px;
	background: #fff;
	margin: 10px 0
}

.request-form-detail .request-list-item-user-detail h5 {
	color: #7A8292;
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	margin-bottom: 5px
}

.request-form-detail .request-list-block {
	float: left;
	width: 50%;
	position: relative;
	padding: 0 0 10px 0;
	min-height: 65px
}

.request-form-detail .request-list-block span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-list-block span.checkbox.disable input {
	cursor: not-allowed;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	opacity: .3
}

.request-form-detail .request-list-block span.column-left {
	width: 50px;
	height: 50px;
	background: #7A8292;
	vertical-align: top
}

.request-form-detail .request-list-block span.column-left img {
	width: 100%;
	display: block
}

.request-form-detail .request-list-block span.column-center {
	padding: 0 10px;
	width: 280px
}

.request-form-detail .request-list-block span.column-center h5 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.request-form-detail .request-list-block span.column-center .category-tag {
	height: 25px;
	overflow: hidden
}

.request-form-detail .request-list-block span.column-center .category-tag li {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #ECEFF1;
	padding: 3px 10px;
	font: 10px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292;
	width: auto;
	margin-bottom: -5px;
	margin-top: 4px;
	display: inline-block
}

.request-form-detail .request-list-block span.column-center .category-tag li:nth-child(2n+2) {
	padding: 0px;
	background: none
}

.request-form-detail .request-list-block span.column-center .category-tag li:last-child {
	display: none
}

.request-form-detail .request-list-block span.column-center .date {
	font-size: 10px
}

.request-form-detail .request-list-block span.column-right {
	width: 20px;
	text-align: center;
	cursor: pointer
}

.request-form-detail .request-list-block span.column-right .column-right-request,
.request-form-detail .request-list-block span.column-right .column-right-info,
.request-form-detail .request-list-block span.column-right .column-right-registered {
	position: relative
}

.request-form-detail .request-list-block span.column-right .column-right-request i,
.request-form-detail .request-list-block span.column-right .column-right-info i,
.request-form-detail .request-list-block span.column-right .column-right-registered i {
	font-size: 17px
}

.request-form-detail .request-list-block span.column-right .column-right-request i.ss-info,
.request-form-detail .request-list-block span.column-right .column-right-info i.ss-info,
.request-form-detail .request-list-block span.column-right .column-right-registered i.ss-info {
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.request-form-detail .request-list-block span.column-right .column-right-request i.waiting,
.request-form-detail .request-list-block span.column-right .column-right-info i.waiting,
.request-form-detail .request-list-block span.column-right .column-right-registered i.waiting {
	color: #7A8292
}

.request-form-detail .request-list-block span.column-right .column-right-request i.waitingrequest,
.request-form-detail .request-list-block span.column-right .column-right-info i.waitingrequest,
.request-form-detail .request-list-block span.column-right .column-right-registered i.waitingrequest {
	color: #44B4E3
}

.request-form-detail .request-list-block span.column-right .column-right-request i.denied,
.request-form-detail .request-list-block span.column-right .column-right-info i.denied,
.request-form-detail .request-list-block span.column-right .column-right-registered i.denied {
	color: #EA6060
}

.request-form-detail .request-list-block span.column-right .column-right-request i.approved,
.request-form-detail .request-list-block span.column-right .column-right-info i.approved,
.request-form-detail .request-list-block span.column-right .column-right-registered i.approved {
	color: #3CBC7B
}

.request-form-detail .request-list-block span.column-right .column-right-request i.sendback,
.request-form-detail .request-list-block span.column-right .column-right-info i.sendback,
.request-form-detail .request-list-block span.column-right .column-right-registered i.sendback {
	color: #EAB160
}

.request-form-detail .request-list-block span.column-right .column-right-request:hover .inner,
.request-form-detail .request-list-block span.column-right .column-right-info:hover .inner,
.request-form-detail .request-list-block span.column-right .column-right-registered:hover .inner {
	display: block
}

.request-form-detail .request-list-block span.column-right .column-right-request .inner,
.request-form-detail .request-list-block span.column-right .column-right-info .inner,
.request-form-detail .request-list-block span.column-right .column-right-registered .inner {
	min-width: 110px
}

.request-form-detail .request-list-block span.column-right .column-right-request .inner:after,
.request-form-detail .request-list-block span.column-right .column-right-info .inner:after,
.request-form-detail .request-list-block span.column-right .column-right-registered .inner:after {
	position: absolute;
	left: 50px;
	top: -16px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.request-form-detail .request-list-block span.column-right .column-right-request i {
	margin-left: -2px
}

.request-form-detail .request-list-block span.column-right .column-right-request .inner {
	position: absolute;
	left: -50px;
	top: 30px;
	right: auto;
	bottom: auto;
	z-index: 1;
	text-align: center
}

.request-form-detail .request-list-block span.column-right .column-right-request .inner:after {
	position: absolute;
	left: 50px;
	top: -16px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.request-form-detail .request-list-block span.column-right .column-right-info i {
	color: #44B4E3
}

.request-form-detail .request-list-block span.column-right .column-right-info .inner {
	position: absolute;
	left: -50px;
	top: 30px;
	right: auto;
	bottom: auto;
	z-index: 1;
	white-space: inherit
}

.request-form-detail .request-list-block span.column-right .column-right-registered i {
	color: #A2ABCA;
	font-size: 20px
}

.request-form-detail .request-list-block span.column-right .column-right-registered .inner {
	position: absolute;
	left: -50px;
	top: 30px;
	right: auto;
	bottom: auto;
	z-index: 1;
	white-space: inherit
}

.request-form-detail .request-list-block:nth-child(odd):before {
	position: absolute;
	right: 14px;
	top: 0;
	left: auto;
	bottom: auto;
	z-index: 1
}

.request-form-detail .request-list-block:nth-child(even) {
	float: right;
	margin-right: 0;
	paddding-right: 0 !important
}

.request-form-detail .request-list-block:nth-child(even):after {
	display: none
}

.request-form-detail .request-list-block:before {
	background: #ECEFF1;
	width: 1px;
	height: 100%;
	content: "";
	position: absolute;
	position: absolute;
	left: -15px;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1;
	right: auto;
	bottom: auto
}

.request-form-detail input[type="text"],
.request-form-detail input[type="select"] {
	width: 100%;
	height: 37px;
	border: 1px solid #D6D9DE;
	color: #7A8292
}

.request-form-detail input[type="text"]::-webkit-input-placeholder,
.request-form-detail input[type="select"]::-webkit-input-placeholder {
	color: #7A8292
}

.request-form-detail input[type="text"]:-moz-placeholder,
.request-form-detail input[type="select"]:-moz-placeholder {
	color: #7A8292
}

.request-form-detail input[type="text"]::-moz-placeholder,
.request-form-detail input[type="select"]::-moz-placeholder {
	color: #7A8292
}

.request-form-detail input[type="text"]:-ms-input-placeholder,
.request-form-detail input[type="select"]:-ms-input-placeholder {
	color: #7A8292
}

.request-form-detail h4 {
	position: relative;
	color: #4A485B;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	line-height: 35px
}

.request-form-detail .filter-bar {
	*zoom: 1;
	padding: 20px;
	background: #ECEFF1
}

.request-form-detail .filter-bar:after {
	content: "";
	display: table;
	clear: both
}

.request-form-detail .filter-bar .search {
	position: relative;
	float: left
}

.request-form-detail .filter-bar .search input[type="text"] {
	width: 400px;
	height: 37px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding-top: 0;
	padding-right: 125px;
	padding-bottom: 0;
	padding-left: 35px;
	border: 1px solid #D6D9DE;
	color: #7A8292;
	background: #fff
}

.request-form-detail .filter-bar .search:after {
	content: "\1F50E";
	position: absolute;
	left: 10px;
	top: 5px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 24px "SSGizmo";
	color: #A2ABCA;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.request-form-detail .filter-bar .search .filter-btn {
	position: absolute;
	right: 10px;
	top: 8px;
	left: auto;
	bottom: auto;
	z-index: 1;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: .2s;
	transition: .2s;
	width: 50px;
	height: 20px;
	background-color: #7A8292;
	border: none;
	font: 10px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.request-form-detail .filter-bar .search .filter-btn:hover {
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.request-form-detail .filter-bar .search .clear-btn {
	position: absolute;
	right: 65px;
	top: 8px;
	left: auto;
	bottom: auto;
	z-index: 1;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width: 65px;
	height: 20px;
	background-color: #fff;
	border: 1px solid #D6D9DE;
	font: 10px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.request-form-detail .status {
	float: right
}

.request-form-detail .status span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .status .status-filter {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .status .status-filter .select-box {
	overflow: hidden;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 295px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #D6D9DE;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px
}

.request-form-detail .status .status-filter .select-box:after {
	content: "´öü";
	position: absolute;
	right: 10px;
	top: 8px;
	left: auto;
	bottom: auto;
	z-index: 1;
	font: 18px "SSGizmo";
	color: #7A8292
}

.request-form-detail .status .status-filter .select-box select {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	padding: 4px 10px 4px 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	border: none;
	outline: none;
	font: 15px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.request-form-detail .status .status-filter .select-box.disabled {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
	opacity: .2
}

.request-form-detail .result-info-area,
.request-form-detail .content-filter-list .result,
.request-form-detail .content-filter-selected .result {
	font: 14px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.request-form-detail .result-info-area {
	margin: 20px 10px
}

.request-form-detail .result-info-area.no-search {
	margin: 20px 0
}

.request-form-detail .result-info-area strong {
	font-size: 16px
}

.request-form-detail .result-info-area-no-search {
	margin: 20px 0
}

.request-form-detail .result-info-area-no-search strong {
	font-size: 16px
}

.request-form-detail .result-info-area-catalog,
.request-form-detail .result-info-area-free,
.request-form-detail .result-info-area-approval {
	margin: 20px 0px;
	font: 14px "lato_trregular", Helvetica, Arial, sans-serif
}

.request-form-detail .result-info-area-catalog h3,
.request-form-detail .result-info-area-free h3,
.request-form-detail .result-info-area-approval h3 {
	display: inline-block
}

.request-form-detail .content-filter-list .result {
	margin: 20px 0
}

.request-form-detail .request-table-data .request-table-data-sort,
.request-form-detail .request-table-data .row-list,
.request-form-detail .request-table-data .request-table-data-list {
	width: 100%
}

.request-form-detail .request-table-data .request-table-data-sort .center-line,
.request-form-detail .request-table-data .row-list .center-line,
.request-form-detail .request-table-data .request-table-data-list .center-line {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	background: #A2ABCA;
	height: 1px;
	width: 15px;
	margin-top: 12px
}

.request-form-detail .request-table-data .request-table-data-sort .row,
.request-form-detail .request-table-data .row-list .row,
.request-form-detail .request-table-data .request-table-data-list .row {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	padding: 0 10px;
	position: relative;
	margin: 0 !important
}

.request-form-detail .request-table-data .request-table-data-sort .row.row-head,
.request-form-detail .request-table-data .row-list .row.row-head,
.request-form-detail .request-table-data .request-table-data-list .row.row-head {
	display: inline-block;
	vertical-align: top;
	padding-bottom: 15px
}

.request-form-detail .request-table-data .request-table-data-sort .row i,
.request-form-detail .request-table-data .row-list .row i,
.request-form-detail .request-table-data .request-table-data-list .row i {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-table-data .request-table-data-sort .row.name,
.request-form-detail .request-table-data .row-list .row.name,
.request-form-detail .request-table-data .request-table-data-list .row.name {
	width: 195px
}

.request-form-detail .request-table-data .request-table-data-sort .row.name p,
.request-form-detail .request-table-data .row-list .row.name p,
.request-form-detail .request-table-data .request-table-data-list .row.name p {
	word-break: break-word;
	word-wrap: break-word;
	font: 600 14px "lato_trregular", Helvetica, Arial, sans-serif
}

.request-form-detail .request-table-data .request-table-data-sort .row.name .status-name,
.request-form-detail .request-table-data .row-list .row.name .status-name,
.request-form-detail .request-table-data .request-table-data-list .row.name .status-name {
	color: #A2ABCA;
	position: relative;
	cursor: default
}

.request-form-detail .request-table-data .request-table-data-sort .row.name .status-name:hover .inner,
.request-form-detail .request-table-data .row-list .row.name .status-name:hover .inner,
.request-form-detail .request-table-data .request-table-data-list .row.name .status-name:hover .inner {
	display: block
}

.request-form-detail .request-table-data .request-table-data-sort .row.start-date,
.request-form-detail .request-table-data .row-list .row.start-date,
.request-form-detail .request-table-data .request-table-data-list .row.start-date {
	width: 95px
}

.request-form-detail .request-table-data .request-table-data-sort .row.start-date a span:last-child,
.request-form-detail .request-table-data .row-list .row.start-date a span:last-child,
.request-form-detail .request-table-data .request-table-data-list .row.start-date a span:last-child {
	margin-top: -17px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 65px;
	display: block
}

.request-form-detail .request-table-data .request-table-data-sort .row.end-date,
.request-form-detail .request-table-data .row-list .row.end-date,
.request-form-detail .request-table-data .request-table-data-list .row.end-date {
	width: 80px
}

.request-form-detail .request-table-data .request-table-data-sort .row.end-date a span:last-child,
.request-form-detail .request-table-data .row-list .row.end-date a span:last-child,
.request-form-detail .request-table-data .request-table-data-list .row.end-date a span:last-child {
	margin-top: -17px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 40px;
	display: block
}

.request-form-detail .request-table-data .request-table-data-sort .row.request-date,
.request-form-detail .request-table-data .row-list .row.request-date,
.request-form-detail .request-table-data .request-table-data-list .row.request-date {
	width: 89px
}

.request-form-detail .request-table-data .request-table-data-sort .row.request-date a span:last-child,
.request-form-detail .request-table-data .row-list .row.request-date a span:last-child,
.request-form-detail .request-table-data .request-table-data-list .row.request-date a span:last-child {
	margin-top: -17px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 45px;
	display: block
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info,
.request-form-detail .request-table-data .row-list .row.status-info,
.request-form-detail .request-table-data .request-table-data-list .row.status-info {
	width: 155px
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info span,
.request-form-detail .request-table-data .row-list .row.status-info span,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-icon,
.request-form-detail .request-table-data .row-list .row.status-info span.status-icon,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-icon {
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 0;
	position: relative
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-icon i,
.request-form-detail .request-table-data .row-list .row.status-info span.status-icon i,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-icon i {
	font-size: 18px;
	width: 18px;
	height: 18px;
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-icon .request-dropdown,
.request-form-detail .request-table-data .row-list .row.status-info span.status-icon .request-dropdown,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-icon .request-dropdown {
	position: absolute;
	left: -215px;
	top: 30px;
	right: auto;
	bottom: auto;
	z-index: 3;
	padding: 7px;
	width: 450px;
	background: #fff;
	border: 1px solid #D6D9DE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	-webkit-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	text-align: left;
	margin-bottom: 10px
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-icon .request-dropdown:after,
.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-icon .request-dropdown:before,
.request-form-detail .request-table-data .row-list .row.status-info span.status-icon .request-dropdown:after,
.request-form-detail .request-table-data .row-list .row.status-info span.status-icon .request-dropdown:before,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-icon .request-dropdown:after,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-icon .request-dropdown:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	top: -16px;
	right: auto;
	bottom: auto;
	z-index: 1;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-icon .request-dropdown:before,
.request-form-detail .request-table-data .row-list .row.status-info span.status-icon .request-dropdown:before,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-icon .request-dropdown:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-icon .request-dropdown h1,
.request-form-detail .request-table-data .row-list .row.status-info span.status-icon .request-dropdown h1,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-icon .request-dropdown h1 {
	text-align: center;
	background: #A2ABCA;
	color: #fff;
	padding: 10px 0;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table,
.request-form-detail .request-table-data .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table {
	width: 100%;
	margin: 10px 0 0 0;
	border-collapse: separate;
	border-bottom: 0px
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-top,
.request-form-detail .request-table-data .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-top,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-top {
	border-bottom: 1px solid #D6D9DE
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom,
.request-form-detail .request-table-data .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom {
	border-bottom: 1px solid #D6D9DE;
	margin: -2px auto 5px
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .warning-holder,
.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .explanation-holder,
.request-form-detail .request-table-data .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .warning-holder,
.request-form-detail .request-table-data .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .explanation-holder,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .warning-holder,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .explanation-holder {
	color: #7A8292;
	padding: 10px;
	margin: 0 5px;
	text-align: left
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .warning-holder h2,
.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .explanation-holder h2,
.request-form-detail .request-table-data .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .warning-holder h2,
.request-form-detail .request-table-data .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .explanation-holder h2,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .warning-holder h2,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .explanation-holder h2 {
	color: #7A8292;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	margin-bottom: 5px
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .warning-holder,
.request-form-detail .request-table-data .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .warning-holder,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .warning-holder {
	margin-bottom: 5px;
	background: #ECEFF1
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .explanation-holder,
.request-form-detail .request-table-data .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .explanation-holder,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .explanation-holder {
	margin-bottom: 5px;
	background: #F5F7F9
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row,
.request-form-detail .request-table-data .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 5px
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.orderno,
.request-form-detail .request-table-data .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.orderno,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.orderno {
	width: 28px;
	font-weight: bold
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.fullname,
.request-form-detail .request-table-data .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.fullname,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.fullname {
	width: 130px
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.infodate,
.request-form-detail .request-table-data .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.infodate,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.infodate {
	width: 110px
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.infostatus,
.request-form-detail .request-table-data .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.infostatus,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.infostatus {
	width: 150px
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line,
.request-form-detail .request-table-data .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line {
	color: #7A8292;
	padding: 5px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.orderno,
.request-form-detail .request-table-data .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.orderno,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.orderno {
	width: 28px;
	font-weight: bold
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.fullname,
.request-form-detail .request-table-data .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.fullname,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.fullname {
	width: 130px
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.infodate,
.request-form-detail .request-table-data .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.infodate,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.infodate {
	width: 110px
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.infostatus,
.request-form-detail .request-table-data .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.infostatus,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.infostatus {
	width: 150px
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line:first-child,
.request-form-detail .request-table-data .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line:first-child,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line:first-child {
	border-left: 0px
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line:last-child,
.request-form-detail .request-table-data .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line:last-child,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line:last-child {
	border-right: 0px
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-icon .explanation-holder,
.request-form-detail .request-table-data .row-list .row.status-info span.status-icon .explanation-holder,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-icon .explanation-holder {
	color: #3CBC7B;
	padding: 9px 5px;
	margin: 0px;
	text-align: center;
	border: #fff 1px solid
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-text-info,
.request-form-detail .request-table-data .row-list .row.status-info span.status-text-info,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-text-info {
	width: 110px
}

.request-form-detail .request-table-data .request-table-data-sort .row.status-info span.status-text-info .status-name.red,
.request-form-detail .request-table-data .row-list .row.status-info span.status-text-info .status-name.red,
.request-form-detail .request-table-data .request-table-data-list .row.status-info span.status-text-info .status-name.red {
	color: #EA6060 !important
}

.request-form-detail .request-table-data .request-table-data-sort .row.action,
.request-form-detail .request-table-data .row-list .row.action,
.request-form-detail .request-table-data .request-table-data-list .row.action {
	width: 115px
}

.request-form-detail .request-table-data .request-table-data-sort .row.action .action-request-btn i,
.request-form-detail .request-table-data .row-list .row.action .action-request-btn i,
.request-form-detail .request-table-data .request-table-data-list .row.action .action-request-btn i {
	font-size: 25px;
	position: relative
}

.request-form-detail .request-table-data .request-table-data-sort .row.action .action-request-btn i:before,
.request-form-detail .request-table-data .row-list .row.action .action-request-btn i:before,
.request-form-detail .request-table-data .request-table-data-list .row.action .action-request-btn i:before {
	position: absolute;
	left: 0px;
	top: -15px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.request-form-detail .request-table-data .request-table-data-sort .row.action .action-request-btn a,
.request-form-detail .request-table-data .row-list .row.action .action-request-btn a,
.request-form-detail .request-table-data .request-table-data-list .row.action .action-request-btn a {
	min-width: 85px;
	color: #fff;
	font-size: 13px
}

.request-form-detail .request-table-data .request-table-data-sort .row.action .action-request-btn a.gray,
.request-form-detail .request-table-data .row-list .row.action .action-request-btn a.gray,
.request-form-detail .request-table-data .request-table-data-list .row.action .action-request-btn a.gray {
	background-color: #A2ABCA
}

.request-form-detail .request-table-data .request-table-data-sort .row.action .action-request-btn a.gray:hover,
.request-form-detail .request-table-data .row-list .row.action .action-request-btn a.gray:hover,
.request-form-detail .request-table-data .request-table-data-list .row.action .action-request-btn a.gray:hover {
	background: #A2ABCA;
	background: rgba(162, 171, 202, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.request-form-detail .request-table-data .request-table-data-sort .row.action .action-request-btn a.green,
.request-form-detail .request-table-data .row-list .row.action .action-request-btn a.green,
.request-form-detail .request-table-data .request-table-data-list .row.action .action-request-btn a.green {
	background-color: #3CBC7B
}

.request-form-detail .request-table-data .request-table-data-sort .row.action .action-request-btn a.green:hover,
.request-form-detail .request-table-data .row-list .row.action .action-request-btn a.green:hover,
.request-form-detail .request-table-data .request-table-data-list .row.action .action-request-btn a.green:hover {
	background: #3CBC7B;
	background: rgba(60, 188, 123, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.request-form-detail .request-table-data .request-table-data-sort .row.action .action-request-btn a.disable,
.request-form-detail .request-table-data .row-list .row.action .action-request-btn a.disable,
.request-form-detail .request-table-data .request-table-data-list .row.action .action-request-btn a.disable {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: .5
}

.request-form-detail .request-table-data .request-table-data-sort .row-list,
.request-form-detail .request-table-data .row-list .row-list,
.request-form-detail .request-table-data .request-table-data-list .row-list {
	color: #7A8292;
	border-bottom: 1px solid #D6D9DE
}

.request-form-detail .request-table-data .request-table-data-sort .row-list:hover,
.request-form-detail .request-table-data .request-table-data-sort .row-list.selected,
.request-form-detail .request-table-data .row-list .row-list:hover,
.request-form-detail .request-table-data .row-list .row-list.selected,
.request-form-detail .request-table-data .request-table-data-list .row-list:hover,
.request-form-detail .request-table-data .request-table-data-list .row-list.selected {
	background: #F5F7F9
}

.request-form-detail .request-table-data .request-table-data-sort .row-list .row-top .row,
.request-form-detail .request-table-data .row-list .row-list .row-top .row,
.request-form-detail .request-table-data .request-table-data-list .row-list .row-top .row {
	padding: 10px
}

.request-form-detail .request-table-data .request-table-data-sort .row-list .row-top .status-name,
.request-form-detail .request-table-data .row-list .row-list .row-top .status-name,
.request-form-detail .request-table-data .request-table-data-list .row-list .row-top .status-name {
	color: #7A8292;
	position: relative;
	cursor: default;
	font-size: 12px
}

.request-form-detail .request-table-data .request-table-data-sort .row-list .row-top .status-name p,
.request-form-detail .request-table-data .row-list .row-list .row-top .status-name p,
.request-form-detail .request-table-data .request-table-data-list .row-list .row-top .status-name p {
	font: 600 14px "lato_trregular", Helvetica, Arial, sans-serif
}

.request-form-detail .request-table-data .request-table-data-sort .row-list .row-top .status-name:hover .inner,
.request-form-detail .request-table-data .row-list .row-list .row-top .status-name:hover .inner,
.request-form-detail .request-table-data .request-table-data-list .row-list .row-top .status-name:hover .inner {
	display: block
}

.request-form-detail .request-table-data .request-table-data-sort .row-list .row-bottom .request-list,
.request-form-detail .request-table-data .row-list .row-list .row-bottom .request-list,
.request-form-detail .request-table-data .request-table-data-list .row-list .row-bottom .request-list {
	padding: 10px;
	width: 100%
}

.request-form-detail .request-table-data .request-table-data-sort .row-list .row-bottom .request-list .request-list-item .request-list-block-single,
.request-form-detail .request-table-data .row-list .row-list .row-bottom .request-list .request-list-item .request-list-block-single,
.request-form-detail .request-table-data .request-table-data-list .row-list .row-bottom .request-list .request-list-item .request-list-block-single {
	padding-left: 0px;
	padding-right: 0px;
	border-left: 0px;
	border-right: 0px
}

.request-form-detail .request-table-data .request-table-data-sort .row-list .row-bottom .request-list .request-list-result,
.request-form-detail .request-table-data .row-list .row-list .row-bottom .request-list .request-list-result,
.request-form-detail .request-table-data .request-table-data-list .row-list .row-bottom .request-list .request-list-result {
	font-size: 100%;
	display: block;
	margin-bottom: 10px
}

.request-form-detail .request-table-data .request-table-data-list .row {
	font: 13px "lato_trregular", Helvetica, Arial, sans-serif
}

.request-form-detail .request-table-data .request-table-data-list .row .action {
	text-align: right
}

.request-form-detail .request-table-data .request-table-data-list .row.start-date,
.request-form-detail .request-table-data .request-table-data-list .row.end-date,
.request-form-detail .request-table-data .request-table-data-list .row.request-date {
	font-size: 12px
}

.request-form-detail .request-table-data .request-table-data-list .pager .row {
	display: none;
	padding: 0;
	box-sizing: border-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex: 0 1 auto;
	-webkit-box-flex: 0;
	flex: 0 1 auto;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -.5rem !important;
	margin-left: -.5rem !important
}

.request-form-detail .request-table-data .request-table-data-list .request-list-block-common.approved-class .request-list-block-approval-rows .row-checkbox {
	display: none
}

.request-form-detail .request-table-data .request-table-data-list .request-list-block-common.approved-class .request-list-block-approval-rows .row-request-info {
	width: 375px !important
}

.request-form-detail .request-table-data .request-table-data-list .request-list-block-common.approved-class .request-list-block-approval-rows .row-request-info .request-name {
	width: 325px !important
}

.request-form-detail .request-table-data .request-table-data-list .request-list-block-common.approved-class .request-list-block-approval-rows .row-status-info {
	position: relative
}

.request-form-detail .request-table-data .request-table-data-list .request-list-block-common.approved-class .request-list-block-approval-rows .row-status-info .row-status-info-group {
	width: 170px
}

.request-form-detail .request-table-data .request-table-data-list .request-list-block-common.approved-class .request-list-block-approval-rows .row-status-info .row-status-info-group .status-text-info {
	width: 145px
}

.request-form-detail .request-table-data .request-table-data-list .request-list-block-common.approved-class .request-list-block-approval-rows .row-status-info .row-status-info-group i {
	font-size: 21px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common {
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	padding: 0 10px 10px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common .status-name {
	display: block;
	color: #7A8292;
	position: relative;
	cursor: default;
	font-size: 12px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common .status-name:hover .inner {
	display: block
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-checkbox {
	width: 25px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-course-name {
	width: 400px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-course-name .status-name {
	display: block;
	color: #A2ABCA;
	position: relative;
	cursor: default
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-request-date {
	width: 120px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history {
	width: 165px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span.status-icon,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span.status-icon,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span.status-icon {
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 0;
	position: relative
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span.status-icon i,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span.status-icon i,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span.status-icon i {
	font-size: 18px;
	width: 18px;
	height: 18px;
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span.status-icon .request-dropdown,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span.status-icon .request-dropdown,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span.status-icon .request-dropdown {
	position: absolute;
	left: -215px;
	top: 30px;
	right: auto;
	bottom: auto;
	z-index: 1;
	z-index: 3;
	padding: 7px;
	width: 450px;
	background: #fff;
	border: 1px solid #D6D9DE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	-webkit-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	text-align: left;
	margin-bottom: 10px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span.status-icon .request-dropdown:after,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span.status-icon .request-dropdown:before,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span.status-icon .request-dropdown:after,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span.status-icon .request-dropdown:before,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span.status-icon .request-dropdown:after,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span.status-icon .request-dropdown:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	top: -16px;
	right: auto;
	bottom: auto;
	z-index: 1;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span.status-icon .request-dropdown:before,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span.status-icon .request-dropdown:before,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span.status-icon .request-dropdown:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span.status-icon .request-dropdown h1,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span.status-icon .request-dropdown h1,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span.status-icon .request-dropdown h1 {
	text-align: center;
	background: #A2ABCA;
	color: #fff;
	padding: 10px 0;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span.status-icon .request-dropdown .request-dropdown-table,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span.status-icon .request-dropdown .request-dropdown-table,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span.status-icon .request-dropdown .request-dropdown-table {
	width: 100%;
	margin: 10px 0 0 0;
	border-collapse: separate;
	border-bottom: 0px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-top,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-top,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-top {
	border-bottom: 1px solid #D6D9DE
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom {
	border-bottom: 1px solid #D6D9DE;
	margin: -2px auto 5px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .warning-holder,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .explanation-holder,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .warning-holder,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .explanation-holder,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .warning-holder,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .explanation-holder {
	color: #7A8292;
	padding: 10px;
	margin: 0 5px;
	text-align: left
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .warning-holder h2,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .explanation-holder h2,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .warning-holder h2,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .explanation-holder h2,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .warning-holder h2,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .explanation-holder h2 {
	color: #7A8292;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	margin-bottom: 5px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .warning-holder,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .warning-holder,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .warning-holder {
	margin-bottom: 5px;
	background: #ECEFF1
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .explanation-holder,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .explanation-holder,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .explanation-holder {
	margin-bottom: 5px;
	background: #F5F7F9
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span.status-icon .request-dropdown .request-dropdown-table .request-table-row {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 5px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.orderno,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.orderno,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span.status-icon .request-dropdown .request-dropdown-table .request-table-row.orderno {
	width: 28px;
	font-weight: bold
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.fullname,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.fullname,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span.status-icon .request-dropdown .request-dropdown-table .request-table-row.fullname {
	width: 130px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.infodate,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.infodate,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span.status-icon .request-dropdown .request-dropdown-table .request-table-row.infodate {
	width: 110px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.infostatus,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.infostatus,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span.status-icon .request-dropdown .request-dropdown-table .request-table-row.infostatus {
	width: 150px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span.status-icon .request-dropdown .request-dropdown-table .request-table-line {
	color: #7A8292;
	padding: 10px 5px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.orderno,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.orderno,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span.status-icon .request-dropdown .request-dropdown-table .request-table-line.orderno {
	width: 28px;
	font-weight: bold
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.fullname,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.fullname,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span.status-icon .request-dropdown .request-dropdown-table .request-table-line.fullname {
	width: 130px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.infodate,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.infodate,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span.status-icon .request-dropdown .request-dropdown-table .request-table-line.infodate {
	width: 110px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.infostatus,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.infostatus,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span.status-icon .request-dropdown .request-dropdown-table .request-table-line.infostatus {
	width: 150px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line:first-child,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line:first-child,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span.status-icon .request-dropdown .request-dropdown-table .request-table-line:first-child {
	border-left: 0px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line:last-child,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line:last-child,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span.status-icon .request-dropdown .request-dropdown-table .request-table-line:last-child {
	border-right: 0px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-status-info span.status-icon:hover .request-dropdown,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-status-info span.status-icon:hover .request-dropdown,
.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.row-request-history span.status-icon:hover .request-dropdown {
	display: block
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-action {
	width: 20px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .row-common.common-action i {
	font-size: 21px;
	margin-top: 10px;
	color: #7A8292
}

.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common {
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid #D6D9DE
}

.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common .row-common {
	font: 13px "lato_trregular", Helvetica, Arial, sans-serif;
	padding-bottom: 0px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common .row-common.catalog-request-date {
	font-size: 12px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common .row-common span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0
}

.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common .row-common span input[type="checkbox"] {
	width: 20px;
	height: 20px;
	top: 0px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common .row-common span.checkbox {
	padding-top: 20px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common .row-common span.checkbox:before {
	left: -1px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common .row-common span.checked:before {
	background: #7A8292
}

.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common .row-common span.checked:after {
	color: #fff
}

.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common .row-common span:before {
	width: 19px;
	height: 19px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	top: 0px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common .row-common span:after {
	position: absolute;
	left: 4px;
	top: 4px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 10px "SSStandard"
}

.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common .row-common span.column-left {
	width: 50px;
	height: 50px;
	background: #7A8292
}

.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common .row-common span.column-left img {
	width: 100%;
	display: block;
	height: 100%
}

.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common .row-common span.column-center {
	width: 290px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common .row-common span.column-center h5 {
	font: 600 14px "lato_trregular", Helvetica, Arial, sans-serif;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common .row-common span.column-center .category-tag {
	overflow: hidden
}

.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common .row-common span.column-center .category-tag li {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #ECEFF1;
	padding: 3px 10px;
	font: 10px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292;
	width: auto;
	margin-bottom: -5px;
	margin-top: 4px;
	display: inline-block
}

.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common .row-common span.column-center .category-tag li:nth-child(2n+2) {
	padding: 0px;
	background: none
}

.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common .row-common span.column-center .category-tag li:last-child {
	display: none
}

.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common .row-common span.column-center .date {
	font-size: 10px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common .row-common span:last-child {
	margin: 0
}

.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common .row-common span.disable {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: .5
}

.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common .row-common span.disable input,
.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common .row-common span.disable select {
	cursor: not-allowed
}

.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common .row-common a i {
	position: relative;
	top: 2px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common .row-common .status-icon {
	width: 18px;
	height: 18px
}

.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common:hover,
.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common.selected {
	background: #F5F7F9
}

.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common .description {
	padding: 10px;
	margin: 10px 10px 0;
	display: block;
	background: #ECEFF1
}

.request-form-detail .request-table-data .request-table-data-list.common-request .request-list-block-common .description h5 {
	color: #7A8292;
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	margin-bottom: 5px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.catalog-request .row-common .status-name:hover .inner {
	display: block
}

.request-form-detail .request-table-data .request-table-data-list.common-request.catalog-request .row-common.row-checkbox {
	width: 25px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.catalog-request .row-common.row-name {
	width: 370px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.catalog-request .row-common.row-request-date {
	width: 120px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.catalog-request .row-common.row-status-info {
	width: 165px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.catalog-request .row-common.row-status-info span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-table-data .request-table-data-list.common-request.catalog-request .row-common.row-status-info span.status-icon {
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 0;
	position: relative
}

.request-form-detail .request-table-data .request-table-data-list.common-request.catalog-request .row-common.row-status-info span.status-icon i {
	font-size: 18px;
	width: 18px;
	height: 18px;
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.request-form-detail .request-table-data .request-table-data-list.common-request.catalog-request .row-common.row-status-info span.status-icon:hover .request-dropdown {
	display: block
}

.request-form-detail .request-table-data .request-table-data-list.common-request.catalog-request .row-common.row-status-info .status-text-info p {
	width: 115px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.catalog-request .row-common.row-actions {
	width: 65px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.catalog-request .row-common.row-actions i {
	font-size: 20px;
	margin-top: 10px;
	color: #A2ABCA
}

.request-form-detail .request-table-data .request-table-data-list.common-request.catalog-request.formAdmin .request-list-block-common .row-common.row-checkbox {
	width: auto;
	padding-right: 0
}

.request-form-detail .request-table-data .request-table-data-list.common-request.catalog-request.formAdmin .request-list-block-common .row-common.row-checkbox .checkbox {
	padding-left: 20px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.catalog-request.formAdmin .request-list-block-common .row-common.row-user-name {
	width: 175px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.catalog-request.formAdmin .request-list-block-common .row-common.row-user-name span.userInfo {
	word-break: break-word;
	word-wrap: break-word;
	width: 95px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.catalog-request.formAdmin .request-list-block-common .row-common.row-user-name span.userInfo .userCode {
	word-break: break-word;
	word-wrap: break-word;
	display: block;
	font-size: 12px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.catalog-request.formAdmin .request-list-block-common .row-common.row-user-name span.userPhoto {
	width: 50px;
	height: 50px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.catalog-request.formAdmin .request-list-block-common .row-common.row-user-name span.userPhoto img {
	width: 100%;
	height: 100%;
	display: block
}

.request-form-detail .request-table-data .request-table-data-list.common-request.catalog-request.formAdmin .request-list-block-common .row-common.row-name {
	width: 215px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.catalog-request.formAdmin .request-list-block-common .row-common.row-name h5 {
	word-break: break-word;
	word-wrap: break-word
}

.request-form-detail .request-table-data .request-table-data-list.common-request.catalog-request.formAdmin .request-list-block-common .row-common.row-request-date {
	width: 95px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.catalog-request.formAdmin .request-list-block-common .row-common.row-status-info {
	width: 160px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.catalog-request.formAdmin .request-list-block-common .request-list {
	padding: 10px;
	width: 100%
}

.request-form-detail .request-table-data .request-table-data-list.common-request.catalog-request.formAdmin .request-list-block-common .request-list .request-list-item .request-list-block-single {
	border-left: 0;
	border-right: 0;
	padding-left: 0;
	padding-right: 0
}

.request-form-detail .request-table-data .request-table-data-list.common-request.catalog-request.formAdmin .request-list-block-common .request-list .request-list-item .request-list-block-single:last-child {
	border-bottom: 0px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.catalog-request.formAdmin .request-list-block-common .description {
	margin: 0 10px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.catalog-request.formAdmin .request-list-block-common .description h5 {
	color: #7A8292;
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	margin-bottom: 5px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request .row-common .status-name .column-center h5 {
	width: 275px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request .row-common .status-name:hover .inner {
	display: block
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request .row-common.row-checkbox {
	width: 30px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request .row-common.row-checkbox .checkbox {
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request .row-common.row-name {
	width: 290px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request .row-common.row-name .column-center {
	width: 100%
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request .row-common.row-request-date {
	width: 120px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request .row-common.row-status-info {
	width: 165px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request .row-common.row-status-info span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request .row-common.row-status-info span.status-icon {
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 0;
	position: relative
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request .row-common.row-status-info span.status-icon i {
	font-size: 18px;
	width: 18px;
	height: 18px;
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request .row-common.row-status-info span.status-icon:hover .request-dropdown {
	display: block
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request .row-common.row-status-info span.status-text-info p {
	width: 120px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request .row-common.row-actions {
	width: 130px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request .row-common.row-actions .btn-free-detail {
	min-width: 80px;
	padding: 5px;
	font-size: 12px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request .row-common.row-actions .btn-free-detail.green {
	color: #fff;
	-webkit-transition: .2s;
	transition: .2s
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request .row-common.row-actions .btn-free-detail.green:hover {
	background: #3CBC7B;
	background: rgba(60, 188, 123, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request .row-common.row-actions .btn-free-detail.gray {
	background: #7A8292;
	color: #fff;
	-webkit-transition: .2s;
	transition: .2s
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request .row-common.row-actions .btn-free-detail.gray:hover {
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request .row-common.row-actions i {
	font-size: 21px;
	margin-top: 10px;
	color: #A2ABCA
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request.formAdmin .request-list-block-common .row-common.row-checkbox {
	width: auto;
	padding-right: 0
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request.formAdmin .request-list-block-common .row-common.row-checkbox .checkbox {
	padding-left: 20px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request.formAdmin .request-list-block-common .row-common.row-user-name {
	width: 155px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request.formAdmin .request-list-block-common .row-common.row-user-name span.userInfo {
	word-break: break-word;
	word-wrap: break-word;
	width: 75px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request.formAdmin .request-list-block-common .row-common.row-user-name span.userInfo .userCode {
	word-break: break-word;
	word-wrap: break-word;
	display: block;
	font-size: 12px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request.formAdmin .request-list-block-common .row-common.row-user-name span.userPhoto {
	width: 50px;
	height: 50px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request.formAdmin .request-list-block-common .row-common.row-user-name span.userPhoto img {
	width: 100%;
	height: 100%;
	display: block
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request.formAdmin .request-list-block-common .row-common.row-request-date {
	width: 95px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request.formAdmin .request-list-block-common .row-common.row-name {
	width: 165px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request.formAdmin .request-list-block-common .row-common.row-name h5 {
	word-break: break-word;
	word-wrap: break-word
}

.request-form-detail .request-table-data .request-table-data-list.common-request.free-request.formAdmin .request-list-block-common .row-common.row-actions .btn-free-detail {
	min-width: 80px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common .status-name .column-center h5 {
	width: 275px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common .status-name:hover .inner {
	display: block
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-checkbox {
	width: 25px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-name {
	width: 175px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-name .column-left {
	margin: 0 5px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-name .column-center {
	word-break: break-word;
	word-wrap: break-word;
	width: 90px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-name .column-center .userCode {
	word-break: break-word;
	word-wrap: break-word;
	display: block;
	font-size: 12px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-name .column-center h5 {
	width: 100%;
	text-overflow: inherit;
	white-space: inherit;
	overflow: inherit
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-name .status-name {
	color: #A2ABCA;
	position: relative;
	cursor: default
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-request-info span.request-icon {
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 0;
	position: relative
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-request-info span.request-icon i {
	font-size: 21px;
	color: #A2ABCA
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-request-info span.request-icon i.sg-removefile .mask {
	background: #fff;
	width: 7px;
	height: 2px;
	display: block;
	position: absolute;
	left: 7px;
	top: 7px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-request-info span.request-icon i .mask {
	display: none
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-request-info span.request-icon .inner {
	position: absolute;
	left: -45px;
	top: 30px;
	right: auto;
	bottom: auto;
	z-index: 1;
	text-align: center;
	width: 125px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-request-info span.request-icon .inner:after {
	left: 47px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-request-info span.request-icon:hover .inner {
	display: block
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-request-info span.request-name {
	width: 250px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-request-info span.request-name p {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font-size: 11px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-request-info span.request-name p:last-child {
	margin: 0px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-request-info span.request-name h5 {
	font: 600 14px "lato_trregular", Helvetica, Arial, sans-serif;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-request-history {
	width: 75px;
	padding-left: 0;
	padding-right: 0
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-request-history span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-request-history span.status-icon {
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 0;
	position: relative
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-request-history span.status-icon i {
	font-size: 18px;
	width: 18px;
	height: 18px;
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	color: #A2ABCA
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-actions {
	width: 164px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-actions .request-all-actions {
	width: auto;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-actions .request-all-actions .all-actions-dropdown .dropdown-approval {
	min-width: 125px;
	background: #fff
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-actions .request-all-actions .all-actions-dropdown .dropdown-approval .value:before {
	top: 8px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-actions .request-all-actions .all-actions-dropdown .dropdown-approval ul {
	min-width: 125px;
	right: -1px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-actions .request-all-actions .all-actions-dropdown .dropdown-approval ul:after,
.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-actions .request-all-actions .all-actions-dropdown .dropdown-approval ul:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 55px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-actions .request-all-actions .all-actions-dropdown .dropdown-approval ul:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-actions .request-all-actions .all-actions-dropdown .dropdown-approval ul li a {
	font-size: 12px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-actions i {
	font-size: 25px;
	margin-top: 4px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-actions.disable {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	opacity: .3
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-status-info {
	padding-left: 0;
	width: 200px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-status-info span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-status-info span.status-icon {
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 0;
	position: relative
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-status-info span.status-icon i {
	font-size: 18px;
	width: 18px;
	height: 18px;
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	color: #A2ABCA
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common:last-child {
	padding-right: 0
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval {
	margin: 20px 0 0 0;
	width: 100%;
	display: none
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-item-user-detail {
	margin: 10px 10px 0;
	width: calc(100% - 20px)
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval.view-line {
	display: inline-block !important
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval.view-line .request-list .request-list-item {
	margin: auto
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval.view-line .request-list .request-list-item .request-list-block-single .checkbox {
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	margin-left: -1px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval.view-line .request-list .request-list-item .request-list-block-single .checkbox input[type="checkbox"] {
	width: 20px;
	height: 20px;
	top: 0px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval.view-line .request-list .request-list-item .request-list-block-single .checkbox.checked:before {
	background: #7A8292
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval.view-line .request-list .request-list-item .request-list-block-single .checkbox.checked:after {
	color: #fff
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval.view-line .request-list .request-list-item .request-list-block-single .checkbox.disable {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	opacity: .3
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval.view-line .request-list .request-list-item .request-list-block-single .checkbox.disable input,
.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval.view-line .request-list .request-list-item .request-list-block-single .checkbox.disable select {
	cursor: not-allowed
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval.view-line .request-list .request-list-item .request-list-block-single .checkbox:before {
	width: 19px;
	height: 19px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	top: 0px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval.view-line .request-list .request-list-item .request-list-block-single .checkbox:after {
	position: absolute;
	left: 4px;
	top: 4px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 10px "SSStandard"
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval.view-line .request-list .request-list-item .request-list-block-single .column-center {
	margin-left: 0
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block {
	float: left;
	width: 50%;
	position: relative;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
	min-height: 65px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block span.checkbox {
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: -10px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block span.checkbox input[type="checkbox"] {
	width: 20px;
	height: 20px;
	top: 0px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block span.checkbox.checked:before {
	background: #7A8292
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block span.checkbox.checked:after {
	color: #fff
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block span.checkbox.disable {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	opacity: .3
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block span.checkbox.disable input,
.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block span.checkbox.disable select {
	cursor: not-allowed
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block span.checkbox:before {
	width: 19px;
	height: 19px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	top: 0px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block span.checkbox:after {
	position: absolute;
	left: 4px;
	top: 4px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 10px "SSStandard"
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block span.column-left {
	width: 50px;
	height: 50px;
	background: #7A8292;
	vertical-align: top
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block span.column-left img {
	width: 100%;
	display: block
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block span.column-center {
	padding: 0 10px;
	width: 245px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block span.column-center h5 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block span.column-center .date {
	font-size: 10px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block span.column-right {
	width: 20px;
	text-align: center
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block span.column-right .column-right-request {
	position: relative
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block span.column-right .column-right-request i {
	font-size: 17px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block span.column-right .column-right-request i.ss-info {
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block span.column-right .column-right-request i.waiting {
	color: #7A8292
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block span.column-right .column-right-request i.waitingrequest {
	color: #44B4E3
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block span.column-right .column-right-request i.denied {
	color: #EA6060
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block span.column-right .column-right-request i.approved {
	color: #3CBC7B
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block span.column-right .column-right-request i.sendback {
	color: #EAB160
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block span.column-right .column-right-request:hover .inner {
	display: block
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block span.column-right .column-right-request .inner {
	min-width: 110px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block span.column-right .column-right-request .inner:after {
	position: absolute;
	left: 50px;
	top: -16px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block:hover .request-list-block-approval-list {
	background: #fff
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block:nth-child(odd):before {
	position: absolute;
	right: 14px;
	top: 0;
	left: auto;
	bottom: auto;
	z-index: 1
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block:nth-child(even) {
	float: right;
	margin-right: 0;
	padding-right: 0 !important
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block:nth-child(even):after {
	display: none
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval .request-list-block:before {
	background: #ECEFF1;
	width: 1px;
	height: 100%;
	content: "";
	position: absolute;
	position: absolute;
	left: -15px;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1;
	right: auto;
	bottom: auto
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval.approval-list-detail {
	padding: 0 40px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval.approval-list-detail .approval-list-detail-items {
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	width: 100%
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval.approval-list-detail .approval-list-detail-items label,
.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval.approval-list-detail .approval-list-detail-items p {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval.approval-list-detail .approval-list-detail-items label {
	font-size: 11px;
	width: 125px;
	margin-bottom: 0
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval.approval-list-detail .approval-list-detail-items p {
	width: 550px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval.approval-list-detail .approval-list-detail-items .form-item {
	margin-bottom: 0px
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval.approval-list-detail .approval-list-detail-items.explanation label {
	vertical-align: top
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval.approval-list-detail .approval-list-detail-items.files ul li span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval.approval-list-detail .approval-list-detail-items.files ul li span i {
	font-size: 21px;
	color: #A2ABCA
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval.approval-list-detail .approval-list-detail-items.files ul li span .btn {
	min-width: 75px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval.approval-list-detail .approval-list-detail-items.files ul li a {
	color: #7A8292
}

.request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .request-list-block-approval.approval-list-detail .approval-list-detail-items.files ul li a i {
	color: #7A8292;
	font-size: 19px
}

.request-form-detail .request-table-data .request-table-data-sort {
	display: inline-block;
	border-bottom: 1px solid #D6D9DE;
	padding-bottom: 10px
}

.request-form-detail .request-table-data .request-table-data-sort .row a {
	display: block
}

.request-form-detail .request-table-data .request-table-data-sort .row a span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-table-data .request-table-data-sort .row a span i {
	position: absolute;
	color: #D6D9DE
}

.request-form-detail .request-table-data .request-table-data-sort .row a span i.sg-navigateup:before {
	width: 11px;
	height: 11px;
	position: absolute;
	left: 5px;
	top: -9px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.request-form-detail .request-table-data .request-table-data-sort .row a span i.sg-navigatedown:before {
	width: 11px;
	height: 11px;
	position: absolute;
	left: 5px;
	bottom: -9px;
	right: auto;
	top: auto;
	z-index: 1
}

.request-form-detail .request-table-data .request-table-data-sort .row a span i.active {
	color: #4A485B
}

.request-form-detail .request-table-data .request-table-data-sort .row a span i.active.sg-navigateup:before,
.request-form-detail .request-table-data .request-table-data-sort .row a span i.active.sg-navigatedown:before {
	font-weight: bold
}

.request-form-detail .request-table-data .request-table-data-sort .row a:hover,
.request-form-detail .request-table-data .request-table-data-sort .row a.active {
	color: #7A8292
}

.request-form-detail .request-table-data .request-table-data-sort.approved-class .row-checkbox {
	display: none
}

.request-form-detail .request-table-data .request-table-data-sort.approved-class .row-request-info {
	margin-right: 65px
}

.request-form-detail .request-table-data .request-table-data-sort.approved-class .row-request-info .request-name {
	width: 350px
}

.request-form-detail .request-table-data .request-table-data-sort.approved-class .row-request-info i {
	float: right;
	margin-right: 10px
}

.request-form-detail .request-table-data .dropdown {
	display: none;
	padding-bottom: 16px
}

.request-form-detail .request-table-data.catalog-request {
	width: 100%
}

.request-form-detail .request-table-data.catalog-request .row-catalog {
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	padding: 0 10px 10px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	position: relative
}

.request-form-detail .request-table-data.catalog-request .row-catalog a:hover,
.request-form-detail .request-table-data.catalog-request .row-catalog a.active {
	color: #7A8292
}

.request-form-detail .request-table-data.catalog-request .row-catalog a span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-table-data.catalog-request .row-catalog a span i {
	position: absolute;
	color: #D6D9DE
}

.request-form-detail .request-table-data.catalog-request .row-catalog a span i.sg-navigateup:before {
	width: 11px;
	height: 11px;
	position: absolute;
	left: 5px;
	top: -9px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.request-form-detail .request-table-data.catalog-request .row-catalog a span i.sg-navigatedown:before {
	width: 11px;
	height: 11px;
	position: absolute;
	left: 5px;
	bottom: -9px;
	right: auto;
	top: auto;
	z-index: 1
}

.request-form-detail .request-table-data.catalog-request .row-catalog a span i.active {
	color: #4A485B
}

.request-form-detail .request-table-data.catalog-request .row-catalog a span i.active.sg-navigateup:before,
.request-form-detail .request-table-data.catalog-request .row-catalog a span i.active.sg-navigatedown:before {
	font-weight: bold
}

.request-form-detail .request-table-data.catalog-request .row-catalog .status-name {
	color: #A2ABCA;
	position: relative;
	cursor: default;
	font-size: 12px
}

.request-form-detail .request-table-data.catalog-request .row-catalog .status-name:hover .inner {
	display: block
}

.request-form-detail .request-table-data.catalog-request .row-catalog.catalog-checkbox {
	width: 25px
}

.request-form-detail .request-table-data.catalog-request .row-catalog.catalog-course-name {
	width: 370px
}

.request-form-detail .request-table-data.catalog-request .row-catalog.catalog-course-name .status-name {
	display: block;
	color: #A2ABCA;
	position: relative;
	cursor: default
}

.request-form-detail .request-table-data.catalog-request .row-catalog.catalog-request-date {
	width: 120px
}

.request-form-detail .request-table-data.catalog-request .row-catalog.catalog-status-info {
	width: 100px
}

.request-form-detail .request-table-data.catalog-request .row-catalog.catalog-status-info span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-table-data.catalog-request .row-catalog.catalog-status-info span.status-icon {
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 0;
	position: relative
}

.request-form-detail .request-table-data.catalog-request .row-catalog.catalog-status-info span.status-icon i {
	font-size: 18px;
	width: 18px;
	height: 18px;
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.request-form-detail .request-table-data.catalog-request .row-catalog.catalog-status-info span.status-icon:hover .request-dropdown {
	display: block
}

.request-form-detail .request-table-data.catalog-request .row-catalog.catalog-action {
	width: 20px
}

.request-form-detail .request-table-data.catalog-request .row-catalog.catalog-action i {
	font-size: 21px;
	margin-top: 10px;
	color: #7A8292
}

.request-form-detail .request-table-data.catalog-request.formAdmin .request-table-data-sort .row-catalog.catalog-checkbox {
	width: 30px
}

.request-form-detail .request-table-data.catalog-request.formAdmin .request-table-data-sort .row-catalog.catalog-user-name {
	width: 175px
}

.request-form-detail .request-table-data.catalog-request.formAdmin .request-table-data-sort .row-catalog.catalog-course-name {
	width: 215px
}

.request-form-detail .request-table-data.catalog-request.formAdmin .request-table-data-sort .row-catalog.catalog-request-date {
	width: 95px
}

.request-form-detail .request-table-data.free-request {
	width: 100%
}

.request-form-detail .request-table-data.free-request .row-free {
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	padding: 0 10px 10px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	position: relative
}

.request-form-detail .request-table-data.free-request .row-free a:hover,
.request-form-detail .request-table-data.free-request .row-free a.active {
	color: #7A8292
}

.request-form-detail .request-table-data.free-request .row-free a span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-table-data.free-request .row-free a span i {
	position: absolute;
	color: #D6D9DE
}

.request-form-detail .request-table-data.free-request .row-free a span i.sg-navigateup:before {
	width: 11px;
	height: 11px;
	position: absolute;
	left: 5px;
	top: -9px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.request-form-detail .request-table-data.free-request .row-free a span i.sg-navigatedown:before {
	width: 11px;
	height: 11px;
	position: absolute;
	left: 5px;
	bottom: -9px;
	right: auto;
	top: auto;
	z-index: 1
}

.request-form-detail .request-table-data.free-request .row-free a span i.active {
	color: #4A485B
}

.request-form-detail .request-table-data.free-request .row-free a span i.active.sg-navigateup:before,
.request-form-detail .request-table-data.free-request .row-free a span i.active.sg-navigatedown:before {
	font-weight: bold
}

.request-form-detail .request-table-data.free-request .row-free .status-name {
	display: block;
	color: #A2ABCA;
	position: relative;
	cursor: default;
	font-size: 12px
}

.request-form-detail .request-table-data.free-request .row-free .status-name:hover .inner {
	display: block
}

.request-form-detail .request-table-data.free-request .row-free.free-checkbox {
	width: 30px
}

.request-form-detail .request-table-data.free-request .row-free.free-course-name {
	width: 290px
}

.request-form-detail .request-table-data.free-request .row-free.free-course-name .status-name {
	display: block;
	color: #A2ABCA;
	position: relative;
	cursor: default
}

.request-form-detail .request-table-data.free-request .row-free.free-request-date {
	width: 120px
}

.request-form-detail .request-table-data.free-request .row-free.free-status-info {
	width: 165px
}

.request-form-detail .request-table-data.free-request .row-free.free-status-info span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-table-data.free-request .row-free.free-status-info span.status-icon {
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 0;
	position: relative
}

.request-form-detail .request-table-data.free-request .row-free.free-status-info span.status-icon i {
	font-size: 18px;
	width: 18px;
	height: 18px;
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.request-form-detail .request-table-data.free-request .row-free.free-status-info span.status-icon .request-dropdown {
	display: none;
	position: absolute;
	left: -173px;
	top: 30px;
	right: auto;
	bottom: auto;
	z-index: 1;
	z-index: 3;
	padding: 7px;
	width: 370px;
	background: #fff;
	border: 1px solid #D6D9DE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	-webkit-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	text-align: left
}

.request-form-detail .request-table-data.free-request .row-free.free-status-info span.status-icon .request-dropdown:after,
.request-form-detail .request-table-data.free-request .row-free.free-status-info span.status-icon .request-dropdown:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: 180px;
	top: -16px;
	right: auto;
	bottom: auto;
	z-index: 1;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.request-form-detail .request-table-data.free-request .row-free.free-status-info span.status-icon .request-dropdown:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.request-form-detail .request-table-data.free-request .row-free.free-status-info span.status-icon .request-dropdown h1 {
	text-align: center;
	background: #A2ABCA;
	color: #fff;
	padding: 10px 0;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif
}

.request-form-detail .request-table-data.free-request .row-free.free-status-info span.status-icon .request-dropdown .request-dropdown-table {
	width: 100%;
	margin: 10px 0;
	border-collapse: separate;
	border-bottom: 0px
}

.request-form-detail .request-table-data.free-request .row-free.free-status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-top {
	border-bottom: 1px solid #D6D9DE
}

.request-form-detail .request-table-data.free-request .row-free.free-status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom {
	border-bottom: 1px solid #D6D9DE;
	margin: -2px auto 5px
}

.request-form-detail .request-table-data.free-request .row-free.free-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 5px
}

.request-form-detail .request-table-data.free-request .row-free.free-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.orderno {
	width: 28px;
	font-weight: bold
}

.request-form-detail .request-table-data.free-request .row-free.free-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.fullname {
	width: 110px
}

.request-form-detail .request-table-data.free-request .row-free.free-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.infodate {
	width: 75px
}

.request-form-detail .request-table-data.free-request .row-free.free-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.infostatus {
	width: 130px
}

.request-form-detail .request-table-data.free-request .row-free.free-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line {
	border-top: 1px solid #D6D9DE;
	color: #7A8292;
	padding: 5px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-table-data.free-request .row-free.free-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.orderno {
	width: 28px;
	font-weight: bold
}

.request-form-detail .request-table-data.free-request .row-free.free-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.fullname {
	width: 110px
}

.request-form-detail .request-table-data.free-request .row-free.free-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.infodate {
	width: 75px
}

.request-form-detail .request-table-data.free-request .row-free.free-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.infostatus {
	width: 130px
}

.request-form-detail .request-table-data.free-request .row-free.free-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line:first-child {
	border-left: 0px
}

.request-form-detail .request-table-data.free-request .row-free.free-status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line:last-child {
	border-right: 0px
}

.request-form-detail .request-table-data.free-request .row-free.free-status-info span.status-icon .request-dropdown .warning-holder,
.request-form-detail .request-table-data.free-request .row-free.free-status-info span.status-icon .request-dropdown .explanation-holder {
	color: #7A8292;
	padding: 10px;
	margin: 0 5px
}

.request-form-detail .request-table-data.free-request .row-free.free-status-info span.status-icon .request-dropdown .warning-holder h2,
.request-form-detail .request-table-data.free-request .row-free.free-status-info span.status-icon .request-dropdown .explanation-holder h2 {
	color: #7A8292;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	margin-bottom: 5px
}

.request-form-detail .request-table-data.free-request .row-free.free-status-info span.status-icon .request-dropdown .warning-holder {
	margin-bottom: 5px;
	background: #ECEFF1
}

.request-form-detail .request-table-data.free-request .row-free.free-status-info span.status-icon .request-dropdown .explanation-holder {
	margin: 5px;
	background: #F5F7F9
}

.request-form-detail .request-table-data.free-request .row-free.free-status-info span.status-icon:hover .request-dropdown {
	display: block
}

.request-form-detail .request-table-data.free-request .row-free.free-action {
	width: 130px
}

.request-form-detail .request-table-data.free-request .row-free.free-action .btn-free-detail {
	min-width: 80px;
	padding: 5px 10px
}

.request-form-detail .request-table-data.free-request .row-free.free-action .btn-free-detail.green {
	color: #fff
}

.request-form-detail .request-table-data.free-request .row-free.free-action i {
	font-size: 21px;
	margin-top: 10px;
	color: #7A8292
}

.request-form-detail .request-table-data.free-request.formAdmin .request-table-data-sort .row-free.free-checkbox {
	width: 30px
}

.request-form-detail .request-table-data.free-request.formAdmin .request-table-data-sort .row-free.free-user-name {
	width: 155px
}

.request-form-detail .request-table-data.free-request.formAdmin .request-table-data-sort .row-free.free-course-name {
	width: 165px
}

.request-form-detail .request-table-data.free-request.formAdmin .request-table-data-sort .row-free.free-request-date {
	width: 95px
}

.request-form-detail .request-table-data.free-request.formAdmin .request-table-data-sort .row-free.free-action {
	width: 120px
}

.request-form-detail .request-table-data.approval-request {
	width: 100%
}

.request-form-detail .request-table-data.approval-request .row-common {
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	padding: 0 10px 10px;
	display: inline-block;
	vertical-align: top
}

.request-form-detail .request-table-data.approval-request .row-common.row-checkbox {
	width: 25px
}

.request-form-detail .request-table-data.approval-request .row-common.row-name {
	width: 175px
}

.request-form-detail .request-table-data.approval-request .row-common.row-request-info {
	width: 300px
}

.request-form-detail .request-table-data.approval-request .row-common.row-request-info .request-name .status-name .inner {
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif
}

.request-form-detail .request-table-data.approval-request .row-common.row-request-history {
	width: 75px;
	text-align: center
}

.request-form-detail .request-table-data.approval-request .row-common.row-actions {
	width: 164px;
	text-align: center
}

.request-form-detail .select-user .btn {
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	min-width: 130px
}

.request-form-detail .request-table-data-admin {
	margin: 25px 0
}

.request-form-detail .request-table-data-admin .request-table-data-sort,
.request-form-detail .request-table-data-admin .row-list {
	width: 100%;
	display: inline-block
}

.request-form-detail .request-table-data-admin .request-table-data-sort .center-line,
.request-form-detail .request-table-data-admin .row-list .center-line {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	background: #A2ABCA;
	height: 1px;
	width: 15px;
	margin-top: 12px
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row,
.request-form-detail .request-table-data-admin .row-list .row {
	font: 13px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292;
	padding: 0 10px 10px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin: auto !important
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.check,
.request-form-detail .request-table-data-admin .row-list .row.check {
	width: 30px
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.check span.checkbox,
.request-form-detail .request-table-data-admin .row-list .row.check span.checkbox {
	padding-top: 3px
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.check span.checkbox input,
.request-form-detail .request-table-data-admin .row-list .row.check span.checkbox input {
	width: 19px;
	height: 19px
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.check span.checked:before,
.request-form-detail .request-table-data-admin .row-list .row.check span.checked:before {
	background: #7A8292
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.check span.checked:after,
.request-form-detail .request-table-data-admin .row-list .row.check span.checked:after {
	color: #fff
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.check span:before,
.request-form-detail .request-table-data-admin .row-list .row.check span:before {
	width: 19px;
	height: 19px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.check span:after,
.request-form-detail .request-table-data-admin .row-list .row.check span:after {
	position: absolute;
	left: 4px;
	top: 4px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 10px "SSStandard"
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.name,
.request-form-detail .request-table-data-admin .row-list .row.name {
	width: 195px
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.name .status-name,
.request-form-detail .request-table-data-admin .row-list .row.name .status-name {
	color: #A2ABCA
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.type,
.request-form-detail .request-table-data-admin .row-list .row.type {
	width: 145px
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info,
.request-form-detail .request-table-data-admin .row-list .row.status-info {
	width: 225px
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span,
.request-form-detail .request-table-data-admin .row-list .row.status-info span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-icon,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-icon {
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 0;
	position: relative
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-icon i,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-icon i {
	font-size: 18px;
	width: 18px;
	height: 18px;
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-icon .request-dropdown,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-icon .request-dropdown {
	position: absolute;
	left: -215px;
	top: 30px;
	right: auto;
	bottom: auto;
	z-index: 1;
	z-index: 3;
	padding: 7px;
	width: 450px;
	background: #fff;
	border: 1px solid #D6D9DE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	-webkit-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	text-align: left;
	margin-bottom: 10px
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-icon .request-dropdown:after,
.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-icon .request-dropdown:before,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-icon .request-dropdown:after,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-icon .request-dropdown:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	top: -16px;
	right: auto;
	bottom: auto;
	z-index: 1;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-icon .request-dropdown:before,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-icon .request-dropdown:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-icon .request-dropdown h1,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-icon .request-dropdown h1 {
	text-align: center;
	background: #A2ABCA;
	color: #fff;
	padding: 10px 0;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table {
	width: 100%;
	margin: 10px 0 0 0;
	border-collapse: separate;
	border-bottom: 0px
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-top,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-top {
	border-bottom: 1px solid #D6D9DE
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom {
	border-bottom: 1px solid #D6D9DE;
	margin: -2px auto 5px
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .warning-holder,
.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .explanation-holder,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .warning-holder,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .explanation-holder {
	color: #7A8292;
	padding: 10px;
	margin: 0 5px;
	text-align: left
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .warning-holder h2,
.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .explanation-holder h2,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .warning-holder h2,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .explanation-holder h2 {
	color: #7A8292;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	margin-bottom: 5px
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .warning-holder,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .warning-holder {
	margin-bottom: 5px;
	background: #ECEFF1
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .explanation-holder,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .explanation-holder {
	margin-bottom: 5px;
	background: #F5F7F9
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 5px
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.orderno,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.orderno {
	width: 28px;
	font-weight: bold
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.fullname,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.fullname {
	width: 130px
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.infodate,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.infodate {
	width: 110px
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.infostatus,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-row.infostatus {
	width: 150px
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line {
	color: #7A8292;
	padding: 5px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.orderno,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.orderno {
	width: 28px;
	font-weight: bold
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.fullname,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.fullname {
	width: 130px
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.infodate,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.infodate {
	width: 110px
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.infostatus,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line.infostatus {
	width: 150px
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line:first-child,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line:first-child {
	border-left: 0px
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line:last-child,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-icon .request-dropdown .request-dropdown-table .request-table-line:last-child {
	border-right: 0px
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-icon .explanation-holder,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-icon .explanation-holder {
	color: #3CBC7B;
	padding: 9px 5px;
	margin: 0px;
	text-align: center;
	border: #D6D9DE 1px solid
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-text-info,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-text-info {
	width: 190px
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.status-info span.status-text-info .status-name.red,
.request-form-detail .request-table-data-admin .row-list .row.status-info span.status-text-info .status-name.red {
	color: #EA6060 !important
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.action,
.request-form-detail .request-table-data-admin .row-list .row.action {
	width: 150px
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.action i,
.request-form-detail .request-table-data-admin .row-list .row.action i {
	width: 20px;
	position: relative
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.action i:before,
.request-form-detail .request-table-data-admin .row-list .row.action i:before {
	position: absolute;
	left: 5px;
	top: -15px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.action i.sg-trash,
.request-form-detail .request-table-data-admin .row-list .row.action i.sg-trash {
	font-size: 21px;
	margin-top: 10px;
	color: #D6D9DE
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.action i.sg-navigatedown,
.request-form-detail .request-table-data-admin .request-table-data-sort .row.action i.sg-navigateup,
.request-form-detail .request-table-data-admin .row-list .row.action i.sg-navigatedown,
.request-form-detail .request-table-data-admin .row-list .row.action i.sg-navigateup {
	font-size: 25px
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.action a.btn,
.request-form-detail .request-table-data-admin .row-list .row.action a.btn {
	padding: 5px 10px;
	min-width: 70px;
	text-decoration: none
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.action a.btn.gray,
.request-form-detail .request-table-data-admin .row-list .row.action a.btn.gray {
	background-color: #7A8292;
	color: #fff
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row.action a.btn.green,
.request-form-detail .request-table-data-admin .row-list .row.action a.btn.green {
	background-color: #3CBC7B;
	color: #fff
}

.request-form-detail .request-table-data-admin .request-table-data-sort .pager .row,
.request-form-detail .request-table-data-admin .row-list .pager .row {
	margin-right: -.5rem !important;
	margin-left: -.5rem !important;
	box-sizing: border-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex: 0 1 auto;
	-webkit-box-flex: 0;
	flex: 0 1 auto;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row-list,
.request-form-detail .request-table-data-admin .row-list .row-list {
	border-bottom: 1px solid #D6D9DE
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row-list:hover,
.request-form-detail .request-table-data-admin .request-table-data-sort .row-list.selected,
.request-form-detail .request-table-data-admin .row-list .row-list:hover,
.request-form-detail .request-table-data-admin .row-list .row-list.selected {
	background: #F5F7F9
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row-list .row-top .row,
.request-form-detail .request-table-data-admin .row-list .row-list .row-top .row {
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: auto !important
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row-list .row-top .row.name p,
.request-form-detail .request-table-data-admin .row-list .row-list .row-top .row.name p {
	word-break: break-word;
	word-wrap: break-word;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row-list .row-top .status-name,
.request-form-detail .request-table-data-admin .row-list .row-list .row-top .status-name {
	color: #A2ABCA;
	position: relative;
	cursor: default;
	font-size: 12px
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row-list .row-top .status-name:hover .inner,
.request-form-detail .request-table-data-admin .row-list .row-list .row-top .status-name:hover .inner {
	display: block
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row-list .row-bottom .request-list,
.request-form-detail .request-table-data-admin .row-list .row-list .row-bottom .request-list {
	padding: 0 10px;
	width: 100%
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row-list .row-bottom .request-list .request-list-result,
.request-form-detail .request-table-data-admin .row-list .row-list .row-bottom .request-list .request-list-result {
	font-size: 100%;
	display: block;
	margin-bottom: 10px
}

.request-form-detail .request-table-data-admin .request-table-data-sort .row-list .row-bottom .request-list .request-list-item .request-list-block-single:last-child,
.request-form-detail .request-table-data-admin .row-list .row-list .row-bottom .request-list .request-list-item .request-list-block-single:last-child {
	border-bottom: 0px
}

.request-form-detail .request-table-data-admin .request-table-data-sort.head,
.request-form-detail .request-table-data-admin .row-list.head {
	border-bottom: 1px solid #D6D9DE
}

.request-form-detail .request-table-data-admin .request-table-data-sort.head .row,
.request-form-detail .request-table-data-admin .row-list.head .row {
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif
}

.request-form-detail .request-table-data-admin .request-table-data-sort.head .row.name a span,
.request-form-detail .request-table-data-admin .row-list.head .row.name a span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-table-data-admin .request-table-data-sort.head .row.name a span:last-child i,
.request-form-detail .request-table-data-admin .row-list.head .row.name a span:last-child i {
	position: absolute;
	color: #D6D9DE
}

.request-form-detail .request-table-data-admin .request-table-data-sort.head .row.name a span:last-child i.sg-navigateup:before,
.request-form-detail .request-table-data-admin .row-list.head .row.name a span:last-child i.sg-navigateup:before {
	width: 11px;
	height: 11px;
	position: absolute;
	left: 5px;
	top: -9px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.request-form-detail .request-table-data-admin .request-table-data-sort.head .row.name a span:last-child i.sg-navigatedown:before,
.request-form-detail .request-table-data-admin .row-list.head .row.name a span:last-child i.sg-navigatedown:before {
	width: 11px;
	height: 11px;
	position: absolute;
	left: 5px;
	bottom: -9px;
	right: auto;
	top: auto;
	z-index: 1
}

.request-form-detail .request-table-data-admin .request-table-data-sort.head .row.name a span:last-child i.active,
.request-form-detail .request-table-data-admin .row-list.head .row.name a span:last-child i.active {
	color: #4A485B
}

.request-form-detail .request-table-data-admin .request-table-data-sort.head .row.name a span:last-child i.active.sg-navigateup:before,
.request-form-detail .request-table-data-admin .request-table-data-sort.head .row.name a span:last-child i.active.sg-navigatedown:before,
.request-form-detail .request-table-data-admin .row-list.head .row.name a span:last-child i.active.sg-navigateup:before,
.request-form-detail .request-table-data-admin .row-list.head .row.name a span:last-child i.active.sg-navigatedown:before {
	font-weight: bold
}

.request-form-detail .request-table-data-admin .request-table-data-sort.head .row.status-info a span,
.request-form-detail .request-table-data-admin .row-list.head .row.status-info a span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-table-data-admin .request-table-data-sort.head .row.status-info a span:last-child i,
.request-form-detail .request-table-data-admin .row-list.head .row.status-info a span:last-child i {
	position: absolute;
	color: #D6D9DE
}

.request-form-detail .request-table-data-admin .request-table-data-sort.head .row.status-info a span:last-child i.sg-navigateup:before,
.request-form-detail .request-table-data-admin .row-list.head .row.status-info a span:last-child i.sg-navigateup:before {
	width: 11px;
	height: 11px;
	position: absolute;
	left: 5px;
	top: -9px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.request-form-detail .request-table-data-admin .request-table-data-sort.head .row.status-info a span:last-child i.sg-navigatedown:before,
.request-form-detail .request-table-data-admin .row-list.head .row.status-info a span:last-child i.sg-navigatedown:before {
	width: 11px;
	height: 11px;
	position: absolute;
	left: 5px;
	bottom: -9px;
	right: auto;
	top: auto;
	z-index: 1
}

.request-form-detail .request-table-data-admin .request-table-data-sort.head .row.status-info a span:last-child i.active,
.request-form-detail .request-table-data-admin .row-list.head .row.status-info a span:last-child i.active {
	color: #4A485B
}

.request-form-detail .request-table-data-admin .request-table-data-sort.head .row.status-info a span:last-child i.active.sg-navigateup:before,
.request-form-detail .request-table-data-admin .request-table-data-sort.head .row.status-info a span:last-child i.active.sg-navigatedown:before,
.request-form-detail .request-table-data-admin .row-list.head .row.status-info a span:last-child i.active.sg-navigateup:before,
.request-form-detail .request-table-data-admin .row-list.head .row.status-info a span:last-child i.active.sg-navigatedown:before {
	font-weight: bold
}

.request-form-detail .request-table-data-admin .request-table-data-sort.head .row a:hover,
.request-form-detail .request-table-data-admin .request-table-data-sort.head .row a.active,
.request-form-detail .request-table-data-admin .row-list.head .row a:hover,
.request-form-detail .request-table-data-admin .row-list.head .row a.active {
	color: #7A8292
}

.request-form-detail .request-table-data-admin .request-table-data-sort.head .row.checkbox:before,
.request-form-detail .request-table-data-admin .row-list.head .row.checkbox:before {
	border: 0px
}

.request-form-detail .no-result .no-result-number,
.request-form-detail .no-result h5 {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .no-result .no-result-number {
	margin-right: 50px
}

.request-form-detail .request-all-actions {
	width: 100%;
	margin: 25px 0
}

.request-form-detail .request-all-actions .all-actions-checkbox,
.request-form-detail .request-all-actions .all-actions-dropdown {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-all-actions .all-actions-checkbox .checkbox,
.request-form-detail .request-all-actions .all-actions-dropdown .checkbox {
	display: block;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px
}

.request-form-detail .request-all-actions .all-actions-checkbox .checkbox input[type="checkbox"],
.request-form-detail .request-all-actions .all-actions-dropdown .checkbox input[type="checkbox"] {
	width: 20px;
	height: 20px;
	top: 0px
}

.request-form-detail .request-all-actions .all-actions-checkbox .checkbox.checked:before,
.request-form-detail .request-all-actions .all-actions-dropdown .checkbox.checked:before {
	background: #7A8292
}

.request-form-detail .request-all-actions .all-actions-checkbox .checkbox.checked:after,
.request-form-detail .request-all-actions .all-actions-dropdown .checkbox.checked:after {
	color: #fff
}

.request-form-detail .request-all-actions .all-actions-checkbox .checkbox:before,
.request-form-detail .request-all-actions .all-actions-dropdown .checkbox:before {
	width: 19px;
	height: 19px;
	top: 0px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.request-form-detail .request-all-actions .all-actions-checkbox .checkbox:after,
.request-form-detail .request-all-actions .all-actions-dropdown .checkbox:after {
	position: absolute;
	left: 4px;
	top: 4px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 10px "SSStandard"
}

.request-form-detail .request-all-actions .all-actions-checkbox .dropdown,
.request-form-detail .request-all-actions .all-actions-dropdown .dropdown {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	position: relative;
	min-width: 160px;
	height: 32px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #D6D9DE
}

.request-form-detail .request-all-actions .all-actions-checkbox .dropdown .value,
.request-form-detail .request-all-actions .all-actions-dropdown .dropdown .value {
	display: block;
	padding: 6px 35px 8px 15px;
	width: 100%;
	height: 32px;
	cursor: default;
	font: 15px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.request-form-detail .request-all-actions .all-actions-checkbox .dropdown .value:before,
.request-form-detail .request-all-actions .all-actions-dropdown .dropdown .value:before {
	content: "\F501";
	font: 14px "SSGizmo";
	position: absolute;
	right: 12px;
	top: 7px;
	left: auto;
	bottom: auto;
	z-index: 1;
	color: #A2ABCA
}

.request-form-detail .request-all-actions .all-actions-checkbox .dropdown ul,
.request-form-detail .request-all-actions .all-actions-dropdown .dropdown ul {
	position: absolute;
	right: 0;
	top: 40px;
	left: auto;
	bottom: auto;
	z-index: 1;
	z-index: 5;
	min-width: 160px;
	padding: 3px;
	background: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #D6D9DE;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	white-space: nowrap
}

.request-form-detail .request-all-actions .all-actions-checkbox .dropdown ul:after,
.request-form-detail .request-all-actions .all-actions-checkbox .dropdown ul:before,
.request-form-detail .request-all-actions .all-actions-dropdown .dropdown ul:after,
.request-form-detail .request-all-actions .all-actions-dropdown .dropdown ul:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 71px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.request-form-detail .request-all-actions .all-actions-checkbox .dropdown ul:before,
.request-form-detail .request-all-actions .all-actions-dropdown .dropdown ul:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.request-form-detail .request-all-actions .all-actions-checkbox .dropdown ul li,
.request-form-detail .request-all-actions .all-actions-dropdown .dropdown ul li {
	text-align: center;
	padding: 0 5px
}

.request-form-detail .request-all-actions .all-actions-checkbox .dropdown ul li a,
.request-form-detail .request-all-actions .all-actions-dropdown .dropdown ul li a {
	display: block;
	font: 15px/25px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.request-form-detail .request-all-actions .all-actions-checkbox .dropdown ul li.action-cancelall:hover,
.request-form-detail .request-all-actions .all-actions-dropdown .dropdown ul li.action-cancelall:hover {
	background: #7A8292
}

.request-form-detail .request-all-actions .all-actions-checkbox .dropdown ul li:hover a,
.request-form-detail .request-all-actions .all-actions-dropdown .dropdown ul li:hover a {
	color: #fff
}

.request-form-detail .request-all-actions .all-actions-checkbox .dropdown:hover:after,
.request-form-detail .request-all-actions .all-actions-dropdown .dropdown:hover:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -15px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 100%;
	height: 25px
}

.request-form-detail .request-all-actions .all-actions-checkbox .dropdown.dropdown-approval,
.request-form-detail .request-all-actions .all-actions-dropdown .dropdown.dropdown-approval {
	padding-bottom: 0
}

.request-form-detail .request-all-actions .all-actions-checkbox .dropdown.dropdown-approval ul li,
.request-form-detail .request-all-actions .all-actions-dropdown .dropdown.dropdown-approval ul li {
	padding: 0 5px
}

.request-form-detail .request-all-actions .all-actions-checkbox .dropdown.dropdown-approval ul li.action-approval:hover,
.request-form-detail .request-all-actions .all-actions-dropdown .dropdown.dropdown-approval ul li.action-approval:hover {
	background: #3CBC7B
}

.request-form-detail .request-all-actions .all-actions-checkbox .dropdown.dropdown-approval ul li.action-rejection:hover,
.request-form-detail .request-all-actions .all-actions-dropdown .dropdown.dropdown-approval ul li.action-rejection:hover {
	background: #EA6060
}

.request-form-detail .request-all-actions .all-actions-checkbox .dropdown.dropdown-approval ul li.action-sendback:hover,
.request-form-detail .request-all-actions .all-actions-dropdown .dropdown.dropdown-approval ul li.action-sendback:hover {
	background: #EAB160
}

.request-form-detail .request-all-actions .all-actions-checkbox .dropdown.dropdown-approval ul li.action-redirect:hover,
.request-form-detail .request-all-actions .all-actions-dropdown .dropdown.dropdown-approval ul li.action-redirect:hover {
	background: #44B4E3
}

.request-form-detail .request-all-actions .all-actions-checkbox .dropdown.dropdown-approval ul li:hover a,
.request-form-detail .request-all-actions .all-actions-dropdown .dropdown.dropdown-approval ul li:hover a {
	color: #fff
}

.request-form-detail .request-free-create {
	border-bottom: 1px solid #ECEFF1;
	border-top: 1px solid #ECEFF1;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0
}

.request-form-detail .request-free-create .request-free-create-items {
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	width: 100%
}

.request-form-detail .request-free-create .request-free-create-items input {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0
}

.request-form-detail .request-free-create .request-free-create-items label,
.request-form-detail .request-free-create .request-free-create-items span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.request-form-detail .request-free-create .request-free-create-items label {
	width: 175px;
	margin-bottom: 0
}

.request-form-detail .request-free-create .request-free-create-items span.freeRequestValueName {
	width: 140px;
	margin: 0px
}

.request-form-detail .request-free-create .request-free-create-items span .error-message {
	font: italic 15px "lato_trregular", Helvetica, Arial, sans-serif;
	display: none
}

.request-form-detail .request-free-create .request-free-create-items span.free-info {
	position: relative;
	width: 23px;
	text-align: center
}

.request-form-detail .request-free-create .request-free-create-items span.free-info i {
	font-size: 17px;
	color: #A2ABCA
}

.request-form-detail .request-free-create .request-free-create-items span.free-info .inner {
	position: absolute;
	left: -50px;
	top: 30px;
	right: auto;
	bottom: auto;
	z-index: 1;
	white-space: inherit;
	text-align: center;
	width: 115px;
	margin-bottom: 5px
}

.request-form-detail .request-free-create .request-free-create-items span.free-info .inner:after {
	position: absolute;
	left: 53px;
	top: -16px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.request-form-detail .request-free-create .request-free-create-items span.free-info:hover .inner {
	display: block
}

.request-form-detail .request-free-create .request-free-create-items span.item-input {
	width: 465px
}

.request-form-detail .request-free-create .request-free-create-items span.item-select {
	width: auto
}

.request-form-detail .request-free-create .request-free-create-items span.item-select span input[type="checkbox"] {
	width: 20px;
	height: 20px;
	top: 0px
}

.request-form-detail .request-free-create .request-free-create-items span.item-select span.checkbox {
	padding: 20px 0 0 20px
}

.request-form-detail .request-free-create .request-free-create-items span.item-select span.checkbox:before {
	left: -1px
}

.request-form-detail .request-free-create .request-free-create-items span.item-select span.checked:before {
	background: #7A8292
}

.request-form-detail .request-free-create .request-free-create-items span.item-select span.checked:after {
	color: #fff
}

.request-form-detail .request-free-create .request-free-create-items span.item-select span.checked.disable {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	opacity: .3
}

.request-form-detail .request-free-create .request-free-create-items span.item-select span.checked.disable span input,
.request-form-detail .request-free-create .request-free-create-items span.item-select span.checked.disable span select {
	cursor: not-allowed
}

.request-form-detail .request-free-create .request-free-create-items span.item-select span:before {
	width: 19px;
	height: 19px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	top: 0px
}

.request-form-detail .request-free-create .request-free-create-items span.item-select span:after {
	position: absolute;
	left: 4px;
	top: 4px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 10px "SSStandard"
}

.request-form-detail .request-free-create .request-free-create-items span.item-select span.disable {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: .5
}

.request-form-detail .request-free-create .request-free-create-items span.item-select span.disable span input,
.request-form-detail .request-free-create .request-free-create-items span.item-select span.disable span select {
	cursor: not-allowed
}

.request-form-detail .request-free-create .request-free-create-items span.item-select span.disable input {
	cursor: not-allowed
}

.request-form-detail .request-free-create .request-free-create-items span.item-textarea {
	width: 465px
}

.request-form-detail .request-free-create .request-free-create-items span.item-textarea textarea {
	height: 100px;
	border: 1px solid #D6D9DE;
	padding: 10px;
	color: #7A8292
}

.request-form-detail .request-free-create .request-free-create-items span.item-date {
	width: 200px
}

.request-form-detail .request-free-create .request-free-create-items span.item-date input {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px
}

.request-form-detail .request-free-create .request-free-create-items span.item-file {
	border: 1px solid #D6D9DE;
	padding: 10px;
	min-height: 50px;
	width: 465px
}

.request-form-detail .request-free-create .request-free-create-items span.item-file .attachment .upload-progressbar {
	height: 5px;
	width: 100%
}

.request-form-detail .request-free-create .request-free-create-items span.item-file .attachment .uploaded-part {
	height: 5px;
	background-color: #3CBC7B
}

.request-form-detail .request-free-create .request-free-create-items span.item-file .attachment li {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: calc(100% - 25px)
}

.request-form-detail .request-free-create .request-free-create-items span.item-file .attachment li:last-child {
	border: 0px
}

.request-form-detail .request-free-create .request-free-create-items span.item-file .attachment li a {
	color: #7A8292
}

.request-form-detail .request-free-create .request-free-create-items span.item-file .attachment li a .sg-icon {
	color: #7A8292;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
	font-size: 32px
}

.request-form-detail .request-free-create .request-free-create-items span.item-file .attachment li a .sg-icon.sg-pdf {
	color: #EA6060
}

.request-form-detail .request-free-create .request-free-create-items span.item-file .attachment li a .sg-icon.sg-doc {
	color: #419FE5
}

.request-form-detail .request-free-create .request-free-create-items span.item-file .attachment li a .sg-icon.sg-jpg {
	color: #3CBC7B
}

.request-form-detail .request-free-create .request-free-create-items span.item-file .attachment li a .sg-icon.sg-zip {
	color: #EAB160
}

.request-form-detail .request-free-create .request-free-create-items span.item-file .attachment li a .sg-icon.sg-file {
	color: #3CBC7B
}

.request-form-detail .request-free-create .request-free-create-items span.item-file .attachment li a i {
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0
}

.request-form-detail .request-free-create .request-free-create-items span.item-file .attachment li .file-name {
	font-size: 14px;
	float: left
}

.request-form-detail .request-free-create .request-free-create-items span.item-file .attachment li .file-name .small-text {
	font-size: 12px;
	color: #7A8292;
	display: block;
	margin-top: 7px
}

.request-form-detail .request-free-create .request-free-create-items span.item-file .attachment a.sg-trash {
	color: #A2ABCA;
	font-size: 20px
}

.request-form-detail .request-free-create .request-free-create-items span.item-file a.btn {
	font-size: 14px
}

.request-form-detail .request-free-create .request-free-create-items span.item-file a.btn i {
	width: 16px;
	height: 16px;
	font-size: 14px;
	color: #fff
}

.request-form-detail .request-free-create .request-free-create-items span.item-file a.disable {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	opacity: .4
}

.request-form-detail .request-free-create .request-free-create-items span.item-file a.disable i {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	opacity: .4
}

.request-form-detail .request-free-create .request-free-create-items.error span .error-message {
	color: #EA6060;
	display: block
}

.request-form-detail .request-free-create .request-free-create-items.error span input {
	border: #EA6060 1px solid
}

.request-form-detail .request-free-create .request-free-create-items.disable span input {
	cursor: not-allowed;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	opacity: .3
}

.request-form-detail .request-free-create .request-free-create-items .form-item {
	margin-bottom: 0px
}

.request-form-detail .request-free-create .btn-free-create {
	margin: auto;
	display: table;
	color: #fff;
	background: #3CBC7B;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	padding: 8px 15px 5px 15px;
	min-width: 150px;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	text-align: center
}

.approval-redirect-drawer .drawer-content .redirect-drawer label,
.approval-redirect-drawer .drawer-content .redirect-drawer span,
.approval-redirect-drawer .drawer-content .redirect-drawer .redirect-col-left,
.approval-redirect-drawer .drawer-content .redirect-drawer .redirect-col-right {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.approval-redirect-drawer .drawer-content .redirect-drawer label.checkbox,
.approval-redirect-drawer .drawer-content .redirect-drawer span.checkbox,
.approval-redirect-drawer .drawer-content .redirect-drawer .redirect-col-left.checkbox,
.approval-redirect-drawer .drawer-content .redirect-drawer .redirect-col-right.checkbox {
	padding: 10px
}

.approval-redirect-drawer .drawer-content .redirect-drawer label.checkbox input,
.approval-redirect-drawer .drawer-content .redirect-drawer span.checkbox input,
.approval-redirect-drawer .drawer-content .redirect-drawer .redirect-col-left.checkbox input,
.approval-redirect-drawer .drawer-content .redirect-drawer .redirect-col-right.checkbox input {
	width: 19px;
	height: 19px
}

.approval-redirect-drawer .drawer-content .redirect-drawer label.checked:before,
.approval-redirect-drawer .drawer-content .redirect-drawer span.checked:before,
.approval-redirect-drawer .drawer-content .redirect-drawer .redirect-col-left.checked:before,
.approval-redirect-drawer .drawer-content .redirect-drawer .redirect-col-right.checked:before {
	background: #7A8292
}

.approval-redirect-drawer .drawer-content .redirect-drawer label.checked:after,
.approval-redirect-drawer .drawer-content .redirect-drawer span.checked:after,
.approval-redirect-drawer .drawer-content .redirect-drawer .redirect-col-left.checked:after,
.approval-redirect-drawer .drawer-content .redirect-drawer .redirect-col-right.checked:after {
	color: #fff
}

.request-list-item {
	display: block
}

.request-list-block-single {
	width: 100%;
	border-bottom: #D6D9DE 1px solid;
	padding: 10px
}

.request-list-block-single:first-child {
	border-top: #D6D9DE 1px solid
}

.request-list-block-single span {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px
}

.request-list-block-single span:first-child {
	margin-left: 0
}

.request-list-block-single span:last-child {
	margin-right: 0
}

.request-list-block-single span.checkbox {
	padding: 10px;
	margin-top: 15px
}

.request-list-block-single span.checkbox input {
	width: 20px;
	height: 20px
}

.request-list-block-single span.checkbox:after {
	position: absolute;
	left: 4px;
	top: 4px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 10px "SSStandard"
}

.request-list-block-single span.checkbox:before {
	width: 19px;
	height: 19px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	top: 0px
}

.request-list-block-single span.checkbox.checked:before {
	background: #7A8292
}

.request-list-block-single span.checkbox.checked:after {
	color: #fff
}

.request-list-block-single span.checkbox.disable {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: .5
}

.request-list-block-single span.checkbox.disable input {
	cursor: not-allowed
}

.request-list-block-single span.column-left {
	width: 50px;
	height: 50px;
	background: #7A8292
}

.request-list-block-single span.column-left img {
	width: 100%;
	display: block
}

.request-list-block-single span.column-center {
	width: calc(100% - 140px)
}

.request-list-block-single span.column-center .category-tag {
	margin: 5px 0
}

.request-list-block-single span.column-center .category-tag li {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin: 2px 0;
	background-color: #ECEFF1;
	padding: 3px 10px;
	font: 10px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.request-list-block-single span.column-center .category-tag li:nth-child(2n+2) {
	padding: 0px;
	background: none
}

.request-list-block-single span.column-center .category-tag li:last-child {
	display: none
}

.request-list-block-single span.column-center .date {
	font-size: 10px
}

.request-list-block-single span.column-right {
	text-align: center;
	width: 25px;
	float: right
}

.request-list-block-single span.column-right>div {
	position: relative;
	width: 25px;
	height: 25px
}

.request-list-block-single span.column-right>div i {
	font-size: 17px
}

.request-list-block-single span.column-right>div i.ss-info {
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.request-list-block-single span.column-right>div i.waiting {
	color: #44B4E3
}

.request-list-block-single span.column-right>div i.waitingrequest {
	color: #44B4E3
}

.request-list-block-single span.column-right>div i.denied {
	color: #EA6060
}

.request-list-block-single span.column-right>div i.approved {
	color: #3CBC7B
}

.request-list-block-single span.column-right>div i.sendback {
	color: #EAB160
}

.request-list-block-single span.column-right>div:hover .inner {
	display: block
}

.request-list-block-single span.column-right>div .inner {
	min-width: 110px;
	text-align: center;
	white-space: normal;
	position: absolute;
	right: 0;
	top: 30px;
	left: auto;
	bottom: auto;
	z-index: 1
}

.request-list-block-single span.column-right>div .inner:after {
	position: absolute;
	right: 5px;
	top: -15px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border-bottom: 8px solid #A2ABCA
}

.request-list-block-single span.column-right .column-right-registered i {
	color: #A2ABCA;
	font-size: 20px
}

.request-list-block-single.no-checkbox span.column-center {
	width: calc(100% - 100px)
}

.request-list-block-single.no-info span.column-center {
	width: calc(100% - 140px)
}

.request-list-block-single.no-checkbox-no-info span:first-child {
	margin-left: 0
}

.request-list-block-single.no-checkbox-no-info span.column-center {
	width: calc(100% - 100px)
}

.request-list-block-single:hover {
	background: #F5F7F9
}

body.scroll-request .menu-stuck {
	position: inherit !important
}

body.scroll-request .approval-requests .overlay {
	position: absolute
}

body.scroll-request .request-form-detail {
	position: inherit
}

body.scroll-request .request-form-detail .request-form-detail-content {
	position: inherit
}

body.scroll-request .request-form-detail .request-form-detail-content .content-filter {
	position: inherit
}

body.isManager .growl-container {
	z-index: 111
}

body.isManager .growl-container .growl-item .info h6 {
	margin-top: 6px
}

.admin-group-drawer button {
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	min-width: auto;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px
}

.admin-group-drawer button.filter-btn {
	float: right
}

.admin-group-drawer button.filter-btn:hover {
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.admin-group-drawer button.clear-btn {
	background: transparent;
	color: #7A8292;
	margin-right: 10px
}

.admin-group-drawer .select2-container--lms {
	min-width: 100% !important;
	max-width: 100% !important
}

.admin-group-drawer .select2-container--lms .selection .select2-selection--single {
	min-width: 100% !important;
	max-width: 100% !important
}

.admin-group-drawer .select2-container--lms .select2-selection--multiple:before {
	content: "\F501";
	font: 14px "SSGizmo";
	position: absolute;
	right: 10px;
	top: 12px;
	left: auto;
	bottom: auto;
	z-index: 1;
	color: #A2ABCA;
	cursor: pointer
}

.admin-group-drawer .select2-container--lms.select2-container--above.select2-container--above .select2-selection--multiple:before {
	content: "\F500";
	font: 14px "SSGizmo";
	position: absolute;
	right: 10px;
	top: 12px;
	left: auto;
	bottom: auto;
	z-index: 1;
	color: #A2ABCA;
	cursor: pointer
}

.admin-group-drawer .no-result {
	display: inline-block;
	width: 100%;
	text-align: center;
	border: #D6D9DE 1px solid
}

.admin-group-drawer .no-result .no-result-number,
.admin-group-drawer .no-result h5 {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-bottom: 0px
}

.admin-group-drawer .no-result .no-result-number {
	margin-right: 50px
}

.admin-group-drawer .no-result .no-result-number .result-count {
	width: 40px;
	height: 40px;
	line-height: 40px !important;
	position: absolute;
	left: 55px;
	top: 55px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.admin-group-drawer span.checkbox {
	padding: 10px;
	width: 25px
}

.admin-group-drawer span.checkbox input {
	width: 19px;
	height: 19px
}

.admin-group-drawer span.checked:before {
	background: #7A8292
}

.admin-group-drawer span.checked:after {
	color: #fff
}

.admin-group-drawer span:before {
	width: 19px;
	height: 19px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	top: 0px;
	background: #fff
}

.admin-group-drawer span:after {
	position: absolute;
	left: 4px;
	top: 4px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 10px "SSStandard"
}

.admin-group-drawer label {
	margin-bottom: 0px;
	color: inherit
}

.admin-group-drawer h5.title-inner {
	font-weight: bold;
	display: block
}

.admin-group-drawer .admin-drawer.checkbox {
	padding: 10px
}

.admin-group-drawer .admin-drawer.checkbox input {
	width: 19px;
	height: 19px
}

.admin-group-drawer .admin-drawer.checked:before {
	background: #7A8292
}

.admin-group-drawer .admin-drawer.checked:after {
	color: #fff
}

.admin-group-drawer .admin-drawer:before {
	width: 19px;
	height: 19px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	top: 0px
}

.admin-group-drawer .admin-drawer:after {
	position: absolute;
	left: 4px;
	top: 4px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 10px "SSStandard"
}

.admin-group-drawer .admin-drawer-title,
.admin-group-drawer .redirect-drawer-title {
	width: 100%
}

.admin-group-drawer .admin-drawer-title h4,
.admin-group-drawer .redirect-drawer-title h4 {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.admin-group-drawer .admin-drawer-title i,
.admin-group-drawer .redirect-drawer-title i {
	font-size: 21px;
	color: #A2ABCA
}

.admin-group-drawer .admin-drawer-request .content-explanation textarea {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	height: 100px;
	border-color: #D6D9DE
}

.admin-group-drawer .admin-drawer-request.request-form-detail {
	padding: 0
}

.admin-group-drawer .admin-drawer-request.request-form-detail .request-free-create {
	border: 0px;
	padding-top: 0px;
	margin-top: 0px
}

.admin-group-drawer .admin-drawer-steps {
	overflow: hidden;
	border-top: #D6D9DE 1px solid;
	padding: 15px 0;
	width: 100%;
	margin: 25px 0;
	text-align: center;
	font-size: 15px
}

.admin-group-drawer .admin-drawer-steps ul li {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	padding: 0 75px;
	position: relative
}

.admin-group-drawer .admin-drawer-steps ul li span {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 75px;
	height: 75px;
	background: #ECEFF1;
	color: #fff;
	text-align: center;
	line-height: 75px;
	font-size: 20px;
	font-weight: 600;
	display: inline-block;
	margin: 10px auto 0;
	position: relative;
	z-index: 2
}

.admin-group-drawer .admin-drawer-steps ul li:before {
	position: absolute;
	left: -25px;
	top: 77px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 50%;
	height: 1px;
	content: "";
	background: #D6D9DE
}

.admin-group-drawer .admin-drawer-steps ul li:after {
	position: absolute;
	right: -25px;
	top: 77px;
	left: auto;
	bottom: auto;
	z-index: 1;
	width: 50%;
	height: 1px;
	content: "";
	background: #D6D9DE
}

.admin-group-drawer .admin-drawer-steps ul li.selected span {
	background: #7A8292
}

.admin-group-drawer .admin-drawer-steps ul li:first-child:before {
	display: none
}

.admin-group-drawer .admin-drawer-steps ul li:last-child:after {
	display: none
}

.admin-group-drawer .admin-drawer-steps.steps-update ul li {
	padding: 0 155px
}

.admin-group-drawer .admin-drawer-user {
	width: 100%
}

.admin-group-drawer .admin-drawer-user .admin-drawer-border {
	padding: 20px;
	margin: 20px 0;
	background: #ECEFF1
}

.admin-group-drawer .admin-drawer-user .admin-drawer-border label {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font-size: 12px;
	width: 120px;
	margin-bottom: 0;
	color: #7A8292
}

.admin-group-drawer .admin-drawer-user .admin-drawer-border .user-search .user-search-items .search {
	position: relative;
	width: calc(100% - 125px);
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.admin-group-drawer .admin-drawer-user .admin-drawer-border .user-search .user-search-items .search input[type="text"] {
	padding-top: 0;
	padding-right: 44px;
	padding-bottom: 0;
	padding-left: 35px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: #fff
}

.admin-group-drawer .admin-drawer-user .admin-drawer-border .user-search .user-search-items .search:after {
	content: "\1F50E";
	position: absolute;
	left: 10px;
	top: 6px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 24px "SSGizmo";
	color: #A2ABCA;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.admin-group-drawer .admin-drawer-user .filters-button {
	border: #D6D9DE 1px solid;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	padding: 5px 15px;
	margin-top: 15px;
	display: table;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	float: left
}

.admin-group-drawer .admin-drawer-user .filters-button span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.admin-group-drawer .admin-drawer-user .filters-button i {
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	color: #A2ABCA;
	font-size: 13px
}

.admin-group-drawer .admin-drawer-user .filters-button:hover {
	background: #7A8292;
	color: #fff
}

.admin-group-drawer .admin-drawer-user .filters-button:hover i {
	color: #fff !important
}

.admin-group-drawer .admin-drawer-info {
	width: 100%;
	font: 14px "lato_trregular", Helvetica, Arial, sans-serif
}

.admin-group-drawer .admin-drawer-info h5 {
	padding: 0;
	margin: 0;
	color: #A2ABCA;
	font-size: 18px
}

.admin-group-drawer .admin-drawer-info span {
	margin: 10px 0;
	display: block
}

.admin-group-drawer .admin-drawer-info.redirect-info {
	width: 100%;
	margin: 25px 0
}

.admin-group-drawer .user-list-selected {
	width: 100%;
	overflow: hidden;
	margin: 30px 0
}

.admin-group-drawer .user-list-selected .result {
	margin: 5px 0 10px 0
}

.admin-group-drawer .user-list-selected .no-result h5 {
	font: 17px "lato_trblack", Helvetica, Arial, sans-serif
}

.admin-group-drawer .user-list-selected .btn {
	margin: 15px 0 0 0;
	float: right;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif
}

.admin-group-drawer .user-list-selected.update {
	border-top: #D6D9DE 1px solid;
	padding-top: 30px;
	margin-top: 20px
}

.admin-group-drawer .user-list-selected.update h5 {
	margin-bottom: 20px
}

.admin-group-drawer .user-process h5 {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.admin-group-drawer .user-process i {
	float: right;
	font-size: 16px;
	margin-right: 13px;
	color: #A2ABCA
}

.admin-group-drawer .redirect-drawer-explanation textarea {
	min-height: 100px;
	padding: 10px
}

.admin-group-drawer .user-list {
	margin: 25px 0
}

.admin-group-drawer .user-list .user-actions-checkbox,
.admin-group-drawer .user-list .user-actions-dropdown {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.admin-group-drawer .user-list .user-actions-checkbox .checkbox,
.admin-group-drawer .user-list .user-actions-dropdown .checkbox {
	margin-right: 5px
}

.admin-group-drawer .user-list .user-actions-checkbox .checkbox input[type="checkbox"],
.admin-group-drawer .user-list .user-actions-dropdown .checkbox input[type="checkbox"] {
	width: 20px;
	height: 20px;
	top: 0px
}

.admin-group-drawer .user-list .user-actions-checkbox .checkbox.checked:before,
.admin-group-drawer .user-list .user-actions-dropdown .checkbox.checked:before {
	background: #A2ABCA
}

.admin-group-drawer .user-list .user-actions-checkbox .checkbox.checked:after,
.admin-group-drawer .user-list .user-actions-dropdown .checkbox.checked:after {
	color: #fff
}

.admin-group-drawer .user-list .user-actions-checkbox .checkbox:before,
.admin-group-drawer .user-list .user-actions-dropdown .checkbox:before {
	width: 19px;
	height: 19px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	top: 0px
}

.admin-group-drawer .user-list .user-actions-checkbox .checkbox:after,
.admin-group-drawer .user-list .user-actions-dropdown .checkbox:after {
	position: absolute;
	left: 4px;
	top: 4px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 10px "SSStandard"
}

.admin-group-drawer .user-list .user-actions-checkbox .dropdown,
.admin-group-drawer .user-list .user-actions-dropdown .dropdown {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	position: relative;
	min-width: 160px;
	height: 32px;
	border: 1px solid #D6D9DE
}

.admin-group-drawer .user-list .user-actions-checkbox .dropdown .value,
.admin-group-drawer .user-list .user-actions-dropdown .dropdown .value {
	width: 100%;
	height: 32px;
	display: block;
	padding-top: 6px;
	padding-right: 35px;
	padding-bottom: 8px;
	padding-left: 15px;
	cursor: default;
	font: 15px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.admin-group-drawer .user-list .user-actions-checkbox .dropdown .value:before,
.admin-group-drawer .user-list .user-actions-dropdown .dropdown .value:before {
	position: absolute;
	right: 12px;
	top: 7px;
	left: auto;
	bottom: auto;
	z-index: 1;
	content: "\F501";
	font: 14px "SSGizmo";
	color: #dbdde1
}

.admin-group-drawer .user-list .user-actions-checkbox .dropdown ul,
.admin-group-drawer .user-list .user-actions-dropdown .dropdown ul {
	position: absolute;
	right: 0;
	top: 40px;
	left: auto;
	bottom: auto;
	z-index: 1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	z-index: 5;
	min-width: 160px;
	padding: 3px;
	background: #fff;
	border: 1px solid #D6D9DE;
	white-space: nowrap
}

.admin-group-drawer .user-list .user-actions-checkbox .dropdown ul:after,
.admin-group-drawer .user-list .user-actions-checkbox .dropdown ul:before,
.admin-group-drawer .user-list .user-actions-dropdown .dropdown ul:after,
.admin-group-drawer .user-list .user-actions-dropdown .dropdown ul:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 71px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.admin-group-drawer .user-list .user-actions-checkbox .dropdown ul:before,
.admin-group-drawer .user-list .user-actions-dropdown .dropdown ul:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.admin-group-drawer .user-list .user-actions-checkbox .dropdown ul li,
.admin-group-drawer .user-list .user-actions-dropdown .dropdown ul li {
	text-align: center;
	padding: 0 5px
}

.admin-group-drawer .user-list .user-actions-checkbox .dropdown ul li a,
.admin-group-drawer .user-list .user-actions-dropdown .dropdown ul li a {
	display: block;
	font: 15px/25px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.admin-group-drawer .user-list .user-actions-checkbox .dropdown ul li.action-cancelall:hover,
.admin-group-drawer .user-list .user-actions-dropdown .dropdown ul li.action-cancelall:hover {
	background: #7A8292
}

.admin-group-drawer .user-list .user-actions-checkbox .dropdown ul li:hover a,
.admin-group-drawer .user-list .user-actions-dropdown .dropdown ul li:hover a {
	color: #fff
}

.admin-group-drawer .user-list .user-actions-checkbox .dropdown:hover:after,
.admin-group-drawer .user-list .user-actions-dropdown .dropdown:hover:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -15px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 100%;
	height: 25px
}

.admin-group-drawer .user-list .user-actions-checkbox .dropdown.dropdown-approval,
.admin-group-drawer .user-list .user-actions-dropdown .dropdown.dropdown-approval {
	padding-bottom: 0
}

.admin-group-drawer .user-list .user-actions-checkbox .dropdown.dropdown-approval ul li,
.admin-group-drawer .user-list .user-actions-dropdown .dropdown.dropdown-approval ul li {
	padding: 0 5px
}

.admin-group-drawer .user-list .user-actions-checkbox .dropdown.dropdown-approval ul li.action-approval:hover,
.admin-group-drawer .user-list .user-actions-dropdown .dropdown.dropdown-approval ul li.action-approval:hover {
	background: #3CBC7B
}

.admin-group-drawer .user-list .user-actions-checkbox .dropdown.dropdown-approval ul li.action-rejection:hover,
.admin-group-drawer .user-list .user-actions-dropdown .dropdown.dropdown-approval ul li.action-rejection:hover {
	background: #EA6060
}

.admin-group-drawer .user-list .user-actions-checkbox .dropdown.dropdown-approval ul li.action-sendback:hover,
.admin-group-drawer .user-list .user-actions-dropdown .dropdown.dropdown-approval ul li.action-sendback:hover {
	background: #EAB160
}

.admin-group-drawer .user-list .user-actions-checkbox .dropdown.dropdown-approval ul li.action-redirect:hover,
.admin-group-drawer .user-list .user-actions-dropdown .dropdown.dropdown-approval ul li.action-redirect:hover {
	background: #44B4E3
}

.admin-group-drawer .user-list .user-actions-checkbox .dropdown.dropdown-approval ul li:hover a,
.admin-group-drawer .user-list .user-actions-dropdown .dropdown.dropdown-approval ul li:hover a {
	color: #fff
}

.admin-group-drawer .user-list .user-process i.sg-icon {
	margin-right: 33px
}

.admin-group-drawer .user-list .user-list-line {
	width: 100%;
	margin: 20px 0
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items {
	border-bottom: #D6D9DE 1px solid;
	font-size: 13px
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items .row-common {
	color: #7A8292;
	padding: 10px
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items .row-common.user-select {
	width: 5%
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items .row-common.user-select i {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
	opacity: .1;
	font-size: 17px;
	position: relative
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items .row-common.user-select i:before {
	position: absolute;
	left: 0;
	top: -10px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items .row-common.user-full-name,
.admin-group-drawer .user-list .user-list-line .user-list-line-items .row-common.user-code {
	width: 40%
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items .row-common.user-full-name a,
.admin-group-drawer .user-list .user-list-line .user-list-line-items .row-common.user-code a {
	position: relative;
	display: block
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items .row-common.user-process .btn {
	min-width: 85px;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items .row-common.user-process .btn.select {
	background-color: #7A8292;
	color: #fff
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items .row-common.user-process .btn.select:hover {
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items.head {
	padding-bottom: 10px
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items.head:hover,
.admin-group-drawer .user-list .user-list-line .user-list-line-items.head.selected {
	background: transparent
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items.head .row-common {
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items.head .row-common.user-select .checkbox {
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 0;
	padding-bottom: 0
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items.head .row-common.user-full-name a {
	position: relative
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items.head .row-common.user-full-name a span:last-child {
	position: absolute;
	top: 5px
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items.head .row-common.user-full-name a span:last-child i {
	position: absolute;
	color: #D6D9DE
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items.head .row-common.user-full-name a span:last-child i.sg-navigateup:before {
	width: 11px;
	height: 11px;
	position: absolute;
	left: 5px;
	top: -9px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items.head .row-common.user-full-name a span:last-child i.sg-navigatedown:before {
	width: 11px;
	height: 11px;
	position: absolute;
	left: 5px;
	bottom: -9px;
	right: auto;
	top: auto;
	z-index: 1
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items.head .row-common.user-full-name a span:last-child i.active {
	color: #4A485B
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items.head .row-common.user-full-name a span:last-child i.active.sg-navigateup:before,
.admin-group-drawer .user-list .user-list-line .user-list-line-items.head .row-common.user-full-name a span:last-child i.active.sg-navigatedown:before {
	font-weight: bold
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items.head .row-common.user-code a {
	position: relative
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items.head .row-common.user-code a span:last-child {
	position: absolute;
	top: 5px
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items.head .row-common.user-code a span:last-child i {
	position: absolute;
	color: #D6D9DE
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items.head .row-common.user-code a span:last-child i.sg-navigateup:before {
	width: 11px;
	height: 11px;
	position: absolute;
	left: 5px;
	top: -9px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items.head .row-common.user-code a span:last-child i.sg-navigatedown:before {
	width: 11px;
	height: 11px;
	position: absolute;
	left: 5px;
	bottom: -9px;
	right: auto;
	top: auto;
	z-index: 1
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items.head .row-common.user-code a span:last-child i.active {
	color: #4A485B
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items.head .row-common.user-code a span:last-child i.active.sg-navigateup:before,
.admin-group-drawer .user-list .user-list-line .user-list-line-items.head .row-common.user-code a span:last-child i.active.sg-navigatedown:before {
	font-weight: bold
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items.head .row-common.user-process {
	text-align: center;
	width: 95px
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items.head .row-common i {
	position: relative;
	top: 2px
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items .row-common {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items.selected .row-common.user-select i {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items.selected .row-common.user-process .btn.select {
	background-color: #ECEFF1;
	color: #A2ABCA !important
}

.admin-group-drawer .user-list .user-list-line .user-list-line-items:hover,
.admin-group-drawer .user-list .user-list-line .user-list-line-items.selected {
	background: #F5F7F9
}

.admin-group-drawer .user-list .user-list-line.forAdminCatalog .user-list-line-items .row-common.user-process {
	width: 125px
}

.admin-group-drawer .user-list .user-list-line.forAdminCatalog .user-list-line-items .row-common.user-process .user-process-info {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-right: 20px;
	margin-bottom: 15px;
	position: relative
}

.admin-group-drawer .user-list .user-list-line.forAdminCatalog .user-list-line-items .row-common.user-process .user-process-info i {
	margin-right: 0;
	float: inherit
}

.admin-group-drawer .user-list .user-list-line.forAdminCatalog .user-list-line-items .row-common.user-process .user-process-info i:before {
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1
}

.admin-group-drawer .user-list .user-list-line.forAdminCatalog .user-list-line-items .row-common.user-process .user-process-info .inner {
	position: absolute;
	right: -30px;
	top: 30px;
	left: auto;
	bottom: auto;
	z-index: 2;
	min-width: 180px;
	white-space: inherit;
	font-size: 13px
}

.admin-group-drawer .user-list .user-list-line.forAdminCatalog .user-list-line-items .row-common.user-process .user-process-info .inner:after,
.admin-group-drawer .user-list .user-list-line.forAdminCatalog .user-list-line-items .row-common.user-process .user-process-info .inner:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 15px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #A2ABCA
}

.admin-group-drawer .user-list .user-list-line.forAdminCatalog .user-list-line-items .row-common.user-process .user-process-info:hover .inner {
	display: block
}

.admin-group-drawer .user-list .user-list-line.forAdminCatalog .user-list-line-items.head .row-common.user-process {
	text-align: center
}

.admin-group-drawer .user-list .pagination {
	margin: 20px 0 0 0
}

.admin-group-drawer .content-filter-buttons {
	width: 100%;
	display: inline-block;
	margin: 30px 0
}

.admin-group-drawer .content-filter-buttons.update {
	text-align: center
}

.admin-group-drawer .content-filter-buttons .btn {
	margin-right: 0
}

.admin-group-drawer .content-filter-buttons .save {
	float: right;
	position: relative
}

.admin-group-drawer .content-filter-buttons .save.to-center {
	width: 150px;
	margin: auto;
	float: inherit
}

.admin-group-drawer .content-filter-buttons .save .inner {
	width: 150px;
	position: absolute;
	left: 0;
	bottom: 45px;
	right: auto;
	top: auto;
	z-index: 1;
	white-space: inherit;
	text-align: center
}

.admin-group-drawer .content-filter-buttons .save .inner:after {
	content: "";
	position: absolute;
	left: 65px;
	bottom: -16px;
	right: auto;
	top: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-top: 8px solid #7A8292
}

.admin-group-drawer .content-filter-buttons .save:hover .inner {
	display: block
}

.admin-group-drawer .content-filter-buttons .save .btn {
	min-width: 100px;
	font-size: 14px
}

.admin-group-drawer .content-filter-buttons .save .btn i {
	font-size: 17px
}

.admin-group-drawer .content-filter-buttons .goback {
	float: left
}

.admin-group-drawer .content-filter-buttons .goback .btn {
	min-width: 80px;
	font-size: 14px
}

.admin-group-drawer .content-filter-buttons .goback .btn span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.admin-group-drawer .content-filter-buttons .goback .btn i {
	width: 16px;
	height: 16px
}

.admin-group-drawer .content-filter {
	width: 100%;
	margin: 20px 0 0 0;
	display: inline-block;
	position: relative
}

.admin-group-drawer .content-filter .content-filter-bar {
	background: #ECEFF1;
	padding: 20px;
	overflow: hidden;
	margin-bottom: 20px
}

.admin-group-drawer .content-filter .content-filter-bar .row-left {
	width: 48%;
	float: left
}

.admin-group-drawer .content-filter .content-filter-bar .row-right {
	width: 48%;
	float: right
}

.admin-group-drawer .content-filter .content-filter-bar .filter-bar-items {
	padding: 5px 0;
	color: #7A8292;
	line-height: 33px
}

.admin-group-drawer .content-filter .content-filter-bar .filter-bar-items label {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	word-break: break-word;
	word-wrap: break-word;
	font-size: 12px;
	width: 90px;
	margin-bottom: 0;
	color: #7A8292
}

.admin-group-drawer .content-filter .content-filter-bar .filter-bar-items .search {
	position: relative;
	width: 315px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.admin-group-drawer .content-filter .content-filter-bar .filter-bar-items .search input[type="text"] {
	padding: 0 44px 0 35px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: #fff
}

.admin-group-drawer .content-filter .content-filter-bar .filter-bar-items .search:after {
	content: "\1F50E";
	position: absolute;
	left: 10px;
	top: 6px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 24px "SSGizmo";
	color: #A2ABCA;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.admin-group-drawer .content-filter .content-filter-bar .filter-bar-items .date-range {
	width: 315px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.admin-group-drawer .content-filter .content-filter-bar .filter-bar-items .date-range .date {
	width: 46%;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.admin-group-drawer .content-filter .content-filter-bar .filter-bar-items .date-range .date .form-item {
	margin-bottom: 0
}

.admin-group-drawer .content-filter .content-filter-bar .filter-bar-items .date-range .date .form-item input {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: #fff
}

.admin-group-drawer .content-filter .content-filter-bar .filter-bar-items .date-range .datespacer {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 6%;
	text-align: center
}

.admin-group-drawer .content-filter .content-filter-bar .filter-bar-items .checkbox {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 315px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	position: relative
}

.admin-group-drawer .content-filter .content-filter-bar .filter-bar-items .checkbox input[type="checkbox"] {
	width: 20px;
	height: 20px;
	top: 0px
}

.admin-group-drawer .content-filter .content-filter-bar .filter-bar-items .checkbox.checked:before {
	background: #7A8292
}

.admin-group-drawer .content-filter .content-filter-bar .filter-bar-items .checkbox.checked:after {
	position: absolute;
	left: 4px;
	top: 4px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 10px "SSStandard";
	color: #fff
}

.admin-group-drawer .content-filter .content-filter-bar .filter-bar-items .checkbox:before {
	width: 19px;
	height: 19px;
	border: 1px solid #D6D9DE;
	top: 0px;
	background: #fff
}

.admin-group-drawer .content-filter .content-filter-bar .filter-bar-items .select {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 100%;
	height: 37px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	position: relative
}

.admin-group-drawer .content-filter .content-filter-bar .filter-bar-items .select.disabled {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
	opacity: .2
}

.admin-group-drawer .content-filter .content-filter-bar .filter-bar-items .select .select2-selection--single {
	background: #fff
}

.admin-group-drawer .content-filter .content-filter-bar .filter-bar-items .filter-btn {
	background: #7A8292;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	color: #fff
}

.admin-group-drawer .content-filter .content-filter-bar .filter-bar-items .clear-btn {
	background: transparent;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	color: #7A8292
}

.admin-group-drawer .content-filter .content-filter-bar .filter-bar-items.align-right {
	text-align: right
}

.admin-group-drawer .content-filter .content-filter-bar .filter-bar-items.disable {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: .5
}

.admin-group-drawer .content-filter .content-filter-bar .filter-bar-items.disable span input,
.admin-group-drawer .content-filter .content-filter-bar .filter-bar-items.disable span select {
	cursor: not-allowed
}

.admin-group-drawer .content-filter .content-filter-list .result {
	margin: 10px 0;
	font-size: 14px
}

.admin-group-drawer .content-filter .content-filter-list .select-min-max {
	margin: 10px 0;
	font-size: 14px
}

.admin-group-drawer .content-filter .content-filter-list .request-list-item {
	margin: 20px 0
}

.admin-group-drawer .content-filter .content-filter-list .request-list-item .request-list-block {
	padding: 0 10px 15px 0;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 49%;
	position: relative
}

.admin-group-drawer .content-filter .content-filter-list .request-list-item .request-list-block h5 {
	margin-bottom: 0px
}

.admin-group-drawer .content-filter .content-filter-list .request-list-item .request-list-block .column-check {
	width: 25px
}

.admin-group-drawer .content-filter .content-filter-list .request-list-item .request-list-block .column-check span.checkbox input {
	width: 19px;
	height: 19px
}

.admin-group-drawer .content-filter .content-filter-list .request-list-item .request-list-block .column-check span.checked:before {
	background: #A2ABCA
}

.admin-group-drawer .content-filter .content-filter-list .request-list-item .request-list-block .column-check span.checked:after {
	color: #fff
}

.admin-group-drawer .content-filter .content-filter-list .request-list-item .request-list-block .column-check span:before {
	width: 19px;
	height: 19px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1
}

.admin-group-drawer .content-filter .content-filter-list .request-list-item .request-list-block .column-check span:after {
	position: absolute;
	left: 4px;
	top: 4px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 10px "SSStandard"
}

.admin-group-drawer .content-filter .content-filter-list .request-list-item .request-list-block .column-left {
	width: 50px;
	height: 50px
}

.admin-group-drawer .content-filter .content-filter-list .request-list-item .request-list-block .column-left img {
	max-width: 100%;
	display: block
}

.admin-group-drawer .content-filter .content-filter-list .request-list-item .request-list-block .column-center {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
	width: 325px
}

.admin-group-drawer .content-filter .content-filter-list .request-list-item .request-list-block .column-center h5 {
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif
}

.admin-group-drawer .content-filter .content-filter-list .request-list-item .request-list-block .column-right i {
	font-size: 17px
}

.admin-group-drawer .content-filter .content-filter-list .request-list-item .request-list-block .column-right i.ss-info {
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.admin-group-drawer .content-filter .content-filter-list .request-list-item .request-list-block .column-right i.waiting {
	color: #44B4E3
}

.admin-group-drawer .content-filter .content-filter-list .request-list-item .request-list-block .column-right i.waitingrequest {
	color: #44B4E3
}

.admin-group-drawer .content-filter .content-filter-list .request-list-item .request-list-block .column-right i.denied {
	color: #EA6060
}

.admin-group-drawer .content-filter .content-filter-list .request-list-item .request-list-block .column-right i.approved {
	color: #3CBC7B
}

.admin-group-drawer .content-filter .content-filter-list .request-list-item .request-list-block .column-right i.sendback {
	color: #EAB160
}

.admin-group-drawer .content-filter .content-filter-list .request-list-item .request-list-block .column-right i.default {
	color: #7A8292
}

.admin-group-drawer .content-filter .content-filter-list .request-list-item .request-list-block .column-right .inner {
	font-weight: normal;
	width: 200px;
	white-space: normal;
	text-align: center;
	position: absolute;
	right: 0;
	top: 45px;
	left: auto;
	bottom: auto;
	z-index: 1
}

.admin-group-drawer .content-filter .content-filter-list .request-list-item .request-list-block .column-right .inner:after {
	position: absolute;
	right: 12px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1
}

.admin-group-drawer .content-filter .content-filter-list .request-list-item .request-list-block .column-right:hover .inner {
	display: block
}

.admin-group-drawer .content-filter .content-filter-list .request-list-item .request-list-block:nth-child(odd):before {
	background: none
}

.admin-group-drawer .content-filter .content-filter-list .request-list-item .request-list-block:nth-child(even) {
	float: right
}

.admin-group-drawer .content-filter .content-filter-list .request-list-item .request-list-block:nth-child(even):before {
	position: absolute;
	left: -15px;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1
}

.admin-group-drawer .content-filter .content-filter-list .request-list-item .request-list-block:before {
	background: #ECEFF1;
	width: 1px;
	height: 100%;
	content: "";
	position: absolute;
	left: -8px;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1
}

.admin-group-drawer .content-filter .content-filter-users {
	margin: 0 0 15px 0;
	padding-top: 15px;
	border-top: #D6D9DE 1px solid
}

.admin-group-drawer .content-filter .content-filter-users h5 {
	margin-bottom: 10px
}

.admin-group-drawer .content-filter .content-filter-users .buttons {
	margin-top: 10px
}

.admin-group-drawer .content-filter.forAdminCatalog {
	margin-top: 0px
}

.admin-group-drawer .content-filter.forAdminCatalog .content-filter-list .request-list-item {
	margin: 10px 0 0 0
}

.admin-group-drawer .content-explanation {
	margin-bottom: 20px
}

.admin-group-drawer .content-filter-selected {
	width: 100%
}

.admin-group-drawer .content-filter-selected h5 {
	color: #7A8292;
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif;
	margin-bottom: 10px
}

.admin-group-drawer .content-filter-selected .result {
	margin: 5px 0 10px 0
}

.admin-group-drawer .btn-approval-disabled-popup {
	width: 150px;
	margin: auto;
	position: relative
}

.admin-group-drawer .btn-approval-disabled-popup .btn-redirect {
	margin: 20px auto 30px;
	display: block
}

.admin-group-drawer .btn-approval-disabled-popup .btn-redirect.btn-approval-redirect {
	background: #44B4E3
}

.admin-group-drawer .btn-approval-disabled-popup .btn-redirect.btn-approval-disabled {
	cursor: not-allowed;
	background-color: #ECEFF1;
	color: #A2ABCA
}

.admin-group-drawer .btn-approval-disabled-popup .inner {
	width: 150px
}

.admin-group-drawer .btn-approval-disabled-popup .inner.inner-redirect {
	position: absolute;
	left: 0;
	bottom: -50px;
	right: auto;
	top: auto;
	z-index: 1;
	text-align: center;
	white-space: inherit !important
}

.admin-group-drawer .btn-approval-disabled-popup .inner.inner-redirect:after {
	content: "";
	position: absolute;
	left: 65px;
	top: -16px;
	right: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #A2ABCA
}

.admin-group-drawer .btn-approval-disabled-popup:hover .inner {
	display: block
}

.admin-group-drawer ul.selected-items {
	margin: 10px 0;
	overflow: hidden
}

.admin-group-drawer ul.selected-items li {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	background: #F5F7F9;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 5px;
	position: relative
}

.admin-group-drawer ul.selected-items li span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 145px
}

.admin-group-drawer ul.selected-items li i {
	font-size: 20px
}

.admin-group-drawer ul.selected-items li i:before {
	position: absolute;
	right: 0;
	top: 2px;
	left: auto;
	bottom: auto;
	z-index: 1
}

.admin-group-drawer ul.selected-items li:nth-child(5n) {
	margin-right: 0
}

.admin-group-drawer ul.selected-items li.soft-gray2 {
	background: #ECEFF1
}

.admin-group-drawer ul.selected-items li.soft-red {
	background: rgba(234, 96, 96, 0.5)
}

.admin-group-drawer ul.selected-items li.soft-gray {
	background: #F5F7F9
}

.admin-group-drawer .user-properties {
	margin-top: 20px
}

.admin-group-drawer .user-properties .user-properties-items {
	width: 100%;
	margin: 10px 0
}

.admin-group-drawer .user-properties .user-properties-items .select-full {
	position: relative;
	width: calc(100% - 125px);
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.admin-group-drawer .user-properties .user-properties-items .select-full i.sg-delete {
	position: absolute;
	right: 10px;
	top: 10px;
	left: auto;
	bottom: auto;
	z-index: 1;
	width: 20px;
	height: 20px;
	line-height: 24px;
	text-align: center;
	background: rgba(176, 184, 207, 0.5);
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	color: #fff
}

.admin-group-drawer .user-properties .user-properties-items .select-full .select2-container--lms .selection .select2-selection--multiple {
	width: 100%;
	min-height: 40px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: #D6D9DE 1px solid
}

.admin-group-drawer .user-properties .user-properties-items .select-full .select2-container--lms .selection .select2-selection--multiple .select2-selection__rendered {
	width: auto;
	display: block;
	padding: 5px;
	cursor: pointer
}

.admin-group-drawer .user-properties .user-properties-items .select-full .select2-container--lms .selection .select2-selection--multiple .select2-selection__rendered li {
	margin-top: 2px;
	height: 25px;
	line-height: 22px
}

.admin-group-drawer .user-properties .user-properties-items .select-full .select2-container--lms .selection .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
	background: #7A8292;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	color: #fff;
	padding-top: 0;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 10px
}

.admin-group-drawer .user-properties .user-properties-items .select-full .select2-container--lms .selection .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice .select2-selection__choice__remove {
	color: inherit;
	font-weight: normal;
	margin-right: 0;
	float: right;
	font-size: 0;
	line-height: 0;
	position: relative
}

.admin-group-drawer .user-properties .user-properties-items .select-full .select2-container--lms .selection .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice .select2-selection__choice__remove:after {
	content: "\2421";
	position: absolute;
	right: 0;
	top: 0;
	left: auto;
	bottom: auto;
	z-index: 1;
	width: 100%;
	height: 25px;
	font: 20px "SSGizmo"
}

.admin-group-drawer .user-properties .user-properties-items .select-full .select2-container--lms .selection .select2-selection--multiple .select2-selection__rendered li.select2-search--inline .select2-search__field {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
	line-height: 25px;
	height: 25px;
	cursor: pointer;
	width: 100% !important
}

.admin-group-drawer .user-properties .user-properties-items .select-full .select2-container--lms.select2-container--disabled .selection .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
	background: #ECEFF1;
	border-color: #ECEFF1;
	color: #A2ABCA
}

.admin-group-drawer .user-properties .user-properties-items .select-full .select2-container--lms.select2-container--disabled .selection .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
	cursor: not-allowed
}

.admin-group-drawer .user-properties .user-properties-items .select-full .select2-container--lms.select2-container--disabled .selection .select2-selection--multiple .select2-selection__rendered .select2-search--inline {
	display: none
}

.admin-group-drawer .user-properties .user-properties-items .select-full .select2-container--lms.select2-container--above.select2-container--open .selection .select2-selection--multiple[aria-expanded="true"] {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-left-radius: 18px !important;
	border-bottom-right-radius: 18px !important
}

.admin-group-drawer .user-properties .user-properties-items:last-child {
	margin-bottom: 0
}

.admin-group-drawer .user-properties .user-properties-items.with-checkbox .select-full {
	width: calc(100% - 350px)
}

.admin-group-drawer .user-properties .user-properties-items.with-checkbox .select-full .select2-container .selection .select2-selection--multiple {
	width: 100%
}

.admin-group-drawer .user-properties .user-properties-items.with-checkbox .checkbox {
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.admin-group-drawer .user-properties .user-properties-items.with-checkbox .prop-hierarchical-text {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.admin-group-drawer .buttons {
	text-align: right;
	overflow: hidden;
	margin-top: 20px
}

.admin-group-drawer .total-user {
	display: block;
	margin: 15px 0;
	font-size: 14px
}

.activity-management {
	*zoom: 1;
	background-color: #fff;
	padding: 20px;
	position: relative
}

.activity-management:after {
	content: "";
	display: table;
	clear: both
}

.activity-management .activity-management-title {
	*zoom: 1;
	padding: 0 20px 20px;
	margin: 0 -20px 20px;
	border-bottom: 1px solid #D6D9DE
}

.activity-management .activity-management-title:after {
	content: "";
	display: table;
	clear: both
}

.activity-management .activity-management-title h3 {
	font-size: 22px
}

.activity-management .activity-management-filters {
	margin: 0 0 10px 0;
	cursor: pointer
}

.activity-management .activity-management-filters label {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.activity-management .activity-management-filters .detail-filter-icon {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	font-size: 14px
}

.activity-management .activity-management-search {
	background: #ECEFF1;
	padding: 20px
}

.activity-management .activity-management-search .activity-management-search-area .detail-filter-holder {
	display: none
}

.activity-management .activity-management-search .activity-management-search-area .activity-management-search-area-holder {
	position: relative
}

.activity-management .activity-management-search .activity-management-search-area .activity-management-search-area-holder input[type="text"] {
	width: 100%;
	height: 37px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 35px;
	border: 1px solid #D6D9DE;
	background: #fff
}

.activity-management .activity-management-search .activity-management-search-area .activity-management-search-area-holder:after {
	content: "\1F50E";
	position: absolute;
	left: 15px;
	top: 5px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 24px "SSGizmo";
	color: #A2ABCA;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.activity-management .activity-management-search .activity-management-search-area .activity-management-filter-col {
	margin-bottom: 15px
}

.activity-management .activity-management-search .activity-management-search-area .activity-management-filter-col .checkbox {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 20px;
	height: 20px;
	padding: 20px 0 0 0;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0
}

.activity-management .activity-management-search .activity-management-search-area .activity-management-filter-col .checkbox input[type="checkbox"] {
	width: 20px;
	height: 20px;
	top: 0px
}

.activity-management .activity-management-search .activity-management-search-area .activity-management-filter-col .checkbox.checked:before {
	background: #7A8292
}

.activity-management .activity-management-search .activity-management-search-area .activity-management-filter-col .checkbox.checked:after {
	color: #fff
}

.activity-management .activity-management-search .activity-management-search-area .activity-management-filter-col .checkbox:before {
	width: 19px;
	height: 19px;
	top: 0px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #fff
}

.activity-management .activity-management-search .activity-management-search-area .activity-management-filter-col .checkbox:after {
	position: absolute;
	left: 4px;
	top: 4px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 10px "SSStandard"
}

.activity-management .activity-management-search .activity-management-search-area .activity-management-filter-col .checkbox-text {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font-size: 14px
}

.activity-management .activity-management-search .activity-management-search-area .activity-management-filter-col .date-between span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.activity-management .activity-management-search .activity-management-search-area .activity-management-filter-col .date-between span.date-picker {
	width: 45%
}

.activity-management .activity-management-search .activity-management-search-area .activity-management-filter-col .date-between span.date-picker .form-item {
	margin-bottom: 0px
}

.activity-management .activity-management-search .activity-management-search-area .activity-management-filter-col .date-between span.date-picker .form-item input {
	background: #fff;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	height: 37px
}

.activity-management .activity-management-search .activity-management-search-area .activity-management-filter-col .date-between span.date-picker.date-picker-last {
	float: right
}

.activity-management .activity-management-search .activity-management-search-area .activity-management-filter-col .date-between span.date-picker-line {
	width: 7%
}

.activity-management .activity-management-result {
	font: 14px "lato_trregular", Helvetica, Arial, sans-serif;
	padding: 20px 10px
}

.activity-management .activity-management-result p {
	display: block
}

.activity-management .activity-management-result p strong {
	font-size: 16px
}

.activity-management .activity-management-actions {
	margin: 10px 0;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 10px
}

.activity-management .activity-management-actions .export-option-area {
	padding: 8px 15px 5px 15px;
	border: 1px solid #D6D9DE;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	color: #7A8292;
	background: #fff;
	float: right;
	position: relative;
	width: auto;
	height: auto;
	z-index: 2
}

.activity-management .activity-management-actions .export-option-area .transfer-options {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.activity-management .activity-management-actions .export-option-area .transfer-options .sg-icon {
	font-size: 16px;
	margin-right: 5px;
	position: relative;
	width: 16px;
	height: 16px
}

.activity-management .activity-management-actions .export-option-area .transfer-options .sg-icon:before {
	width: 16px;
	height: 16px;
	position: absolute;
	left: 0;
	top: -3px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.activity-management .activity-management-actions .export-option-area .transfer-text {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif
}

.activity-management .activity-management-actions .export-option-area:hover:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -12px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 100%;
	height: 25px
}

.activity-management .activity-management-actions .export-option-area:hover .options-area {
	display: block
}

.activity-management .activity-management-actions .export-option-area .options-area {
	display: none;
	position: absolute;
	right: -45px;
	top: 40px;
	left: auto;
	bottom: auto;
	z-index: 1;
	width: 200px;
	max-width: 200px;
	padding: 10px 0 !important;
	background-color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #D6D9DE;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08)
}

.activity-management .activity-management-actions .export-option-area .options-area:after,
.activity-management .activity-management-actions .export-option-area .options-area:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 85px;
	top: -15px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.activity-management .activity-management-actions .export-option-area .options-area:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.activity-management .activity-management-actions .export-option-area .options-area h6 {
	padding: 5px 15px 10px;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.activity-management .activity-management-actions .export-option-area .options-area a {
	display: block;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 12px;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.activity-management .activity-management-actions .export-option-area .options-area a .sg-icon {
	height: 20px;
	margin-right: 10px;
	font-size: 22px;
	line-height: 22px;
	color: #A2ABCA
}

.activity-management .activity-management-actions .export-option-area .options-area a:hover {
	background-color: #D6D9DE
}

.activity-management .activity-management-actions .total-process .total-process-checkbox,
.activity-management .activity-management-actions .total-process .total-process-dropdown {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.activity-management .activity-management-actions .total-process .total-process-checkbox .checkbox,
.activity-management .activity-management-actions .total-process .total-process-dropdown .checkbox {
	display: block;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px
}

.activity-management .activity-management-actions .total-process .total-process-checkbox .checkbox input[type="checkbox"],
.activity-management .activity-management-actions .total-process .total-process-dropdown .checkbox input[type="checkbox"] {
	width: 20px;
	height: 20px;
	top: 0px
}

.activity-management .activity-management-actions .total-process .total-process-checkbox .checkbox.checked:before,
.activity-management .activity-management-actions .total-process .total-process-dropdown .checkbox.checked:before {
	background: #7A8292
}

.activity-management .activity-management-actions .total-process .total-process-checkbox .checkbox.checked:after,
.activity-management .activity-management-actions .total-process .total-process-dropdown .checkbox.checked:after {
	color: #fff
}

.activity-management .activity-management-actions .total-process .total-process-checkbox .checkbox:before,
.activity-management .activity-management-actions .total-process .total-process-dropdown .checkbox:before {
	width: 19px;
	height: 19px;
	top: 0px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.activity-management .activity-management-actions .total-process .total-process-checkbox .checkbox:after,
.activity-management .activity-management-actions .total-process .total-process-dropdown .checkbox:after {
	position: absolute;
	left: 4px;
	top: 4px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 10px "SSStandard"
}

.activity-management .activity-management-actions .total-process .total-process-dropdown.disable .dropdown {
	border-color: #ECEFF1
}

.activity-management .activity-management-actions .total-process .total-process-dropdown.disable .dropdown .value {
	cursor: not-allowed;
	color: #D6D9DE
}

.activity-management .activity-management-actions .total-process .total-process-dropdown.disable .dropdown .value:before {
	color: #ECEFF1
}

.activity-management .activity-management-sort .title span {
	margin-left: 60px
}

.activity-management .activity-management-sort .title span>a span {
	margin: 0px
}

.activity-management .activity-management-list .activity-management-list-line {
	border-bottom: 1px solid #D6D9DE;
	padding: 25px 10px;
	font-size: 14px;
	position: relative
}

.activity-management .activity-management-list .activity-management-list-line .required {
	position: absolute;
	left: -20px;
	top: -1px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 25px;
	height: calc(100% + 2px);
	color: #fff;
	background-color: #EA6060
}

.activity-management .activity-management-list .activity-management-list-line .required span {
	font: 11px "lato_trblack", Helvetica, Arial, sans-serif;
	position: absolute;
	left: 50%;
	top: 50%;
	right: auto;
	bottom: auto;
	z-index: 1;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	white-space: pre
}

.activity-management .activity-management-list .activity-management-list-line .checkbox {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 20px;
	height: 20px;
	padding: 20px 0 0 0
}

.activity-management .activity-management-list .activity-management-list-line .checkbox input[type="checkbox"] {
	width: 20px;
	height: 20px
}

.activity-management .activity-management-list .activity-management-list-line .checkbox.checked:before {
	background: #7A8292
}

.activity-management .activity-management-list .activity-management-list-line .checkbox.checked:after {
	color: #fff
}

.activity-management .activity-management-list .activity-management-list-line .checkbox:before {
	width: 19px;
	height: 19px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.activity-management .activity-management-list .activity-management-list-line .checkbox:after {
	position: absolute;
	left: 4px;
	top: 4px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 10px "SSStandard"
}

.activity-management .activity-management-list .activity-management-list-line .name-info {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: calc(100% - 45px)
}

.activity-management .activity-management-list .activity-management-list-line .name-info .name-info-left {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin: 0 15px
}

.activity-management .activity-management-list .activity-management-list-line .name-info .name-info-left img {
	width: 75px;
	height: 75px
}

.activity-management .activity-management-list .activity-management-list-line .name-info .name-info-right {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: calc(100% - 110px)
}

.activity-management .activity-management-list .activity-management-list-line .name-info .name-info-right h5 {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	word-break: break-word;
	word-wrap: break-word
}

.activity-management .activity-management-list .activity-management-list-line .name-info .name-info-right h5 p {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font-size: 12px;
	font-weight: normal
}

.activity-management .activity-management-list .activity-management-list-line .name-info .name-info-right h5 .ss-star {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	color: #EAB160;
	font-size: 11px;
	margin-left: 2px
}

.activity-management .activity-management-list .activity-management-list-line .name-info .name-info-right .unit-type ul {
	margin-top: 5px
}

.activity-management .activity-management-list .activity-management-list-line .name-info .name-info-right .unit-type ul li {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 3px 10px;
	font-size: 10px
}

.activity-management .activity-management-list .activity-management-list-line .name-info .name-info-right .unit-type ul li.draft {
	background: #FFF0C2;
	color: #7A8292
}

.activity-management .activity-management-list .activity-management-list-line .name-info .name-info-right .unit-type ul li.plan {
	background: #44B4E3;
	color: #fff
}

.activity-management .activity-management-list .activity-management-list-line .name-info .name-info-right .unit-type ul li.featured {
	background: #3CBC7B;
	color: #fff
}

.activity-management .activity-management-list .activity-management-list-line .name-info .name-info-right .unit-type ul li.archive {
	background: #A2ABCA;
	color: #fff
}

.activity-management .activity-management-list .activity-management-list-line .name-info .name-info-right .unit-type ul li.passive {
	background: #EA6060;
	color: #fff
}

.activity-management .activity-management-list .activity-management-list-line .name-info .name-info-right .unit-count {
	font-size: 10px;
	color: #7A8292;
	margin: 5px 0
}

.activity-management .activity-management-list .activity-management-list-line .name-info .name-info-right .unit-count strong {
	font-size: 12px
}

.activity-management .activity-management-list .activity-management-list-line .name-info .name-info-right .unit-count span:last-child {
	display: none
}

.activity-management .activity-management-list .activity-management-list-line .user-count .user-count-numeric {
	position: relative;
	width: 85px;
	margin: auto
}

.activity-management .activity-management-list .activity-management-list-line .user-count .user-count-numeric span.notstarted {
	color: #EA6060
}

.activity-management .activity-management-list .activity-management-list-line .user-count .user-count-numeric span.onGoing {
	color: #44B4E3
}

.activity-management .activity-management-list .activity-management-list-line .user-count .user-count-numeric span.completed {
	color: #3CBC7B
}

.activity-management .activity-management-list .activity-management-list-line .user-count .user-count-numeric span.total,
.activity-management .activity-management-list .activity-management-list-line .user-count .user-count-numeric span.user-count-spacer {
	color: #7A8292
}

.activity-management .activity-management-list .activity-management-list-line .user-count .user-count-numeric .inner {
	display: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: absolute;
	left: -25px;
	top: 25px;
	right: auto;
	bottom: auto;
	z-index: 5;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
	padding: 15px;
	background-color: #fff;
	white-space: nowrap;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	width: 110px
}

.activity-management .activity-management-list .activity-management-list-line .user-count .user-count-numeric .inner:after,
.activity-management .activity-management-list .activity-management-list-line .user-count .user-count-numeric .inner:before {
	content: "";
	position: absolute;
	right: 50%;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff;
	width: 0;
	height: 0;
	pointer-events: none;
	margin-right: -10px
}

.activity-management .activity-management-list .activity-management-list-line .user-count .user-count-numeric .inner ul li {
	margin-bottom: 5px;
	font-size: 12px
}

.activity-management .activity-management-list .activity-management-list-line .user-count .user-count-numeric .inner ul li strong {
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif
}

.activity-management .activity-management-list .activity-management-list-line .user-count .user-count-numeric .inner ul li:last-child {
	margin-bottom: 0px
}

.activity-management .activity-management-list .activity-management-list-line .user-count .user-count-numeric:hover .inner {
	display: block
}

.activity-management .activity-management-list .activity-management-list-line .owner .full-name {
	width: 100%;
	height: 35px;
	word-break: break-word;
	word-wrap: break-word;
	font-size: 12px;
	margin-top: 10px;
	position: relative;
	display: block
}

.activity-management .activity-management-list .activity-management-list-line .owner .full-name .inner {
	display: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	padding: 10px;
	background-color: #A2ABCA;
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #fff;
	position: relative;
	margin-top: 10px;
	z-index: 1;
	min-width: 250px;
	margin-left: -90px
}

.activity-management .activity-management-list .activity-management-list-line .owner .full-name .inner:after,
.activity-management .activity-management-list .activity-management-list-line .owner .full-name .inner:before {
	position: absolute;
	left: 50%;
	bottom: 100%;
	right: auto;
	top: auto;
	z-index: 1;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom: 8px solid #A2ABCA;
	content: "";
	position: absolute;
	pointer-events: none;
	margin-left: -10px
}

.activity-management .activity-management-list .activity-management-list-line .owner .full-name:hover .inner {
	display: block
}

.activity-management .activity-management-list .activity-management-list-line:hover {
	background: #F5F7F9
}

.activity-management .activity-management-linked {
	font-size: 14px
}

.activity-management .activity-management-linked img {
	width: 150px;
	height: 150px
}

.activity-management .activity-management-linked .linked-info h5 {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font: 600 16px "lato_trregular", Helvetica, Arial, sans-serif
}

.activity-management .activity-management-linked .linked-info p {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.activity-management .activity-management-linked .column-border-left {
	border-left: #D6D9DE 1px solid
}

.activity-management .activity-management-linked .column-padding-left {
	padding-left: 20px !important
}

.activity-management .activity-management-linked .description {
	margin-top: 20px
}

.activity-management .select2-container--lms {
	width: 100% !important
}

.activity-management .select2-container--lms:focus {
	border-color: #D6D9DE
}

.activity-management .select2-selection--single {
	background: #fff;
	width: 100% !important
}

.activity-management .select2-selection--single:focus {
	border-color: #D6D9DE
}

.activity-management .label-margin {
	word-break: break-word;
	word-wrap: break-word;
	margin-bottom: 0px
}

.activity-management .label-margin h5 {
	cursor: pointer
}

.activity-management .dropdown {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	position: relative;
	min-width: 165px;
	border: 1px solid #D6D9DE;
	background: #fff
}

.activity-management .dropdown .value {
	display: block;
	padding-top: 8px;
	padding-right: 35px;
	padding-bottom: 5px;
	padding-left: 15px;
	width: 100%;
	height: 32px;
	cursor: pointer;
	font: 15px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.activity-management .dropdown .value:before {
	content: "\F501";
	font: 14px "SSGizmo";
	position: absolute;
	right: 12px;
	top: 7px;
	left: auto;
	bottom: auto;
	z-index: 1;
	color: #A2ABCA
}

.activity-management .dropdown ul {
	position: absolute;
	right: -35px;
	top: 40px;
	left: auto;
	bottom: auto;
	z-index: 1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	border: 1px solid #D6D9DE;
	z-index: 5;
	min-width: 235px;
	padding: 3px;
	background: #fff;
	white-space: nowrap
}

.activity-management .dropdown ul:after,
.activity-management .dropdown ul:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 110px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.activity-management .dropdown ul:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.activity-management .dropdown ul li {
	text-align: center;
	padding: 3px
}

.activity-management .dropdown ul li a {
	display: block;
	font: 14px/20px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292;
	padding: 0 5px
}

.activity-management .dropdown ul li a:hover {
	background: #7A8292;
	color: #fff
}

.activity-management .dropdown:hover:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -15px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 100%;
	height: 25px
}

.activity-management .tabs {
	margin-bottom: 20px
}

.activity-management .tabs #him {
	display: inline-block;
	height: 45px;
	text-align: center;
	padding-top: 15px;
	color: #7A8292;
	width: 49.8%;
	position: relative;
	font: 600 14px "lato_trregular", Helvetica, Arial, sans-serif;
	background-color: #ECEFF1
}

.activity-management .tabs #him:nth-child(2) {
	float: right;
	border-left: #fff 1px solid
}

.activity-management .tabs .activeses {
	border-bottom: 5px solid #7A8292
}

.activity-management .category-tag li {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	float: none;
	background-color: #ECEFF1;
	padding: 3px 10px;
	font: 10px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292;
	width: auto;
	display: inline-block
}

.activity-management .category-tag li:first-child {
	padding-left: 10px
}

.activity-management .category-tag li:nth-child(2n+2) {
	padding: 3px 0px;
	background: none
}

.activity-management .category-tag li:nth-child(2n+2) .sg-icon {
	font-size: 13px !important;
	margin-top: 2px;
	margin-right: -2px;
	margin-left: -3px;
	color: #7A8292
}

.activity-management .category-tag li:last-child {
	display: none
}

.activity-management .disable {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: .5
}

.activity-management .disable span input,
.activity-management .disable span select {
	cursor: not-allowed
}

.activity-management .column-margin-linked {
	margin-bottom: 5px
}

.activity-management .column-margin-linked:last-child {
	margin-bottom: 0px
}

.activity-management .column-margin-linked-title {
	margin-bottom: 25px
}

.activity-management .content-spinner {
	width: 100%;
	height: 200px;
	padding: 10% 0
}

.activity-management .linked-no-result {
	border-top: #D6D9DE 1px solid;
	margin-top: 20px
}

.activity-management .toggle-area {
	display: none
}

body.de .back,
body.de .back>.btn.btn-small {
	height: auto
}

body.de .transfer-options .options-area {
	width: 225px !important;
	max-width: 225px !important
}

body.de .user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items tr.head .row-common:nth-child(2) a span:last-child {
	margin-left: 110px
}

body.de .activity-approval .activity-approval-sort {
	padding: 10px 0 35px 10px
}

body.de .activity-approval .activity-approval-sort span {
	word-break: break-word;
	word-wrap: break-word
}

body.de .activity-approval .activity-approval-sort .activity-approval-name span a span:nth-child(2) {
	margin-left: 105px
}

body.de .activity-approval .activity-approval-sort .activity-approval-start-date span a span:nth-child(2) {
	margin-left: 55px
}

body.de .activity-approval .activity-approval-sort .activity-approval-end-date span a span:nth-child(2) {
	margin-left: 45px
}

body.de .activity-approval .activity-approval-sort .activity-approval-added-date span a span:nth-child(2) {
	margin-left: 55px
}

body.de .activity-approval .activity-approval-sort .activity-approval-last-process span a span:nth-child(2) {
	margin: -22px 0 0 55px
}

body.de .activity-approval .activity-approval-list .activity-approval-list-line .action a {
	width: auto
}

body.de .catalog-filter-top .catalog-filter-search input[type="text"] {
	width: 475px
}

body.de .request-form-detail .request-table-data .request-table-data-sort .row a {
	word-break: break-word;
	word-wrap: break-word
}

body.de .request-form-detail .request-table-data .request-table-data-sort .row.start-date a span:last-child {
	margin: -17px 0 0 75px
}

body.de .request-form-detail .request-table-data .request-table-data-sort .row.end-date a span:last-child {
	margin: -17px 0 0 55px
}

body.de .request-form-detail .request-table-data .request-table-data-sort .row.row-head.name {
	width: 145px
}

body.de .request-form-detail .request-table-data .request-table-data-sort .row.row-head.action {
	width: 155px
}

body.de .request-form-detail .request-table-data .request-table-data-list .row.name {
	width: 145px
}

body.de .request-form-detail .request-table-data .request-table-data-list .row.action {
	width: 155px
}

body.de .request-form-detail .request-table-data .request-table-data-list .row.action .action-request-btn a {
	min-width: 115px
}

body.de .request-form-detail .request-table-data .request-table-data-list.common-request.free-request .request-list-block-common .row-common.row-name {
	width: 275px
}

body.de .request-form-detail .request-table-data .request-table-data-list.common-request.free-request .request-list-block-common .row-common.row-actions {
	width: 155px
}

body.de .request-form-detail .request-table-data .request-table-data-list.common-request.free-request .request-list-block-common .row-common.row-actions .btn-free-detail {
	min-width: 100px !important
}

body.de .request-form-detail .request-table-data .request-table-data-list.free-request.formAdmin .request-list-block-common .row-common.row-name {
	width: 140px
}

body.de .request-form-detail .request-table-data.free-request .row-free {
	display: inline-block;
	vertical-align: top
}

body.de .request-form-detail .request-table-data.free-request .row-free.free-course-name {
	width: 275px
}

body.de .request-form-detail .request-table-data.free-request .row-free.free-action {
	width: 155px
}

body.de .request-form-detail .request-table-data.free-request .row-free.free-request-date a {
	word-break: break-word;
	word-wrap: break-word
}

body.de .request-form-detail .request-table-data.free-request .row-free.free-request-date a span:nth-child(2) {
	margin: -19px 0 0 100px;
	display: block
}

body.de .request-form-detail .request-table-data.free-request.formAdmin .request-table-data-sort .row-free.free-course-name {
	width: 140px
}

body.de .request-form-detail .request-table-data.free-request.formAdmin .request-table-data-sort .row-free.free-request-date a span:nth-child(2) {
	margin: -19px 0 0 70px
}

body.de .request-form-detail .request-table-data.approval-request .row-common.row-request-history {
	word-break: break-word;
	word-wrap: break-word
}

body.de .request-form-detail .request-table-data.catalog-request .request-table-data-sort .row-catalog {
	display: inline-block;
	vertical-align: top
}

body.de .request-form-detail .request-table-data.catalog-request .request-table-data-sort .row-catalog.catalog-request-date {
	word-break: break-word;
	word-wrap: break-word
}

body.de .request-form-detail .request-table-data.catalog-request .request-table-data-sort .row-catalog.catalog-request-date a span:last-child {
	display: block;
	margin: -19px 0 0 100px
}

body.de .request-form-detail .request-table-data.catalog-request.formAdmin .request-table-data-sort .row-catalog.catalog-request-date a span:last-child {
	margin: -19px 0 0 70px
}

body.de .request-form-detail .request-table-data-admin .request-table-data-sort .row.action {
	width: 170px
}

body.de .request-form-detail .request-table-data-admin .request-table-data-sort .row.action .sg-icon.sg-trash {
	margin-left: -10px
}

body.de .request-form-detail .request-table-data-admin .request-table-data-sort .row.name {
	width: 175px
}

body.de .task-module .task-module-sort.evaluation .participant-count span:nth-child(2) {
	margin-left: 70px
}

body.de .task-module .task-module-list .task-module-list-line .numberofuse span a {
	font-size: 12px
}

body.de .task-module.evaluation-detail .task-evaluation-users .task-module-sort .participant-process span {
	min-width: 125px
}

body.de .task-module.evaluation-detail .task-evaluation-users .task-module-list .task-module-list-line .participant-process .btn {
	min-width: 125px
}

body.de .inline-modal.approval-requests .overlay .modal {
	width: 37%
}

body.de .admin-group-drawer .admin-drawer-user .admin-drawer-border .user-search .user-search-items .search {
	width: calc(100% - 125px)
}

body.de .catalog-request-dropdown .catalog-for-admin .btn {
	padding: 8px 25px 5px 15px
}

body.de .catalog-request-dropdown .catalog-for-admin .btn:before {
	position: absolute;
	right: 10px;
	top: 7px;
	left: auto;
	bottom: auto;
	z-index: 1
}

body.de .recommend-tooltip .search input[type="text"] {
	padding-right: 115px
}

body.de .activity-management .activity-management-sort .row span {
	word-break: break-word;
	word-wrap: break-word
}

body.de .activity-management .activity-management-sort .row .createDate span>a span:nth-child(1),
body.de .activity-management .activity-management-sort .row .startDate span>a span:nth-child(1) {
	width: 70px
}

body.de .activity-management .activity-management-sort .row .createDate span>a span:nth-child(2),
body.de .activity-management .activity-management-sort .row .startDate span>a span:nth-child(2) {
	margin: -24px 0 0 65px
}

body.de .activity-management .activity-management-list .activity-management-list-line .user-count .user-count-numeric .inner {
	width: 140px
}

body.de .unit-area .unit-box .unit-box-row.unit-box-actions .btn {
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	border-radius: 200px;
	min-width: 140px !important;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif
}

body.de .task-common .title {
	display: block
}

body.hu .back,
body.hu .back>.btn.btn-small {
	height: auto
}

body.hu .transfer-options .options-area {
	width: 225px !important;
	max-width: 225px !important
}

body.hu .user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items tr.head .row-common:nth-child(2) a span:last-child {
	margin-left: 110px
}

body.hu .activity-approval .activity-approval-sort {
	padding: 10px 0 35px 10px
}

body.hu .activity-approval .activity-approval-sort span {
	word-break: break-word;
	word-wrap: break-word
}

body.hu .activity-approval .activity-approval-sort .activity-approval-name span a span:nth-child(2) {
	margin-left: 120px !important
}

body.hu .activity-approval .activity-approval-sort .activity-approval-start-date span a span:nth-child(2) {
	margin-left: 45px !important
}

body.hu .activity-approval .activity-approval-sort .activity-approval-end-date span a span:nth-child(2) {
	margin-left: 45px
}

body.hu .activity-approval .activity-approval-sort .activity-approval-added-date span a span:nth-child(2) {
	margin-left: 55px
}

body.hu .activity-approval .activity-approval-sort .activity-approval-last-process span a span:nth-child(2) {
	margin: -22px 0 0 55px
}

body.hu .activity-approval .activity-approval-list .activity-approval-list-line .action a {
	width: auto
}

body.hu .catalog-filter-top .catalog-filter-search input[type="text"] {
	width: 470px
}

body.hu .request-form-detail .request-table-data .request-table-data-sort .row a {
	word-break: break-word;
	word-wrap: break-word
}

body.hu .request-form-detail .request-table-data .request-table-data-sort .row.start-date a span:last-child {
	margin: -17px 0 0 45px !important
}

body.hu .request-form-detail .request-table-data .request-table-data-sort .row.end-date a span:last-child {
	margin: -17px 0 0 45px !important
}

body.hu .request-form-detail .request-table-data .request-table-data-sort .row.row-head.name {
	width: 145px
}

body.hu .request-form-detail .request-table-data .request-table-data-sort .row.row-head.action {
	width: 155px
}

body.hu .request-form-detail .request-table-data .request-table-data-sort .row.request-date a span:last-child {
	margin: -17px 0 0 55px
}

body.hu .request-form-detail .request-table-data .request-table-data-list .row.name {
	width: 145px
}

body.hu .request-form-detail .request-table-data .request-table-data-list .row.action {
	width: 155px
}

body.hu .request-form-detail .request-table-data .request-table-data-list .row.action .action-request-btn a {
	min-width: 115px
}

body.hu .request-form-detail .request-table-data .request-table-data-list.common-request.free-request .request-list-block-common .row-common.row-name {
	width: 275px
}

body.hu .request-form-detail .request-table-data .request-table-data-list.common-request.free-request .request-list-block-common .row-common.row-actions {
	width: 155px
}

body.hu .request-form-detail .request-table-data .request-table-data-list.common-request.free-request .request-list-block-common .row-common.row-actions .btn-free-detail {
	min-width: 100px !important
}

body.hu .request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-request-info span.request-icon .inner {
	white-space: pre-wrap
}

body.hu .request-form-detail .request-table-data .request-table-data-list.free-request.formAdmin .request-list-block-common .row-common.row-name {
	width: 140px
}

body.hu .request-form-detail .request-table-data.free-request .row-free {
	display: inline-block;
	vertical-align: top
}

body.hu .request-form-detail .request-table-data.free-request .row-free.free-course-name {
	width: 275px
}

body.hu .request-form-detail .request-table-data.free-request .row-free.free-action {
	width: 155px
}

body.hu .request-form-detail .request-table-data.free-request .row-free.free-request-date a {
	word-break: break-word;
	word-wrap: break-word
}

body.hu .request-form-detail .request-table-data.free-request .row-free.free-request-date a span:nth-child(2) {
	margin: -19px 0 0 55px;
	display: block
}

body.hu .request-form-detail .request-table-data.free-request.formAdmin .request-table-data-sort .row-free.free-course-name {
	width: 140px
}

body.hu .request-form-detail .request-table-data.free-request.formAdmin .request-table-data-sort .row-free.free-request-date a span:nth-child(2) {
	margin: -19px 0 0 55px
}

body.hu .request-form-detail .request-table-data.approval-request .row-common.row-request-history {
	word-break: break-word;
	word-wrap: break-word
}

body.hu .request-form-detail .request-table-data.catalog-request .request-table-data-sort .row-catalog {
	display: inline-block;
	vertical-align: top
}

body.hu .request-form-detail .request-table-data.catalog-request .request-table-data-sort .row-catalog.catalog-request-date {
	word-break: break-word;
	word-wrap: break-word
}

body.hu .request-form-detail .request-table-data.catalog-request .request-table-data-sort .row-catalog.catalog-request-date a span:last-child {
	display: block;
	margin: -19px 0 0 55px !important
}

body.hu .request-form-detail .request-table-data.catalog-request .row-catalog a span {
	word-break: break-word
}

body.hu .request-form-detail .request-table-data-admin .request-table-data-sort .row.action {
	width: 170px
}

body.hu .request-form-detail .request-table-data-admin .request-table-data-sort .row.action .sg-icon.sg-trash {
	margin-left: -10px
}

body.hu .request-form-detail .request-table-data-admin .request-table-data-sort .row.name {
	width: 175px
}

body.hu .request-form-detail .filter-bar .search input[type="text"] {
	width: 360px
}

body.hu .request-form-detail .filter-bar .search .filter-btn {
	width: 55px
}

body.hu .request-form-detail .filter-bar .search .clear-btn {
	right: 70px
}

body.hu .task-module .task-module-sort.evaluation .participant-count span:nth-child(2) {
	margin-left: 70px
}

body.hu .task-module .task-module-list .task-module-list-line .numberofuse span a {
	font-size: 11px
}

body.hu .task-module.evaluation-detail .task-evaluation-users .task-module-sort .participant-process span {
	min-width: 125px
}

body.hu .task-module.evaluation-detail .task-evaluation-users .task-module-list .task-module-list-line .participant-process .btn {
	min-width: 125px
}

body.hu .task-drawer .task-content .task-drawer-description .more-btn {
	width: 201px
}

body.hu .inline-modal.approval-requests .overlay .modal {
	width: 37%
}

body.hu .admin-group-drawer .admin-drawer-user .admin-drawer-border .user-search .user-search-items .search {
	width: calc(100% - 125px)
}

body.hu .admin-group-drawer .admin-drawer-steps ul li {
	padding: 0 65px
}

body.hu .admin-group-drawer button {
	min-width: 90px
}

body.hu .catalog-request-dropdown .catalog-for-admin .btn {
	padding: 8px 25px 5px 15px
}

body.hu .catalog-request-dropdown .catalog-for-admin .btn:before {
	position: absolute;
	right: 10px;
	top: 7px;
	left: auto;
	bottom: auto;
	z-index: 1
}

body.hu .catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line label {
	font-size: 12px !important
}

body.hu .recommend-tooltip .search input[type="text"] {
	font-size: 12px !important;
	padding-right: 115px
}

body.hu .activity-management .activity-management-sort .row span {
	word-wrap: break-word
}

body.hu .activity-management .activity-management-sort .row .createDate span>a span:nth-child(2) {
	margin: -24px 0 0 70px
}

body.hu .activity-management .activity-management-sort .row .startDate span>a span:nth-child(2) {
	margin: -24px 0 0 55px
}

body.hu .activity-management .activity-management-sort .endDate span>a span:nth-child(2) {
	margin: -24px 0 0 55px
}

body.hu .activity-management .activity-management-list .activity-management-list-line .user-count .user-count-numeric .inner {
	width: 140px
}

body.hu .search-area .search-btn {
	width: 55px
}

.task-common .task-evaluation-explanation .description-text .more-btn,
.task-common .task-evaluation-explanation .description-text .more-btn-task,
.task-common .task-evaluation-explanation .description-text-evaluator .more-btn,
.task-common .task-evaluation-explanation .description-text-evaluator .more-btn-task {
	width: 240px
}

.task-module .task-module-search .task-module-search-line label {
	font-size: 12px !important
}

header .search-area .autocomplete {
	width: 600px !important;
	margin-left: -300px !important
}

html.gecko .comment-module .tabbed-view .comments-area .comment-button span.comment-button-text {
	padding-top: 0 !important
}

body.bg .search-page-result p {
	font-size: 11px
}

body.bg .online-user-count .online-users-area .online-user-list ul li span {
	font-size: 12px
}

body.bg .education-history .education-history-sort .timespenton a span {
	word-break: break-word;
	word-wrap: break-word;
	width: 50px
}

body.bg .education-history .education-history-sort span>a span:last-child {
	display: inline-block;
	vertical-align: top;
	margin-top: 7px
}

body.bg .comment-module .tabbed-view .comments-area .comment-button.btn-big .comment-button-text {
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif
}

body.bg .comment-module .tabbed-view .comments-area .comment-button.disabled span {
	padding: 0 5px
}

body.bg .comment-module .tabbed-view .comments-area .comment-button .sg-icon {
	height: 19px
}

body.bg .comment-module .dropdown .value {
	padding-top: 3px !important
}

body.bg .comment-module .tabbed-view .comments-area .comment-button.disabled .trigger-unit-tooltip {
	left: -15px
}

body.bg .comment-module .tabbed-view .comments-area .comment-button span.comment-button-text {
	padding: 0 5px
}

body.bg .comment-manager .tab-toltip:hover .trigger-unit-tooltip {
	display: block;
	position: absolute;
	left: 13px;
	top: 35px;
	right: auto;
	bottom: auto;
	z-index: 1
}

body.bg .catalog-request-dropdown .catalog-for-admin .catalog-for-admin-tooltip .no-can-request-course:hover .inner {
	margin-top: 24px;
	margin-left: -28px;
	width: 230px
}

body.bg .unit-area .unit-box .unit-box-row.unit-box-actions .btn.btn-small {
	min-width: 140px !important;
	font-size: 13px !important
}

body.bg .drawer-area .col-right .stats-holder .course-like-icons .stats-view.dislike .tooltip-area {
	right: -10px;
	left: -10px
}

body.bg .drawer-area .col-right .stats-holder .course-like-icons .stats-view.dislike .tooltip-area:after {
	right: 16px
}

body.bg .back,
body.bg .back>.btn.btn-small {
	height: auto
}

body.bg .transfer-options .options-area {
	width: 225px !important;
	max-width: 225px !important
}

body.bg .user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items tr.head .row-common:nth-child(2) a span:last-child {
	margin-left: 110px
}

body.bg .activity-approval .activity-approval-sort {
	padding: 10px 0 35px 10px
}

body.bg .activity-approval .activity-approval-sort span {
	word-break: break-word;
	word-wrap: break-word
}

body.bg .activity-approval .activity-approval-sort .activity-approval-name span a span:nth-child(2) {
	margin-left: 135px !important
}

body.bg .activity-approval .activity-approval-sort .activity-approval-start-date span a span:nth-child(2) {
	margin-left: 45px !important
}

body.bg .activity-approval .activity-approval-sort .activity-approval-end-date span a span:nth-child(2) {
	margin-left: 45px
}

body.bg .activity-approval .activity-approval-sort .activity-approval-added-date span a span:nth-child(2) {
	margin-left: 55px
}

body.bg .activity-approval .activity-approval-sort .activity-approval-last-process span a span:nth-child(2) {
	margin: -22px 0 0 55px
}

body.bg .activity-approval .activity-approval-list .activity-approval-list-line .action a {
	width: auto
}

body.bg .catalog-filter-top .catalog-filter-search input[type="text"] {
	width: 500px
}

body.bg .request-form-detail .request-table-data .request-table-data-sort {
	height: 50px
}

body.bg .request-form-detail .request-table-data .request-table-data-sort .row a {
	word-break: break-word;
	word-wrap: break-word;
	display: inline-block;
	vertical-align: top
}

body.bg .request-form-detail .request-table-data .request-table-data-sort .row a span {
	display: inline-block;
	vertical-align: top
}

body.bg .request-form-detail .request-table-data .request-table-data-sort .row.start-date a span:nth-child(1) {
	width: 65px
}

body.bg .request-form-detail .request-table-data .request-table-data-sort .row.start-date a span:last-child {
	margin: -19px 0 0 63px !important
}

body.bg .request-form-detail .request-table-data .request-table-data-sort .row.end-date a span:nth-child(1) {
	width: 50px
}

body.bg .request-form-detail .request-table-data .request-table-data-sort .row.end-date a span:last-child {
	margin: -33px 0 0 50px !important
}

body.bg .request-form-detail .request-table-data .request-table-data-sort .row.row-head.name {
	width: 160px
}

body.bg .request-form-detail .request-table-data .request-table-data-sort .row.row-head.name span:last-child {
	margin: 7px 0 0 0 !important
}

body.bg .request-form-detail .request-table-data .request-table-data-sort .row.row-head.action {
	width: 155px
}

body.bg .request-form-detail .request-table-data .request-table-data-sort .row.request-date a span:nth-child(1) {
	width: 72px
}

body.bg .request-form-detail .request-table-data .request-table-data-sort .row.request-date a span:last-child {
	margin: -20px 0 0 70px
}

body.bg .request-form-detail .request-table-data .request-table-data-sort .row.status-info a span:nth-child(1) {
	width: 60px
}

body.bg .request-form-detail .request-table-data .request-table-data-sort .row.status-info a span:last-child {
	margin: 5px 0 0 0
}

body.bg .request-form-detail .request-table-data .request-table-data-list .row.name {
	width: 160px
}

body.bg .request-form-detail .request-table-data .request-table-data-list .row.action {
	width: 155px
}

body.bg .request-form-detail .request-table-data .request-table-data-list .row.action .action-request-btn a {
	min-width: 115px
}

body.bg .request-form-detail .request-table-data .request-table-data-list.common-request.free-request .request-list-block-common .row-common.row-name {
	width: 275px
}

body.bg .request-form-detail .request-table-data .request-table-data-list.common-request.free-request .request-list-block-common .row-common.row-actions {
	width: 155px
}

body.bg .request-form-detail .request-table-data .request-table-data-list.common-request.free-request .request-list-block-common .row-common.row-actions .btn-free-detail {
	min-width: 100px !important
}

body.bg .request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-request-info span.request-icon .inner {
	white-space: pre-wrap
}

body.bg .request-form-detail .request-table-data .request-table-data-list.common-request.approval-request .row-common.row-request-info span.request-name {
	width: 200px
}

body.bg .request-form-detail .request-table-data .request-table-data-list.free-request.formAdmin .request-list-block-common .row-common.row-name {
	width: 140px
}

body.bg .request-form-detail .request-table-data.free-request .row-free {
	display: inline-block;
	vertical-align: top
}

body.bg .request-form-detail .request-table-data.free-request .row-free.free-course-name {
	width: 275px
}

body.bg .request-form-detail .request-table-data.free-request .row-free.free-course-name a span:nth-child(1) {
	width: 80px
}

body.bg .request-form-detail .request-table-data.free-request .row-free.free-course-name a span:nth-child(2) {
	margin: -20px 0 0 90px !important
}

body.bg .request-form-detail .request-table-data.free-request .row-free.free-action {
	width: 155px
}

body.bg .request-form-detail .request-table-data.free-request .row-free.free-request-date {
	word-break: break-word;
	word-wrap: break-word;
	display: inline-block;
	vertical-align: top
}

body.bg .request-form-detail .request-table-data.free-request .row-free.free-request-date a {
	width: 55px;
	height: 22px;
	display: block
}

body.bg .request-form-detail .request-table-data.free-request .row-free.free-request-date a span {
	display: inline-block;
	vertical-align: top
}

body.bg .request-form-detail .request-table-data.free-request .row-free.free-request-date a span:nth-child(1) {
	width: 75px
}

body.bg .request-form-detail .request-table-data.free-request .row-free.free-request-date a span:last-child {
	margin: -20px 0 0 75px !important
}

body.bg .request-form-detail .request-table-data.free-request .row-free.free-course-name {
	word-break: break-word;
	word-wrap: break-word;
	display: inline-block;
	vertical-align: top
}

body.bg .request-form-detail .request-table-data.free-request .row-free.free-course-name a {
	width: 60px;
	height: 36px;
	display: block
}

body.bg .request-form-detail .request-table-data.free-request .row-free.free-course-name a span:nth-child(2) {
	margin: -34px 0 0 70px
}

body.bg .request-form-detail .request-table-data.free-request .row-free.free-user-name {
	word-break: break-word;
	word-wrap: break-word;
	display: inline-block;
	vertical-align: top
}

body.bg .request-form-detail .request-table-data.free-request .row-free.free-user-name a {
	width: 50px;
	height: 36px;
	display: block
}

body.bg .request-form-detail .request-table-data.free-request .row-free.free-user-name a span {
	width: 60px
}

body.bg .request-form-detail .request-table-data.free-request .row-free.free-user-name a span:nth-child(2) {
	margin: -20px 0 0 60px
}

body.bg .request-form-detail .request-table-data.free-request .row-free a span:last-child {
	margin: -3px 0 0 8px
}

body.bg .request-form-detail .request-table-data.free-request.formAdmin .request-table-data-sort .row-free.free-course-name {
	width: 140px
}

body.bg .request-form-detail .request-table-data.approval-request .row-common.row-request-info {
	width: 250px
}

body.bg .request-form-detail .request-table-data.approval-request .row-common.row-request-history {
	word-break: break-word;
	word-wrap: break-word;
	width: 125px !important
}

body.bg .request-form-detail .request-table-data.catalog-request .request-table-data-sort .row-catalog {
	word-break: break-word;
	word-wrap: break-word;
	display: inline-block;
	vertical-align: top
}

body.bg .request-form-detail .request-table-data.catalog-request .request-table-data-sort .row-catalog.catalog-request-date a {
	width: 50px;
	height: 22px;
	display: block
}

body.bg .request-form-detail .request-table-data.catalog-request .request-table-data-sort .row-catalog.catalog-request-date a span {
	display: inline-block;
	vertical-align: top
}

body.bg .request-form-detail .request-table-data.catalog-request .request-table-data-sort .row-catalog.catalog-request-date a span:nth-child(1) {
	width: 72px
}

body.bg .request-form-detail .request-table-data.catalog-request .request-table-data-sort .row-catalog.catalog-request-date a span:last-child {
	margin: -20px 0 0 70px !important
}

body.bg .request-form-detail .request-table-data.catalog-request .row-catalog a span {
	word-break: break-word
}

body.bg .request-form-detail .request-table-data-admin .request-table-data-sort .row.action {
	width: 170px
}

body.bg .request-form-detail .request-table-data-admin .request-table-data-sort .row.action .sg-icon.sg-trash {
	margin-left: -10px
}

body.bg .request-form-detail .request-table-data-admin .request-table-data-sort .row.name {
	width: 175px
}

body.bg .request-form-detail .filter-bar .search input[type="text"] {
	width: 335px
}

body.bg .request-form-detail .filter-bar .search .filter-btn {
	width: 55px
}

body.bg .request-form-detail .filter-bar .search .clear-btn {
	right: 70px
}

body.bg .request-form-detail .new-request {
	font-size: 11.5px
}

body.bg .task-module .task-module-sort .row .name span a span {
	word-break: break-word;
	word-wrap: break-word
}

body.bg .task-module .task-module-sort .row .name span a span:nth-child(1) {
	width: 30px
}

body.bg .task-module .task-module-sort .row .name span a span:last-child {
	margin: 7px 0 0 0
}

body.bg .task-module .task-module-sort .row .adder span a span {
	word-break: break-word;
	word-wrap: break-word
}

body.bg .task-module .task-module-sort .row .adder span a span:nth-child(1) {
	width: 45px
}

body.bg .task-module .task-module-sort .row .adder span a span:last-child {
	margin: 7px 0 0 0
}

body.bg .task-module .task-module-sort .row .status span a span {
	word-break: break-word;
	word-wrap: break-word
}

body.bg .task-module .task-module-sort .row .status span a span:nth-child(1) {
	width: 45px
}

body.bg .task-module .task-module-sort .row .status span a span:last-child {
	margin: 7px 0 0 0
}

body.bg .task-module .task-module-sort.evaluation .row>div:nth-child(1) span a span {
	word-break: break-word;
	word-wrap: break-word
}

body.bg .task-module .task-module-sort.evaluation .row>div:nth-child(1) span a span:nth-child(1) {
	width: 30px
}

body.bg .task-module .task-module-sort.evaluation .row .type span a span {
	word-break: break-word;
	word-wrap: break-word
}

body.bg .task-module .task-module-sort.evaluation .row .type span a span:nth-child(1) {
	width: 30px
}

body.bg .task-module .task-module-sort.evaluation .row .start-date span a span {
	word-break: break-word;
	word-wrap: break-word
}

body.bg .task-module .task-module-sort.evaluation .row .start-date span a span:nth-child(1) {
	width: 50px
}

body.bg .task-module .task-module-sort.evaluation .row .end-date span a span {
	word-break: break-word;
	word-wrap: break-word
}

body.bg .task-module .task-module-sort.evaluation .row .end-date span a span:nth-child(1) {
	width: 40px
}

body.bg .task-module .task-module-sort.evaluation .row .participant-count span a span {
	word-break: break-word;
	word-wrap: break-word
}

body.bg .task-module .task-module-sort.evaluation .row .participant-count span a span:nth-child(1) {
	width: 60px
}

body.bg .task-module .task-module-sort.evaluation .row .participant-count span a span:last-child {
	margin: 7px 0 0 0
}

body.bg .task-module .task-module-sort.evaluation .participant-count span:nth-child(2) {
	margin-left: 70px
}

body.bg .task-module .task-module-list .task-module-list-line .numberofuse span a {
	font-size: 11px
}

body.bg .task-module.evaluation-detail .task-evaluation-users .task-module-sort .participant-process span {
	min-width: 125px
}

body.bg .task-module.evaluation-detail .task-evaluation-users .task-module-list .task-module-list-line .participant-process .btn {
	min-width: 125px
}

body.bg .task-module .task-module-types .type-name-add-new .btn {
	font-size: 13px
}

body.bg .task-drawer .task-content .task-drawer-description .more-btn {
	width: 201px
}

body.bg .inline-modal.approval-requests .overlay .modal {
	width: 37%
}

body.bg .admin-group-drawer .admin-drawer-user .admin-drawer-border .user-search .user-search-items .search {
	width: calc(100% - 125px)
}

body.bg .admin-group-drawer .admin-drawer-steps ul li {
	padding: 0 65px
}

body.bg .admin-group-drawer button {
	min-width: 90px
}

body.bg .catalog-request-dropdown .catalog-for-admin .btn {
	padding: 8px 25px 5px 15px
}

body.bg .catalog-request-dropdown .catalog-for-admin .btn:before {
	position: absolute;
	right: 10px;
	top: 7px;
	left: auto;
	bottom: auto;
	z-index: 1
}

body.bg .catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line label {
	font-size: 12px !important
}

body.bg .recommend-tooltip .search input[type="text"] {
	font-size: 12px !important;
	padding-right: 115px
}

body.bg .activity-management .activity-management-sort .row span {
	word-break: break-word;
	word-wrap: break-word;
	display: inline-block;
	vertical-align: top;
	display: block
}

body.bg .activity-management .activity-management-sort .row span:nth-child(1) {
	width: 55px
}

body.bg .activity-management .activity-management-sort .row .title span>a span:nth-child(2) {
	margin: -13px 0 0 28px
}

body.bg .activity-management .activity-management-sort .row .createDate span>a span:nth-child(2) {
	margin: -37px 0 0 60px
}

body.bg .activity-management .activity-management-sort .row .startDate span>a span:nth-child(2) {
	margin: -24px 0 0 55px
}

body.bg .activity-management .activity-management-sort .endDate span>a span:nth-child(2) {
	margin: -37px 0 0 55px
}

body.bg .activity-management .activity-management-list .activity-management-list-line .user-count .user-count-numeric .inner {
	width: 140px
}

body.bg .search-area .search-btn {
	width: 55px
}

.task-common .task-evaluation-explanation .description-text .more-btn,
.task-common .task-evaluation-explanation .description-text .more-btn-task,
.task-common .task-evaluation-explanation .description-text-evaluator .more-btn,
.task-common .task-evaluation-explanation .description-text-evaluator .more-btn-task {
	width: 240px
}

.task-module .task-module-search .task-module-search-line label {
	font-size: 12px !important
}

.alternative-activity {
	height: 100%;
	padding-bottom: 20px
}

.alternative-activity .alternative-activity-header {
	font: 18px "Poppins", Helvetica, Arial, sans-serif
}

.alternative-activity .alternative-activity-header.v1 {
	background: url(../img/bg/background-v1.svg) no-repeat;
	position: relative
}

.alternative-activity .alternative-activity-header.v1 .alternative-activity-description {
	color: #fff
}

.alternative-activity .alternative-activity-header.v1 .v1-figure {
	width: 45px;
	height: 214px;
	position: absolute;
	left: 55px;
	top: 122px;
	right: auto;
	bottom: auto;
	z-index: 1;
	display: block;
	background: url(../img/icon/karakter_v1_anim.gif) no-repeat
}

.alternative-activity .alternative-activity-header.v2 {
	background: url(../img/bg/background-v2.svg) no-repeat;
	color: #000
}

.alternative-activity .alternative-activity-header.v3 {
	background: url(../img/bg/background-v3.svg) no-repeat
}

.alternative-activity .alternative-activity-header.v3 .alternative-activity-description {
	color: #fff
}

.alternative-activity .alternative-activity-header .alternative-activity-description {
	font: 18px "Poppins", Helvetica, Arial, sans-serif;
	font-weight: 600;
	height: 65px;
	overflow: hidden;
	padding: 0 40px
}

.alternative-activity .alternative-activity-header .alternative-activity-head {
	height: 400px;
	color: #fff
}

.alternative-activity .alternative-activity-header .alternative-activity-head.head-status .titleAlternative {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: .5;
	font-weight: 700 !important;
	font-family: "Poppins", Helvetica, Arial, sans-serif !important;
	font-size: 22px;
	color: #fff !important
}

.alternative-activity .alternative-activity-header .alternative-activity-head.head-status .titleAlternative.no-time-limit {
	width: 145px;
	display: block;
	text-align: center;
	margin: auto;
	line-height: 25px
}

.alternative-activity .alternative-activity-header .alternative-activity-head.head-status .titleSub {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: .5;
	margin-top: 10px;
	display: block;
	font: 22px "Poppins", Helvetica, Arial, sans-serif
}

.alternative-activity .alternative-activity-header .alternative-activity-head.head-status .timer-area,
.alternative-activity .alternative-activity-header .alternative-activity-head.head-status .score-area {
	float: inherit;
	width: auto !important;
	min-height: auto;
	margin-left: 0px !important
}

.alternative-activity .alternative-activity-header .alternative-activity-head.head-status .score-area .count {
	line-height: 100px;
	color: white;
	margin-left: 30px;
	font-size: 25px
}

.alternative-activity .alternative-activity-header .alternative-activity-head.head-status .score-area .score {
	color: #fff;
	margin: -20px auto -10px;
	font: 44px "Poppins", Helvetica, Arial, sans-serif;
	font-weight: 700
}

.alternative-activity .alternative-activity-header .alternative-activity-head.head-status .timer-area .activity-date-start {
	margin-bottom: 0px
}

.alternative-activity .alternative-activity-header .alternative-activity-head.head-status .timer-area.no-border {
	border-left: 0px !important
}

.alternative-activity .alternative-activity-header .alternative-activity-head.head-status .timer-area .counter.timespent .no-time {
	background: #fff
}

.alternative-activity .alternative-activity-header .alternative-activity-head.head-status .timer-area .activity-date-finish {
	margin-bottom: 0px
}

.alternative-activity .alternative-activity-header .alternative-activity-head.head-status .timer-area .date-display {
	color: #fff;
	width: 100%;
	position: unset;
	font: 12px "Poppins", Helvetica, Arial, sans-serif;
	margin: 0
}

.alternative-activity .alternative-activity-header .alternative-activity-head.head-status .timer-area .readable-date-display {
	margin-bottom: 0
}

.alternative-activity .alternative-activity-header .alternative-activity-head.head-status .timer-area.ongoing .date-display span:first-child {
	display: none
}

.alternative-activity .alternative-activity-header .alternative-activity-head.head-status.head-status-not-started .activity-start-end-dates .titleAlternative,
.alternative-activity .alternative-activity-header .alternative-activity-head.head-status.head-status-not-started .activity-start-end-dates .titleSub {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: .5
}

.alternative-activity .alternative-activity-header .alternative-activity-head.head-status.head-status-not-started .activity-start-end-dates .titleAlternative,
.alternative-activity .alternative-activity-header .alternative-activity-head.head-status.head-status-not-started .activity-start-end-dates .titleSub {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

.alternative-activity .alternative-activity-header .alternative-activity-head.head-status.head-status-started .titleAlternative,
.alternative-activity .alternative-activity-header .alternative-activity-head.head-status.head-status-started .titleSub {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

.alternative-activity .alternative-activity-progress-bar {
	padding: 40px 0 50px 0;
	position: relative;
	width: 720px;
	margin: auto
}

.alternative-activity .alternative-activity-progress-bar .upload-progressbar {
	width: 100%;
	height: 4px
}

.alternative-activity .alternative-activity-progress-bar .uploaded-part {
	position: absolute;
	left: 0;
	top: 37px;
	right: auto;
	bottom: auto;
	z-index: 1;
	height: 10px
}

.alternative-activity .alternative-activity-progress-bar.v1 .upload-progressbar {
	background: #ecd4a9
}

.alternative-activity .alternative-activity-progress-bar.v1 .upload-progressbar svg {
	margin-top: -3px
}

.alternative-activity .alternative-activity-progress-bar.v1 .line1 {
	stroke-dasharray: var(--lineStrokeProgress);
	stroke-dashoffset: var(--linePercentProgress);
	animation: var(--lineAnimateProgress);
	transition: stroke-dashoffset 2s
}

@keyframes lineDash {
	from {
		stroke-dashoffset: var(--lineStrokeProgress)
	}
	to {
		stroke-dashoffset: var(--linePercentProgress)
	}
}

.alternative-activity .alternative-activity-progress-bar.v2 .upload-progressbar {
	background: #fdd4cb
}

.alternative-activity .alternative-activity-progress-bar.v2 .upload-progressbar svg {
	margin-top: -3px
}

.alternative-activity .alternative-activity-progress-bar.v2 .line1 {
	stroke-dasharray: var(--lineStrokeProgress);
	stroke-dashoffset: var(--linePercentProgress);
	animation: var(--lineAnimateProgress);
	transition: stroke-dashoffset 2s
}

@keyframes lineDash {
	from {
		stroke-dashoffset: var(--lineStrokeProgress)
	}
	to {
		stroke-dashoffset: var(--linePercentProgress)
	}
}

.alternative-activity .alternative-activity-progress-bar.v3 .upload-progressbar {
	background: #aadde0
}

.alternative-activity .alternative-activity-progress-bar.v3 .upload-progressbar svg {
	margin-top: -3px
}

.alternative-activity .alternative-activity-progress-bar.v3 .line1 {
	stroke-dasharray: var(--lineStrokeProgress);
	stroke-dashoffset: var(--linePercentProgress);
	animation: var(--lineAnimateProgress);
	transition: stroke-dashoffset 2s
}

@keyframes lineDash {
	from {
		stroke-dashoffset: var(--lineStrokeProgress)
	}
	to {
		stroke-dashoffset: var(--linePercentProgress)
	}
}

.alternative-activity .alternative-activity-way {
	width: 900px;
	height: 2000px;
	margin: auto;
	padding: 69px 0 0 79px;
	position: relative
}

.alternative-activity .alternative-activity-way.v1 {
	background: url(../img/bg/line-background-v1.svg) no-repeat left center;
	color: #fff
}

.alternative-activity .alternative-activity-way.v1 .unit_0.active .directory-line-title h3,
.alternative-activity .alternative-activity-way.v1 .unit_1.active .directory-line-title h3,
.alternative-activity .alternative-activity-way.v1 .unit_2.active .directory-line-title h3,
.alternative-activity .alternative-activity-way.v1 .unit_3.active .directory-line-title h3,
.alternative-activity .alternative-activity-way.v1 .unit_4.active .directory-line-title h3,
.alternative-activity .alternative-activity-way.v1 .unit_5.active .directory-line-title h3 {
	color: #E28621
}

.alternative-activity .alternative-activity-way.v1 .unit_0.active .directory-sub-line .unit-box .unit-box-info.active-unit:after,
.alternative-activity .alternative-activity-way.v1 .unit_1.active .directory-sub-line .unit-box .unit-box-info.active-unit:after,
.alternative-activity .alternative-activity-way.v1 .unit_2.active .directory-sub-line .unit-box .unit-box-info.active-unit:after,
.alternative-activity .alternative-activity-way.v1 .unit_3.active .directory-sub-line .unit-box .unit-box-info.active-unit:after,
.alternative-activity .alternative-activity-way.v1 .unit_4.active .directory-sub-line .unit-box .unit-box-info.active-unit:after,
.alternative-activity .alternative-activity-way.v1 .unit_5.active .directory-sub-line .unit-box .unit-box-info.active-unit:after {
	border-left-color: #E28621;
	display: block
}

.alternative-activity .alternative-activity-way.v1 .unit_0.active .directory-sub-line .unit-box .unit-box-info .unit-box-actions .btn,
.alternative-activity .alternative-activity-way.v1 .unit_1.active .directory-sub-line .unit-box .unit-box-info .unit-box-actions .btn,
.alternative-activity .alternative-activity-way.v1 .unit_2.active .directory-sub-line .unit-box .unit-box-info .unit-box-actions .btn,
.alternative-activity .alternative-activity-way.v1 .unit_3.active .directory-sub-line .unit-box .unit-box-info .unit-box-actions .btn,
.alternative-activity .alternative-activity-way.v1 .unit_4.active .directory-sub-line .unit-box .unit-box-info .unit-box-actions .btn,
.alternative-activity .alternative-activity-way.v1 .unit_5.active .directory-sub-line .unit-box .unit-box-info .unit-box-actions .btn {
	background: #E28621
}

.alternative-activity .alternative-activity-way.v1 .unit_0.active:after,
.alternative-activity .alternative-activity-way.v1 .unit_1.active:after,
.alternative-activity .alternative-activity-way.v1 .unit_2.active:after,
.alternative-activity .alternative-activity-way.v1 .unit_3.active:after,
.alternative-activity .alternative-activity-way.v1 .unit_4.active:after,
.alternative-activity .alternative-activity-way.v1 .unit_5.active:after {
	background: #E28621
}

.alternative-activity .alternative-activity-way.v1 .unit_0.active:before,
.alternative-activity .alternative-activity-way.v1 .unit_1.active:before,
.alternative-activity .alternative-activity-way.v1 .unit_2.active:before,
.alternative-activity .alternative-activity-way.v1 .unit_3.active:before,
.alternative-activity .alternative-activity-way.v1 .unit_4.active:before,
.alternative-activity .alternative-activity-way.v1 .unit_5.active:before {
	background: #C31C4A
}

.alternative-activity .alternative-activity-way.v2 {
	background: url(../img/bg/line-background-v2.svg) no-repeat left center
}

.alternative-activity .alternative-activity-way.v2 .directory-line-unit-count {
	color: #7A8292
}

.alternative-activity .alternative-activity-way.v2 .unit_1-text,
.alternative-activity .alternative-activity-way.v2 .unit_2-text,
.alternative-activity .alternative-activity-way.v2 .unit_3-text,
.alternative-activity .alternative-activity-way.v2 .unit_4-text,
.alternative-activity .alternative-activity-way.v2 .unit_5-text {
	color: #4A485B
}

.alternative-activity .alternative-activity-way.v2 .unit_0:before,
.alternative-activity .alternative-activity-way.v2 .unit_1:before,
.alternative-activity .alternative-activity-way.v2 .unit_2:before,
.alternative-activity .alternative-activity-way.v2 .unit_3:before,
.alternative-activity .alternative-activity-way.v2 .unit_4:before,
.alternative-activity .alternative-activity-way.v2 .unit_5:before {
	background: #7A8292
}

.alternative-activity .alternative-activity-way.v2 .unit_0.active .directory-sub-line .unit-box .unit-box-info.active-unit:after,
.alternative-activity .alternative-activity-way.v2 .unit_1.active .directory-sub-line .unit-box .unit-box-info.active-unit:after,
.alternative-activity .alternative-activity-way.v2 .unit_2.active .directory-sub-line .unit-box .unit-box-info.active-unit:after,
.alternative-activity .alternative-activity-way.v2 .unit_3.active .directory-sub-line .unit-box .unit-box-info.active-unit:after,
.alternative-activity .alternative-activity-way.v2 .unit_4.active .directory-sub-line .unit-box .unit-box-info.active-unit:after,
.alternative-activity .alternative-activity-way.v2 .unit_5.active .directory-sub-line .unit-box .unit-box-info.active-unit:after {
	border-left-color: #C31C4A;
	display: block
}

.alternative-activity .alternative-activity-way.v2 .unit_0.active .directory-sub-line .unit-box .unit-box-actions .btn,
.alternative-activity .alternative-activity-way.v2 .unit_1.active .directory-sub-line .unit-box .unit-box-actions .btn,
.alternative-activity .alternative-activity-way.v2 .unit_2.active .directory-sub-line .unit-box .unit-box-actions .btn,
.alternative-activity .alternative-activity-way.v2 .unit_3.active .directory-sub-line .unit-box .unit-box-actions .btn,
.alternative-activity .alternative-activity-way.v2 .unit_4.active .directory-sub-line .unit-box .unit-box-actions .btn,
.alternative-activity .alternative-activity-way.v2 .unit_5.active .directory-sub-line .unit-box .unit-box-actions .btn {
	background: #C31C4A
}

.alternative-activity .alternative-activity-way.v2 .unit_0.active .directory-line-title h3,
.alternative-activity .alternative-activity-way.v2 .unit_1.active .directory-line-title h3,
.alternative-activity .alternative-activity-way.v2 .unit_2.active .directory-line-title h3,
.alternative-activity .alternative-activity-way.v2 .unit_3.active .directory-line-title h3,
.alternative-activity .alternative-activity-way.v2 .unit_4.active .directory-line-title h3,
.alternative-activity .alternative-activity-way.v2 .unit_5.active .directory-line-title h3 {
	color: #C31C4A
}

.alternative-activity .alternative-activity-way.v2 .unit_0.active:after,
.alternative-activity .alternative-activity-way.v2 .unit_1.active:after,
.alternative-activity .alternative-activity-way.v2 .unit_2.active:after,
.alternative-activity .alternative-activity-way.v2 .unit_3.active:after,
.alternative-activity .alternative-activity-way.v2 .unit_4.active:after,
.alternative-activity .alternative-activity-way.v2 .unit_5.active:after {
	background: #C31C4A
}

.alternative-activity .alternative-activity-way.v2 .unit_0.active:before,
.alternative-activity .alternative-activity-way.v2 .unit_1.active:before,
.alternative-activity .alternative-activity-way.v2 .unit_2.active:before,
.alternative-activity .alternative-activity-way.v2 .unit_3.active:before,
.alternative-activity .alternative-activity-way.v2 .unit_4.active:before,
.alternative-activity .alternative-activity-way.v2 .unit_5.active:before {
	background: #EA6060
}

.alternative-activity .alternative-activity-way.v3 {
	background: url(../img/bg/line-background-v1.svg) no-repeat left center;
	color: #fff
}

.alternative-activity .alternative-activity-way.v3 .unit_0.active .directory-line-title h3,
.alternative-activity .alternative-activity-way.v3 .unit_1.active .directory-line-title h3,
.alternative-activity .alternative-activity-way.v3 .unit_2.active .directory-line-title h3,
.alternative-activity .alternative-activity-way.v3 .unit_3.active .directory-line-title h3,
.alternative-activity .alternative-activity-way.v3 .unit_4.active .directory-line-title h3,
.alternative-activity .alternative-activity-way.v3 .unit_5.active .directory-line-title h3 {
	color: #45A69F
}

.alternative-activity .alternative-activity-way.v3 .unit_0.active .directory-sub-line .unit-box .unit-box-info.active-unit:after,
.alternative-activity .alternative-activity-way.v3 .unit_1.active .directory-sub-line .unit-box .unit-box-info.active-unit:after,
.alternative-activity .alternative-activity-way.v3 .unit_2.active .directory-sub-line .unit-box .unit-box-info.active-unit:after,
.alternative-activity .alternative-activity-way.v3 .unit_3.active .directory-sub-line .unit-box .unit-box-info.active-unit:after,
.alternative-activity .alternative-activity-way.v3 .unit_4.active .directory-sub-line .unit-box .unit-box-info.active-unit:after,
.alternative-activity .alternative-activity-way.v3 .unit_5.active .directory-sub-line .unit-box .unit-box-info.active-unit:after {
	border-left-color: #45A69F;
	display: block
}

.alternative-activity .alternative-activity-way.v3 .unit_0.active .directory-sub-line .unit-box .unit-box-actions .btn,
.alternative-activity .alternative-activity-way.v3 .unit_1.active .directory-sub-line .unit-box .unit-box-actions .btn,
.alternative-activity .alternative-activity-way.v3 .unit_2.active .directory-sub-line .unit-box .unit-box-actions .btn,
.alternative-activity .alternative-activity-way.v3 .unit_3.active .directory-sub-line .unit-box .unit-box-actions .btn,
.alternative-activity .alternative-activity-way.v3 .unit_4.active .directory-sub-line .unit-box .unit-box-actions .btn,
.alternative-activity .alternative-activity-way.v3 .unit_5.active .directory-sub-line .unit-box .unit-box-actions .btn {
	background: #45A69F
}

.alternative-activity .alternative-activity-way.v3 .unit_0.active:before,
.alternative-activity .alternative-activity-way.v3 .unit_1.active:before,
.alternative-activity .alternative-activity-way.v3 .unit_2.active:before,
.alternative-activity .alternative-activity-way.v3 .unit_3.active:before,
.alternative-activity .alternative-activity-way.v3 .unit_4.active:before,
.alternative-activity .alternative-activity-way.v3 .unit_5.active:before {
	background: #E28621
}

.alternative-activity .svg-animation .path {
	stroke-dasharray: var(--lineStroke);
	stroke-dashoffset: var(--linePercent);
	animation: var(--lineAnimate);
	transition: stroke-dashoffset 2s
}

@keyframes dash {
	from {
		stroke-dashoffset: var(--lineStroke)
	}
	to {
		stroke-dashoffset: var(--linePercent)
	}
}

.alternative-activity .alternative-unit {
	width: 350px;
	height: auto
}

.alternative-activity .alternative-unit .unit-title-group {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.alternative-activity .alternative-unit .check {
	display: none;
	background: url(../img/icon/tamamlandi.svg) no-repeat left center;
	width: 46px;
	height: 46px
}

.alternative-activity .alternative-unit.unitCompleted .check {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-left: 15px
}

.alternative-activity .alternative-unit .directory-line-title h3 {
	font: 20px "Poppins", Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #4A485B;
	margin-bottom: -7px;
	display: table
}

.alternative-activity .alternative-unit .directory-line-title .directory-line-unit-count {
	font: 16px "Poppins", Helvetica, Arial, sans-serif;
	font-weight: 600;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.alternative-activity .alternative-unit .directory-line-title .directory-line-unit-count span:last-child {
	display: none
}

.alternative-activity .alternative-unit .directory-line-title a i {
	width: 25px;
	height: 29px;
	font-size: 25px
}

.alternative-activity .alternative-unit .directory-sub-line {
	display: none;
	width: 410px;
	height: auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: absolute;
	left: 540px;
	top: 40px;
	right: auto;
	bottom: auto;
	z-index: 1;
	-moz-box-shadow: 0 0 10px 10px rgba(1, 1, 1, 0.09);
	-webkit-box-shadow: 0 0 10px 10px rgba(1, 1, 1, 0.09);
	box-shadow: 0 0 10px 10px rgba(1, 1, 1, 0.09);
	padding: 90px 0 10px 0;
	background: url(../img/bg/bg_transparent.png)
}

.alternative-activity .alternative-unit .directory-sub-line:before,
.alternative-activity .alternative-unit .directory-sub-line:after {
	display: none
}

.alternative-activity .alternative-unit.active {
	z-index: 2
}

.alternative-activity .alternative-unit.active.unitCompleted .check {
	background-position: right center
}

.alternative-activity .alternative-unit.active .directory-line-title,
.alternative-activity .alternative-unit.active .check {
	position: relative;
	z-index: 3
}

.alternative-activity .alternative-unit.active .directory-line-title .directory-line-unit-count,
.alternative-activity .alternative-unit.active .directory-line-title a>i,
.alternative-activity .alternative-unit.active .check .directory-line-unit-count,
.alternative-activity .alternative-unit.active .check a>i {
	color: #7A8292
}

.alternative-activity .alternative-unit.active .directory-sub-line {
	display: block;
	position: absolute;
	left: -30px;
	top: -30px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.alternative-activity .trigger-unit-tooltip {
	position: absolute;
	right: -10px;
	top: 65px;
	left: auto;
	bottom: auto;
	z-index: 1;
	padding: 10px;
	width: 105px;
	text-align: center
}

.alternative-activity .unit_0 {
	position: absolute;
	left: 568px;
	top: 80px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.alternative-activity .unit_0:before {
	content: "";
	width: 24px;
	height: 24px;
	position: absolute;
	left: -310px;
	top: 2px;
	right: auto;
	bottom: auto;
	z-index: 1;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff
}

.alternative-activity .unit_0.active:after {
	content: "";
	background: #45A69F;
	width: 280px;
	height: 4px;
	position: absolute;
	left: -285px;
	top: 13px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.alternative-activity .unit_0.active:before {
	content: "";
	width: 34px;
	height: 34px;
	position: absolute;
	left: -314px;
	top: -3px;
	right: auto;
	bottom: auto;
	z-index: 2;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.alternative-activity .unit_1 {
	position: absolute;
	left: -5px;
	top: 313px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.alternative-activity .unit_1:before {
	content: "";
	width: 24px;
	height: 24px;
	position: absolute;
	left: 624px;
	top: 3px;
	right: auto;
	bottom: auto;
	z-index: 1;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff
}

.alternative-activity .unit_1.active:after {
	content: "";
	background: #45A69F;
	width: 475px;
	height: 4px;
	position: absolute;
	left: 170px;
	top: 13px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.alternative-activity .unit_1.active:before {
	content: "";
	width: 34px;
	height: 34px;
	position: absolute;
	left: 620px;
	top: -2px;
	right: auto;
	bottom: auto;
	z-index: 2;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.alternative-activity .unit_1-text {
	position: absolute;
	left: -5px;
	top: 385px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 15px/20px "Poppins", Helvetica, Arial, sans-serif;
	font-weight: 500;
	width: 345px
}

.alternative-activity .unit_2 {
	position: absolute;
	left: 568px;
	top: 590px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.alternative-activity .unit_2:before {
	content: "";
	width: 24px;
	height: 24px;
	position: absolute;
	left: -152px;
	top: 3px;
	right: auto;
	bottom: auto;
	z-index: 1;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff
}

.alternative-activity .unit_2.active:after {
	content: "";
	background: #45A69F;
	width: 120px;
	height: 4px;
	position: absolute;
	left: -130px;
	top: 13px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.alternative-activity .unit_2.active:before {
	content: "";
	width: 34px;
	height: 34px;
	position: absolute;
	left: -157px;
	top: -2px;
	right: auto;
	bottom: auto;
	z-index: 2;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.alternative-activity .unit_2-text {
	position: absolute;
	left: 568px;
	top: 664px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 15px/20px "Poppins", Helvetica, Arial, sans-serif;
	font-weight: 500;
	width: 345px
}

.alternative-activity .unit_3 {
	position: absolute;
	left: 568px;
	top: 936px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.alternative-activity .unit_3:before {
	content: "";
	width: 24px;
	height: 24px;
	position: absolute;
	left: -454px;
	top: 3px;
	right: auto;
	bottom: auto;
	z-index: 1;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff
}

.alternative-activity .unit_3.active:after {
	content: "";
	background: #45A69F;
	width: 425px;
	height: 4px;
	position: absolute;
	left: -430px;
	top: 13px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.alternative-activity .unit_3.active:before {
	content: "";
	width: 34px;
	height: 34px;
	position: absolute;
	left: -458px;
	top: -2px;
	right: auto;
	bottom: auto;
	z-index: 2;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.alternative-activity .unit_3-text {
	position: absolute;
	left: 568px;
	top: 1010px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 15px/20px "Poppins", Helvetica, Arial, sans-serif;
	font-weight: 500;
	width: 345px
}

.alternative-activity .unit_4 {
	position: absolute;
	left: -5px;
	top: 1168px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.alternative-activity .unit_4:before {
	content: "";
	width: 24px;
	height: 24px;
	position: absolute;
	left: 440px;
	top: 3px;
	right: auto;
	bottom: auto;
	z-index: 1;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff
}

.alternative-activity .unit_4.active:after {
	content: "";
	background: #45A69F;
	width: 260px;
	height: 4px;
	position: absolute;
	left: 200px;
	top: 13px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.alternative-activity .unit_4.active:before {
	content: "";
	width: 34px;
	height: 34px;
	position: absolute;
	left: 435px;
	top: -2px;
	right: auto;
	bottom: auto;
	z-index: 2;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.alternative-activity .unit_4-text {
	position: absolute;
	left: -5px;
	top: 1245px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 15px/20px "Poppins", Helvetica, Arial, sans-serif;
	font-weight: 500;
	width: 345px
}

.alternative-activity .unit_5 {
	position: absolute;
	left: 568px;
	top: 1541px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.alternative-activity .unit_5:before {
	content: "";
	width: 24px;
	height: 24px;
	position: absolute;
	left: -138px;
	top: 3px;
	right: auto;
	bottom: auto;
	z-index: 1;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff
}

.alternative-activity .unit_5.active:after {
	content: "";
	background: #45A69F;
	width: 125px;
	height: 4px;
	position: absolute;
	left: -130px;
	top: 13px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.alternative-activity .unit_5.active:before {
	content: "";
	width: 34px;
	height: 34px;
	position: absolute;
	left: -143px;
	top: -2px;
	right: auto;
	bottom: auto;
	z-index: 2;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.alternative-activity .unit_5-text {
	position: absolute;
	left: 568px;
	top: 1615px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 15px/20px "Poppins", Helvetica, Arial, sans-serif;
	font-weight: 500;
	width: 345px
}

.alternative-activity .unit_end {
	position: absolute;
	left: 293px;
	bottom: 137px;
	right: auto;
	top: auto;
	z-index: 1
}

.alternative-activity .unit_end:before {
	content: "";
	width: 24px;
	height: 24px;
	position: absolute;
	left: -60px;
	top: 5px;
	right: auto;
	bottom: auto;
	z-index: 1;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #EA6060
}

.alternative-activity .unit_end .alternative-unit .directory-line-title h3 {
	font: 24px "Poppins", Helvetica, Arial, sans-serif;
	font-weight: 700;
	margin-bottom: 0px
}

.alternative-activity .detail-certificate {
	position: absolute;
	bottom: 125px;
	left: 400px;
	width: 50px;
	height: 42px
}

.alternative-activity .detail-certificate .tooltip {
	position: relative
}

.alternative-activity .detail-certificate .tooltip .certificate {
	display: block;
	width: 50px;
	height: 42px;
	background: url(../img/icon/certificate.png) no-repeat bottom center;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	text-indent: -99999px;
	border-radius: 0
}

.alternative-activity .detail-certificate .tooltip:hover .tooltip-inner {
	display: block
}

.alternative-activity .detail-certificate .tooltip.disabled .certificate {
	background: url(../img/icon/certificate.png) no-repeat top center;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	cursor: default
}

.alternative-activity .detail-certificate .tooltip.disabled .tooltip-inner {
	white-space: normal;
	width: 250px;
	background-color: #D6D9DE;
	color: #A2ABCA
}

.alternative-activity .detail-certificate .tooltip.disabled .tooltip-inner:after {
	position: absolute;
	right: 35px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border-bottom-color: #D6D9DE
}

.alternative-activity .detail-certificate .tooltip-inner {
	display: none;
	position: absolute;
	right: -15px;
	top: 50px;
	left: auto;
	bottom: auto;
	z-index: 1;
	z-index: 5;
	padding: 15px 20px;
	background-color: #A2ABCA;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff;
	-moz-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	-webkit-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09)
}

.alternative-activity .detail-certificate .tooltip-inner:after {
	content: "";
	position: absolute;
	right: 35px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #A2ABCA
}

.alternative-activity .detail-certificate.tooltip:hover .tooltip-inner {
	display: block
}

.alternative-activity h1 {
	color: #fff;
	font: 36px/45px "Poppins", Helvetica, Arial, sans-serif;
	font-weight: 900;
	width: calc(100% - 100px);
	margin: 30px auto 0
}

.alternative-activity.activity-area .education-info {
	background: transparent
}

.tree-unit-box .unit-box {
	position: relative;
	padding: 15px 30px
}

.tree-unit-box .unit-box:hover {
	background: #F5F7F9
}

.tree-unit-box .unit-box:after,
.tree-unit-box .unit-box:before {
	display: none
}

.tree-unit-box .unit-box.unit-locked h3 {
	color: #9F9F9F
}

.tree-unit-box .unit-box .unit-box-info {
	font: 12px "Poppins", Helvetica, Arial, sans-serif
}

.tree-unit-box .unit-box .unit-box-info:after,
.tree-unit-box .unit-box .unit-box-info:before {
	content: "";
	border: solid transparent;
	pointer-events: none;
	position: absolute;
	left: 0px;
	top: 40%;
	right: auto;
	bottom: auto;
	z-index: 1;
	-moz-transform: translateX(0) translateY(40%);
	-ms-transform: translateX(0) translateY(40%);
	-webkit-transform: translateX(0) translateY(40%);
	transform: translateX(0) translateY(40%)
}

.tree-unit-box .unit-box .unit-box-info:after {
	border-width: 7px
}

.tree-unit-box .unit-box .unit-box-info .unit-box-main {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 104px)
}

.tree-unit-box .unit-box .unit-box-info .unit-box-main .unit-box-main-thumb {
	display: inline-block;
	vertical-align: top;
	width: 70px;
	height: 70px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-right: 10px;
	overflow: hidden;
	position: relative
}

.tree-unit-box .unit-box .unit-box-info .unit-box-main .unit-box-main-thumb .unit-mask {
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 70px;
	height: 70px
}

.tree-unit-box .unit-box .unit-box-info .unit-box-main .unit-box-main-thumb .unit-mask .unit-mask-background {
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 100%;
	height: 100%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: .8
}

.tree-unit-box .unit-box .unit-box-info .unit-box-main .unit-box-main-thumb .unit-mask .unit-mask-background.successful {
	background: #3CBC7B
}

.tree-unit-box .unit-box .unit-box-info .unit-box-main .unit-box-main-thumb .unit-mask .unit-mask-background.failed {
	background: #FE0000
}

.tree-unit-box .unit-box .unit-box-info .unit-box-main .unit-box-main-thumb .unit-mask .unit-mask-background.stop {
	background: #3CBC7B
}

.tree-unit-box .unit-box .unit-box-info .unit-box-main .unit-box-main-thumb .unit-mask .unit-mask-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	right: auto;
	bottom: auto;
	z-index: 11;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	color: #fff
}

.tree-unit-box .unit-box .unit-box-info .unit-box-main .unit-box-main-thumb .unit-mask .unit-mask-icon.icon-successful {
	background: url(../img/icon/success.svg) no-repeat;
	width: 26px;
	height: 19px
}

.tree-unit-box .unit-box .unit-box-info .unit-box-main .unit-box-main-thumb .unit-mask .unit-mask-icon.icon-failed {
	background: url(../img/icon/failed.svg) no-repeat;
	width: 22px;
	height: 22px
}

.tree-unit-box .unit-box .unit-box-info .unit-box-main .unit-box-main-thumb img {
	width: 100%;
	height: 100%
}

.tree-unit-box .unit-box .unit-box-info .unit-box-main .unit-box-main-thumb .icon-exam {
	width: 100%;
	height: 100%;
	background: url(../img/icon/ikonlar_sinav.png) no-repeat;
	background-size: 100%;
	display: block
}

.tree-unit-box .unit-box .unit-box-info .unit-box-main .unit-box-main-thumb .icon-task {
	width: 100%;
	height: 100%;
	background: url(../img/icon/ikonlar_gorev.png) no-repeat;
	background-size: 100%;
	display: block
}

.tree-unit-box .unit-box .unit-box-info .unit-box-main .unit-box-main-title {
	display: inline-block;
	vertical-align: top;
	width: 160px;
	height: auto
}

.tree-unit-box .unit-box .unit-box-info .unit-box-main .unit-box-main-title h3 {
	word-break: break-word;
	word-wrap: break-word;
	font: 14px/17px "Poppins", Helvetica, Arial, sans-serif;
	font-weight: 600;
	color: #000
}

.tree-unit-box .unit-box .unit-box-info .unit-box-main .unit-box-main-title .unit-box-main-type {
	display: block;
	font: 12px/12px "Poppins", Helvetica, Arial, sans-serif;
	color: #9F9F9F;
	margin-top: 10px;
	overflow: hidden
}

.tree-unit-box .unit-box .unit-box-info .unit-box-main-right {
	display: inline-block;
	vertical-align: top;
	width: 100px;
	height: auto
}

.tree-unit-box .unit-box .unit-box-info .unit-box-main-right .unit-box-score {
	text-align: right
}

.tree-unit-box .unit-box .unit-box-info .unit-box-main-right .unit-box-score span {
	color: #9F9F9F;
	font: 10px "Poppins", Helvetica, Arial, sans-serif
}

.tree-unit-box .unit-box .unit-box-info .unit-box-main-right .unit-box-score span.score-point {
	font: 18px "Poppins", Helvetica, Arial, sans-serif;
	font-weight: 700;
	display: block;
	margin-bottom: -7px;
	color: #000
}

.tree-unit-box .unit-box .unit-box-info .unit-box-main-right .unit-box-score span.score-point.success {
	color: #000
}

.tree-unit-box .unit-box .unit-box-info .unit-box-main-right .unit-box-score span.score-point.failed {
	color: #FE0000
}

.tree-unit-box .unit-box .unit-box-info .unit-box-main-right .unit-box-actions {
	margin: 5px 0;
	display: block
}

.tree-unit-box .unit-box .unit-box-info .unit-box-main-right .unit-box-actions .btn {
	min-width: 85px;
	padding: 6px 10px
}

.tree-unit-box .unit-box .unit-box-info .unit-box-main-right .unit-box-actions .btn.btn-retake {
	border: #7A8292 1px solid;
	background: #fff !important;
	color: #7A8292
}

.tree-unit-box .unit-box .unit-box-info .unit-box-main-right .unit-box-status span {
	color: #7A8292;
	font: 10px "Poppins", Helvetica, Arial, sans-serif;
	font-weight: 700
}

.tree-unit-box .unit-box .unit-box-info .unit-box-main-right .unit-box-status span.success {
	color: #3CBC7B
}

.tree-unit-box .unit-box .unit-box-info .unit-box-main-right .unit-box-status span.failed {
	color: #FE0000
}

* {
	-webkit-tap-highlight-color: transparent
}

.align-center {
	text-align: center
}

.align-center .tools {
	height: 100%;
	min-height: 130px;
	position: relative
}

.align-left {
	text-align: left
}

.align-right {
	text-align: right
}

.scrollbar {
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #fff;
	margin-bottom: 10px;
	max-height: 65px;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	overflow-y: auto
}

#scrollbar-basic-1::-webkit-scrollbar-track {
	border-radius: 5px
}

#scrollbar-basic-1::-webkit-scrollbar {
	width: 5px
}

#scrollbar-basic-1::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #4A485B
}

.column-margin-left {
	margin-left: 20px
}

.column-margin-right {
	margin-right: 20px
}

body {
	height: 100%;
	background-color: #ECEFF1;
	width: 100vw;
	overflow-x: hidden
}

body.no-scroll {
	overflow-y: scroll;
	position: fixed
}

body.en .content.error .error-holder.generic-error h1 {
	padding-top: 15px;
	padding-right: 235px;
	padding-bottom: 0;
	padding-left: 235px;
	font-size: 45px
}

body.en .unit-box .unit-box-row.unit-box-must span {
	font-size: 10px
}

body.en .activity-management .activity-management-sort .createDate span>a span:nth-child(2) {
	margin: -14px 0 0 70px
}

body.en .activity-management .activity-management-sort .startDate span>a span:nth-child(2) {
	margin: -14px 0 0 65px
}

body.en .activity-management .activity-management-sort .endDate span>a span:nth-child(2) {
	margin: -14px 0 0 55px
}

.menu-stuck {
	position: fixed !important;
	z-index: 100 !important
}

.full-width {
	width: 100% !important
}

.wrapper {
	position: relative;
	margin: 0 auto -80px;
	min-height: 100vh;
	height: 100%;
	height: auto !important
}

header {
	position: relative;
	width: 100%;
	height: 110px;
	background: #fff;
	z-index: 50;
	border-bottom: #7A8292 10px solid;
	-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1)
}

footer,
.push {
	height: 35px;
        bottom: 0;
    position: fixed;
    width: 100%;
}
}

.content {
	*zoom: 1;
	width: 1135px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 20px;
	margin: 0 auto
}

.content:after {
	content: "";
	display: table;
	clear: both
}

.content.error {
	text-align: center;
	background: url(../img/icon/error_codes_main.png) no-repeat center 25px;
	width: 100%;
	padding: 0 0 20px 0
}

.content.error .error-holder {
	margin: auto;
	width: 651px;
	height: 100%
}

.content.error .error-holder h1 {
	color: #fff;
	padding: 99px 255px 0 255px;
	font: 70px "sciflysans", Helvetica, Arial, sans-serif
}

.content.error .error-holder h2 {
	color: #EA6060;
	padding-top: 305px;
	text-align: center;
	font-size: 25px
}

.content.error .error-holder p {
	color: #7A8292;
	padding-top: 5px;
	text-align: center;
	font-size: 21px
}

.content.error .error-holder span {
	color: #7A8292;
	display: block;
	text-align: center;
	font-size: 14px;
	margin-top: 7px
}

.content.error .error-holder span a {
	color: #7A8292
}

.content.error .error-holder.generic-error h1 {
	padding-top: 105px;
	font-size: 60px
}

.content.catalog-sliders .slick-slider .slick-list .stats .stats-left i .inner {
	top: auto;
	bottom: 130%
}

.content.catalog-sliders .slick-slider .slick-list .stats .stats-left i .inner:after {
	position: absolute;
	left: 15px;
	bottom: -15px;
	right: auto;
	top: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-top: 8px solid #7A8292
}

.tab-spinner {
	margin-left: auto;
	margin-right: auto;
	margin-top: 15%;
	margin-bottom: 30%
}

header {
	*zoom: 1
}

header:after {
	content: "";
	display: table;
	clear: both
}

header .logo-holder {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-top: 15px;
	margin-left: 16px;
	width: 140px;
	height: 70px;
	float: left
}

header .logo-holder .logo {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 140px;
	height: 70px;
	position: relative
}

header .logo-holder .logo img {
	/*max-width: 100%;*/
	max-height: 100%;
	position: absolute;
	margin: auto 0;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

header .logo-holder .logo .narrow-logo {
	display: none
}

header .user-nav {
	margin-left: 5px;
	position: relative
}

header .user-nav a .circle {
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	width: 60px;
	height: 60px
}

header .user-nav li.tooltip .dropdown-nav {
	position: absolute;
	right: 0;
	top: 70px;
	left: auto;
	bottom: auto;
	z-index: 1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 300px;
	padding: 10px 0;
	background: #fff;
	border: 1px solid #D6D9DE;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	z-index: 100;
	text-align: left
}

header .user-nav li.tooltip .dropdown-nav:after,
header .user-nav li.tooltip .dropdown-nav:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 23px;
	top: -15px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

header .user-nav li.tooltip .dropdown-nav:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

header .user-nav li.tooltip .dropdown-nav p {
	display: block;
	padding: 5px 15px;
	font: 15px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292;
	margin-bottom: 15px
}

header .user-nav li.tooltip .dropdown-nav #logoutButton {
	display: block;
	padding: 5px 15px;
	margin-top: 20px;
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	-webkit-transition: .2s;
	transition: .2s
}

header .user-nav li.tooltip .dropdown-nav #logoutButton:hover {
	background-color: #D6D9DE;
	-webkit-transition: .2s;
	transition: .2s
}

header .user-nav li.tooltip .dropdown-nav ul {
	border-top: #7A8292 1px solid;
	border-bottom: #7A8292 1px solid;
	display: block;
	margin: 10px 0 -11px 0;
	padding: 10px 0
}

header .user-nav li.tooltip .dropdown-nav ul li {
	display: block;
	padding: 0
}

header .user-nav li.tooltip .dropdown-nav ul li a {
	display: block;
	padding: 5px 15px;
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	-webkit-transition: .2s;
	transition: .2s
}

header .user-nav li.tooltip .dropdown-nav ul li a:hover {
	background-color: #D6D9DE;
	-webkit-transition: .2s;
	transition: .2s
}

header .user-nav li.tooltip a:nth-of-type(2n) {
	display: none;
	width: 32px;
	height: 32px;
	margin: 8px auto 0;
	border: 1px solid #D6D9DE;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	padding-left: 1px;
	color: #A2ABCA;
	font-size: 16px;
	line-height: 34px;
	text-align: center;
	z-index: 999
}

header .mobile-search-btn {
	display: none;
	position: relative;
	width: 42px;
	height: 42px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-size: 22px;
	line-height: 48px;
	color: #7A8292;
	text-align: center;
	border: 1px solid #7A8292;
	-webkit-transition: .2s;
	transition: .2s
}

header .mobile-search-btn.active {
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s;
	color: #fff
}

header .search-area {
	position: relative
}

header .search-area .search-area-content {
	position: relative;
	border: #D6D9DE 1px solid;
	margin: 28px 0;
	-moz-border-radius: 22px;
	-webkit-border-radius: 22px;
	border-radius: 22px
}

header .search-area .search-area-content:before {
	content: '🔎';
	position: absolute;
	left: 10px;
	top: 8px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 24px 'SSGizmo';
	color: #A2ABCA;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

header .search-area input[type="text"] {
	width: calc(100% - 60px);
	height: 42px;
	font: 14px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292 !important;
	border: none;
	background-color: transparent;
	padding-right: 20px;
	padding-left: 40px
}

header .search-area input[type="text"]::-moz-placeholder {
	font-family: "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

header .search-area input[type="text"]::-webkit-input-placeholder {
	font-family: "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

header .search-area input[type="text"]:-ms-input-placeholder {
	font-family: "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

header .search-area input[type="text"]::placeholder {
	font-family: "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

header .search-area .search-type {
	position: absolute;
	right: 64px;
	top: 11px;
	left: auto;
	bottom: auto;
	z-index: 1;
	z-index: 999 !important;
	border: 1px solid #D6D9DE;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px
}

header .search-area .search-type.disabled {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
	opacity: .2
}

header .search-area .search-type .value {
	display: block;
	min-width: 52px;
	height: 18px;
	padding-top: 3px;
	padding-right: 18px;
	padding-bottom: 0px;
	padding-left: 5px;
	cursor: pointer;
	font: 10px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

header .search-area .search-type:before {
	content: "";
	font: 14px "SSGizmo";
	position: absolute;
	right: 3px;
	top: 1px;
	left: auto;
	bottom: auto;
	z-index: 1;
	color: #A2ABCA
}

header .search-area .search-type .type {
	display: none;
	position: absolute;
	right: -8px;
	top: 25px;
	left: auto;
	bottom: auto;
	z-index: 1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	width: 100px;
	padding: 10px 10px 8px;
	background-color: #A2ABCA
}

header .search-area .search-type .type a {
	display: block;
	font: 11px/16px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

header .search-area .search-type .type:after {
	content: "";
	position: absolute;
	right: 10px;
	top: -13px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #A2ABCA
}

header .search-area .search-type:hover:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 100%;
	height: 20px
}

header .search-area .search-type:hover .type {
	display: block
}

header .search-area .search-btn {
	position: absolute;
	right: 10px;
	top: 11px;
	left: auto;
	bottom: auto;
	z-index: 1;
	z-index: 2;
	background: #7A8292;
	border: #7A8292;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width: 50px;
	height: 20px;
	font: 10px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff;
	-webkit-transition: .2s;
	transition: .2s
}

header .search-area .search-btn:hover {
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

header .search-area .autocomplete {
	position: absolute;
	left: 50%;
	top: 55px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 500px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -250px;
	padding: 10px 0px;
	background-color: #fff;
	border: 1px solid #D6D9DE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	text-align: center
}

header .search-area .autocomplete:after,
header .search-area .autocomplete:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	top: -14px;
	right: auto;
	bottom: auto;
	z-index: 1;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

header .search-area .autocomplete:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

header .search-area .autocomplete h6 {
	padding: 15px;
	font: 16px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	text-align: left
}

header .search-area .autocomplete .header-search-spinner {
	height: 20px;
	margin-top: 35px
}

header .search-area .autocomplete ul {
	margin-bottom: 12px
}

header .search-area .autocomplete ul li {
	position: relative;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	min-height: 46px;
	border-bottom: 1px solid #D6D9DE;
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif;
	text-align: left
}

header .search-area .autocomplete ul li:hover {
	background-color: #D6D9DE
}

header .search-area .autocomplete ul li:hover .sg-navigateright,
header .search-area .autocomplete ul li:hover .sg-navigateleft {
	display: block
}

header .search-area .autocomplete ul img {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-right: 10px
}

header .search-area .autocomplete ul img.circle {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

header .search-area .autocomplete ul a {
	display: block;
	color: #7A8292;
	line-height: 35px
}

header .search-area .autocomplete ul .sg-doc,
header .search-area .autocomplete ul .sg-pdf {
	margin-right: 16px;
	height: 34px;
	font-size: 28px;
	line-height: 39px;
	color: #419FE5
}

header .search-area .autocomplete ul .sg-pdf {
	color: #EA6060
}

header .search-area .autocomplete ul .sg-navigateright,
header .search-area .autocomplete ul .sg-navigateleft {
	display: none;
	position: absolute;
	right: 12px;
	top: 8px;
	left: auto;
	bottom: auto;
	z-index: 1;
	font-size: 18px
}

header .search-area .autocomplete ul span {
	float: right;
	min-width: 75px;
	padding: 3px 10px;
	margin-top: 8px;
	margin-right: 33px;
	margin-bottom: 0;
	margin-left: 0;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #D6D9DE;
	background-color: #fff;
	text-align: center;
	font: 10px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

header .header-tools {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 100%;
	height: 100%;
	padding-top: 19px;
	text-align: right
}

header .header-tools #managerMenu a {
	width: 44px;
	height: 44px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #7A8292;
	color: #fff;
	text-align: center;
	line-height: 10px;
	display: block;
	margin-left: 5px;
	-webkit-transition: .2s;
	transition: .2s;
	position: relative
}

header .header-tools #managerMenu a i {
	/*position: absolute*/
        font-size: 30px;
    margin-top: 20px;
    margin-left: 8px;
}

header .header-tools #managerMenu a i.sg-businessuser {
	font-size: 22px;
	position: absolute;
	left: 15px;
	top: 20px;
	right: auto;
	bottom: auto;
	z-index: 1
}

header .header-tools #managerMenu a i.ss-settings {
	position: absolute;
	left: 10px;
	top: 9px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font-size: 11px
}

header .header-tools #managerMenu a:hover,
header .header-tools #managerMenu a.active {
	color: #fff;
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s;
	cursor: pointer
}

header .header-tools ul {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

header .header-tools ul li {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

header .header-tools .chat-btn {
	position: relative;
	width: 44px;
	height: 44px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-left: 5px;
	line-height: 53px;
	color: #fff;
	text-align: center;
	background: #7A8292;
	display: block
}

header .header-tools .chat-btn .sg-chat {
	font-size: 22px
}

header .header-tools .chat-btn:hover {
	color: #fff;
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s;
	cursor: pointer
}

header .header-tools .chat-btn .count {
	display: block;
	position: absolute;
	left: -5px;
	top: -5px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 23px;
	height: 23px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #A2ABCA;
	font: 11px/24px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff;
	text-align: center;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12)
}

header .header-tools .notification-btn {
	position: relative;
	width: 44px;
	height: 44px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-left: 5px;
	line-height: 48px;
	color: #fff;
	text-align: center;
	background: #7A8292;
	display: block
}

header .header-tools .notification-btn .sg-notifications {
	font-size: 22px
}

header .header-tools .notification-btn:hover {
	color: #fff;
	cursor: pointer;
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

header .header-tools .notification-btn .count {
	display: block;
	position: absolute;
	left: -5px;
	top: -5px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 23px;
	height: 23px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #A2ABCA;
	font: 11px/24px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff;
	text-align: center;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12)
}

header .header-tools .settings-btn {
	position: relative;
	width: 42px;
	height: 42px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-left: 5px;
	border: 1px solid #ECEFF1;
	font-size: 22px;
	line-height: 48px;
	color: #fff;
	text-align: center;
	background: #7A8292;
	-webkit-transition: .2s;
	transition: .2s
}

header .header-tools .settings-btn:hover {
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s;
	cursor: pointer
}

header .header-tools .online-user {
	float: left;
	margin-top: 12px;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

header .header-tools .online-user span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	vertical-align: middle
}

header .header-tools .online-user .count {
	margin-right: 6px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding: 5px 14px;
	font: 600 10px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #fff;
	background-color: #3CBC7B
}

header .header-tools .language {
	position: relative
}

header .header-tools .language .lang-btn {
	position: relative;
	width: 44px;
	height: 44px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-left: 5px;
	text-align: center;
	line-height: 10px;
	padding-top: 16px;
	color: #fff;
	background: #7A8292
}

header .header-tools .language .lang-btn span {
	font-size: 14px
}

header .header-tools .language .lang-dropdown {
	position: absolute;
	right: -85px;
	top: 55px;
	left: auto;
	bottom: auto;
	z-index: 1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 210px;
	padding: 10px 0;
	background: #fff;
	border: 1px solid #D6D9DE;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	z-index: 100
}

header .header-tools .language .lang-dropdown:after,
header .header-tools .language .lang-dropdown:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 97px;
	top: -15px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

header .header-tools .language .lang-dropdown:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

header .header-tools .language .lang-dropdown ul {
	max-height: 210px;
	overflow-y: auto;
	display: block
}

header .header-tools .language .lang-dropdown ul li {
	display: block;
	padding: 0;
	line-height: 100%
}

header .header-tools .language .lang-dropdown ul li a {
	display: block;
	padding: 10px 15px;
	color: #7A8292;
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif;
	-webkit-transition: .2s;
	transition: .2s;
	line-height: 100%
}

header .header-tools .language .lang-dropdown ul li a:hover {
	background-color: #D6D9DE;
	-webkit-transition: .2s;
	transition: .2s
}

header .header-tools .language .lang-dropdown ul li.active {
	background: #7A8292
}

header .header-tools .language .lang-dropdown ul li.active a {
	color: #fff
}

header .header-tools .language .lang-dropdown ul li.active a:hover {
	background: transparent
}

header .header-tools .language:hover .lang-btn {
	color: #fff;
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s;
	cursor: pointer
}

header .mobile-user-nav {
	display: none;
	width: 42px;
	height: 42px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	line-height: 45px;
	border: 1px solid #7A8292;
	color: #7A8292;
	text-align: center;
	font-size: 25px;
	margin-left: 5px
}

header .mobile-user-nav .menu {
	position: absolute;
	left: 0;
	top: 110px;
	right: auto;
	bottom: auto;
	z-index: 1;
	display: none;
	*zoom: 1;
	width: 100%;
	background-color: #A2ABCA;
	border-top: 4px solid #A2ABCA;
	z-index: 5
}

header .mobile-user-nav .menu:after {
	content: "";
	display: table;
	clear: both
}

header .mobile-user-nav .menu li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 25%;
	margin-top: 13px;
	margin-right: -5px;
	margin-bottom: 13px;
	margin-left: 0px
}

header .mobile-user-nav .menu li:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	left: auto;
	bottom: auto;
	z-index: 1;
	width: 1px;
	height: 24px;
	margin-top: -12px;
	background-color: #A2ABCA
}

header .mobile-user-nav .menu li:last-child:after {
	display: none
}

header .mobile-user-nav .menu a {
	position: relative;
	color: #fff;
	text-align: center
}

header .mobile-user-nav .menu a.lang-btn {
	border-color: #fff
}

header .mobile-user-nav .menu a.lang-btn:hover {
	background: transparent
}

header .mobile-user-nav .menu a.notification-btn {
	background: #fff;
	border: 0px;
	color: #7A8292
}

header .mobile-user-nav .menu a.notification-btn span {
	background: #7A8292;
	color: #fff
}

header .mobile-user-nav .menu a.chat-btn {
	background: #fff;
	border: 0px;
	color: #7A8292
}

header .mobile-user-nav .menu a.chat-btn span {
	background: #7A8292;
	color: #fff
}

header .mobile-user-nav .menu a i {
	margin-top: -25px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -36px;
	width: auto;
	font-size: 12px
}

header .mobile-user-nav:hover {
	border-color: #7A8292;
	color: #fff;
	background: #7A8292;
	cursor: pointer
}

header .mobile-user-nav.active {
	border-color: #7A8292;
	background: #7A8292;
	color: #fff;
	line-height: 41px
}

header .mobile-user-nav.active:before,
header .mobile-user-nav.active.right:after {
	content: '␡';
	font: 24px "SSGizmo";
	margin-top: 6px;
	display: block
}

header .mobile-user-nav.active .menu {
	display: block
}

header.narrow {
	height: 60px
}

header.narrow .logo {
	margin-top: 12px
}

header.narrow .logo img {
	display: none
}

header.narrow .logo img.narrow-logo {
	display: block
}

header.narrow .search-area {
	margin-top: 8px
}

header.narrow .header-tools {
	top: 9px
}

header.narrow .mobile-user-nav .menu {
	top: 60px
}

.loadmore-newsfeed-btn,
.registercourse-btn {
	min-height: 35px;
	-webkit-transition: .2s;
	transition: .2s
}

.loadmore-newsfeed-btn .spinner,
.registercourse-btn .spinner {
	margin-top: 5px
}

.loadmore-newsfeed-btn:hover,
.registercourse-btn:hover {
	background-color: #D6D9DE;
	-webkit-transition: .2s;
	transition: .2s
}

.comment-complain-button .overlay .modal .header a i {
	margin-top: -4px
}

.iconset {
	background-image: url("../img/icon/cahnge-password-set.png")
}

.iconset-approval,
.iconset-modal {
	background-image: url("../img/icon/talep_lms_icons_alert_part1.png")
}

.iconset--change-password_success {
	background-position: -35px -15px;
	width: 240px;
	height: 132px;
	display: inline-block
}

.iconset--change-password_fail {
	background-position: -289px -15px;
	width: 240px;
	height: 132px;
	display: inline-block
}

.iconset--change-homework_success {
	background-position: -35px -15px;
	width: 240px;
	height: 132px;
	display: inline-block
}

.iconset--change-homework_fail {
	background-position: -289px -15px;
	width: 240px;
	height: 132px;
	display: inline-block
}

.iconset--approval_success {
	background-position: -35px -15px;
	width: 240px;
	height: 132px;
	display: inline-block
}

.iconset--approval_fail {
	background-position: -289px -15px;
	width: 240px;
	height: 132px;
	display: inline-block
}

.iconset--approval_sendback {
	background-position: -615px -15px;
	width: 240px;
	height: 132px;
	display: inline-block
}

.iconset--approval_archive {
	background-position: -868px -15px;
	width: 240px;
	height: 132px;
	display: inline-block
}

.iconset--approval_redirect {
	background: url("../img/icon/talep_lms_icons_alert_single.png") no-repeat center center;
	width: 100%;
	height: 54px;
	display: inline-block;
	margin-bottom: 10px
}

.iconset-modal-success {
	background-position: -35px -15px;
	width: 240px;
	height: 132px;
	display: inline-block
}

.iconset-modal-danger {
	background-position: -289px -15px;
	width: 240px;
	height: 132px;
	display: inline-block
}

.iconset-modal-warning {
	background-position: -615px -15px;
	width: 240px;
	height: 132px;
	display: inline-block
}

.iconset-modal-info {
	background-position: -941px -15px;
	width: 240px;
	height: 132px;
	display: inline-block
}

.user-list-drawer .drawer-content .user-list-drawer-content .title {
	width: 100%
}

.user-list-drawer .drawer-content .user-list-drawer-content .title h1 {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font: 18px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.user-list-drawer .drawer-content .user-list-drawer-content .title i {
	font-size: 21px;
	color: #A2ABCA;
	margin-top: 5px
}

.user-list-drawer .drawer-content .user-list-drawer-content .search {
	width: 100%;
	padding: 20px 0 30px 0;
	margin: 20px 0 10px 0;
	border-top: #ECEFF1 1px solid
}

.user-list-drawer .drawer-content .user-list-drawer-content .search .search-items {
	width: 100%;
	position: relative;
	margin: 10px 0
}

.user-list-drawer .drawer-content .user-list-drawer-content .search .search-items input[type="text"] {
	padding: 0 35px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px
}

.user-list-drawer .drawer-content .user-list-drawer-content .search .search-items:after {
	content: "🔎";
	position: absolute;
	left: 10px;
	top: 5px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 24px "SSGizmo";
	color: #A2ABCA;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.user-list-drawer .drawer-content .user-list-drawer-content .search .search-items .search-items-buttons {
	width: 100%;
	margin: 15px 0
}

.user-list-drawer .drawer-content .user-list-drawer-content .search .search-items .search-items-buttons .filter-btn {
	background-color: #7A8292;
	border: none;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	padding: 5px 10px;
	color: #fff;
	font: 10px "lato_trbold", Helvetica, Arial, sans-serif;
	-webkit-transition: .2s;
	transition: .2s
}

.user-list-drawer .drawer-content .user-list-drawer-content .search .search-items .search-items-buttons .filter-btn:hover {
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.user-list-drawer .drawer-content .user-list-drawer-content .search .search-items .search-items-buttons .clear-btn {
	background: #fff;
	border: #D6D9DE 1px solid;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	padding: 4px 10px;
	color: #7A8292;
	font: 10px "lato_trbold", Helvetica, Arial, sans-serif
}

.user-list-drawer .drawer-content .user-list-drawer-content .total-user {
	display: block
}

.user-list-drawer .drawer-content .user-list-drawer-content .total-user h3 {
	display: inline-block
}

.user-list-drawer .drawer-content .user-list-drawer-content .total-user strong {
	font-size: 14px
}

.user-list-drawer .drawer-content .user-list-drawer-content .users-list {
	margin: 20px 0
}

.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line {
	width: 100%
}

.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items {
	width: 100%
}

.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items tr {
	border: #D6D9DE 1px solid;
	border-left: 0;
	border-right: 0;
	margin-bottom: -1px;
	width: 100%
}

.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items tr.head {
	margin-bottom: -1px;
	border-top: 0px
}

.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items tr.head .row-common {
	font: 11px "lato_trbold";
	vertical-align: top;
	position: relative
}

.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items tr.head .row-common a {
	display: block
}

.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items tr.head .row-common a span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items tr.head .row-common a span i {
	position: absolute;
	color: #D6D9DE
}

.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items tr.head .row-common a span i.sg-navigateup:before {
	width: 11px;
	height: 11px;
	position: absolute;
	left: 5px;
	top: -9px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items tr.head .row-common a span i.sg-navigatedown:before {
	width: 11px;
	height: 11px;
	position: absolute;
	left: 5px;
	bottom: -9px;
	right: auto;
	top: auto;
	z-index: 1
}

.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items tr.head .row-common a span i.active {
	color: #4A485B
}

.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items tr.head .row-common a span i.active.sg-navigateup:before,
.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items tr.head .row-common a span i.active.sg-navigatedown:before {
	font-weight: bold
}

.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items tr.head .row-common:nth-child(2) a span:last-child {
	margin-top: -17px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 80px
}

.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items tr.head .row-common:nth-child(3) a span:last-child {
	margin-top: -17px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 60px
}

.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items tr.head .row-common:nth-child(4) a span:last-child {
	margin-top: -17px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 60px
}

.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items .row-common {
	color: #7A8292;
	padding: 9px 50px
}

.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items .row-common:first-child {
	padding-left: 0
}

.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items .row-common:last-child {
	padding-right: 0
}

.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items .row-common.text-center {
	text-align: center
}

.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items .row-common.user-full-name {
	width: 100%
}

.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items .row-common.user-full-name img,
.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items .row-common.user-full-name span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items .row-common.user-full-name img {
	margin-right: 10px;
	width: 50px;
	height: 50px
}

.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items .row-common.user-success-status.success {
	color: #3CBC7B
}

.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items .row-common.user-success-status.failed {
	color: #EA6060
}

.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items .row-common.user-process .btn {
	min-width: 75px;
	padding: 5px 10px;
	background: #7A8292;
	-webkit-transition: .2s;
	transition: .2s
}

.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items .row-common.user-process .btn:hover {
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.user-list-drawer .no-result {
	padding: 10px;
	text-align: center
}

.user-list-drawer .no-result .no-result-number,
.user-list-drawer .no-result h5 {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.user-list-drawer .no-result h5 {
	font: 17px "lato_trblack", Helvetica, Arial, sans-serif
}

.user-list-drawer .no-result .no-result-number {
	margin-right: 40px
}

.modal-xs {
	width: 20% !important;
	top: 15%;
	left: 40% !important
}

.modal-sm {
	width: 24% !important;
	top: 15%;
	left: 38% !important
}

.modal-md {
	width: 30% !important;
	top: 15%;
	left: 35% !important
}

.modal-lg {
	width: 50% !important;
	top: 15%;
	left: 25% !important
}

.inline-modal.change-password .overlay .modal .header {
	margin-top: 0 !important;
	padding-top: 0 !important;
	height: 70px !important
}

.inline-modal.change-password .overlay .modal .header span {
	margin-top: 25px
}

.inline-modal.change-password .overlay .modal .header span h2 {
	font-size: 18px;
	color: #4A485B
}

.inline-modal.change-password .overlay .modal .body {
	width: 100% !important;
	margin-left: 0px !important
}

.inline-modal.change-password .overlay .modal .body .modal-content .detail {
	width: 100%;
	text-align: center;
	padding-top: 50px
}

.inline-modal.change-password .overlay .modal .body .modal-content .detail span {
	margin-bottom: 25px;
	margin-left: -80px
}

.inline-modal.change-password .overlay .modal .body .modal-content .detail h5 {
	color: #7A8292;
	font-size: 18px;
	display: block;
	text-align: center;
	margin-bottom: 10px
}

.inline-modal.change-password .overlay .modal .body .modal-content .detail p {
	margin-bottom: 5px
}

.inline-modal.change-password .overlay .modal .body .modal-content .detail.fail h5 {
	color: #EA6060
}

.inline-modal.change-password .overlay .modal .body .modal-content .detail.fail p {
	margin-bottom: 5px
}

.inline-modal.change-password .overlay .modal .body .modal-footer {
	text-align: right;
	padding-top: 20px;
	margin-right: 20px;
	display: block;
	float: left;
	width: 100%;
	background: #fff
}

.inline-modal.change-password .overlay .modal .body .modal-footer .modal-bar {
	text-align: center;
	width: 100%;
	display: block;
	position: relative;
	float: left;
	margin-bottom: 30px
}

.inline-modal.change-password .overlay .modal .body .modal-footer .modal-bar .btn {
	float: none;
	background: #7A8292 !important
}

.inline-modal.change-homework .overlay .modal .header {
	margin-top: 0 !important;
	padding-top: 0 !important;
	height: 70px !important
}

.inline-modal.change-homework .overlay .modal .header span {
	margin-top: 25px
}

.inline-modal.change-homework .overlay .modal .header span h2 {
	font-size: 18px;
	color: #4A485B
}

.inline-modal.change-homework .overlay .modal .body {
	width: 100% !important;
	margin-left: 0px !important
}

.inline-modal.change-homework .overlay .modal .body .modal-content .detail {
	width: 100%;
	text-align: center;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px
}

.inline-modal.change-homework .overlay .modal .body .modal-content .detail span {
	margin-bottom: 25px;
	margin-left: -80px
}

.inline-modal.change-homework .overlay .modal .body .modal-content .detail h5 {
	color: #7A8292;
	font-size: 18px;
	display: block;
	text-align: center;
	margin-bottom: 10px
}

.inline-modal.change-homework .overlay .modal .body .modal-content .detail p {
	margin-bottom: 5px
}

.inline-modal.change-homework .overlay .modal .body .modal-content .detail.fail h5 {
	color: #EA6060
}

.inline-modal.change-homework .overlay .modal .body .modal-content .detail.fail p {
	margin-bottom: 5px
}

.inline-modal.change-homework .overlay .modal .body .modal-footer {
	text-align: right;
	padding-top: 20px;
	margin-right: 20px;
	display: block;
	float: left;
	width: 100%;
	background: #fff
}

.inline-modal.change-homework .overlay .modal .body .modal-footer .modal-bar {
	text-align: center;
	width: 100%;
	display: block;
	position: relative;
	float: left;
	margin-bottom: 30px
}

.inline-modal.change-homework .overlay .modal .body .modal-footer .modal-bar .btn {
	float: none;
	background: #7A8292 !important
}

.inline-modal.approval-requests .overlay .modal {
	top: 50% !important;
	left: 50% !important;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 36%;
	padding-bottom: 0px
}

.inline-modal.approval-requests .overlay .modal .header {
	margin-top: 0 !important;
	padding-top: 0 !important;
	height: auto !important
}

.inline-modal.approval-requests .overlay .modal .header span {
	margin: 15px 0
}

.inline-modal.approval-requests .overlay .modal .header span h2 {
	font-size: 18px !important;
	color: #4A485B;
	font-weight: bold;
	margin-left: 18px;
	padding: 7px 0 !important
}

.inline-modal.approval-requests .overlay .modal .header span a {
	width: 30px;
	height: 35px;
	margin-top: 0
}

.inline-modal.approval-requests .overlay .modal .header span a i {
	line-height: 100%;
	margin-top: 7px
}

.inline-modal.approval-requests .overlay .modal .body {
	width: 100% !important;
	margin-left: 0px !important;
	padding-top: 0 !important
}

.inline-modal.approval-requests .overlay .modal .body .modal-content .detail {
	width: 100%;
	text-align: center;
	padding: 20px 20px 0px 20px
}

.inline-modal.approval-requests .overlay .modal .body .modal-content .detail span {
	margin-bottom: 25px;
	margin-left: -80px
}

.inline-modal.approval-requests .overlay .modal .body .modal-content .detail h5 {
	color: #7A8292;
	font-size: 18px;
	display: block;
	text-align: center;
	margin-bottom: 10px
}

.inline-modal.approval-requests .overlay .modal .body .modal-content .detail p {
	margin-bottom: 5px
}

.inline-modal.approval-requests .overlay .modal .body .modal-content .detail .detail-holder {
	margin-top: 25px
}

.inline-modal.approval-requests .overlay .modal .body .modal-content .detail .detail-holder .detail-holder-item {
	margin: 0 0 5px 0
}

.inline-modal.approval-requests .overlay .modal .body .modal-content .detail .detail-holder .detail-holder-item span {
	margin: 0
}

.inline-modal.approval-requests .overlay .modal .body .modal-content .detail .detail-holder .detail-holder-item label,
.inline-modal.approval-requests .overlay .modal .body .modal-content .detail .detail-holder .detail-holder-item p {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	text-align: left
}

.inline-modal.approval-requests .overlay .modal .body .modal-content .detail .detail-holder .detail-holder-item label {
	width: 15%
}

.inline-modal.approval-requests .overlay .modal .body .modal-content .detail .detail-holder .detail-holder-item p {
	width: 80%
}

.inline-modal.approval-requests .overlay .modal .body .modal-content .detail .detail-holder .detail-holder-item p textarea {
	padding: 10px;
	height: 100px;
	border-color: #ECEFF1
}

.inline-modal.approval-requests .overlay .modal .body .modal-content .detail .detail-holder .detail-holder-item.textarea label {
	vertical-align: top
}

.inline-modal.approval-requests .overlay .modal .body .modal-content .description-area {
	padding: 20px 30px 5px 30px
}

.inline-modal.approval-requests .overlay .modal .body .modal-footer {
	text-align: right;
	padding-top: 20px;
	margin-right: 20px;
	display: block;
	float: left;
	width: 100%;
	background: #fff
}

.inline-modal.approval-requests .overlay .modal .body .modal-footer .modal-bar {
	text-align: center;
	width: 100%;
	display: block;
	position: relative;
	float: left;
	margin-bottom: 30px
}

.inline-modal.approval-requests .overlay .modal .body .modal-footer .modal-bar .btn {
	float: none;
	background: #7A8292
}

.inline-modal.approval-requests .overlay .modal .body .modal-footer .modal-bar .btn.green {
	background: #3CBC7B
}

.inline-modal.approval-requests .overlay .modal .body .modal-footer .modal-bar .btn.red {
	background: #EA6060
}

.inline-modal.approval-requests .overlay .modal .body .modal-footer .modal-bar .btn.blue {
	background: #44B4E3
}

.inline-modal.approval-requests .overlay .modal .body .modal-footer .modal-bar .btn.orange {
	background: #EAB160
}

.inline-modal.approval-requests.requestProcess .modal .header span h2 p {
	color: #7A8292;
	font-size: 14px
}

.inline-modal.approval-requests.requestProcess .modal .body .modal-content {
	padding: 20px
}

.inline-modal.approval-requests.requestProcess .modal .body .modal-content .request-dropdown .request-dropdown-table {
	border-collapse: separate;
	border-bottom: 0px
}

.inline-modal.approval-requests.requestProcess .modal .body .modal-content .request-dropdown .request-dropdown-table .nano .nano-pane {
	right: 0 !important;
	width: 4px !important
}

.inline-modal.approval-requests.requestProcess .modal .body .modal-content .request-dropdown .request-dropdown-table .nano .nano-pane .nano-slider {
	background: #A2ABCA
}

.inline-modal.approval-requests.requestProcess .modal .body .modal-content .request-dropdown .request-dropdown-table .request-dropdown-table-top {
	border-bottom: 1px solid #D6D9DE
}

.inline-modal.approval-requests.requestProcess .modal .body .modal-content .request-dropdown .request-dropdown-table .request-dropdown-table-bottom {
	border-bottom: 1px solid #D6D9DE;
	margin: -2px auto 5px
}

.inline-modal.approval-requests.requestProcess .modal .body .modal-content .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .warning-holder,
.inline-modal.approval-requests.requestProcess .modal .body .modal-content .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .explanation-holder {
	color: #7A8292;
	padding: 10px;
	margin: 0 5px;
	text-align: left
}

.inline-modal.approval-requests.requestProcess .modal .body .modal-content .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .warning-holder h2,
.inline-modal.approval-requests.requestProcess .modal .body .modal-content .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .explanation-holder h2 {
	color: #7A8292;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	margin-bottom: 5px
}

.inline-modal.approval-requests.requestProcess .modal .body .modal-content .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .warning-holder {
	margin-bottom: 5px;
	background: #ECEFF1
}

.inline-modal.approval-requests.requestProcess .modal .body .modal-content .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .warning-holder .warning-holder-text {
	max-height: 100px;
	overflow: auto
}

.inline-modal.approval-requests.requestProcess .modal .body .modal-content .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .explanation-holder {
	margin-bottom: 5px;
	background: #F5F7F9
}

.inline-modal.approval-requests.requestProcess .modal .body .modal-content .request-dropdown .request-dropdown-table .request-dropdown-table-bottom .explanation-holder .explanation-holder-text {
	max-height: 100px;
	overflow: auto;
	min-height: 20px
}

.inline-modal.approval-requests.requestProcess .modal .body .modal-content .request-dropdown .request-dropdown-table .request-table-row {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px
}

.inline-modal.approval-requests.requestProcess .modal .body .modal-content .request-dropdown .request-dropdown-table .request-table-row.orderno {
	width: 50px;
	font-weight: bold
}

.inline-modal.approval-requests.requestProcess .modal .body .modal-content .request-dropdown .request-dropdown-table .request-table-row.fullname {
	width: 200px
}

.inline-modal.approval-requests.requestProcess .modal .body .modal-content .request-dropdown .request-dropdown-table .request-table-row.infodate {
	width: 150px
}

.inline-modal.approval-requests.requestProcess .modal .body .modal-content .request-dropdown .request-dropdown-table .request-table-line {
	color: #7A8292;
	padding: 10px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.inline-modal.approval-requests.requestProcess .modal .body .modal-content .request-dropdown .request-dropdown-table .request-table-line.orderno {
	width: 50px;
	font-weight: bold
}

.inline-modal.approval-requests.requestProcess .modal .body .modal-content .request-dropdown .request-dropdown-table .request-table-line.fullname {
	width: 200px
}

.inline-modal.approval-requests.requestProcess .modal .body .modal-content .request-dropdown .request-dropdown-table .request-table-line.infodate {
	width: 150px
}

.inline-modal.approval-requests.requestProcess .modal .body .modal-content .request-dropdown .request-dropdown-table .request-table-line:first-child {
	border-left: 0px
}

.inline-modal.approval-requests.requestProcess .modal .body .modal-content .request-dropdown .request-dropdown-table .request-table-line:last-child {
	border-right: 0px
}

.inline-modal.toExcel .overlay .modal {
	top: 50% !important;
	left: 50% !important;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 45%;
	padding-bottom: 0px
}

.inline-modal.toExcel .overlay .modal .header {
	margin-top: 0 !important;
	min-height: auto;
	padding: 25px;
	float: inherit
}

.inline-modal.toExcel .overlay .modal .header span {
	float: inherit
}

.inline-modal.toExcel .overlay .modal .header span h2 {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: calc(100% - 35px);
	font: 18px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	margin: 0px;
	height: 30px;
	line-height: 30px
}

.inline-modal.toExcel .overlay .modal .header a {
	margin: 0px;
	width: 30px;
	height: 30px;
	float: none
}

.inline-modal.toExcel .overlay .modal .body {
	width: 100% !important;
	margin-left: 0px !important;
	padding: 0px
}

.inline-modal.toExcel .overlay .modal .body .modal-content {
	padding: 25px;
	font-size: 15px
}

.inline-modal.toExcel .overlay .modal .body .modal-content p {
	line-height: 20px
}

.inline-modal.toExcel .overlay .modal .body .modal-content .download {
	color: #3CBC7B
}

.inline-modal.toExcel .overlay .modal .body .modal-content .item-file {
	display: block;
	border: 1px solid #D6D9DE;
	padding: 10px;
	margin: 25px 0;
	overflow: hidden
}

.inline-modal.toExcel .overlay .modal .body .modal-content .item-file .attachment .sg-icon {
	font-size: 21px;
	color: #7A8292
}

.inline-modal.toExcel .overlay .modal .body .modal-content .item-file .attachment .upload-progressbar {
	height: 5px;
	width: 100%
}

.inline-modal.toExcel .overlay .modal .body .modal-content .item-file .attachment .uploaded-part {
	height: 5px;
	background-color: #3CBC7B
}

.inline-modal.toExcel .overlay .modal .body .modal-content .item-file .attachment li {
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.inline-modal.toExcel .overlay .modal .body .modal-content .item-file .attachment li:last-child {
	border: 0px
}

.inline-modal.toExcel .overlay .modal .body .modal-content .item-file .attachment li .sg-icon {
	color: #3CBC7B
}

.inline-modal.toExcel .overlay .modal .body .modal-content .item-file .attachment li a {
	color: #7A8292
}

.inline-modal.toExcel .overlay .modal .body .modal-content .item-file .attachment li a i {
	margin-left: 0
}

.inline-modal.toExcel .overlay .modal .body .modal-content .item-file .attachment a {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: auto
}

.inline-modal.toExcel .overlay .modal .body .modal-content .item-file a {
	color: #fff;
	float: right;
	font-size: 14px
}

.inline-modal.toExcel .overlay .modal .body .modal-content .item-file a span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.inline-modal.toExcel .overlay .modal .body .modal-content .item-file a.disable {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	opacity: .4
}

.inline-modal.toExcel .overlay .modal .body .modal-content .item-file a.disable i {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	opacity: .4
}

.inline-modal.toExcel .overlay .modal .body .modal-content .buttons a {
	padding: 7px 11px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background: #3CBC7B;
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	min-width: 100px
}

.inline-modal.toExcel .overlay .modal .body .modal-content .buttons a span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	padding-left: 3px;
	font: 11px/11px "lato_trbold", Helvetica, Arial, sans-serif
}

.inline-modal.toExcel .overlay .modal .body .modal-footer {
	text-align: right;
	padding-top: 20px;
	margin-right: 20px;
	display: block;
	float: left;
	width: 100%;
	background: #fff
}

.inline-modal.toExcel .overlay .modal .body .modal-footer .modal-bar {
	text-align: center;
	width: 100%;
	display: block;
	position: relative;
	float: left;
	margin-bottom: 30px
}

.inline-modal.activity-description .overlay .modal {
	top: 20%;
	left: 27.5%;
	width: 45%;
	padding-bottom: 10px
}

.inline-modal.activity-description .overlay .modal .header {
	margin-top: 0 !important;
	padding-top: 0 !important;
	height: auto !important
}

.inline-modal.activity-description .overlay .modal .header span {
	margin: 15px 0
}

.inline-modal.activity-description .overlay .modal .header span h2 {
	font-size: 18px;
	color: #4A485B;
	font-weight: bold;
	margin-left: 18px
}

.inline-modal.activity-description .overlay .modal .body {
	width: 100% !important;
	margin-left: 0px !important
}

.inline-modal.activity-description .overlay .modal .body h6 {
	display: block;
	margin: 15px 20px;
	font-size: 14px
}

.inline-modal.activity-description .overlay .modal .body .modal-content .description-area {
	line-height: 18px;
	margin: 10px 17px;
	max-height: 375px;
	overflow: auto
}

.inline-modal.activity-description .overlay .modal .body .modal-content .description-area ul {
	margin-left: 30px
}

.inline-modal.activity-description .overlay .modal .body .modal-content .description-area ul li {
	max-width: 100% !important;
	list-style-type: disc;
	display: list-item;
	text-align: left;
	position: static;
	margin: 0;
	padding: 0
}

.inline-modal.activity-description .overlay .modal .body .modal-content .description-area img {
	max-width: none;
	float: none
}

.inline-modal.activity-description .overlay .modal .body .modal-content .description-area table,
.inline-modal.activity-description .overlay .modal .body .modal-content .description-area th,
.inline-modal.activity-description .overlay .modal .body .modal-content .description-area td {
	border: 1px solid grey;
	padding: 1px;
	border-collapse: inherit;
	border-spacing: 2px
}

.inline-modal.accomodation-details .overlay .modal .header {
	margin-top: 0 !important;
	padding-top: 0 !important;
	height: auto !important
}

.inline-modal.accomodation-details .overlay .modal .header span {
	margin: 15px 0
}

.inline-modal.accomodation-details .overlay .modal .header span h2 {
	font-size: 18px;
	color: #4A485B;
	font-weight: bold;
	margin-left: 18px
}

.inline-modal.accomodation-details .overlay .modal .body {
	margin-left: 3% !important;
	padding-top: 20px
}

.inline-modal.accomodation-details .overlay .modal .body .modal-content p {
	min-height: auto
}

.inline-modal.activity-rules .overlay .modal {
	top: 100px !important;
	left: 27.5%;
	width: 45%;
	padding-bottom: 10px
}

.inline-modal.activity-rules .overlay .modal .header {
	margin-top: 0 !important;
	padding-top: 0 !important;
	height: auto !important
}

.inline-modal.activity-rules .overlay .modal .header span {
	margin: 15px 0
}

.inline-modal.activity-rules .overlay .modal .header span h2 {
	font-size: 18px;
	color: #4A485B;
	font-weight: bold;
	margin-left: 18px
}

.inline-modal.activity-rules .overlay .modal .body {
	width: 100% !important;
	margin-left: 0px !important
}

.inline-modal.activity-rules .overlay .modal .body h6 {
	display: block;
	margin: 15px 20px;
	font-size: 14px
}

.inline-modal.activity-rules .overlay .modal .body .modal-content .rules-area {
	background: #FFF0C2;
	padding: 10px;
	line-height: 18px;
	margin: 0 20px 10px;
	max-height: 450px;
	overflow: auto
}

.inline-modal.activity-rules .overlay .modal .body .modal-content .rules-area img {
	float: none
}

.inline-modal.activity-rules .overlay .modal .body .modal-content .rules-area ul {
	margin-left: 15px
}

.inline-modal.activity-rules .overlay .modal .body .modal-content .rules-area ul li {
	max-width: 100% !important;
	list-style-type: disc;
	display: list-item;
	text-align: left
}

.inline-modal.announcementsModal .announcement-slider {
	margin-bottom: 0
}

.inline-modal.announcementsModal .overlay .modal {
	top: 50% !important;
	left: 50% !important;
	width: 45%;
	padding-bottom: 0px;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}

.inline-modal.announcementsModal .overlay .modal .nano-slider {
	margin-top: 0px
}

.inline-modal.announcementsModal .overlay .modal .header {
	padding: 25px
}

.inline-modal.announcementsModal .overlay .modal .header span {
	float: none !important
}

.inline-modal.announcementsModal .overlay .modal .header span h2 {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin: 0px;
	width: calc(100% - 35px)
}

.inline-modal.announcementsModal .overlay .modal .header span a {
	float: inherit !important;
	margin: 0px !important
}

.inline-modal.announcementsModal .overlay .modal .header span a i {
	width: 30px;
	height: 35px
}

.inline-modal.announcementsModal .overlay .modal .body {
	width: 100% !important;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 25px;
	height: 100%;
	position: relative;
	float: left;
	min-height: 50px;
	margin: 0 auto !important
}

.inline-modal.announcementsModal .overlay .modal .body .nano {
	max-height: 465px
}

.inline-modal.announcementsModal .overlay .modal .body .nano .nano-pane {
	right: 15px !important;
	bottom: 0px !important
}

.inline-modal.announcementsModal .overlay .modal .body .modal-footer {
	margin-right: 0px;
	padding: 25px 25px 0 25px
}

.inline-modal.announcementsModal .overlay .modal .body .slick-slider {
	margin-bottom: 0px
}

.inline-modal.announcementsModal .overlay .modal .body .announcement-title {
	display: block;
	text-align: center;
	border-bottom: 1px solid #D6D9DE;
	margin-bottom: 20px
}

.inline-modal.announcementsModal .overlay .modal .body .announcement-title h3 {
	color: #7A8292;
	font-size: 16px
}

.inline-modal.announcementsModal .overlay .modal .body .announcement-title span {
	display: block;
	margin: 20px 0
}

.inline-modal.announcementsModal .overlay .modal .body .modal-content .detail {
	width: auto;
	margin-top: 0;
	margin-right: 40px;
	margin-bottom: 0;
	margin-left: 0
}

.inline-modal.announcementsModal .overlay .modal .body .modal-content .detail iframe {
	width: 100%;
	height: 455px
}

.inline-modal.announcementsModal .overlay .modal .body .modal-content .detail ul {
	margin-left: 15px
}

.inline-modal.announcementsModal .overlay .modal .body .modal-content .detail ul li {
	list-style-type: disc;
	display: list-item;
	text-align: left
}

.inline-modal.announcementsModal .overlay .modal .body .modal-content .detail ol {
	margin-left: 15px
}

.inline-modal.announcementsModal .overlay .modal .body .modal-content .detail ol li {
	list-style-type: decimal;
	display: list-item;
	text-align: left
}

.inline-modal.announcementsModal .overlay .modal .body i.sg-icon {
	font-size: 40px;
	display: block;
	width: 40px;
	height: 40px;
	color: #ECEFF1
}

.inline-modal.announcementsModal .overlay .modal .body i.sg-icon.active {
	color: #7A8292
}

.inline-modal.announcementsModal .overlay .modal .body i.sg-icon.sg-navigateleft {
	position: absolute;
	left: 15px;
	z-index: 10
}

.inline-modal.announcementsModal .overlay .modal .body i.sg-icon.sg-navigateright {
	position: absolute;
	right: 15px;
	z-index: 10
}

.inline-modal.comment-modal .overlay .modal {
	top: 50% !important;
	left: 50% !important;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 45%;
	padding-bottom: 0px
}

.inline-modal.comment-modal .overlay .modal .header {
	margin-top: 0 !important;
	padding-top: 0 !important;
	height: auto !important
}

.inline-modal.comment-modal .overlay .modal .header span {
	margin: 20px;
	width: calc(100% - 40px)
}

.inline-modal.comment-modal .overlay .modal .header span h2 {
	font: 18px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #4A485B;
	margin: 0;
	padding: 7px 0;
	width: calc(100% - 55px)
}

.inline-modal.comment-modal .overlay .modal .header span .number {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	text-align: center;
	width: 33%
}

.inline-modal.comment-modal .overlay .modal .header span a {
	width: 30px;
	height: 35px;
	margin: 0
}

.inline-modal.comment-modal .overlay .modal .header span a i {
	line-height: 100%;
	margin-top: 7px
}

.inline-modal.comment-modal .overlay .modal .body {
	width: 100% !important;
	margin: 0px !important;
	padding: 0px !important
}

.inline-modal.comment-modal .overlay .modal .body iframe {
	width: 100%;
	height: 455px
}

.inline-modal.comment-modal .overlay .modal .body .slick-slider {
	margin: 0;
	padding: 25px
}

.inline-modal.comment-modal .overlay .modal .body .slick-slider .slick-slide .slick-list {
	height: auto !important
}

.inline-modal.comment-modal .overlay .modal .body .slick-slider .slick-slide.slick-active img,
.inline-modal.comment-modal .overlay .modal .body .slick-slider .slick-slide.slick-active iframe {
	display: block !important
}

.inline-modal.comment-modal .overlay .modal .body .slick-slider .slick-slide.slider-area .slick-list {
	height: auto !important
}

.inline-modal.comment-modal .overlay .modal .body .spinner {
	top: 60% !important
}

.inline-modal.comment-modal .overlay .modal .body .tabbed-view {
	padding: 0px
}

.inline-modal.comment-modal .overlay .modal .body i.sg-icon.sg-navigateleft {
	position: absolute;
	left: -110px;
	top: 50%;
	right: auto;
	bottom: auto;
	z-index: 10;
	margin-top: -90px;
	font-size: 100px
}

.inline-modal.comment-modal .overlay .modal .body i.sg-icon.sg-navigateright {
	position: absolute;
	right: -110px;
	top: 50%;
	left: auto;
	bottom: auto;
	z-index: 10;
	margin-top: -90px;
	font-size: 100px
}

.inline-modal.comment-modal .overlay .modal .body .modal-content .detail {
	width: 100%
}

.inline-modal.comment-modal .overlay .modal .body .modal-content .detail p {
	margin: 20px
}

.inline-modal.comment-modal .overlay .modal .body .modal-content .detail img {
	max-height: 600px;
	object-fit: contain
}

.inline-modal.comment-modal .overlay .modal .body .modal-footer {
	padding: 0 20px 20px;
	margin: 0
}

.inline-modal.comment-modal .overlay .modal .body .modal-footer .modal-bar {
	text-align: center
}

.inline-modal.comment-modal .overlay .modal .body .modal-footer .modal-bar .comments-complain-text {
	padding: 20px 0
}

.inline-modal.comment-modal .overlay .modal .body .modal-footer .modal-bar .btn {
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	float: none;
	padding: 8px 15px 5px 15px
}

.inline-modal.comment-modal .overlay .modal .body .modal-footer .modal-bar .btn.clear {
	background: transparent;
	color: #7A8292;
	min-width: auto !important;
	padding: 8px 5px 6px 5px
}

.inline-modal.comment-modal .overlay .modal .body .modal-footer .modal-bar .btn .sg-ban {
	width: 15px;
	height: 17px;
	font-size: 18px;
	position: relative;
	margin-right: 10px
}

.inline-modal.comment-modal .overlay .modal .body .modal-footer .modal-bar .btn .sg-ban:before {
	position: absolute;
	left: -2px;
	top: -3px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.inline-modal.comment-modal .overlay .modal .body .modal-footer .modal-bar .btn span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	min-height: 20px
}

.inline-modal.comment-modal.modal-slider .overlay .modal .body i {
	color: #fff
}

.inline-modal.comment-modal.modal-video .error input {
	border-color: #EA6060;
	color: #EA6060 !important
}

.inline-modal.comment-modal.modal-video .error.video-link-text {
	color: #EA6060
}

.inline-modal.comment-modal.modal-video .overlay .modal .header span h2 {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px
}

.inline-modal.comment-modal.modal-video .overlay .modal .header span a {
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0
}

.inline-modal.comment-modal.modal-video .overlay .modal .body {
	padding-top: 0px !important
}

.inline-modal.comment-modal.modal-video .overlay .modal .body .modal-content .video-input {
	margin: 30px 30px -1px;
	padding: 30px;
	background: #ECEFF1
}

.inline-modal.comment-modal.modal-video .overlay .modal .body .modal-content .video-input input {
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	border-radius: 200px;
	background: #fff;
	padding: 5px 20px 0;
	color: #7A8292
}

.inline-modal.comment-modal.modal-video .overlay .modal .body .modal-content .video-input input::-moz-placeholder {
	color: #D6D9DE
}

.inline-modal.comment-modal.modal-video .overlay .modal .body .modal-content .video-input input::-webkit-input-placeholder {
	color: #D6D9DE
}

.inline-modal.comment-modal.modal-video .overlay .modal .body .modal-content .video-input input:-ms-input-placeholder {
	color: #D6D9DE
}

.inline-modal.comment-modal.modal-video .overlay .modal .body .modal-content .video-input input::placeholder {
	color: #D6D9DE
}

.inline-modal.comment-modal.modal-video .overlay .modal .body .modal-footer {
	padding: 0px 20px 30px
}

.inline-modal.comment-modal.modal-video .overlay .modal .body .modal-footer .modal-bar {
	margin: 0 10px -1px;
	padding: 0 30px 30px;
	background: #ECEFF1
}

.inline-modal.comment-modal.modal-video .overlay .modal .body .modal-footer .modal-bar .btn {
	min-width: 100px
}

.inline-modal.comment-modal.modal-video .overlay .modal .body .modal-footer .modal-bar .btn.disabled {
	background: #7A8292 !important;
	color: #fff !important
}

.inline-modal.comment-modal.modal-people .modal {
	width: 19%
}

.inline-modal.comment-modal.modal-people .modal .header span {
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 20px
}

.inline-modal.comment-modal.modal-people .modal .header span h2 {
	display: none;
	visibility: hidden
}

.inline-modal.comment-modal.modal-people .modal .tabs {
	position: absolute;
	left: 20px;
	top: -65px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.inline-modal.comment-modal.modal-people .modal .tabs #him-middle {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: auto;
	height: 50px;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	color: #7A8292;
	font: 16px "lato_trbold", Helvetica, Arial, sans-serif;
	background: transparent;
	padding: 0px
}

.inline-modal.comment-modal.modal-people .modal .nano {
	max-height: 550px
}

.inline-modal.comment-modal.modal-people .modal .nano .nano-slider {
	margin-top: 0px
}

.inline-modal.comment-modal.modal-people .modal .people {
	padding: 0;
	margin: 0;
	height: 100%;
	max-height: 100% !important
}

.inline-modal.comment-modal.modal-people .modal .people li {
	margin: 0;
	padding: 10px 20px !important;
	width: 100%;
	height: auto
}

.inline-modal.comment-modal.modal-people .modal .people li .like-dislike-icon {
	position: absolute;
	left: 40px;
	top: 30px;
	right: auto;
	bottom: auto;
	z-index: 1;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	width: 16px;
	height: 16px;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 2px;
	color: #fff;
	font-size: 12px
}

.inline-modal.comment-modal.modal-people .modal .people li .like-dislike-icon.red {
	background: #EA6060
}

.inline-modal.comment-modal.modal-people .modal .people li .like-dislike-icon.green {
	background: #3CBC7B
}

.inline-modal.comment-modal.modal-people .modal .people li:hover {
	background: #D6D9DE
}

.inline-modal.comment-modal.modal-people .modal .search-page-result .info {
	margin: 0;
	text-align: center
}

.inline-modal.comment-modal.modal-complaint .modal .body {
	padding-top: 0px !important
}

.inline-modal.task-modal .overlay .modal {
	top: 50% !important;
	left: 50% !important;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 45%;
	padding-bottom: 0px
}

.inline-modal.task-modal .overlay .modal .header {
	margin-top: 0 !important;
	padding-top: 0 !important;
	height: auto !important
}

.inline-modal.task-modal .overlay .modal .header span {
	margin: 15px 0
}

.inline-modal.task-modal .overlay .modal .header span h2 {
	font-size: 18px;
	color: #4A485B;
	font-weight: bold;
	margin-left: 18px;
	padding: 7px 0
}

.inline-modal.task-modal .overlay .modal .header span a {
	width: 30px;
	height: 35px;
	margin-top: 0
}

.inline-modal.task-modal .overlay .modal .header span a i {
	line-height: 100%;
	margin-top: 7px
}

.inline-modal.task-modal .overlay .modal .body {
	width: 100% !important;
	margin-left: 0px !important;
	padding-top: 0 !important
}

.inline-modal.task-modal .overlay .modal .body h6 {
	display: block;
	margin: 15px 20px;
	font-size: 14px
}

.inline-modal.task-modal .overlay .modal .body .modal-content .detail {
	width: 100%;
	text-align: center;
	padding: 20px 20px 0px 20px
}

.inline-modal.task-modal .overlay .modal .body .modal-content .detail ul,
.inline-modal.task-modal .overlay .modal .body .modal-content .detail ol {
	margin-left: 30px
}

.inline-modal.task-modal .overlay .modal .body .modal-content .detail ul li,
.inline-modal.task-modal .overlay .modal .body .modal-content .detail ol li {
	max-width: 100% !important;
	list-style-type: disc;
	display: list-item;
	text-align: left;
	position: static;
	margin: 0;
	padding: 0
}

.inline-modal.task-modal .overlay .modal .body .modal-content .detail img {
	max-width: none;
	float: none
}

.inline-modal.task-modal .overlay .modal .body .modal-content .detail table,
.inline-modal.task-modal .overlay .modal .body .modal-content .detail th,
.inline-modal.task-modal .overlay .modal .body .modal-content .detail td {
	border: 1px solid grey;
	padding: 1px;
	border-collapse: inherit;
	border-spacing: 2px
}

.inline-modal.task-modal .overlay .modal .body .modal-content .detail span {
	margin-bottom: 10px;
	display: inline-block
}

.inline-modal.task-modal .overlay .modal .body .modal-content .detail h5 {
	color: #7A8292;
	font-size: 18px;
	display: block;
	text-align: center;
	margin-bottom: 10px
}

.inline-modal.task-modal .overlay .modal .body .modal-content .detail p {
	margin-bottom: 5px
}

.inline-modal.task-modal .overlay .modal .body .modal-footer {
	text-align: right;
	padding-top: 20px;
	margin-right: 20px;
	display: block;
	float: left;
	width: 100%;
	background: #fff
}

.inline-modal.task-modal .overlay .modal .body .modal-footer .modal-bar {
	text-align: center;
	width: 100%;
	display: block;
	position: relative;
	float: left;
	margin-bottom: 30px
}

.inline-modal.task-modal .overlay .modal .body .modal-footer .modal-bar .btn {
	float: none;
	-webkit-transition: none !important;
	transition: nobe !important
}

.inline-modal.alternative-modal .overlay .modal {
	top: 50% !important;
	left: 50% !important;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 820px;
	height: auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 30px
}

.inline-modal.alternative-modal .overlay .modal .header {
	margin: 0 0 20px 0 !important;
	padding-top: 0 !important;
	height: auto !important;
	border: 0
}

.inline-modal.alternative-modal .overlay .modal .header .tree-unit-box .unit-box {
	padding: 0
}

.inline-modal.alternative-modal .overlay .modal .header .tree-unit-box .unit-box:hover {
	background: none
}

.inline-modal.alternative-modal .overlay .modal .header .tree-unit-box .unit-box .unit-box-info .unit-box-main {
	width: calc(100% - 105px)
}

.inline-modal.alternative-modal .overlay .modal .header .tree-unit-box .unit-box .unit-box-info .unit-box-main .unit-box-main-title {
	width: calc(100% - 85px)
}

.inline-modal.alternative-modal .overlay .modal .header .tree-unit-box .unit-box .unit-box-info .unit-box-main .unit-box-main-title h3 {
	width: 100%
}

.inline-modal.alternative-modal .overlay .modal .body {
	width: 100% !important;
	margin-left: 0px !important;
	padding-top: 0 !important
}

.inline-modal.alternative-modal .overlay .modal .body .modal-content .detail {
	width: 100%
}

.inline-modal.alternative-modal .overlay .modal .body .modal-content .detail iframe {
	width: 100%
}

.inline-modal.alternative-modal .overlay .modal .body .modal-footer {
	padding-top: 0;
	margin-right: 0;
	display: block;
	float: left;
	width: 100%
}

.inline-modal.alternative-modal .overlay .modal .body .modal-footer .modal-bar {
	text-align: center;
	width: 100%;
	height: 0px;
	display: block;
	position: relative
}

.inline-modal.alternative-modal .overlay .modal .body .modal-footer .modal-bar a {
	margin-top: 40px;
	font-size: 75px;
	color: #fff
}

.inline-modal.file-upload-modal .overlay .modal {
	top: 50% !important;
	left: 50% !important;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 45%;
	padding-bottom: 0px
}

.inline-modal.file-upload-modal .overlay .modal .header {
	margin-top: 0 !important;
	padding-top: 0 !important;
	height: auto !important
}

.inline-modal.file-upload-modal .overlay .modal .header span {
	margin: 15px 0
}

.inline-modal.file-upload-modal .overlay .modal .header span h2 {
	font-size: 18px;
	color: #4A485B;
	font-weight: bold;
	margin-left: 18px;
	padding: 7px 0
}

.inline-modal.file-upload-modal .overlay .modal .header span a {
	width: 30px;
	height: 35px;
	margin-top: 0
}

.inline-modal.file-upload-modal .overlay .modal .header span a i {
	line-height: 100%;
	margin-top: 7px
}

.inline-modal.file-upload-modal .overlay .modal .body {
	width: 100% !important;
	margin-left: 0px !important
}

.inline-modal.file-upload-modal .overlay .modal .body h6 {
	display: block;
	margin: 15px 20px;
	font-size: 14px
}

.inline-modal.file-upload-modal .overlay .modal .body .modal-content .detail {
	width: 100%;
	text-align: center;
	padding: 20px 20px 0px 20px
}

.inline-modal.file-upload-modal .overlay .modal .body .modal-content .detail span {
	margin-bottom: 25px
}

.inline-modal.file-upload-modal .overlay .modal .body .modal-content .detail h5 {
	color: #7A8292;
	font-size: 18px;
	display: block;
	text-align: center;
	margin-bottom: 10px
}

.inline-modal.file-upload-modal .overlay .modal .body .modal-content .detail p {
	margin-bottom: 5px
}

.inline-modal.file-upload-modal .overlay .modal .body .modal-footer {
	text-align: right;
	padding-top: 20px;
	margin-right: 20px;
	display: block;
	float: left;
	width: 100%;
	background: #fff
}

.inline-modal.file-upload-modal .overlay .modal .body .modal-footer .modal-bar {
	text-align: center;
	width: 100%;
	display: block;
	position: relative;
	float: left;
	margin-bottom: 30px
}

.inline-modal.file-upload-modal .overlay .modal .body .modal-footer .modal-bar .btn {
	float: none
}

.inline-modal .modal.modal-lg .body {
	max-height: 520px !important
}

.inline-modal .modal.modal-lg .body .modal-content .detail p {
	max-width: 100%;
	width: auto
}

.inline-modal .modal.modal-lg .body .nano {
	min-height: 470px
}

.inline-modal .overlay.library-modal .modal {
	background: none !important;
	width: 50%;
	left: 25%;
	margin-bottom: 10%
}

.inline-modal .overlay.library-modal .modal .header {
	background: none !important;
	border-bottom: 0px;
	padding: 0;
	margin: 0;
	height: 30px
}

.inline-modal .overlay.library-modal .modal .header a {
	margin-right: 8px
}

.inline-modal .overlay.library-modal .modal .header h2 {
	margin-left: 1%;
	color: #A2ABCA
}

.inline-modal .overlay.library-modal .modal .header .sg-delete {
	color: #7A8292;
	margin-top: -5px;
	font-size: 32px !important
}

.inline-modal .overlay.library-modal .modal .body {
	border: 10px solid #7A8292;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin-left: 0px !important;
	width: 100% !important;
	background: #D6D9DE
}

.inline-modal .overlay.library-modal .modal .body .modal-footer {
	margin-right: 0px
}

.inline-modal .overlay.library-modal .modal .body .modal-content {
	padding: 20px
}

.inline-modal .overlay.library-modal .modal .body .modal-bar {
	background: #fff;
	padding: 20px 20px 30px 20px;
	float: left;
	margin-top: 20px;
	width: 100%
}

.inline-modal .overlay.library-modal .modal .body .file-info {
	padding: 20px 20px 0px 20px;
	float: left;
	background: #7A8292;
	width: 100%
}

.inline-modal .overlay.library-modal .modal .body .file-info .download-info {
	float: left
}

.inline-modal .overlay.library-modal .modal .body .file-info .download-info .sg-icon {
	font-size: 40px !important;
	display: inline-block
}

.inline-modal .overlay.library-modal .modal .body .file-info .download-info .info-text {
	display: inline-block;
	margin-top: 5px
}

.inline-modal .overlay.library-modal .modal .body .file-info .download-info .info-text h5 {
	color: #fff;
	display: block
}

.inline-modal .overlay.library-modal .modal .body .file-info .download-info .info-text span {
	display: block;
	width: 100% !important;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: none;
	padding: 0 !important;
	float: left;
	margin-bottom: 0px
}

.inline-modal .overlay.library-modal .modal .body .file-info .download-button {
	float: right;
	margin-top: 8px
}

.inline-modal .overlay.library-modal .modal .body .file-info .download-button a {
	display: inline-block;
	margin-right: 5px
}

.inline-modal .overlay.library-modal .modal .body .file-info .download-button .btn {
	text-decoration: none
}

.inline-modal .overlay.library-modal .modal .body .file-info .download-button .btn.green {
	color: #fff !important
}

.inline-modal .overlay {
	visibility: visible;
	opacity: 1;
	top: 0;
	z-index: 110;
	height: 100%
}

.inline-modal .overlay .nano>.nano-pane {
	right: 20px
}

.inline-modal .overlay .modal {
	background: #fff;
	width: 35%;
	position: relative;
	display: block;
	height: auto;
	float: left;
	top: 15%;
	left: 32%;
	text-align: left;
	padding-bottom: 20px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.inline-modal .overlay .modal .complain-reason-text {
	margin: 20px
}

.inline-modal .overlay .modal .complain-reason-text textarea {
	background: #fff;
	padding: 20px;
	font: 14px "lato_trregular", Helvetica, Arial, sans-serif;
	line-height: 22px;
	height: 130px
}

.inline-modal .overlay .modal .complain-reason-text textarea::-webkit-input-placeholder {
	color: #7A8292
}

.inline-modal .overlay .modal .complain-reason-text textarea:-moz-placeholder {
	color: #7A8292
}

.inline-modal .overlay .modal .complain-reason-text textarea::-moz-placeholder {
	color: #7A8292
}

.inline-modal .overlay .modal .complain-reason-text textarea:-ms-input-placeholder {
	color: #7A8292
}

.inline-modal .overlay .modal .complain-reason-text textarea::-webkit-input-placeholder {
	color: #7A8292
}

.inline-modal .overlay .modal .complain-reason-text textarea::-ms-input-placeholder {
	color: #7A8292
}

.inline-modal .overlay .modal .button input[type="button"] {
	background: #A2ABCA none repeat scroll 0 0;
	border: none;
	border-radius: 20px;
	color: #fff !important;
	cursor: pointer;
	display: block;
	float: right;
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	height: auto;
	margin-left: 17px;
	margin-top: 17px;
	padding: 12px 0px;
	width: 160px;
	text-align: center;
	outline: none;
	margin-right: 20px;
	text-transform: uppercase
}

.inline-modal .overlay .modal .button input[type="button"].disabled {
	text-transform: uppercase
}

.inline-modal .overlay .modal .header {
	background: #fff;
	display: block;
	float: left;
	width: 100%;
	position: relative;
	border-bottom: 1px solid #D6D9DE;
	padding-top: 20px;
	height: auto;
	min-height: 60px
}

.inline-modal .overlay .modal .header span {
	display: block;
	float: left;
	width: 100%;
	border: none
}

.inline-modal .overlay .modal .header h2 {
	word-break: break-word;
	word-wrap: break-word;
	display: inline-block;
	margin-left: 4%;
	color: #7A8292;
	font: 20px "lato_trregular", Helvetica, Arial, sans-serif;
	width: 85%
}

.inline-modal .overlay .modal .header a {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	float: right;
	margin-right: 20px;
	margin-top: -10px
}

.inline-modal .overlay .modal .header a i {
	font-size: 32px;
	margin-top: 0px
}

.inline-modal .overlay .modal .body {
	width: 96% !important;
	margin-left: 5% !important;
	padding-bottom: 0px;
	padding-top: 20px;
	height: auto;
	height: 100%;
	position: relative;
	float: left;
	min-height: 50px
}

.inline-modal .overlay .modal .body .modal-footer {
	text-align: right;
	padding-top: 20px;
	margin-right: 20px
}

.inline-modal .overlay .modal .body .modal-footer .file-info {
	text-align: left
}

.inline-modal .overlay .modal .body .modal-footer .file-info .sg-icon {
	font-size: 22px;
	vertical-align: top
}

.inline-modal .overlay .modal .body .modal-footer .file-info span {
	display: block
}

.inline-modal .overlay .modal .body .modal-content .detail {
	width: 90%
}

.inline-modal .overlay .modal .body .modal-content .detail img {
	max-width: 100% !important;
	height: 100% !important;
	width: 100%
}

.inline-modal .overlay .modal .body .modal-content .detail p {
	font-size: 14px;
	font-family: "lato_trregular", Helvetica, Arial, sans-serif;
	padding-left: 0;
	line-height: 20px
}

.inline-modal .overlay .modal .body .modal-content .detail p:after {
	content: ""
}

.inline-modal .overlay .modal .body .modal-content .detail p img {
	max-width: 100% !important;
	height: 100% !important
}

.inline-modal .overlay .modal .body .modal-bar {
	text-align: left
}

.inline-modal .overlay .modal .body .modal-bar .checkbox {
	display: inline-block
}

.inline-modal .overlay .modal .body .modal-bar .btn {
	color: #fff;
	text-decoration: none;
	float: right
}

.inline-modal .overlay .modal .body .modal-bar a:nth-child(2) {
	float: right
}

.inline-modal .overlay .modal .body .spinner {
	position: absolute !important;
	top: 75% !important
}

.inline-modal .overlay .modal .body .nano {
	position: relative;
	display: block;
	max-height: 360px;
	min-height: 50px
}

.inline-modal .overlay .modal .body .nano .nano-pane {
	bottom: 20px
}

.inline-modal .overlay .modal.nano>.nano-pane {
	top: 65px !important;
	right: 27px !important;
	width: 7px !important;
	bottom: 7px !important
}

.inline-modal .overlay .modal .nano-slider {
	margin-top: 5px
}

.inline-modal .overlay .modal ul.people {
	padding: 20px;
	max-height: 200px
}

.inline-modal .overlay .modal ul.people li {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 32.2%;
	height: 45px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;
	padding: 0;
	border: 0
}

.inline-modal .overlay .modal ul.people li:nth-child(3n+3) {
	margin-right: 0
}

.inline-modal .overlay .modal ul.people li:hover {
	background: transparent
}

.inline-modal .overlay .modal ul.people li:before,
.inline-modal .overlay .modal ul.people li:after {
	width: 0;
	height: 0;
	background: none
}

.inline-modal .overlay .modal ul.people li img {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0
}

.inline-modal .overlay .modal ul.people li p {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin: 0
}

.inline-modal.request-form-explanation .overlay .modal {
	top: 20%;
	left: 27.5%;
	width: 45%;
	padding-bottom: 10px
}

.inline-modal.request-form-explanation .overlay .modal .header {
	margin-top: 0 !important;
	padding-top: 0 !important;
	height: auto !important
}

.inline-modal.request-form-explanation .overlay .modal .header span {
	margin: 15px 0
}

.inline-modal.request-form-explanation .overlay .modal .header span h2 {
	font-size: 18px;
	color: #4A485B;
	font-weight: bold;
	margin-left: 18px
}

.inline-modal.request-form-explanation .overlay .modal .body {
	width: 100% !important;
	margin-left: 0px !important
}

.inline-modal.request-form-explanation .overlay .modal .body h6 {
	display: block;
	margin: 15px 20px;
	font-size: 14px
}

.inline-modal.request-form-explanation .overlay .modal .body .modal-content .request-form-explanation-area {
	padding: 0 10px;
	line-height: 21px;
	margin: 0 10px 10px;
	max-height: 400px;
	overflow: auto
}

.inline-modal.request-form-explanation .overlay .modal .body .modal-content .request-form-explanation-area span {
	display: inline
}

.inline-modal.request-form-explanation .overlay .modal .body .modal-content .request-form-explanation-area ul {
	margin-left: 30px
}

.inline-modal.request-form-explanation .overlay .modal .body .modal-content .request-form-explanation-area ul li {
	max-width: 100% !important;
	list-style-type: disc;
	display: list-item;
	text-align: left;
	position: static;
	margin: 0;
	padding: 0
}

.inline-modal.request-form-explanation .overlay .modal .body .modal-content .request-form-explanation-area img {
	max-width: none;
	float: none
}

.inline-modal.request-form-explanation .overlay .modal .body .modal-content .request-form-explanation-area table,
.inline-modal.request-form-explanation .overlay .modal .body .modal-content .request-form-explanation-area th,
.inline-modal.request-form-explanation .overlay .modal .body .modal-content .request-form-explanation-area td {
	border: 1px solid grey;
	padding: 1px;
	border-collapse: inherit;
	border-spacing: 2px
}

.inline-modal.catalog-request-modal {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.inline-modal.catalog-request-modal .overlay .modal {
	top: 50% !important;
	left: 50% !important;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 45%;
	padding-bottom: 0px
}

.inline-modal.catalog-request-modal .overlay .modal .header {
	margin-top: 0 !important;
	padding-top: 0 !important;
	height: auto !important
}

.inline-modal.catalog-request-modal .overlay .modal .header span {
	margin: 15px 0
}

.inline-modal.catalog-request-modal .overlay .modal .header span h2 {
	font-size: 18px;
	color: #4A485B;
	font-weight: bold;
	margin-left: 18px;
	padding: 7px 0
}

.inline-modal.catalog-request-modal .overlay .modal .header span a {
	width: 30px;
	height: 35px;
	margin-top: 0
}

.inline-modal.catalog-request-modal .overlay .modal .header span a i {
	line-height: 100%;
	margin-top: 7px
}

.inline-modal.catalog-request-modal .overlay .modal .body {
	width: 100% !important;
	margin-left: 0px !important;
	padding-top: 0 !important;
	padding-bottom: 0px;
	height: auto;
	position: relative;
	min-height: 50px;
	max-height: 300px
}

.inline-modal.catalog-request-modal .overlay .modal .body h6 {
	display: block;
	margin: 15px 20px;
	font-size: 14px
}

.inline-modal.catalog-request-modal .overlay .modal .body .request-list-block-single {
	padding: 0;
	margin: 0;
	border: 0
}

.inline-modal.catalog-request-modal .overlay .modal .body .request-list-block-single span.column-left img {
	margin: 0
}

.inline-modal.catalog-request-modal .overlay .modal .body .request-list-block-single span.column-center {
	width: 535px
}

.inline-modal.catalog-request-modal .overlay .modal .body .request-list-block-single span.column-center h5 {
	font: 15px "lato_trbold" !important;
	margin-bottom: 0;
	cursor: default
}

.inline-modal.catalog-request-modal .overlay .modal .body .request-list-block-single:hover {
	background: transparent
}

.inline-modal.catalog-request-modal .overlay .modal .body .spinner {
	position: absolute !important;
	top: 75% !important
}

.inline-modal.catalog-request-modal .overlay .modal .body .modal-content {
	padding: 20px 20px 0px 20px
}

.inline-modal.catalog-request-modal .overlay .modal .body .modal-content .detail {
	border-top: 1px solid #D6D9DE;
	padding-top: 10px;
	margin-top: 10px;
	width: 100%;
	display: inline-block
}

.inline-modal.catalog-request-modal .overlay .modal .body .modal-content .detail .detail-holder .detail-holder-item label,
.inline-modal.catalog-request-modal .overlay .modal .body .modal-content .detail .detail-holder .detail-holder-item p {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.inline-modal.catalog-request-modal .overlay .modal .body .modal-content .detail .detail-holder .detail-holder-item label {
	margin-bottom: 0px
}

.inline-modal.catalog-request-modal .overlay .modal .body .modal-content .detail .detail-holder .detail-holder-item p {
	width: calc(100% - 88px);
	margin-left: 12px
}

.inline-modal.catalog-request-modal .overlay .modal .body .modal-content .detail .detail-holder .detail-holder-item p textarea {
	padding: 10px;
	min-height: 125px
}

.inline-modal.catalog-request-modal .overlay .modal .body .request-button {
	margin: 20px 0
}

.inline-modal.catalog-request-modal .overlay .modal .body .request-button .btn {
	margin: 0;
	float: none
}

.inline-modal.catalog-request-modal .overlay .modal .request-list-block-common .row-common span {
	display: inline-block;
	vertical-align: top
}

.inline-modal.catalog-request-modal .overlay .modal .request-list-block-common .row-common span.column-left {
	width: 50px;
	height: 50px;
	background: #D6D9DE;
	margin-right: 5px
}

.inline-modal.catalog-request-modal .overlay .modal .request-list-block-common .row-common span.column-left img {
	width: 100%;
	height: 100%;
	display: block;
	margin: 0
}

.inline-modal.catalog-request-modal .overlay .modal .request-list-block-common .row-common span.column-center {
	width: 540px
}

.inline-modal.catalog-request-modal .overlay .modal .request-list-block-common .row-common span.column-center .category-tag {
	margin: 5px 0
}

.inline-modal.catalog-request-modal .overlay .modal .request-list-block-common .row-common span.column-center .category-tag li {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #ECEFF1;
	padding: 3px 10px;
	font: 10px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292;
	display: inline-block
}

.inline-modal.catalog-request-modal .overlay .modal .request-list-block-common .row-common span.column-center .category-tag li:nth-child(2n+2) {
	padding: 0px;
	background: none
}

.inline-modal.catalog-request-modal .overlay .modal .request-list-block-common .row-common span.column-center .category-tag li:nth-child(2n+2) .sg-icon {
	font-size: 13px !important;
	margin-top: 2px;
	margin-right: -2px;
	margin-left: -3px;
	color: #959ba6
}

.inline-modal.catalog-request-modal .overlay .modal .request-list-block-common .row-common span.column-center .category-tag li:nth-child(2n+2):last-child .sg-icon {
	display: none
}

.inline-modal.catalog-request-modal .overlay .modal .request-list-block-common .row-common span.column-center .category-tag li:last-child {
	display: none
}

.inline-modal.catalog-request-modal .overlay .modal .request-list-block-common .row-common span.column-center .category-tag li:after,
.inline-modal.catalog-request-modal .overlay .modal .request-list-block-common .row-common span.column-center .category-tag li:before {
	content: "";
	position: inherit;
	background: none;
	width: auto;
	height: auto
}

.inline-modal.catalog-request-modal .overlay .modal .request-list-block-common .row-common span:last-child {
	margin: 0
}

.inline-modal.catalog-request-modal .overlay .modal .request-list-block-common .description {
	padding: 10px;
	margin: 0 10px;
	display: block;
	background: #F5F7F9
}

.inline-modal.catalog-request-modal .overlay .modal .request-list-block-common .description h5 {
	color: #7A8292;
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	margin-bottom: 5px
}

.inline-modal.catalog-request-modal .overlay .modal.nano>.nano-pane {
	top: 65px !important;
	right: 27px !important;
	width: 7px !important;
	bottom: 7px !important
}

.inline-modal.catalog-request-modal .overlay .modal .nano-slider {
	background-color: #dadadc !important;
	margin-top: 5px
}

.object-emotions-people a:hover,
.comment-complain-button a:hover {
	color: #A2ABCA
}

.object-emotions-people .overlay,
.comment-complain-button .overlay {
	visibility: visible;
	opacity: 1
}

.object-emotions-people .overlay .nano>.nano-pane,
.comment-complain-button .overlay .nano>.nano-pane {
	right: 20px
}

.object-emotions-people .overlay .modal,
.comment-complain-button .overlay .modal {
	background: #fff;
	width: 35%;
	position: relative;
	display: block;
	height: auto;
	float: left;
	top: 20%;
	left: 32%;
	text-align: left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.object-emotions-people .overlay .modal .complain-reason-text textarea,
.comment-complain-button .overlay .modal .complain-reason-text textarea {
	background: #fff;
	padding: 20px;
	font: 14px "lato_trregular", Helvetica, Arial, sans-serif;
	line-height: 22px;
	height: 130px
}

.object-emotions-people .overlay .modal .complain-reason-text textarea::-webkit-input-placeholder,
.comment-complain-button .overlay .modal .complain-reason-text textarea::-webkit-input-placeholder {
	color: #7A8292
}

.object-emotions-people .overlay .modal .complain-reason-text textarea:-moz-placeholder,
.comment-complain-button .overlay .modal .complain-reason-text textarea:-moz-placeholder {
	color: #7A8292
}

.object-emotions-people .overlay .modal .complain-reason-text textarea::-moz-placeholder,
.comment-complain-button .overlay .modal .complain-reason-text textarea::-moz-placeholder {
	color: #7A8292
}

.object-emotions-people .overlay .modal .complain-reason-text textarea:-ms-input-placeholder,
.comment-complain-button .overlay .modal .complain-reason-text textarea:-ms-input-placeholder {
	color: #7A8292
}

.object-emotions-people .overlay .modal .complain-reason-text textarea::-webkit-input-placeholder,
.comment-complain-button .overlay .modal .complain-reason-text textarea::-webkit-input-placeholder {
	color: #7A8292
}

.object-emotions-people .overlay .modal .complain-reason-text textarea::-ms-input-placeholder,
.comment-complain-button .overlay .modal .complain-reason-text textarea::-ms-input-placeholder {
	color: #7A8292
}

.object-emotions-people .overlay .modal .button input[type="button"],
.comment-complain-button .overlay .modal .button input[type="button"] {
	background: #A2ABCA;
	display: block;
	float: right;
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	height: auto;
	margin-top: 17px;
	padding: 12px 0px;
	width: 160px;
	outline: none;
	border: 0px
}

.object-emotions-people .overlay .modal .header,
.comment-complain-button .overlay .modal .header {
	background: #fff;
	display: block;
	float: left;
	width: 100%;
	position: relative;
	border-bottom: 1px solid #D6D9DE
}

.object-emotions-people .overlay .modal .header span,
.comment-complain-button .overlay .modal .header span {
	display: block;
	float: left;
	width: 100%;
	border: none;
	padding: 20px
}

.object-emotions-people .overlay .modal .header span h2,
.comment-complain-button .overlay .modal .header span h2 {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: calc(100% - 40px);
	color: #7A8292;
	font: 20px "lato_trregular", Helvetica, Arial, sans-serif
}

.object-emotions-people .overlay .modal .header span a,
.comment-complain-button .overlay .modal .header span a {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.object-emotions-people .overlay .modal .header span a i,
.comment-complain-button .overlay .modal .header span a i {
	width: 30px;
	height: 30px;
	color: #7A8292;
	font-size: 32px;
	line-height: 35px
}

.object-emotions-people .overlay .modal .body,
.comment-complain-button .overlay .modal .body {
	width: 100% !important;
	padding: 20px;
	position: relative;
	float: left;
	min-height: 50px;
	max-height: 375px;
	height: auto;
	margin: 0
}

.object-emotions-people .overlay .modal .body .spinner,
.comment-complain-button .overlay .modal .body .spinner {
	position: absolute !important;
	top: 75% !important
}

.object-emotions-people .overlay .modal .body .nano,
.comment-complain-button .overlay .modal .body .nano {
	position: relative;
	display: block;
	max-height: 300px;
	min-height: 50px
}

.object-emotions-people .overlay .modal.nano>.nano-pane,
.comment-complain-button .overlay .modal.nano>.nano-pane {
	top: 65px !important;
	right: 27px !important;
	width: 7px !important;
	bottom: 7px !important
}

.object-emotions-people .overlay .modal .nano-slider,
.comment-complain-button .overlay .modal .nano-slider {
	background-color: #dadadc !important
}

.object-emotions-people .overlay .modal .like-dislike-users-area,
.comment-complain-button .overlay .modal .like-dislike-users-area {
	width: 100%;
	height: 45px;
	position: relative;
	text-align: left
}

.object-emotions-people .overlay .modal ul.people,
.comment-complain-button .overlay .modal ul.people {
	max-height: 200px;
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 0;
	margin-bottom: 0;
	display: inline-block
}

.object-emotions-people .overlay .modal ul.people li,
.comment-complain-button .overlay .modal ul.people li {
	width: 49%;
	float: left;
	margin-bottom: 10px;
	padding-left: 0
}

.object-emotions-people .overlay .modal ul.people li:before,
.object-emotions-people .overlay .modal ul.people li:after,
.comment-complain-button .overlay .modal ul.people li:before,
.comment-complain-button .overlay .modal ul.people li:after {
	width: 0px;
	height: 0px;
	background: none
}

.object-emotions-people .overlay .modal ul.people li img,
.comment-complain-button .overlay .modal ul.people li img {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 35px;
	height: 35px;
	margin-right: 10px;
	margin-top: 0 !important;
	margin-bottom: 0 !important
}

.object-emotions-people .overlay .modal ul.people li p,
.comment-complain-button .overlay .modal ul.people li p {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin: 0 !important
}

.modal-area.comments-modal-area {
	width: 450px !important;
	max-height: 450px;
	position: relative;
	height: auto !important;
	top: auto;
	background: #F5F7F9;
	margin: -267.5px auto 0 !important;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.modal-area.comments-modal-area.nano>.nano-pane {
	top: 65px !important;
	right: 27px !important;
	width: 7px !important;
	bottom: 7px !important
}

.modal-area.comments-modal-area .nano-slider {
	background-color: #dadadc !important
}

.modal-area.comments-modal-area .like-dislike-users-area {
	width: 100%;
	height: 45px;
	position: relative;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 45px;
	text-transform: uppercase
}

.modal-area.comments-modal-area .like-dislike-users-area .like-dislike-user-image {
	left: 0;
	top: 0;
	position: absolute
}

.modal-area.comments-modal-area .like-dislike-users-area .like-dislike-user-name {
	position: absolute;
	bottom: 0;
	top: 15%
}

.modal-area.comments-modal-area .like-dislike-modal {
	width: 450px;
	margin: auto;
	padding-bottom: 20px;
	background: #F5F7F9 !important;
	float: left;
	overflow: hidden;
	top: 34px;
	bottom: 20px;
	position: relative;
	max-height: 450px;
	min-height: 120px;
	outline: none
}

.modal-area.comments-modal-area .like-dislike-modal h2 {
	font-family: "lato_trregular", Helvetica, Arial, sans-serif;
	border-bottom: 1px solid #D6D9DE;
	position: absolute;
	top: 0;
	height: 20px;
	width: 100%;
	padding-bottom: 40px;
	padding-top: 10px;
	padding-left: 35px;
	padding-right: 25px;
	left: 0
}

.modal-area.comments-modal-area .like-dislike-modal h2 .sg-icon {
	margin-top: -3px
}

.modal-area.comments-modal-area .like-dislike-modal ul {
	padding-top: 10px !important;
	padding-right: 15px !important;
	padding-bottom: 0 !important;
	padding-left: 20px !important;
	max-height: auto;
	overflow: hidden;
	float: left;
	width: 100%;
	height: auto;
	margin-top: 20px;
	margin-bottom: 15px
}

.modal-area.comments-modal-area .like-dislike-modal ul li {
	width: 50%;
	float: left;
	display: inline;
	margin-bottom: 10px
}

.modal-area.comments-modal-area .like-dislike-modal ul li img {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	vertical-align: middle;
	margin-right: 10px
}

.comment-bottom-textarea {
	width: 100%
}

.comment-bottom-textarea textarea {
	padding-top: 5px;
	height: 80px
}

.comment-bottom-textarea button {
	color: #fff;
	cursor: pointer;
	display: block;
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	height: auto;
	text-align: center;
	margin-top: 8px;
	padding: 7px 12px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: #3CBC7B;
	margin-left: 17px;
	float: right
}

.no-comment {
	width: 100%;
	float: left
}

.no-comment:before {
	content: "0";
	width: 55px;
	height: 55px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #F5F7F9;
	position: absolute;
	margin-top: 80px;
	margin-left: 96px;
	color: #fff;
	font-family: "lato_trbold", Helvetica, Arial, sans-serif;
	font-size: 30px;
	padding: 13px 20px 20px 20px
}

.no-comment span {
	float: left;
	width: 40%
}

.no-comment span:nth-child(2) {
	width: 50%;
	float: left;
	font-family: "lato_trbold", Helvetica, Arial, sans-serif;
	font-size: 17px;
	margin-top: 45px
}

.no-comment [class^="sg-"] {
	font-size: 140px;
	color: #F5F7F9
}

.no-content {
	width: 100%;
	float: left;
	margin-left: -13px;
	position: relative
}

.no-content:before {
	content: "0";
	width: 55px;
	height: 55px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #ECEFF1;
	position: absolute;
	top: 80px;
	left: 96px;
	color: #fff;
	line-height: 30px;
	text-align: center;
	font-family: "lato_trbold", Helvetica, Arial, sans-serif;
	font-size: 30px;
	padding: 13px 20px 20px 20px
}

.no-content span {
	float: left;
	width: 35%
}

.no-content span:nth-child(2) {
	width: 64%;
	float: left;
	font-family: "lato_trbold", Helvetica, Arial, sans-serif;
	font-size: 17px;
	margin-top: 45px
}

.no-content [class^="sg-"] {
	font-size: 140px;
	color: #ECEFF1
}

.comment {
	width: 100%;
	float: left;
	font-family: "lato_trregular", Helvetica, Arial, sans-serif;
	border: 1px solid #D6D9DE;
	margin-bottom: 20px;
	padding: 15px 0px 0px 0px
}

.comment .comment-reply-enabled {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #D6D9DE;
	width: auto;
	height: auto;
	transition: all 0.3s ease 0s
}

.comment .comment-reply-enabled .sg-refresh {
	margin-right: 5px !important
}

.comment .comment-reply-enabled:hover {
	cursor: pointer;
	border: 1px solid #D6D9DE;
	background: #D6D9DE;
	color: #7A8292
}

.comment .comment-reply-enabled:hover .sg-refresh {
	color: #7A8292
}

.comment .active .command.like,
.comment .active .command.dislike {
	background: #D6D9DE;
	border: 1px solid #D6D9DE
}

.comment .active .command.like .sg-like,
.comment .active .command.like .sg-dislike,
.comment .active .command.dislike .sg-like,
.comment .active .command.dislike .sg-dislike {
	color: #7A8292 !important
}

.comment .active .comment-reply-enabled {
	background: #D6D9DE;
	border: 1px solid #D6D9DE
}

.comment .active .comment-reply-enabled .sg-refresh {
	color: #7A8292 !important
}

.comment .command.like,
.comment .command.dislike {
	padding: 6px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #D6D9DE;
	width: 29px;
	height: 27px;
	float: left;
	margin-left: 10px;
	margin-top: -5px;
	margin-right: 5px;
	transition: all 0.3s ease 0s
}

.comment .command.like:hover,
.comment .command.dislike:hover {
	background: #D6D9DE;
	border: 1px solid #D6D9DE
}

.comment .command.like:hover .sg-like,
.comment .command.like:hover .sg-dislike,
.comment .command.dislike:hover .sg-like,
.comment .command.dislike:hover .sg-dislike {
	color: #7A8292
}

.comment .command.like .sg-like,
.comment .command.like .sg-dislike,
.comment .command.dislike .sg-like,
.comment .command.dislike .sg-dislike {
	float: left;
	margin: 0;
	padding: 0
}

.comment .like span:nth-child(2):hover a,
.comment .dislike span:nth-child(2):hover a {
	color: #A2ABCA;
	font-size: 12px
}

.comment .like span:nth-child(2):hover a:hover,
.comment .dislike span:nth-child(2):hover a:hover {
	color: #A2ABCA;
	font-size: 12px
}

.comment .like.active span:nth-child(1):hover,
.comment .dislike.active span:nth-child(1):hover {
	text-decoration: underline
}

.comment .like.active span:nth-child(2):hover,
.comment .dislike.active span:nth-child(2):hover {
	text-decoration: underline
}

.comment .like.active span:nth-child(2):hover a,
.comment .dislike.active span:nth-child(2):hover a {
	color: #7A8292;
	font-size: 12px
}

.comment .like.active span:nth-child(2):hover a:hover,
.comment .dislike.active span:nth-child(2):hover a:hover {
	color: #7A8292;
	font-size: 12px
}

.comment textarea {
	padding-top: 5px;
	font-family: "lato_trregular", Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	height: 60px;
	color: #7A8292;
	margin-left: -3px
}

.comment .replies {
	width: 81%;
	float: left;
	margin-left: 14%;
	border-left: 1px solid #D6D9DE;
	margin-top: 15px
}

.comment .replies>.body {
	margin-left: 19%
}

.comment .replies textarea {
	margin-left: -1%
}

.comment .replies .author .admin-features {
	font-size: 12px;
	position: static;
	float: left;
	margin-top: -2px;
	margin-right: 0px;
	font-family: "lato_trlight", Helvetica, Arial, sans-serif
}

.comment .replies .date {
	display: inline-block;
	font-size: 11px;
	font-family: "lato_trlight", Helvetica, Arial, sans-serif;
	float: left;
	width: 29% !important;
	margin-left: 5%;
	color: #7A8292;
	margin-top: 8px
}

.comment .replies .default {
	margin-bottom: 20px
}

.comment .replies .actions .default {
	width: 100% !important;
	float: left
}

.comment .replies .actions .admin {
	width: 40%;
	float: right
}

.comment .replies .actions .admin li {
	text-align: right
}

.comment .replies .show-all-comment {
	float: left;
	width: 100%;
	margin-left: 1%;
	margin-bottom: 10px
}

.comment .replies .show-all-comment span {
	background-color: #A2ABCA;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	color: #fff;
	float: left;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	height: auto;
	padding: 6px 10px;
	text-align: center;
	width: auto;
	z-index: 2;
	margin-left: -30px
}

.comment .comment-block {
	width: 100%;
	float: left
}

.comment .comment-block>.editing {
	margin-left: 16%
}

.comment .comment-block>.body {
	margin-top: -3px;
	margin-left: 11%
}

.comment .comment-block .actions .default .stats-view {
	position: relative
}

.comment .comment-block .actions .default .stats-view .tooltip-area {
	display: none;
	position: absolute;
	right: 0px;
	top: 20px;
	left: auto;
	bottom: auto;
	z-index: 1;
	padding: 5px 10px;
	text-align: left;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #7A8292;
	color: #fff
}

.comment .comment-block .actions .default .stats-view .tooltip-area:after {
	content: "";
	position: absolute;
	right: 8px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	width: 0;
	height: 0;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #7A8292
}

.comment .comment-block .actions .default .stats-view.like .tooltip-area {
	position: absolute;
	right: -13px;
	top: 34px;
	left: auto;
	bottom: auto;
	z-index: 1
}

.comment .comment-block .actions .default .stats-view.like .tooltip-area:after {
	position: absolute;
	right: 18px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1
}

.comment .comment-block .actions .default .stats-view.dislike .tooltip-area {
	position: absolute;
	right: -20px;
	top: 34px;
	left: auto;
	bottom: auto;
	z-index: 1
}

.comment .comment-block .actions .default .stats-view.dislike .tooltip-area:after {
	position: absolute;
	right: 24px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1
}

.comment .comment-block .actions .default .stats-view:hover .tooltip-area {
	display: block
}

.comment .comment-footer {
	background: #D6D9DE none repeat scroll 0 0;
	float: left;
	padding: 10px 0 10px;
	margin-top: 20px;
	width: 100%
}

.comment .comment-footer span {
	float: right;
	margin-right: 10px;
	color: #A2ABCA
}

.comment .comment-footer span i {
	color: #7A8292
}

.comment .author {
	float: left;
	width: 100%
}

.comment .author .name {
	display: inline-block;
	float: left;
	width: 80%;
	margin-left: 3%;
	color: #7A8292
}

.comment .author .date {
	display: inline-block;
	float: left;
	font-size: 11px;
	font-family: "lato_trregular", Helvetica, Arial, sans-serif;
	width: 30%;
	margin-left: 3%;
	color: #7A8292;
	margin-top: 5px
}

.comment .author .name {
	font-family: "lato_trbold", Helvetica, Arial, sans-serif;
	font-size: 13px
}

.comment .author .name i {
	color: #7A8292
}

.comment .author .admin-features {
	font-size: 12px;
	margin-left: 10px;
	color: #A2ABCA;
	position: relative;
	float: right;
	margin-top: -18px;
	margin-right: 10px;
	font-family: "lato_trlight", Helvetica, Arial, sans-serif
}

.comment .author .admin-features .admin-function-icons {
	width: auto;
	float: right;
	display: inline;
	position: relative
}

.comment .author .admin-features .admin-function-icons:before {
	background: #D6D9DE none repeat scroll 0 0;
	content: "";
	height: 14px;
	top: 7px;
	right: auto;
	left: -15px;
	position: absolute;
	width: 1px;
	margin-left: 12px
}

.comment .author .admin-features [class^="sg-"] {
	margin-left: 5px;
	font-size: 18px;
	margin-top: 3px
}

.comment .author .admin-features .sg-ban {
	cursor: default
}

.comment .author .admin-features .sg-trash,
.comment .author .admin-features .sg-write {
	float: right;
	cursor: pointer
}

.comment .author .admin-features .sg-trash {
	margin-top: 4px
}

.comment .author .admin-features .sg-write {
	margin-top: 2px
}

.comment .author .admin-features .comment-complain-button {
	display: inline;
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif
}

.comment .author .admin-features .comment-complain-button span {
	margin-right: 7px;
	cursor: default;
	display: inline-block;
	position: relative
}

.comment .author .admin-features .comment-complain-button .sg-ban {
	cursor: pointer
}

.comment .author .admin-features .comment-complain-button.active .sg-ban {
	cursor: default
}

.comment .author .admin-features .date {
	font-size: 11px;
	margin-top: 4px
}

.comment .author .admin-features .stats-view {
	position: relative;
	float: left;
	margin-right: 10px
}

.comment .author .admin-features .stats-view .tooltip-area {
	display: none;
	position: absolute;
	right: -8px;
	top: 30px;
	left: auto;
	bottom: auto;
	z-index: 1;
	padding: 5px 10px;
	text-align: left;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #7A8292;
	font-family: "lato_trregular", Helvetica, Arial, sans-serif;
	white-space: nowrap;
	color: #fff
}

.comment .author .admin-features .stats-view .tooltip-area:after {
	content: "";
	position: absolute;
	right: 8px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	width: 0;
	height: 0;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #7A8292
}

.comment .author .admin-features .stats-view:hover .tooltip-area {
	display: block
}

.comment .commentar-avatar {
	margin-left: 15px;
	float: left;
	height: 37px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 37px;
	margin-top: -2px
}

.comment .body,
.comment .actions,
.comment .reply-comment {
	float: left;
	margin-left: 11%
}

.comment .replies .actions {
	margin-left: 15%
}

.comment .replies .commentar-avatar {
	margin-left: 14px;
	float: left;
	height: 37px;
	width: 37px;
	margin-top: -3px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.comment .replies .body {
	margin-top: -2px;
	margin-left: 17% !important
}

.comment .replies .editing {
	margin-left: 17% !important
}

.comment .reply-comment {
	width: 77%;
	float: left;
	margin-bottom: 10px
}

.comment .reply-comment textarea {
	margin-left: 1%
}

.comment .reply-comment input[type="text"] {
	width: 100%;
	float: left
}

.comment .reply-comment button {
	color: #fff;
	cursor: pointer;
	display: block;
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	height: auto;
	text-align: center;
	margin-top: 8px;
	padding: 7px 12px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: #3CBC7B;
	margin-left: 17px;
	float: right
}

.comment .reply-comment a.cancel {
	float: right;
	color: #A2ABCA;
	cursor: pointer;
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	text-decoration: underline;
	margin-top: 17px
}

.comment .reply-comment a.cancel:hover {
	color: #A2ABCA !important;
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	text-decoration: underline
}

.comment .complaint {
	color: #A2ABCA;
	font-size: 12px
}

.comment .complaint [class^="sg-"] {
	margin-left: 10px
}

.comment .complaint:before {
	content: "|"
}

.comment .editing {
	margin-bottom: 10px
}

.comment .edit-comment button {
	color: #fff;
	cursor: pointer;
	display: block;
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	height: auto;
	text-align: center;
	margin-top: 8px;
	padding: 7px 12px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: #3CBC7B;
	margin-left: 17px;
	float: right
}

.comment .edit-comment a.cancel {
	float: right;
	color: #A2ABCA;
	cursor: pointer;
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	text-decoration: underline;
	margin-top: 17px
}

.comment .edit-comment a.cancel:hover {
	color: #A2ABCA !important;
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	text-decoration: underline
}

.comment .body {
	width: 77%
}

.comment .body p {
	color: #7A8292;
	line-height: 160% !important;
	font-size: 12px !important
}

.comment .actions {
	width: 77%;
	margin-bottom: 5px;
	margin-top: -3px
}

.comment .actions .default {
	color: #7A8292;
	width: 100%;
	float: left
}

.comment .actions .default .active {
	color: #7A8292
}

.comment .actions .default .active [class^="sg-"] {
	color: #7A8292
}

.comment .actions>ul {
	list-style-type: none;
	float: left;
	margin-top: 5px !important
}

.comment .actions>ul li {
	float: left;
	padding-left: 0px !important
}

.comment .actions>ul li [class^="sg-"] {
	font-size: 16px;
	margin: 0 2px 0 5px;
	color: #A2ABCA
}

.comment .actions>ul li:nth-child(0) {
	margin: 0 2px 0 0px
}

.comment .actions>ul li:before,
.comment .actions>ul li:after {
	width: 0px !important;
	height: 0px !important
}

footer .copy-area {
	position: relative;
	height: 35px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 35px;
	background-color: #fff;
	font: 11px/18px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

footer .copy-area a {
	color: #A2ABCA;
	text-decoration: underline
}

.online-user-count {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 10;
	background-color: #fff
}

.online-user-count .close {
	display: none
}

.online-user-count.active {
	-moz-box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1);
	box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1)
}

.online-user-count.active .close {
	display: block;
	position: absolute;
	right: 10px;
	top: 11px;
	left: auto;
	bottom: auto;
	z-index: 1;
	font-size: 32px;
	color: #fff
}

.online-user-count .online-user-open {
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 10px;
	display: block;
	background: #7A8292;
	color: #fff;
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif
}

.online-user-count .online-user-open span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.online-user-count .online-user-open span.count {
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	margin-right: 3px
}

.online-user-count .online-user-open i {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	margin-right: 10px;
	background: #fff;
	color: #7A8292;
	font-size: 22px;
	text-align: center;
	padding-top: 5px
}

.online-user-count .online-users-area {
	width: 320px;
	background: #fff;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px
}

.online-user-count .online-users-area>div {
	height: 100%;
	max-height: 500px
}

.online-user-count .online-users-area h3 {
	font: 18px "lato_trbold";
	display: block;
	margin-bottom: 10px
}

.online-user-count .online-users-area p {
	display: block;
	margin-bottom: 10px;
	font-size: 11px
}

.online-user-count .online-users-area .online-user-list ul li {
	border: #D6D9DE 1px solid;
	border-left: 0;
	border-right: 0;
	margin-bottom: -1px;
	padding: 10px 0
}

.online-user-count .online-users-area .online-user-list ul li span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font: 13px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.online-user-count .online-users-area .online-user-list ul li span:first-child {
	width: 167px
}

.online-user-count .online-users-area .online-user-list ul li span:last-child {
	text-align: right;
	width: 130px
}

.content-header {
	position: relative
}

.content-header .my-page,
.content-header .feed-area,
.content-header .stats-area {
	display: none
}

.content-header .user-name-area {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	vertical-align: middle;
	width: 180px;
	margin: 0 15px;
	font: 18px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #fff
}

.content-header .notification-area {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	vertical-align: middle;
	height: 50px;
	width: -webkit-calc(100% - 312px);
	width: calc(100% - 312px);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #4A485B
}

.content-header .notification-area .trigger {
	display: inline-block
}

.content-header .notification-area .slick-active {
	width: 100% !important
}

.content-header .notification-area .control {
	position: absolute;
	right: 5px;
	top: 15px
}

.content-header .notification-area .control>a {
	float: left;
	padding: 5px 0 0 0;
	font-size: 22px;
	line-height: 20px;
	color: #7A8292
}

.content-header .notification-area .control>a.hide {
	display: none
}

.content-header .notification-area .notify {
	float: left;
	position: relative
}

.content-header .notification-area .notify>a {
	padding: 5px 0 0 0;
	position: relative;
	margin: 0 8px;
	font-size: 22px;
	line-height: 20px;
	color: #7A8292
}

.content-header .notification-area .notify>a .count {
	display: block;
	position: absolute;
	left: 0px;
	bottom: -23px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 23px;
	height: 23px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #EA6060;
	font: 11px/24px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff;
	text-align: center
}

.content-header .notification-area .notify.active .tooltip-notify {
	display: block
}

.content-header .item {
	overflow: hidden;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px 0 0 3px;
	height: 50px
}

.content-header .item .inline-modal .modal .header span a {
	color: #7A8292
}

.content-header .item .inline-modal .modal .modal-footer a {
	font-size: 11px !important
}

.content-header .item .inline-modal .modal .modal-footer a:nth-child(2) {
	color: #7A8292;
	font-size: 11px !important
}

.content-header .item .notify-icon {
	vertical-align: middle;
	width: 100px;
	height: 50px;
	font-size: 18px;
	line-height: 54px;
	text-align: center;
	color: #fff
}

.content-header .item .label {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	vertical-align: middle;
	margin: 0 18px;
	font: 600 12px/12px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #fff
}

.content-header .item p,
.content-header .item a {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	vertical-align: middle;
	max-width: 500px;
	font: 14px/11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.content-header .item p.null,
.content-header .item a.null {
	font-style: italic;
	color: #7A8292
}

.content-header .item.active {
	display: block
}

.content-header .item.success .notify-icon {
	background-color: #fff
}

.content-header .item.success .label {
	color: #3CBC7B
}

.content-header .item.info .notify-icon {
	background-color: #A2ABCA !important
}

.content-header .item.info .label {
	color: #A2ABCA
}

.content-header .item.warning .notify-icon {
	background-color: #EAB160 !important
}

.content-header .item.warning .label {
	color: #EAB160
}

.content-header .item.danger .notify-icon {
	background-color: #EA6060 !important
}

.content-header .item.danger .label {
	color: #EA6060
}

.content-header.menu-fixed {
	margin-right: -78px;
	padding-left: 77px
}

.fullsize,
.halfsize {
	width: calc(100% + 25px) !important;
	width: -webkit-calc(100% + 25px) !important
}

.mobile-aside {
	*zoom: 1;
	width: -webkit-calc(100% - 75px);
	width: calc(100% - 75px);
	float: left
}

.mobile-aside:after {
	content: "";
	display: table;
	clear: both
}

.mobile-aside .profile {
	float: left;
	border-right: 1px solid #4A485B
}

.mobile-aside .profile img {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: auto;
	height: 75px
}

.mobile-aside .profile h4 {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	word-break: break-word;
	word-wrap: break-word;
	width: 127px;
	margin: 0 10px;
	font: 18px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.mobile-aside .profile h4 span {
	display: block;
	font: 13px "lato_trregular", Helvetica, Arial, sans-serif
}

.mobile-aside .score-view {
	float: left
}

.mobile-aside .score-view li {
	float: left;
	width: 81px;
	height: 75px;
	padding: 10px 0 0;
	border-right: 1px solid #4A485B;
	text-align: center;
	font: 22px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.mobile-aside .score-view li span {
	display: block;
	padding: 4px 10px 0;
	font: 10px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #4A485B
}

.mobile-aside .score-view li i {
	font: italic 11px "lato_trregular", Helvetica, Arial, sans-serif
}

.mobile-aside .score-view li:last-child {
	border-right: none
}

.mobile-aside .score-badge {
	float: left;
	width: -webkit-calc(100% - 368px);
	width: calc(100% - 368px)
}

.mobile-aside .score-badge li {
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	vertical-align: top;
	width: 35px;
	height: 35px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right: 7px
}

.mobile-aside .score-badge li img {
	width: 100%
}

.mobile-aside .score-badge li:last-child {
	margin-right: -3px
}

.mobile-aside .score-badge .score {
	float: left;
	width: 81px;
	height: 75px;
	padding: 10px 5px 0;
	border-right: 1px solid #4A485B;
	text-align: center;
	font: 28px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.mobile-aside .score-badge .score.large-number {
	padding-top: 18px;
	font-size: 18px
}

.mobile-aside .score-badge .score span {
	display: block;
	margin-top: 5px;
	padding: 5px 10px 0;
	border-top: 1px solid #4A485B;
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #4A485B
}

.mobile-aside .score-badge .badge {
	float: left;
	padding-top: 12px;
	width: -webkit-calc(100% - 81px);
	width: calc(100% - 81px);
	text-align: center
}

.mobile-aside .score-badge .badge li {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin: 0 4px 2px 0;
	width: 35px
}

.mobile-aside .score-badge .badge li img {
	display: block;
	width: 100%
}

.mobile-aside .score-badge .badge li .circle {
	overflow: hidden;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.mobile-aside .score-badge .badge li:last-child {
	margin-right: 0
}

.mobile-aside .score-badge .badge a {
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #4A485B;
	text-decoration: underline
}

.mobile-aside .right-nav {
	position: absolute;
	right: 0;
	top: 0;
	left: auto;
	bottom: auto;
	z-index: 1
}

.mobile-aside .right-nav li {
	position: relative;
	float: left;
	padding: 12px 10px 13px;
	border-left: 1px solid #4A485B
}

.mobile-aside .right-nav .notification-area {
	display: block
}

.mobile-aside .right-nav .notification-area .sg-notifications {
	margin: 0px
}

.mobile-aside .right-nav .notification-area span {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: -13px;
	margin-left: 14px
}

.mobile-aside .right-nav a {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	background-color: #4A485B;
	font-size: 24px;
	line-height: 57px;
	padding-left: 1px;
	color: #7A8292;
	text-align: center
}

.mobile-aside .right-nav span {
	position: absolute;
	left: 50%;
	bottom: 0;
	right: auto;
	top: auto;
	z-index: 1;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 22px;
	height: 22px;
	margin-left: -11px;
	background-color: #EA6060;
	font: 11px/22px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #fff;
	text-align: center
}

.subject span {
	display: block;
	color: #EA6060;
	margin-bottom: 4px
}

.subject span:before {
	content: "("
}

.subject span:after {
	content: ")"
}

.recipent-list {
	width: 100%;
	border-bottom: 1px solid #ECEFF1;
	padding: 14px;
	text-align: left;
	float: left
}

.recipent-list span {
	float: left;
	width: 5%;
	font: 13px/22px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA;
	margin-right: 10px
}

.recipent-list ul.recipents {
	width: 90%;
	margin-left: 4px;
	float: left
}

.recipent-list ul.recipents li {
	float: left;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	background-color: #fff;
	color: #A2ABCA
}

.side-menu-holder {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-top: 39px;
	width: 30px;
	position: relative;
	float: left
}

.side-menu-holder .side-menu .menu-btn {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 100%;
	position: relative
}

.side-menu-holder .side-menu .menu-btn .menu-btn-open .menu-btn-line {
	width: 100%;
	height: 4px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #7A8292;
	margin-bottom: 5px;
	display: block
}

.side-menu-holder .side-menu .menu-btn .menu-btn-open .menu-btn-line:last-child {
	margin-bottom: 0px
}

.side-menu-holder .side-menu .menu-btn .menu-btn-close {
	display: block;
	position: absolute;
	z-index: 5;
	color: #7A8292;
	left: 10px;
	top: 28.5px
}

.side-menu-holder .side-menu .menu-btn .menu-btn-close .sg-icon {
	font-size: 40px
}

.side-menu-holder .side-menu .side-menu-content {
	position: absolute;
	left: 0;
	top: 100px;
	right: auto;
	bottom: auto;
	z-index: 1;
	height: -webkit-calc(100% - 100px);
	height: calc(100% - 100px)
}

.side-menu-holder .side-menu .side-menu-content .nano-content>ul {
	border-bottom: 1px solid #7A8292;
	padding: 10px 0
}

.side-menu-holder .side-menu .side-menu-content .nano-content>ul:first-child {
	margin-top: 0
}

.side-menu-holder .side-menu .side-menu-content .nano-content>ul:last-child {
	word-break: break-word;
	word-wrap: break-word;
	border-bottom: none;
	margin-bottom: 0
}

.side-menu-holder .side-menu .side-menu-content .nano-content>ul>li>a {
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	display: block;
	padding: 10px 20px
}

.side-menu-holder .side-menu .side-menu-content .nano-content>ul>li>a:hover {
	color: #7A8292
}

.side-menu-holder .side-menu .side-menu-content .nano-content>ul>li:hover>a {
	background-color: #D6D9DE;
	-webkit-transition: .2s;
	transition: .2s;
	color: #4A485B
}

.side-menu-holder .side-menu .side-menu-content .nano-content>ul>li ul {
	margin: 10px 20px
}

.side-menu-holder .side-menu .side-menu-content .nano-content>ul>li ul li {
	margin-bottom: 5px
}

.side-menu-holder .side-menu .side-menu-content .nano-content>ul>li ul li a {
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.side-menu-holder .side-menu .side-menu-content .nano-content>ul>li ul .all {
	margin-top: 5px;
	color: #fff;
	-webkit-transition: .2s;
	transition: .2s
}

.side-menu-holder .side-menu .side-menu-content .nano-content>ul>li ul .all:hover {
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.side-menu-holder .side-menu .side-menu-content .nano-content>ul>li ul:last-child {
	margin-bottom: 0
}

.side-menu-holder .side-menu.active {
	position: fixed;
	top: 0;
	left: 0;
	overflow: visible;
	z-index: 30;
	width: 400px;
	height: 100%;
	background: #fff;
	-moz-box-shadow: 12px 0 20px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 12px 0 20px rgba(0, 0, 0, 0.1);
	box-shadow: 12px 0 20px rgba(0, 0, 0, 0.1)
}

aside.library-bar {
	float: left
}

aside.filter-bar {
	float: left
}

aside.filter-bar.filter-bar-catalog .sticky-wrapper {
	height: 100% !important
}

aside.request-forms-bar {
	float: left
}

aside,
.flexible-sidebar {
	position: relative;
	float: right;
	width: 295px;
	background-color: #fff
}

aside.transparent,
.flexible-sidebar.transparent {
	background-color: transparent
}

aside.settings-bar,
aside.left,
.flexible-sidebar.settings-bar,
.flexible-sidebar.left {
	float: left
}

aside.settings-bar,
.flexible-sidebar.settings-bar {
	background: #fff !important
}

aside .feed-area-side,
.flexible-sidebar .feed-area-side {
	position: relative
}

aside .my-page,
.flexible-sidebar .my-page {
	position: absolute;
	right: 12px;
	top: 12px;
	left: auto;
	bottom: auto;
	z-index: 1;
	z-index: 3;
	display: block;
	padding: 4px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #A2ABCA;
	font: 10px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff;
	background-color: #4A485B
}

aside .feed-area,
.flexible-sidebar .feed-area {
	position: relative;
	height: 240px;
	background-color: #4A485B
}

aside .feed-area .slick-dots,
.flexible-sidebar .feed-area .slick-dots {
	bottom: 5px;
	margin-bottom: 0
}

aside .feed-area .slider,
.flexible-sidebar .feed-area .slider {
	width: 100%;
	height: 220px;
	position: absolute;
	left: 0;
	top: 16px;
	right: auto;
	bottom: auto;
	z-index: 1;
	z-index: 2
}

aside .feed-area .slider .item,
.flexible-sidebar .feed-area .slider .item {
	outline: none;
	width: 100%;
	height: 190px;
	padding: 0 20px;
	text-align: center
}

aside .feed-area .slider .item .user-info,
.flexible-sidebar .feed-area .slider .item .user-info {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	padding-top: 20%;
	text-align: left;
	padding-left: 20%
}

aside .feed-area .slider .item .user-info h3,
.flexible-sidebar .feed-area .slider .item .user-info h3 {
	margin-bottom: 10px;
	font: 18px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

aside .feed-area .slider .item .user-info h3 span,
.flexible-sidebar .feed-area .slider .item .user-info h3 span {
	display: block;
	font: 13px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

aside .feed-area .slider .item .user-info li,
.flexible-sidebar .feed-area .slider .item .user-info li {
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #fff
}

aside .feed-area .slider .item .user-info li span,
.flexible-sidebar .feed-area .slider .item .user-info li span {
	font: 24px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

aside .feed-area .slider .item.active,
.flexible-sidebar .feed-area .slider .item.active {
	display: block
}

aside .feed-area .slider .item h6,
.flexible-sidebar .feed-area .slider .item h6 {
	text-align: left
}

aside .feed-area .slider .item .photo,
.flexible-sidebar .feed-area .slider .item .photo {
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 124px;
	height: 124px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-top: 22px;
	margin-right: -7px;
	margin-bottom: 5px;
	margin-left: 0
}

aside .feed-area .slider .item .name,
.flexible-sidebar .feed-area .slider .item .name {
	display: block;
	margin-bottom: 2px;
	font: 600 16px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #fff
}

aside .feed-area .slider .item .job,
.flexible-sidebar .feed-area .slider .item .job {
	display: block;
	font: 13px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #fff
}

aside .feed-area .slider .item .order,
.flexible-sidebar .feed-area .slider .item .order {
	margin-top: 40px;
	font: 60px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

aside .feed-area .slider .item .order small,
.flexible-sidebar .feed-area .slider .item .order small {
	display: block;
	font: 13px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #A2ABCA;
	letter-spacing: normal
}

aside .feed-area .slider .item a,
.flexible-sidebar .feed-area .slider .item a {
	display: block;
	font: 13px "lato_trregular", Helvetica, Arial, sans-serif;
	text-decoration: underline;
	color: #A2ABCA;
	letter-spacing: normal
}

aside .feed-area .slider .item .no-badge,
.flexible-sidebar .feed-area .slider .item .no-badge {
	margin: 65px 0 20px;
	font: 16px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #fff
}

aside .feed-area .slider .item .my-badge,
.flexible-sidebar .feed-area .slider .item .my-badge {
	margin: 65px 0 20px
}

aside .feed-area .slider .item .my-badge li,
.flexible-sidebar .feed-area .slider .item .my-badge li {
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	vertical-align: top;
	width: 50px;
	height: 50px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right: 7px
}

aside .feed-area .slider .item .my-badge li img,
.flexible-sidebar .feed-area .slider .item .my-badge li img {
	width: 100%;
	height: 100%
}

aside .feed-area .slider .item .my-badge li:last-child,
.flexible-sidebar .feed-area .slider .item .my-badge li:last-child {
	margin-right: -3px
}

aside .feed-area .slider .item .probable-badge,
.flexible-sidebar .feed-area .slider .item .probable-badge {
	margin: 35px -30px 20px
}

aside .feed-area .slider .item .probable-badge li,
.flexible-sidebar .feed-area .slider .item .probable-badge li {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	vertical-align: top;
	width: 100px;
	border-right: 1px solid #7A8292
}

aside .feed-area .slider .item .probable-badge li .badge,
.flexible-sidebar .feed-area .slider .item .probable-badge li .badge {
	height: 50px;
	text-align: center
}

aside .feed-area .slider .item .probable-badge li .badge img,
.flexible-sidebar .feed-area .slider .item .probable-badge li .badge img {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

aside .feed-area .slider .item .probable-badge li span,
.flexible-sidebar .feed-area .slider .item .probable-badge li span {
	display: block;
	padding: 0 10px;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

aside .feed-area .slider .item .probable-badge li:last-child,
.flexible-sidebar .feed-area .slider .item .probable-badge li:last-child {
	border-right: none
}

aside .feed-area .feed-nav,
.flexible-sidebar .feed-area .feed-nav {
	position: absolute;
	left: 0;
	bottom: 15px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 100%;
	text-align: center
}

aside .feed-area .feed-nav li,
.flexible-sidebar .feed-area .feed-nav li {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-right: 1px
}

aside .feed-area .feed-nav li:last-child,
.flexible-sidebar .feed-area .feed-nav li:last-child {
	margin-right: 0
}

aside .feed-area .feed-nav li a,
.flexible-sidebar .feed-area .feed-nav li a {
	display: block;
	width: 10px;
	height: 10px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: rgba(176, 184, 207, 0.2);
	text-indent: -99999px
}

aside .feed-area .feed-nav li a.active,
.flexible-sidebar .feed-area .feed-nav li a.active {
	background-color: #A2ABCA
}

aside .stats-area,
.flexible-sidebar .stats-area {
	*zoom: 1;
	border-bottom: 1px solid #ECEFF1
}

aside .stats-area:after,
.flexible-sidebar .stats-area:after {
	content: "";
	display: table;
	clear: both
}

aside .stats-area li,
.flexible-sidebar .stats-area li {
	float: left;
	width: 98.333px;
	border-right: 1px solid #ECEFF1;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	text-align: center;
	-webkit-transition: .2s;
	transition: .2s
}

aside .stats-area li:last-child,
.flexible-sidebar .stats-area li:last-child {
	border-right: none
}

aside .stats-area li span,
.flexible-sidebar .stats-area li span {
	display: block;
	font: 28px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #7A8292
}

aside .stats-area li span.large-number,
.flexible-sidebar .stats-area li span.large-number {
	margin: 0 -15px;
	font-size: 20px
}

aside .stats-area li small,
.flexible-sidebar .stats-area li small {
	padding: 13px 15px;
	min-height: 84px;
	display: block;
	position: relative
}

aside .stats-area li .large-number,
.flexible-sidebar .stats-area li .large-number {
	margin-top: 12px !important;
	margin-bottom: 1px !important
}

aside .stats-area li a,
.flexible-sidebar .stats-area li a {
	position: relative;
	display: block;
	min-height: 84px;
	padding: 14px 15px;
	color: #7A8292
}

aside .stats-area li a:before,
.flexible-sidebar .stats-area li a:before {
	display: none;
	content: "";
	position: absolute;
	left: 0;
	top: 1px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 100%;
	height: 7px;
	background-color: #A2ABCA
}

aside .stats-area li a.active:before,
.flexible-sidebar .stats-area li a.active:before {
	display: block
}

aside .stats-area li:hover,
.flexible-sidebar .stats-area li:hover {
	-webkit-transition: .2s;
	transition: .2s;
	background-color: #D6D9DE
}

aside .title-bar,
.flexible-sidebar .title-bar {
	position: relative;
	padding: 20px;
	margin-bottom: 20px;
	color: #7A8292;
	background-color: #D6D9DE
}

aside .videos,
.flexible-sidebar .videos {
	position: relative;
	overflow: hidden
}

aside .videos .video-slider,
.flexible-sidebar .videos .video-slider {
	*zoom: 1;
	width: 100%;
	padding: 0px 20px 0px 20px
}

aside .videos .video-slider:after,
.flexible-sidebar .videos .video-slider:after {
	content: "";
	display: table;
	clear: both
}

aside .videos .video-slider div,
.flexible-sidebar .videos .video-slider div {
	position: relative;
	width: auto;
	height: 190px;
	text-align: center
}

aside .news-list .date,
.flexible-sidebar .news-list .date {
	position: relative;
	padding-bottom: 25px;
	margin-bottom: 20px;
	border-bottom: 1px solid #D6D9DE;
	text-align: center
}

aside .news-list .date span,
.flexible-sidebar .news-list .date span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding: 10px 43px;
	background-color: #D6D9DE;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

aside .news-list .date:after,
.flexible-sidebar .news-list .date:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	right: auto;
	top: auto;
	z-index: 1;
	width: 1px;
	height: 25px;
	margin-left: -0.5px;
	background-color: #D6D9DE
}

aside .news-list li,
.flexible-sidebar .news-list li {
	margin-bottom: 15px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 15px;
	border-bottom: 1px solid #D6D9DE
}

aside .news-list li:last-child,
.flexible-sidebar .news-list li:last-child {
	margin-bottom: 20px
}

aside .news-list li.highlight,
.flexible-sidebar .news-list li.highlight {
	background-color: #ECEFF1;
	margin-top: -15px;
	padding-top: 15px
}

aside .news-list li .photo,
.flexible-sidebar .news-list li .photo {
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 35px;
	height: 35px;
	margin-right: 10px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

aside .news-list li .detail,
.flexible-sidebar .news-list li .detail {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 220px;
	font: 12px/19px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

aside .news-list li .detail a,
.flexible-sidebar .news-list li .detail a {
	font-weight: 600;
	color: #7A8292
}

aside .news-list .spinner,
.flexible-sidebar .news-list .spinner {
	padding-top: 20px;
	padding-bottom: 10px;
	z-index: 1 !important
}

aside .more-btn,
.flexible-sidebar .more-btn {
	margin: 0 auto 20px
}

aside .links-box,
.flexible-sidebar .links-box {
	background-color: #fff;
	margin-bottom: 15px
}

aside .links-box h4,
.flexible-sidebar .links-box h4 {
	position: relative;
	padding: 22px;
	border-bottom: 1px solid #D6D9DE;
	color: #7A8292
}

aside .links-box h4 .sg-icon,
.flexible-sidebar .links-box h4 .sg-icon {
	position: absolute;
	right: 15px;
	top: 12px;
	left: auto;
	bottom: auto;
	z-index: 1;
	width: 43px;
	height: 43px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 4px solid #D6D9DE;
	padding-left: 2px;
	color: #A2ABCA;
	font-size: 18px;
	line-height: 40px;
	text-align: center
}

aside .links-box h4 .sg-icon.sg-tag,
.flexible-sidebar .links-box h4 .sg-icon.sg-tag {
	padding-left: 0;
	line-height: 41px
}

aside .links-box h4 .sg-icon.sg-folders,
.flexible-sidebar .links-box h4 .sg-icon.sg-folders {
	background: url(../img/icon/library-icon.png) no-repeat 9px -37px
}

aside .links-box ul,
.flexible-sidebar .links-box ul {
	border-bottom: 1px solid #D6D9DE;
	margin-bottom: 20px
}

aside .links-box ul:last-child,
.flexible-sidebar .links-box ul:last-child {
	border-bottom: none;
	margin-bottom: 0
}

aside .links-box ul li,
.flexible-sidebar .links-box ul li {
	border-bottom: 1px solid #D6D9DE
}

aside .links-box ul li:first-child,
.flexible-sidebar .links-box ul li:first-child {
	border-top: 1px solid #D6D9DE
}

aside .links-box ul li a,
.flexible-sidebar .links-box ul li a {
	display: block;
	padding: 18px 20px;
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

aside .links-box ul li a.active,
.flexible-sidebar .links-box ul li a.active {
	color: #7A8292
}

aside .links-box ul li a span,
.flexible-sidebar .links-box ul li a span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 230px;
	padding-right: 20px
}

aside .links-box ul li a .sg-icon,
.flexible-sidebar .links-box ul li a .sg-icon {
	float: right;
	margin-top: 3px;
	font-size: 16px;
	color: #A2ABCA
}

aside .links-box ul li.active>a,
aside .links-box ul li:hover>a,
.flexible-sidebar .links-box ul li.active>a,
.flexible-sidebar .links-box ul li:hover>a {
	background-color: #F5F7F9
}

aside .links-box ul li.active>a .sg-plus:before,
aside .links-box ul li .sg-plus.right:after,
.flexible-sidebar .links-box ul li.active>a .sg-plus:before,
.flexible-sidebar .links-box ul li .sg-plus.right:after {
	content: "-"
}

aside .links-box ul li.active>ul,
.flexible-sidebar .links-box ul li.active>ul {
	display: block
}

aside .links-box ul li ul,
.flexible-sidebar .links-box ul li ul {
	display: none;
	position: relative;
	padding-top: 22px;
	padding-right: 0;
	padding-bottom: 22px;
	padding-left: 22px;
	border-top: 1px solid #D6D9DE
}

aside .links-box ul li ul:before,
.flexible-sidebar .links-box ul li ul:before {
	content: "";
	position: absolute;
	left: 22px;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 1px;
	height: 100%;
	background-color: #D6D9DE
}

aside .links-box ul li ul li,
.flexible-sidebar .links-box ul li ul li {
	position: relative;
	border: none;
	margin-bottom: 15px;
	padding-left: 10px
}

aside .links-box ul li ul li:before,
.flexible-sidebar .links-box ul li ul li:before {
	content: "";
	position: absolute;
	left: -2px;
	top: 5px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 5px;
	height: 5px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #D6D9DE
}

aside .links-box ul li ul li:last-child,
.flexible-sidebar .links-box ul li ul li:last-child {
	margin-bottom: 0
}

aside .links-box ul li ul li a,
.flexible-sidebar .links-box ul li ul li a {
	padding-top: 0;
	padding-right: 21px;
	padding-bottom: 0;
	padding-left: 0;
	font-size: 13px
}

aside .links-box ul li ul li a .sg-icon,
.flexible-sidebar .links-box ul li ul li a .sg-icon {
	margin-top: -1px
}

aside .links-box ul li ul li.active>a,
aside .links-box ul li ul li:hover>a,
.flexible-sidebar .links-box ul li ul li.active>a,
.flexible-sidebar .links-box ul li ul li:hover>a {
	background-color: transparent;
	color: #7A8292
}

aside .links-box ul li ul li.active>a .sg-plus:before,
aside .links-box ul li ul li .sg-plus.right:after,
.flexible-sidebar .links-box ul li ul li.active>a .sg-plus:before,
.flexible-sidebar .links-box ul li ul li .sg-plus.right:after {
	content: "-"
}

aside .links-box ul li ul li.active>ul,
.flexible-sidebar .links-box ul li ul li.active>ul {
	display: block
}

aside .links-box ul li ul li ul,
.flexible-sidebar .links-box ul li ul li ul {
	display: none;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	border-top: none
}

aside .links-box ul li ul li ul:before,
.flexible-sidebar .links-box ul li ul li ul:before {
	display: none
}

aside .links-box ul li ul li ul li,
.flexible-sidebar .links-box ul li ul li ul li {
	margin-bottom: 10px
}

aside .links-box ul li ul li ul li:after,
.flexible-sidebar .links-box ul li ul li ul li:after {
	content: "";
	position: absolute;
	left: -20px;
	top: 7px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 20px;
	height: 1px;
	background-color: #D6D9DE
}

aside .links-box ul li ul li ul li .active,
.flexible-sidebar .links-box ul li ul li ul li .active {
	color: #7A8292
}

aside .links-box.library ul li a span i,
.flexible-sidebar .links-box.library ul li a span i {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 25px;
	height: 20px;
	margin-top: 0;
	margin-right: 6px;
	margin-bottom: 5px;
	margin-left: 0;
	background: url(../img/icon/library-icon.png) no-repeat 0 -140px
}

aside .links-box.library ul li.sub a span i,
.flexible-sidebar .links-box.library ul li.sub a span i {
	background-position: 0 -184px;
	width: 29px;
	height: 25px
}

aside .links-box.library ul li.active>ul,
.flexible-sidebar .links-box.library ul li.active>ul {
	padding-bottom: 8px
}

aside .links-box.library ul li.active a span i,
.flexible-sidebar .links-box.library ul li.active a span i {
	background-position: -34px -140px;
	width: 25px;
	height: 20px
}

aside .links-box.library ul li ul:before,
.flexible-sidebar .links-box.library ul li ul:before {
	display: none
}

aside .links-box.library ul li ul li,
.flexible-sidebar .links-box.library ul li ul li {
	padding-left: 24px;
	margin-bottom: 13px
}

aside .links-box.library ul li ul li:before,
.flexible-sidebar .links-box.library ul li ul li:before {
	left: 10px;
	width: 8px;
	height: 1px;
	background-color: #D6D9DE
}

aside .links-box.library ul li ul li:after,
.flexible-sidebar .links-box.library ul li ul li:after {
	content: "";
	position: absolute;
	left: 10px;
	top: -22px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 1px;
	height: 28px;
	background-color: #D6D9DE
}

aside .links-box.library ul li ul li a i,
.flexible-sidebar .links-box.library ul li ul li a i {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 20px;
	height: 16px;
	margin: -5px 6px 0 0;
	background: url(../img/icon/library-icon.png) no-repeat -39px -46px
}

aside .collection-toggle .sg-icon,
.flexible-sidebar .collection-toggle .sg-icon {
	bottom: auto;
	color: #7A8292;
	cursor: pointer;
	font-size: 16px;
	margin-top: 19px;
	position: absolute;
	right: 10px;
	z-index: 1
}

aside .collection-toggle>ul>li .sg-icon,
.flexible-sidebar .collection-toggle>ul>li .sg-icon {
	bottom: auto;
	color: #7A8292;
	cursor: pointer;
	font-size: 16px;
	margin-top: 0px;
	position: absolute;
	right: 10px;
	z-index: 1
}

aside .toplist,
.flexible-sidebar .toplist {
	float: none;
	width: 100%;
	padding: 45px 0 20px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0
}

aside .toplist .tag,
.flexible-sidebar .toplist .tag {
	left: auto;
	right: 15px
}

aside .toplist li,
.flexible-sidebar .toplist li {
	margin-bottom: 12px
}

aside .toplist li span,
.flexible-sidebar .toplist li span {
	float: right
}

aside .toplist li.active-user,
.flexible-sidebar .toplist li.active-user {
	background-color: #A2ABCA
}

aside .toplist .slider-nav,
aside .toplist .slick-dots,
.flexible-sidebar .toplist .slider-nav,
.flexible-sidebar .toplist .slick-dots {
	margin-top: 20px
}

aside .toplist .slider-nav li,
aside .toplist .slick-dots li,
.flexible-sidebar .toplist .slider-nav li,
.flexible-sidebar .toplist .slick-dots li {
	margin-bottom: 0
}

aside .toplist .slider-nav li:last-child,
aside .toplist .slick-dots li:last-child,
.flexible-sidebar .toplist .slider-nav li:last-child,
.flexible-sidebar .toplist .slick-dots li:last-child {
	margin-bottom: 0
}

aside .toplist .slider-nav li a,
aside .toplist .slider-nav li button,
aside .toplist .slick-dots li a,
aside .toplist .slick-dots li button,
.flexible-sidebar .toplist .slider-nav li a,
.flexible-sidebar .toplist .slider-nav li button,
.flexible-sidebar .toplist .slick-dots li a,
.flexible-sidebar .toplist .slick-dots li button {
	width: 10px;
	height: 10px
}

aside .toplist .slider-area .slider-item,
.flexible-sidebar .toplist .slider-area .slider-item {
	width: 265px
}

.main {
	float: left;
	width: 800px
}

.main.full {
	width: 100%
}

.main.settings-content,
.main.library-content,
.main.catalog-content,
.main.request-form-content {
	float: right;
	background-color: #fff
}

.main-full-width {
	width: 100%
}

.library-content .modal .body {
	height: 300px
}

.positioning-reset {
	right: 60px !important
}

.other.active {
	border-bottom: 5px solid #A2ABCA
}

.export-option-area {
	width: 100%;
	height: 100%;
	background: #D6D9DE
}

.export-option-area.active {
	cursor: pointer
}

.export-option-area.active .transfer-options {
	cursor: pointer
}

.export-option-area.active .transfer-options .options-area {
	display: block
}

.export-option-area.active .transfer-options .options-area .export-spinner {
	padding: 20px 0px
}

.export-option-area .transfer-options .options-area ul li a i.red {
	color: #EA6060 !important
}

.export-option-area .transfer-options .options-area ul li a i.green {
	color: #3CBC7B !important
}

.education-box .completed>li:nth-child(3) {
	position: static;
	width: auto;
	color: #A2ABCA
}

.education-box .paging-row {
	background: #fff;
	padding: 10px;
	overflow: hidden;
	margin-bottom: 20px
}

.education-box .paging-row .pager {
	margin-top: 0px
}

.education-box .paging-row .pager .pagination {
	margin-right: 0
}

.education-box .tools .total-point {
	font-family: "lato_trbold", Helvetica, Arial, sans-serif;
	background: none;
	color: #A2ABCA;
	display: block;
	font-size: 10px;
	margin-top: 7px
}

.education-box .tools .total-point span {
	display: inline-block
}

.education-box .tools .total-point span:last-child strong {
	font-family: "lato_trbold", Helvetica, Arial, sans-serif
}

.education-box .tools .completion-status {
	background: none;
	float: none;
	font-family: "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA;
	display: block;
	font-size: 10px;
	margin-top: 2px;
	width: auto
}

.education-box .tools .completion-status i {
	font-family: "lato_trlight", Helvetica, Arial, sans-serif
}

.education-box .tools .title {
	display: none
}

.education-box .tools .open-ended .date-display span:nth-child(1) {
	font-size: 14px;
	width: 22px;
	height: 3px;
	background: #D6D9DE;
	display: block
}

.education-box .tools .open-ended .readable-date-display {
	margin-bottom: 0 !important
}

.education-box .tools .open-ended .readable-date-display>span:nth-child(1) {
	display: inline;
	font-size: 10px !important;
	color: #7A8292
}

.education-box .tools .open-ended .readable-date-display>span:nth-child(2) {
	display: inline;
	font-size: 10px !important;
	color: #7A8292
}

.education-box .tools .expired .counter {
	width: 58%;
	color: #7A8292 !important
}

.education-box .tools .expired .counter i,
.education-box .tools .expired .counter span {
	float: left
}

.education-box .tools .expired .counter span:nth-child(2) {
	color: #D6D9DE !important
}

.education-box .tools .expired .counter [class^="sg-"] {
	margin-top: 6px;
	margin-right: 15px;
	color: #D6D9DE !important
}

.education-box .tools .expired .tooltip-area p span:nth-child(1) {
	font-size: 11px;
	color: #fff
}

.education-box .tools .expired .readable-date-display>span:nth-child(1) {
	display: inline;
	color: #7A8292;
	font-size: 10px !important
}

.education-box .tools .expired .readable-date-display>span:nth-child(2) {
	display: inline;
	color: #7A8292 !important;
	font-size: 10px !important
}

.education-box .tools .expired span .sg-stopwatch {
	font-size: 16px;
	color: #EA6060;
	width: 16px;
	height: 16px
}

.education-box .tools .expired span.expired-text {
	font-size: 11px;
	color: #EA6060;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-top: 3px
}

.education-box .tools .pending {
	text-align: center;
	margin-top: -5px
}

.education-box .tools .pending .critical-tooltip {
	bottom: 9px
}

.education-box .tools .pending .counter i,
.education-box .tools .pending .counter span {
	float: left
}

.education-box .tools .pending .counter [class^="sg-"] {
	margin-top: 6px;
	margin-right: 15px
}

.education-box .tools .pending .tooltip-area p span:nth-child(1) {
	font-size: 11px;
	color: #fff
}

.education-box .tools .pending .readable-date-display {
	margin-bottom: 14px;
	margin-top: 20px
}

.education-box .tools .pending .readable-date-display>span:nth-child(1) {
	display: inline;
	font-size: 10px !important
}

.education-box .tools .pending .readable-date-display>span:nth-child(2) {
	display: inline;
	font-size: 10px !important
}

.education-box .tools .pending span .sg-stopwatch {
	margin-top: 0px;
	margin-bottom: 0px
}

.education-box .tools .pending span:nth-child(1) {
	color: #A2ABCA;
	font-size: 22px;
	margin: auto
}

.education-box .tools .pending span:nth-child(2) {
	font-size: 11px;
	display: block;
	color: #A2ABCA !important;
	margin: auto
}

.education-box .tools .pending span:nth-child(3) {
	font-family: "lato_trbold", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	display: block;
	color: #A2ABCA !important;
	margin: 5px auto
}

.education-box .tools .later {
	margin-top: -18px
}

.education-box .tools .later .counter span {
	color: #A2ABCA !important
}

.education-box .tools .later .critical-tooltip {
	bottom: 22px
}

.education-box .tools .later .date-unit {
	background: url("../img/icon/sprite-time-unit.png") no-repeat;
	background-position: -229px 0px;
	width: 80px;
	height: 80px;
	margin: auto
}

.education-box .tools .later .date-display {
	font-family: "lato_trlight", Helvetica, Arial, sans-serif;
	font-size: 11px
}

.education-box .tools .later .date-display span {
	display: block;
	color: #A2ABCA;
	text-transform: uppercase
}

.education-box .tools .later .date-display span:nth-child(1) {
	font-family: "lato_trbold", Helvetica, Arial, sans-serif;
	font-size: 19px
}

.education-box .tools .soon .critical-tooltip {
	bottom: 22px
}

.education-box .tools .soon .date-display span {
	color: #EAB160
}

.education-box .tools .soon .readable-date-display>span:nth-child(1) {
	display: inline;
	font-size: 11px !important;
	color: #D6D9DE
}

.education-box .tools .soon .readable-date-display>span:nth-child(2) {
	display: inline;
	font-size: 11px !important;
	color: #D6D9DE
}

.education-box .tools .very-soon .critical-tooltip {
	bottom: 22px
}

.education-box .tools .very-soon .date-display span {
	color: #EA6060
}

.education-box .tools .very-soon .readable-date-display>span:nth-child(1) {
	display: inline;
	font-size: 10px !important;
	color: #A2ABCA
}

.education-box .tools .very-soon .readable-date-display>span:nth-child(2) {
	display: inline;
	font-size: 10px !important;
	color: #A2ABCA
}

.education-box .transfer-options {
	position: relative;
	padding: 26.5px 15.5px
}

.education-box .transfer-options>.sg-icon {
	width: 15px;
	height: 15px;
	line-height: 17px;
	font-size: 16px;
	display: block;
	margin: auto
}

.education-box .transfer-options .options-area {
	display: none;
	position: absolute;
	right: 0px;
	top: 70px;
	left: auto;
	bottom: auto;
	z-index: 1;
	width: 200px;
	max-width: 200px;
	padding: 10px 0 !important;
	background-color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #D6D9DE;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08)
}

.education-box .transfer-options .options-area:after,
.education-box .transfer-options .options-area:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 23px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.education-box .transfer-options .options-area:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.education-box .transfer-options .options-area h6 {
	padding: 15px;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.education-box .transfer-options .options-area a {
	display: block;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 12px;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.education-box .transfer-options .options-area a .sg-icon {
	height: 20px;
	margin-right: 10px;
	font-size: 22px;
	line-height: 22px;
	color: #A2ABCA
}

.education-box .transfer-options .options-area a:hover {
	background-color: #D6D9DE
}

.education-box .transfer-options.active:after {
	content: "";
	position: absolute;
	left: -30px;
	bottom: -12px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 67px;
	height: 25px
}

.education-box .transfer-options.active .options-area {
	display: block
}

.education-box .title-bar {
	*zoom: 1;
	position: relative;
	background-color: #fff;
	-webkit-transition: .2s;
	transition: .2s
}

.education-box .title-bar:after {
	content: "";
	display: table;
	clear: both
}

.education-box .title-bar.row {
	margin: 0 0 7px 0 !important
}

.education-box .title-bar.row>div {
	padding: 0 !important
}

.education-box .title-bar .all {
	margin: 25px 25px 0 0
}

.education-box .title-bar .tab li {
	border-right-color: #D6D9DE;
	-webkit-transition: .2s;
	transition: .2s
}

.education-box .title-bar .tab li:hover {
	background-color: #D6D9DE;
	-webkit-transition: .2s;
	transition: .2s
}

.education-box .title-bar .tab.row {
	margin: 0 !important
}

.education-box .title-bar .tab.row li {
	padding: 0 !important
}

.education-box .title-bar .tab.row li .ss-dropdown {
	font-size: 13px;
	position: absolute;
	right: 4px;
	top: 24px;
	left: auto;
	bottom: auto;
	z-index: 1;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	background: #7A8292;
	color: #fff;
	text-align: center;
	line-height: 31px
}

.education-box .title-bar .tab.row li .tab-tooltip {
	width: 100%;
	height: 100%
}

.education-box .title-bar .tab.row li .tab-tooltip.active {
	background-color: #7A8292
}

.education-box .title-bar .tab.row li .tab-tooltip.active>a {
	color: #fff !important
}

.education-box .title-bar .tab.row li .tab-tooltip a {
	height: 100%
}

.education-box .title-bar .tab.row li .tab-tooltip .other-option {
	width: 100%
}

.education-box .title-bar .tab.row li .tab-tooltip .other-option ul li a:hover {
	background: #D6D9DE;
	color: #7A8292
}

.education-box .title-bar .tab.row li .tab-tooltip .other-option ul li a.active:hover {
	background: #7A8292;
	color: #fff
}

.education-box .title-bar .tab.row li .tab-tooltip .other-option:before,
.education-box .title-bar .tab.row li .tab-tooltip .other-option:after {
	left: auto;
	right: 8px
}

.education-box .status-tooltip {
	display: none;
	position: absolute;
	left: 30px;
	bottom: auto;
	z-index: 5;
	margin-top: 34px;
	padding: 15px 20px;
	background-color: #A2ABCA;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff;
	-moz-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	-webkit-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09)
}

.education-box .status-tooltip h6 {
	color: #fff !important
}

.education-box .status-tooltip:after {
	content: "";
	position: absolute;
	left: -15px;
	top: 12px;
	border: 8px solid transparent;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 8px solid #A2ABCA
}

.education-box .activity-grid-row {
	*zoom: 1;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
	position: relative;
	width: 100%;
	margin: 0 0 8px 0 !important;
	background: #fff;
	min-height: 150px
}

.education-box .activity-grid-row:after {
	content: "";
	display: table;
	clear: both
}

.education-box .activity-grid-row:last-child {
	border-bottom: none
}

.education-box .activity-grid-row .col-padding-top {
	padding-top: 4px
}

.education-box .activity-grid-row .col-right-border {
	border-right: #D6D9DE 1px solid
}

.education-box .activity-grid-row .category-tag {
	position: absolute;
	bottom: 8px
}

.education-box .activity-grid-row .category-tag li {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #ECEFF1;
	padding: 3px 10px;
	font: 10px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292;
	width: auto;
	margin-bottom: 2px;
	display: inline-block
}

.education-box .activity-grid-row .category-tag li:nth-child(2n+2) {
	padding: 3px 0px;
	background: none
}

.education-box .activity-grid-row .category-tag li:nth-child(2n+2) .sg-icon {
	font-size: 13px !important;
	margin-top: 2px;
	margin-right: -2px;
	margin-left: -3px;
	color: #7A8292
}

.education-box .activity-grid-row .category-tag li:last-child {
	display: none
}

.education-box .activity-grid-row .activity-grid-plan {
	margin-top: 5px
}

.education-box .activity-grid-row .activity-grid-plan .learning {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 3px 10px;
	font-size: 10px;
	background: #44B4E3;
	color: #fff
}

.education-box .activity-grid-row .activity-grid-unit-count {
	width: 100%;
	display: inline-block;
	font-size: 10px;
	color: #7A8292;
	margin: 5px 0;
	-webkit-text-size-adjust: 100%
}

.education-box .activity-grid-row .activity-grid-unit-count strong {
	font-size: 12px
}

.education-box .activity-grid-row .activity-grid-unit-count span:last-child {
	display: none
}

.education-box .activity-grid-row .activity-grid-session {
	color: #EA6060;
	margin: 5px 0 15px 0
}

.education-box .activity-grid-row .activity-grid-session i {
	font-size: 28px;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: -2px;
	color: #EA6060
}

.education-box .activity-grid-row .activity-grid-session .session-info {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-top: -7px;
	width: 90%
}

.education-box .activity-grid-row .activity-grid-session .session-info p span {
	display: block
}

.education-box .activity-grid-row .activity-grid-score-certificate {
	display: block;
	margin-bottom: 15px
}

.education-box .activity-grid-row .activity-grid-score-certificate .activity-grid-certificate {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-left: 5px;
	position: relative
}

.education-box .activity-grid-row .activity-grid-score-certificate .activity-grid-certificate .certificate-icon {
	width: 49px;
	height: 31px;
	background: url(../img/icon/sertifika_v20003.png) no-repeat bottom center;
	display: block;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.education-box .activity-grid-row .activity-grid-score-certificate .activity-grid-certificate .tooltip {
	display: none;
	position: absolute;
	right: -50px;
	top: 40px;
	left: auto;
	bottom: auto;
	z-index: 1;
	z-index: 5;
	padding: 10px;
	background-color: #7A8292;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff;
	width: 185px;
	-moz-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	-webkit-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09)
}

.education-box .activity-grid-row .activity-grid-score-certificate .activity-grid-certificate .tooltip:after {
	content: "";
	position: absolute;
	right: 65px;
	top: -15px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #7A8292
}

.education-box .activity-grid-row .activity-grid-score-certificate .activity-grid-certificate.disabled .certificate-icon {
	background-position: top center
}

.education-box .activity-grid-row .activity-grid-score-certificate .activity-grid-certificate.disabled:hover .tooltip {
	display: block
}

.education-box .activity-grid-row .activity-grid-score-certificate .activity-grid-score {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.education-box .activity-grid-row .activity-grid-score-certificate .activity-grid-score span {
	display: block;
	font: 11px "lato_trregular"
}

.education-box .activity-grid-row .activity-grid-score-certificate .activity-grid-score span.score-point {
	color: #7A8292;
	font: 25px "lato_trblack";
	height: 29px
}

.education-box .activity-grid-row .activity-grid-score-certificate .activity-grid-score span.score-point .score-point-line {
	background: #ECEFF1;
	height: 4px;
	width: 50%;
	margin: 14px auto 10px
}

.education-box .activity-grid-row .row-status {
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1;
	height: 100%;
	width: 3.125%;
	font: 11px/28px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #fff;
	background-color: #fff
}

.education-box .activity-grid-row .row-status span {
	position: absolute;
	left: 50%;
	top: 50%;
	right: auto;
	bottom: auto;
	z-index: 1;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	white-space: pre
}

.education-box .activity-grid-row .row-status.required {
	background-color: #EA6060
}

.education-box .activity-grid-row .row-status.new {
	background-color: #EAB160
}

.education-box .activity-grid-row .row-status.warning {
	background: #fc9d3f;
	background: -moz-linear-gradient(-45deg, #fc9d3f 0%, #fc9d3f 49%, #ea6060 54%, #ea6060 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #fc9d3f), color-stop(54%, #fc9d3f), color-stop(51%, #ea6060), color-stop(100%, #ea6060));
	background: -webkit-linear-gradient(-45deg, #fc9d3f 0%, #fc9d3f 49%, #ea6060 54%, #ea6060 100%);
	background: -o-linear-gradient(-45deg, #fc9d3f 0%, #fc9d3f 49%, #ea6060 54%, #ea6060 100%);
	background: -ms-linear-gradient(-45deg, #fc9d3f 0%, #fc9d3f 49%, #ea6060 54%, #ea6060 100%);
	background: linear-gradient(102deg, #fc9d3f 0%, #fc9d3f 49%, #ea6060 54%, #ea6060 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$main-orange', endColorstr='$main-red', GradientType=1)
}

.education-box .activity-grid-row .row-status:hover .status-tooltip {
	display: block
}

.education-box .activity-grid-row .detail h4 {
	word-break: break-word;
	word-wrap: break-word;
	line-height: 20px;
	padding-top: 2px
}

.education-box .activity-grid-row .detail h4 a {
	color: #4A485B
}

.education-box .activity-grid-row .tools .date-display {
	margin-bottom: 9px
}

.education-box .activity-grid-row .tools .date-display .hidden {
	visibility: hidden;
	display: none !important
}

.education-box .activity-grid-row .tools .date-display span {
	font-size: 11px
}

.education-box .activity-grid-row .tools .date-display .no-time-limit {
	font-family: "lato_trbold", Helvetica, Arial, sans-serif
}

.education-box .activity-grid-row .tools .readable-date-display {
	color: #7A8292;
	font-size: 11px
}

.education-box .activity-grid-row .tools .readable-date-display .activity-date-start {
	line-height: 18px;
	margin-bottom: 3px
}

.education-box .activity-grid-row .tools .readable-date-display .activity-date-start span:first-child {
	font-family: "lato_trbold", Helvetica, Arial, sans-serif
}

.education-box .activity-grid-row .tools .readable-date-display .activity-date-finish {
	line-height: 18px
}

.education-box .activity-grid-row .tools .readable-date-display .activity-date-finish span:first-child {
	font-family: "lato_trbold", Helvetica, Arial, sans-serif
}

.education-box .activity-grid-row .tools .activity-grid-action .activity-completion-status {
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292;
	margin-bottom: 5px
}

.education-box .activity-grid-row .tools .activity-grid-action .activity-success-status {
	font-size: 10px;
	display: block;
	margin-bottom: 5px
}

.education-box .activity-grid-row .tools .activity-grid-action .activity-success-status.success {
	color: #3CBC7B
}

.education-box .activity-grid-row .tools .activity-grid-action .activity-success-status.failed {
	color: #EA6060
}

.education-box .activity-grid-row .tools .activity-grid-action .btn {
	left: 45%;
	margin-left: -56px;
	width: 130px;
	bottom: 0px;
	position: absolute;
	-webkit-transition: .2s;
	transition: .2s
}

.education-box .activity-grid-row .tools .activity-grid-action .btn:first-child {
	margin-bottom: 5px
}

.education-box .activity-grid-row .tools .activity-grid-action .btn.default {
	background: #7A8292
}

.education-box .activity-grid-row .tools .activity-grid-action .btn.default:hover {
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.education-box .activity-grid-row .tools .activity-grid-action .btn.green {
	background: #3CBC7B
}

.education-box .activity-grid-row .tools .activity-grid-action .btn.green:hover {
	background: #3CBC7B;
	background: rgba(60, 188, 123, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.education-box .activity-grid-row .tools .activity-grid-action .btn.btn-small {
	font: 14px "lato_trbold";
	min-width: 130px !important
}

.education-box .activity-grid-row .tools .activity-grid-action .btn.btn-small.disabled {
	position: relative
}

.education-box .activity-grid-row .timer,
.education-box .activity-grid-row .date {
	position: relative;
	float: left;
	width: 60px;
	min-height: 1px;
	margin-top: 6px;
	margin-right: 45px;
	margin-bottom: 0;
	margin-left: 0;
	font: 20px/20px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #D6D9DE;
	text-align: center
}

.education-box .activity-grid-row .timer span,
.education-box .activity-grid-row .date span {
	display: block;
	font: 11px/11px "lato_trregular", Helvetica, Arial, sans-serif
}

.education-box .activity-grid-row .timer.required,
.education-box .activity-grid-row .timer.expired,
.education-box .activity-grid-row .date.required,
.education-box .activity-grid-row .date.expired {
	color: #EA6060;
	border-color: #EA6060
}

.education-box .activity-grid-row .timer.new,
.education-box .activity-grid-row .date.new {
	color: #EAB160
}

.education-box .activity-grid-row .timeless {
	position: relative;
	float: left;
	width: 60px;
	min-height: 1px;
	margin-top: 6px;
	margin-right: 45px;
	margin-bottom: 0;
	margin-left: 0;
	font: 20px/20px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #D6D9DE;
	top: 19px;
	text-align: center
}

.education-box .activity-grid-row .timeless span {
	display: block;
	font: 11px/11px "lato_trregular", Helvetica, Arial, sans-serif
}

.education-box .activity-grid-row .timeless span:before {
	content: "";
	width: 20px;
	position: absolute;
	height: 2px;
	background: #D6D9DE;
	left: 20px;
	right: auto;
	top: -15px
}

.education-box .activity-grid-row .not-started {
	position: relative;
	float: left;
	width: 60px;
	min-height: 1px;
	margin-top: 6px;
	margin-right: 45px;
	margin-bottom: 0;
	margin-left: 0;
	font: 20px/20px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #D6D9DE;
	text-align: center
}

.education-box .activity-grid-row .not-started i {
	margin-bottom: 5px
}

.education-box .activity-grid-row .not-started span {
	display: block;
	font: 11px/11px "lato_trregular", Helvetica, Arial, sans-serif;
	line-height: 15px
}

.education-box .activity-grid-row .not-started.required,
.education-box .activity-grid-row .not-started.expired {
	color: #EA6060;
	border-color: #EA6060
}

.education-box .activity-grid-row .not-started .long-text {
	width: 80px;
	margin-left: -10px;
	line-height: 15px
}

.education-box .activity-grid-row .date {
	margin-top: -8px;
	padding: 9px 0;
	border: 6px solid #D6D9DE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #A2ABCA
}

.education-box .activity-grid-row .date span {
	font-size: 10px;
	line-height: 10px
}

.education-box .activity-grid-row .date:before,
.education-box .activity-grid-row .date:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -24px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 0;
	height: 0;
	margin-left: -9px;
	border: 9px solid transparent;
	border-bottom: 9px solid #D6D9DE
}

.education-box .activity-grid-row .date:after {
	top: -22px;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.education-box .activity-grid-row .date .critical-tooltip {
	bottom: -12px
}

.education-box .activity-grid-row .play-btn {
	float: right;
	width: 43px;
	height: 43px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #A2ABCA;
	padding-left: 5px;
	text-align: center;
	font-size: 13px;
	line-height: 46px;
	color: #fff
}

.education-box .activity-grid-row .play-btn.active {
	background-color: #3CBC7B
}

.education-box .activity-grid-row .row-icon {
	position: absolute;
	right: 10px;
	top: 10px;
	left: auto;
	bottom: auto;
	z-index: 1;
	font-size: 14px;
	color: #ECEFF1
}

.education-box .activity-grid-row .row-icon.ss-icon {
	font-size: 16px
}

.education-box .activity-grid-row .more-btn {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px
}

.placeholder-masonary {
	float: left;
	height: 375px
}

.masonry-area {
	position: relative;
	width: -webkit-calc(100% - 250px);
	width: calc(100% - 250px);
	float: left
}

.masonry-area.full {
	width: -webkit-calc(100% + 25px);
	width: calc(100% + 25px)
}

.masonry-area .masonry-item {
	float: left;
	background-color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 250px;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 25px;
	margin-left: 0
}

.masonry-area .masonry-item.tweet {
	background-color: #44B4E3
}

.masonry-area .masonry-item.tweet .box .tool {
	margin: 0 0 4px
}

.masonry-area .masonry-item.tweet .box .tool .sr-icon {
	float: left;
	height: 15px;
	margin-top: 7px;
	font-size: 18px;
	line-height: 20px;
	color: #fff
}

.masonry-area .masonry-item.tweet .box .tool .sg-star,
.masonry-area .masonry-item.tweet .box .tool .ss-star {
	color: #44B4E3
}

.masonry-area .masonry-item.tweet .box .tool .sg-star.active,
.masonry-area .masonry-item.tweet .box .tool .ss-star.active {
	color: #fff
}

.masonry-area .masonry-item.tweet .box .date {
	font-family: "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.masonry-area .masonry-item.tweet .box .date a {
	font-size: 10px;
	text-decoration: underline;
	color: #fff
}

.masonry-area .masonry-item.tweet .box .date span {
	font-style: italic
}

.masonry-area .masonry-item.tweet .box p {
	margin: 35px 0 0;
	font-family: "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.masonry-area .masonry-item.tweet .box a {
	color: #fff
}

.masonry-area .masonry-item .box-module .module-content {
	padding: 5px
}

.masonry-area .masonry-item .box-module .module-item {
	border: none;
	height: auto;
	padding-bottom: 35px
}

.masonry-area .masonry-item .box-module .module-item .stats {
	bottom: 5px
}

.masonry-area .box {
	position: relative;
	overflow: hidden;
	padding: 25px;
	height: 300px
}

.masonry-area .box.no-img .tag {
	background-color: transparent;
	border: 1px solid #D6D9DE;
	color: #D6D9DE
}

.masonry-area .box .tool {
	*zoom: 1;
	margin-bottom: 12px
}

.masonry-area .box .tool:after {
	content: "";
	display: table;
	clear: both
}

.masonry-area .box .tool .tag {
	float: left;
	margin: 0;
	position: static
}

.masonry-area .box .tool .sg-star,
.masonry-area .box .tool .ss-star {
	float: right;
	width: 26px;
	height: 26px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	z-index: 3;
	font-size: 18px;
	line-height: 30px;
	color: #ECEFF1;
	text-decoration: none;
	text-align: center
}

.masonry-area .box .tool .sg-star.active:before,
.masonry-area .box .tool .sg-star.active.right:after,
.masonry-area .box .tool .ss-star.active:before,
.masonry-area .box .tool .ss-star.active.right:after {
	font-family: "SSStandard";
	color: #EAB160
}

.masonry-area .box img {
	width: 100%;
	margin-bottom: 15px
}

.masonry-area .box .date {
	display: block;
	margin-bottom: 5px;
	font: 10px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #D6D9DE
}

.masonry-area .box h5 {
	line-height: 20px
}

.masonry-area .box h5 a {
	font: 600 15px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #4A485B;
	text-decoration: none
}

.masonry-area .box p {
	margin: 12px 0 0;
	font: 12px/17px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.masonry-area .box p a {
	font: 12px/17px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292;
	text-decoration: none
}

.masonry-area .box a {
	text-decoration: underline;
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.masonry-area .stats {
	width: 100%;
	padding: 15px 25px
}

.masonry-area .stats .stats-left,
.masonry-area .stats .stats-right {
	display: inline-block;
	vertical-align: middle
}

.masonry-area .stats .stats-left i,
.masonry-area .stats .stats-right i {
	position: relative
}

.masonry-area .stats .stats-left i .inner,
.masonry-area .stats .stats-right i .inner {
	display: none;
	position: absolute;
	left: -10px;
	bottom: 130%;
	right: auto;
	top: auto;
	z-index: 1;
	z-index: 5;
	padding: 12px;
	background-color: #7A8292;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.masonry-area .stats .stats-left i .inner:after,
.masonry-area .stats .stats-right i .inner:after {
	content: "";
	position: absolute;
	left: 10px;
	bottom: -16px;
	right: auto;
	top: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-top: 8px solid #7A8292
}

.masonry-area .stats .stats-left i:hover .inner,
.masonry-area .stats .stats-right i:hover .inner {
	display: block
}

.masonry-area .stats .stats-right {
	float: right
}

.masonry-area .stats span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	vertical-align: top;
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292;
	margin-left: 10px
}

.masonry-area .stats .sg-icon {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font-size: 16px;
	color: #A2ABCA;
	margin-top: -2px;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0
}

.toplist {
	position: relative;
	overflow: hidden;
	float: right;
	width: 250px;
	padding: 60px 0 15px;
	background-color: #4A485B;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff
}

.toplist .tag {
	background-color: transparent;
	color: #fff;
	border: 1px solid #7A8292
}

.toplist .sg-star,
.toplist .ss-star {
	position: absolute;
	right: 10px;
	top: 10px;
	left: auto;
	bottom: auto;
	z-index: 1;
	width: 26px;
	height: 26px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	opacity: .3;
	z-index: 3;
	font-size: 18px !important;
	line-height: 30px !important;
	color: #fff !important;
	text-decoration: none !important;
	text-align: center
}

.toplist .sg-star.active,
.toplist .ss-star.active {
	opacity: 1;
	background-color: #EAB160
}

.toplist .date {
	display: block;
	margin-bottom: 5px;
	font: 10px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.toplist h4 {
	margin-bottom: 25px;
	color: #fff;
	display: inline-block
}

.toplist .top-list-description {
	float: right;
	position: relative;
	height: 15px
}

.toplist .top-list-description .ss-icon.ss-help {
	color: #A2ABCA;
	font-size: 15px;
	margin-top: 2px;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.toplist .top-list-description .tooltip-area {
	display: none;
	position: absolute;
	right: -8px;
	top: 30px;
	left: auto;
	bottom: auto;
	z-index: 1;
	width: 250px;
	padding: 15px;
	text-align: left;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #7A8292
}

.toplist .top-list-description .tooltip-area:after {
	content: "";
	position: absolute;
	right: 8px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	width: 0;
	height: 0;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #7A8292
}

.toplist .top-list-description .tooltip-area .scrollbar {
	max-height: 250px;
	-webkit-overflow-scrolling: touch;
	line-height: 15px;
	margin-bottom: 0px
}

.toplist .top-list-description:hover .tooltip-area {
	display: block
}

.toplist li {
	margin-bottom: 15px;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.toplist li span {
	display: block;
	margin-top: 2px;
	font-size: 11px;
	color: #A2ABCA
}

.toplist li.active-user {
	margin: 10px -15px;
	padding: 20px 15px;
	background-color: #4A485B
}

.toplist li.active-user span {
	color: #fff
}

.toplist .slider-area {
	*zoom: 1
}

.toplist .slider-area:after {
	content: "";
	display: table;
	clear: both
}

.toplist .slider-area .slider-item {
	float: left;
	width: 220px;
	margin: 0 15px;
	outline: none
}

.toplist .slider-nav,
.toplist .slick-dots {
	margin: 30px 0 0
}

.toplist .slider-nav li:last-child,
.toplist .slick-dots li:last-child {
	background-color: transparent;
	padding: 0;
	margin: 0 0 15px
}

.unit-badge {
	position: absolute;
	text-align: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	color: #fff;
	background: #A2ABCA;
	right: -10px;
	bottom: -7px;
	left: auto;
	top: auto;
	line-height: 24px;
	font-family: "lato_trbold", Helvetica, Arial, sans-serif;
	font-size: 12px
}

.unit-badge:hover {
	cursor: pointer;
	background: #828eb7
}

.activity-area .info span {
	position: relative
}

.activity-area .unit-area-container .unit-area {
	background-color: #fff;
	padding: 0 20px 20px;
	margin-bottom: 20px
}

.course-item .more {
	position: relative;
	display: inline-block !important;
	margin-left: 4px
}

.course-item .more .ss-icon {
	height: 0px;
	font-size: 10px;
	line-height: 8px;
	color: #4A485B;
	cursor: pointer
}

.course-item .more .more-detail {
	display: none;
	position: absolute;
	left: -95px;
	top: 25px;
	right: auto;
	bottom: auto;
	z-index: 1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	z-index: 6;
	width: 200px;
	padding: 15px 25px 25px 25px;
	background-color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #D6D9DE;
	text-align: left;
	font-size: 13px;
	cursor: pointer;
	-moz-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	-webkit-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09)
}

.course-item .more .more-detail:after,
.course-item .more .more-detail:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	top: -16px;
	right: auto;
	bottom: auto;
	z-index: 1;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.course-item .more .more-detail:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.course-item .more .more-detail strong {
	display: block;
	font: 18px "lato_trbold", Helvetica, Arial, sans-serif
}

.course-item .more .more-detail span {
	display: block;
	margin-top: 20px
}

.course-item .more.active .more-detail {
	display: block
}

.course-item li {
	position: relative;
	float: left;
	padding: 0 15px;
	border-right: 1px solid #ECEFF1
}

.course-item li:first-child {
	padding-left: 0
}

.course-item li:last-child {
	border-right: 0
}

.course-item li span {
	display: block;
	font: 22px/19px "lato_trblack", Helvetica, Arial, sans-serif
}

.course-item li .certificate {
	display: block;
	width: 30px;
	height: 38px;
	background: url(../img/icon/file-icon.png) no-repeat 0 0;
	text-indent: -99999px
}

.course-item li .tooltip-inner {
	display: none;
	position: absolute;
	right: 5px;
	top: 50px;
	left: auto;
	bottom: auto;
	z-index: 1;
	z-index: 5;
	padding: 15px 20px;
	background-color: #EAB160;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff;
	-moz-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	-webkit-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09)
}

.course-item li .tooltip-inner:after {
	content: "";
	position: absolute;
	right: 23px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #D6D9DE
}

.course-item li.tooltip:hover .tooltip-inner {
	display: block
}

.course-item .info-btn {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	padding: 10px 12px;
	margin-left: 12px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background-color: #A2ABCA;
	color: #fff
}

.course-item .info-btn .sg-icon {
	margin-right: 1px;
	font-size: 14px;
	line-height: 11px
}

.course-item .delete-btn,
.course-item .ban-btn {
	position: absolute;
	right: 0;
	bottom: 5px;
	left: auto;
	top: auto;
	z-index: 1;
	font-size: 16px;
	color: #ECEFF1
}

.course-item .delete-btn span,
.course-item .ban-btn span {
	display: none;
	position: absolute;
	right: -22px;
	top: 32px;
	left: auto;
	bottom: auto;
	z-index: 1;
	z-index: 5;
	padding: 15px 20px;
	background-color: #4A485B;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff;
	-moz-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	-webkit-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09)
}

.course-item .delete-btn span:after,
.course-item .ban-btn span:after {
	content: "";
	position: absolute;
	right: 23px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #4A485B
}

.course-item .delete-btn:hover span,
.course-item .ban-btn:hover span {
	display: block
}

.course-item .ban-btn {
	bottom: 0;
	font-size: 18px;
	right: 24px;
	color: #EA6060
}

.activity-area {
	width:70%;
	margin: 20px auto 0
}

.activity-area .education-info {
	position: relative;
	z-index: 3;
	*zoom: 1;
	padding: 20px;
	background-color: #fff
}

.activity-area .education-info:after {
	content: "";
	display: table;
	clear: both
}

.activity-area .education-info .education-thumb {
	float: left; 
       /*width: 245px;*/
       width: 22.7%;
    position: relative;
    min-height: 310px;
    /*padding: 10px;*/
    
    border: 1px solid lightgray;
}

.activity-area .education-info .education-thumb .image-status {
	position: absolute;
	left: 0;
	top: 0;
	width: 10%;
	height: 100%;
	text-align: center;
	font: 11px/28px "lato_trbold";
	color: #fff;
	background: #EA6060;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	opacity: .9
}

.activity-area .education-info .education-thumb .image-status span {
	position: absolute;
	left: 50%;
	top: 50%;
	right: auto;
	bottom: auto;
	z-index: 1;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	white-space: pre
}

.activity-area .education-info img {
	/*float: left;*/
    width: 100%;
}

.activity-area .education-info small {
	display: none
}

.activity-area .education-info .will-expire.ongoing .readable-date-display {
	margin-bottom: 89px
}

.activity-area .education-info .very-soon .counter {
	color: #A2ABCA !important;
	font-size: 11px
}

.activity-area .education-info .very-soon .date-unit {
	background: url("../img/icon/sprite-time-unit.png") no-repeat;
	background-position: 5px -5px;
	width: 80px;
	height: 80px;
	margin: 0px auto
}

.activity-area .education-info .very-soon .date-display {
	width: 50px;
	position: absolute;
	font-family: "lato_trregular", Helvetica, Arial, sans-serif;
	font-size: 12px;
	left: 70px;
	top: 68px;
	margin: auto;
	text-align: center
}

.activity-area .education-info .very-soon .date-display span {
	display: block;
	color: #EA6060;
	font-size: 10px
}

.activity-area .education-info .very-soon .date-display span:nth-child(2) {
	font-family: "lato_trbold", Helvetica, Arial, sans-serif;
	font-size: 16px
}

.activity-area .education-info .very-soon .readable-date-display {
	margin-bottom: 0 !important
}

.activity-area .education-info .soon .counter {
	color: #A2ABCA !important;
	font-size: 11px
}

.activity-area .education-info .soon .date-unit {
	background: url("../img/icon/sprite-time-unit.png") no-repeat;
	background-position: -142px -5px;
	width: 80px;
	height: 80px;
	margin: 0px auto
}

.activity-area .education-info .soon .date-display {
	width: 50px;
	position: absolute;
	font-family: "lato_trregular", Helvetica, Arial, sans-serif;
	font-size: 12px;
	left: 70px;
	top: 68px;
	margin: auto;
	text-align: center
}

.activity-area .education-info .soon .date-display span {
	display: block;
	color: #EAB160;
	font-size: 10px
}

.activity-area .education-info .soon .date-display span:nth-child(2) {
	font-family: "lato_trbold", Helvetica, Arial, sans-serif;
	font-size: 16px
}

.activity-area .education-info .soon .readable-date-display {
	margin-bottom: 0 !important
}

.activity-area .education-info .soon .readable-date-display>span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font-size: 11px;
	color: #7A8292
}

.activity-area .education-info .soon .readable-date-display>span:nth-child(1) {
	font-family: "lato_trbold", Helvetica, Arial, sans-serif
}

.activity-area .education-info .open-ended .counter span {
	color: #7A8292 !important
}

.activity-area .education-info .open-ended .date-display {
	margin: 30px auto
}

.activity-area .education-info .open-ended .date-display span {
	display: block;
	margin: auto
}

.activity-area .education-info .open-ended .date-display span:nth-child(1) {
	color: #D6D9DE;
	font-size: 14px;
	width: 22px;
	height: 3px;
	margin-bottom: 15px;
	background: #A2ABCA
}

.activity-area .education-info .open-ended .date-display span:nth-child(2) {
	color: #7A8292;
	width: 60%;
	word-break: break-word;
	word-wrap: break-word
}

.activity-area .education-info .open-ended .date-display .counter.timespent {
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.activity-area .education-info .open-ended .readable-date-display>span:nth-child(1) {
	display: inline;
	font-size: 11px !important;
	color: #7A8292
}

.activity-area .education-info .open-ended .readable-date-display>span:nth-child(2) {
	display: inline;
	font-size: 11px !important;
	color: #7A8292
}

.activity-area .education-info .later .readable-date-display>span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font-size: 11px
}

.activity-area .education-info .later .readable-date-display>span:nth-child(1) {
	font-family: "lato_trbold", Helvetica, Arial, sans-serif
}

.activity-area .education-info .pending .date-display {
	margin: 89px auto 0;
	width: 50%
}

.activity-area .education-info .pending .readable-date-display>span:nth-child(1) {
	font-family: "lato_trbold", Helvetica, Arial, sans-serif
}

.activity-area .education-info .pending span {
	font-size: 11px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.activity-area .education-info .pending span:nth-child(3) {
	font-family: "lato_trbold", Helvetica, Arial, sans-serif;
	font-size: 13px;
	display: block;
	color: #7A8292 !important;
	margin: 5px auto
}

.activity-area .education-info .expired .readable-date-display {
	margin-bottom: 100px
}

.activity-area .education-info .expired .date-unit {
	height: 21px
}

.activity-area .education-info .expired .counter {
	color: #A2ABCA !important
}

.activity-area .education-info .expired .counter [class^="sg-"] {
	margin-top: 6px;
	margin-right: 15px;
	color: #7A8292 !important
}

.activity-area .education-info .expired .readable-date-display {
	margin-bottom: 28px
}

.activity-area .education-info .expired .readable-date-display>span {
	display: inline-block !important;
	vertical-align: middle !important;
	color: #7A8292;
	font-size: 11px !important
}

.activity-area .education-info .expired span .sg-stopwatch {
	margin: 5px auto 0;
	font-size: 22px
}

.activity-area .education-info .expired span:nth-child(1) {
	color: #EA6060;
	font-size: 22px;
	margin: auto
}

.activity-area .education-info .expired span:nth-child(2) {
	font-size: 11px;
	display: block;
	color: #EA6060 !important;
	margin: auto
}

.activity-area .education-info .expired span:nth-child(3) {
	font-size: 11px;
	display: block;
	color: #EA6060 !important;
	margin: 5px auto
}

.activity-area .education-info .expired span:nth-child(4) {
	font-size: 11px;
	display: block;
	color: #EA6060 !important;
	margin: 5px auto 20px
}

.activity-area .education-info .detail {
	position: relative;
	/*float: left;*/
	width: 47%;
        margin: 0 auto;
	min-height: 75px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	 padding: 5%;
     margin:0 auto;
}
.activity-area .education-info .details {
	position: relative;
	float: left;
	width: 25%;
	min-height: 75px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 40px;

}

.activity-area .education-info .detail h4 {
	word-break: break-word;
	word-wrap: break-word;
	margin: 0 0 5px 0
}

.activity-area .education-info .detail .activity-grid-plan .learning {
	display: inline-block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 3px 10px;
	font-size: 10px;
	background: #44B4E3;
	color: #fff;
	font-weight: normal
}

.activity-area .education-info .detail p {
	min-height: 65px;
	margin-bottom: 15px;
	font: 13px/20px "lato_trbold", Helvetica, Arial, sans-serif
}

.activity-area .education-info .detail .more {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.activity-area .education-info .detail .more .ss-icon {
	height: 0px;
	font-size: 30px;
	line-height: 5px;
	color: #D6D9DE;
	cursor: pointer
}

.activity-area .education-info .detail .more .sg-icon {
	height: 0px;
	font-size: 16px;
	line-height: 5px;
	color: #fff;
	cursor: pointer
}

.activity-area .education-info .detail .more .more-detail {
	display: none;
	position: absolute;
	left: -188px;
	top: 25px;
	right: auto;
	bottom: auto;
	z-index: 1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	z-index: 6;
	width: 405px;
	padding: 25px;
	background-color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #D6D9DE;
	text-align: left;
	-moz-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	-webkit-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09)
}

.activity-area .education-info .detail .more .more-detail:after,
.activity-area .education-info .detail .more .more-detail:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: 44%;
	top: -16px;
	right: auto;
	bottom: auto;
	z-index: 1;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.activity-area .education-info .detail .more .more-detail:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.activity-area .education-info .detail .more .more-detail strong {
	display: block;
	font: 18px "lato_trbold", Helvetica, Arial, sans-serif
}

.activity-area .education-info .detail .more .more-detail span {
	display: block;
	margin-top: 20px
}

.activity-area .education-info .detail .more.active .more-detail {
	display: block
}

.activity-area .education-info .detail .category-tag {
	display: block;
	margin: 5px 0
}

.activity-area .education-info .detail .category-tag li {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	float: none;
	background-color: #ECEFF1;
	padding: 3px 10px;
	font: 10px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292;
	width: auto;
	display: inline-block;
	margin-bottom: 3px
}

.activity-area .education-info .detail .category-tag li:first-child {
	padding-left: 10px
}

.activity-area .education-info .detail .category-tag li:nth-child(2n+2) {
	padding: 3px 0px;
	background: none
}

.activity-area .education-info .detail .category-tag li:nth-child(2n+2) .sg-icon {
	font-size: 13px !important;
	margin-top: 2px;
	margin-right: -2px;
	margin-left: -3px;
	color: #7A8292
}

.activity-area .education-info .detail .category-tag li:last-child {
	display: none
}

.activity-area .education-info .detail .detail-button-group {
	float: left;
	margin-bottom: 5px;
	width: -webkit-calc(100% - 50px);
	width: calc(100% - 50px)
}

.activity-area .education-info .detail .detail-button-group ul li {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	padding: 0;
	max-width: 180px;
	margin: 0 0 5px 0
}

.activity-area .education-info .detail .detail-button-group ul li a {
	color: #fff;
	display: block;
	background: #7A8292;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	padding: 0px 15px;
	font: 9px "lato_trbold";
	width: 160px;
	height: 20px;
	-webkit-transition: .2s;
	transition: .2s
}

.activity-area .education-info .detail .detail-button-group ul li a i {
	font-size: 15px
}

.activity-area .education-info .detail .detail-button-group ul li a i:before {
	display: block;
	margin-top: 2px
}

.activity-area .education-info .detail .detail-button-group ul li a i.sg-key {
	-moz-transform: translateX(-10%) translateY(-5%) rotate(125deg);
	-ms-transform: translateX(-10%) translateY(-5%) rotate(125deg);
	-webkit-transform: translateX(-10%) translateY(-5%) rotate(125deg);
	transform: translateX(-10%) translateY(-5%) rotate(125deg)
}

.activity-area .education-info .detail .detail-button-group ul li a:hover {
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.activity-area .education-info .detail .detail-certificate {
	float: right
}

.activity-area .education-info .detail .detail-certificate .tooltip {
	position: relative
}

.activity-area .education-info .detail .detail-certificate .tooltip .certificate {
	display: block;
	width: 50px;
	height: 42px;
	background: url(../img/icon/certificate.png) no-repeat bottom center;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	text-indent: -99999px;
	border-radius: 0
}

.activity-area .education-info .detail .detail-certificate .tooltip:hover .tooltip-inner {
	display: block
}

.activity-area .education-info .detail .detail-certificate .tooltip.disabled .certificate {
	background: url(../img/icon/certificate.png) no-repeat top center;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	cursor: default
}

.activity-area .education-info .detail .detail-certificate .tooltip.disabled .tooltip-inner {
	white-space: normal;
	width: 250px;
	background-color: #D6D9DE;
	color: #A2ABCA
}

.activity-area .education-info .detail .detail-certificate .tooltip.disabled .tooltip-inner:after {
	position: absolute;
	right: 35px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border-bottom-color: #D6D9DE
}

.activity-area .education-info .detail .detail-certificate .tooltip-inner {
	display: none;
	position: absolute;
	right: -15px;
	top: 50px;
	left: auto;
	bottom: auto;
	z-index: 1;
	z-index: 5;
	padding: 15px 20px;
	background-color: #A2ABCA;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff;
	-moz-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	-webkit-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09)
}

.activity-area .education-info .detail .detail-certificate .tooltip-inner:after {
	content: "";
	position: absolute;
	right: 35px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #A2ABCA
}

.activity-area .education-info .detail .detail-certificate.tooltip:hover .tooltip-inner {
	display: block
}

.activity-area .education-info .detail .location-title {
	font: 11px "lato_trbold";
	cursor: pointer
}

.activity-area .education-info .detail .location-icon i {
	margin-top: -3px
}

.activity-area .education-info .detail .location-icon .more-detail {
	left: -116px !important;
	word-break: break-word;
	word-wrap: break-word
}

.activity-area .education-info .detail .location-icon .more-detail strong {
	font: 13px "lato_trbold";
	margin-top: 5px
}

.activity-area .education-info .detail .location-icon .more-detail li {
	position: relative;
	float: none !important;
	padding: 0 !important;
	border-right: none !important;
	font: 13px "lato_trregular";
	display: block !important;
	width: 100%;
	max-width: 100% !important
}

.activity-area .education-info .detail .info-btn {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	padding: 10px 12px;
	margin-left: 12px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background-color: #A2ABCA;
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #fff
}

.activity-area .education-info .detail .info-btn .sg-icon {
	margin-right: 1px;
	font-size: 14px;
	line-height: 11px
}

.activity-area .education-info .detail .delete-btn,
.activity-area .education-info .detail .ban-btn {
	position: absolute;
	right: 0;
	bottom: 5px;
	left: auto;
	top: auto;
	z-index: 1;
	font-size: 16px;
	color: #D6D9DE
}

.activity-area .education-info .detail .delete-btn span,
.activity-area .education-info .detail .ban-btn span {
	display: none;
	position: absolute;
	right: -22px;
	top: 32px;
	left: auto;
	bottom: auto;
	z-index: 1;
	z-index: 5;
	padding: 15px 20px;
	background-color: #4A485B;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff;
	-moz-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	-webkit-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09)
}

.activity-area .education-info .detail .delete-btn span:after,
.activity-area .education-info .detail .ban-btn span:after {
	content: "";
	position: absolute;
	right: 23px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #4A485B
}

.activity-area .education-info .detail .delete-btn:hover span,
.activity-area .education-info .detail .ban-btn:hover span {
	display: block
}

.activity-area .education-info .detail .ban-btn {
	bottom: 0;
	font-size: 18px;
	right: 24px;
	color: #EA6060
}

.activity-area .education-info .ongoing .title,
.activity-area .education-info .ongoing .date-display {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.activity-area .education-info .timer-area,
.activity-area .education-info .score-area {
	float: left;
	width: 25%;
	margin-left: 15px;
	border-left: 1px solid #D6D9DE;
	border-right: 1px solid #D6D9DE;
	text-align: center;
	min-height: 168px
}

.activity-area .education-info .timer-area .title,
.activity-area .education-info .score-area .title {
	margin-bottom: 10px;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.activity-area .education-info .timer-area .date,
.activity-area .education-info .score-area .date {
	position: relative;
	width: 60px;
	margin: 22px auto;
	padding: 9px 0;
	border: 6px solid #D6D9DE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font: 20px/20px "lato_trblack", Helvetica, Arial, sans-serif;
	text-align: center;
	color: #A2ABCA
}
.activity-areas .education-info .timer-area .title, .activity-area .education-info .score-area .title {
    margin-bottom: 10px;
    font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
    color: #7A8292;
}
.activity-area .education-info .timer-area .date span,
.activity-area .education-info .score-area .date span {
	display: block;
	font: 10px/10px "lato_trregular", Helvetica, Arial, sans-serif
}

.activity-area .education-info .timer-area .date:before,
.activity-area .education-info .timer-area .date:after,
.activity-area .education-info .score-area .date:before,
.activity-area .education-info .score-area .date:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -24px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 0;
	height: 0;
	margin-left: -9px;
	border: 9px solid transparent;
	border-bottom: 9px solid #D6D9DE
}

.activity-area .education-info .timer-area .date:after,
.activity-area .education-info .score-area .date:after {
	top: -22px;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.activity-area .education-info .timer-area .date.required,
.activity-area .education-info .timer-area .date.expired,
.activity-area .education-info .score-area .date.required,
.activity-area .education-info .score-area .date.expired {
	color: #EA6060;
	border-color: #EA6060
}

.activity-area .education-info .timer-area .counter span,
.activity-area .education-info .score-area .counter span {
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292 !important;
	text-transform: uppercase
}

.activity-area .education-info .timer-area .activity-date-start,
.activity-area .education-info .timer-area .activity-date-finish,
.activity-area .education-info .score-area .activity-date-start,
.activity-area .education-info .score-area .activity-date-finish {
	display: block;
	margin-bottom: 10px
}

.activity-area .education-info .timer-area .activity-date-start span,
.activity-area .education-info .timer-area .activity-date-finish span,
.activity-area .education-info .score-area .activity-date-start span,
.activity-area .education-info .score-area .activity-date-finish span {
	font-size: 11px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	color: #7A8292 !important
}

.activity-area .education-info .timer-area .activity-date-start span:first-child,
.activity-area .education-info .timer-area .activity-date-finish span:first-child,
.activity-area .education-info .score-area .activity-date-start span:first-child,
.activity-area .education-info .score-area .activity-date-finish span:first-child {
	font-family: "lato_trbold", Helvetica, Arial, sans-serif
}

.activity-area .education-info .timer-area .no-time,
.activity-area .education-info .score-area .no-time {
	font-size: 14px;
	width: 22px;
	height: 2px;
	background: #7A8292;
	display: block;
	margin: 0 auto 15px
}

.activity-area .education-info .score-area {
	float: right;
	width: 18%;
	margin-left: 0;
	border: none;
    text-align: left;
}
.activity-area .education-info .score-areas {
    float: right;
    width: 25%;
    margin-left: 0;
    border: none;
    text-align: left;
}
.activity-area .education-info .score-area .status-text {
	float: left;
	padding-top: 8px
}

.activity-area .education-info .score-area .ongoing .status-text-area .status-icon {
	background: url("../img/icon/education-icon-set.png") no-repeat;
	float: left;
	background-position: -170px 0px;
	width: 30px;
	height: 30px
}

.activity-area .education-info .score-area .unknown .status-text-area .status-icon {
	background: url("../img/icon/education-icon-set.png") no-repeat;
	float: left;
	background-position: -30px 0px;
	width: 30px;
	height: 30px
}

.activity-area .education-info .score-area .failed .status-text-area .status-icon {
	background: url("../img/icon/education-icon-set.png") no-repeat;
	float: left;
	background-position: -92px 1px;
	width: 30px;
	height: 30px
}

.activity-area .education-info .score-area .pending .status-text-area .status-icon {
	background: url("../img/icon/education-icon-set.png") no-repeat;
	float: left;
	background-position: 5px 0px;
	width: 30px;
	height: 30px
}

.activity-area .education-info .score-area .successful .status-text-area .status-icon {
	background: url("../img/icon/education-icon-set.png") no-repeat;
	float: left;
	background-position: -61px 1px;
	width: 30px;
	height: 30px
}

.activity-area .education-info .score-area .successful .status-text-area .status-text {
	color: #3CBC7B !important
}

.activity-area .education-info .score-area .completed .status-text-area .status-icon {
	background: url("../img/icon/education-icon-set.png") no-repeat;
	float: left;
	background-position: -128px 0px;
	width: 30px;
	height: 30px
}

.activity-areas .education-info .score-area .score {
	display: block;
	margin: 0 auto 25px;
	font: 80px/80px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #7A8292;
	letter-spacing: -1px
}
.activity-area .education-info .score-area .score {
    display: block;
    margin: 0 auto 25px;
    font: 80px/80px "lato_trblack", Helvetica, Arial, sans-serif;
    color: #7A8292;
    letter-spacing: -1px;
}

.activity-area .education-info .score-area .score.large-number {
	font-size: 52px
}
.activity-areas .education-info .score-area .score.large-number {
	font-size: 52px
}

.activity-area .education-info .score-area .status {
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}
.activity-areas .education-info .score-area .status {
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}
.activity-area .education-info .score-area .status .sg-icon {
	position: relative;
	height: 15px;
	margin-right: 1px;
	font-size: 18px;
	line-height: 18px;
	color: #D6D9DE
}
.activity-areas .education-info .score-area .status .sg-icon {
	position: relative;
	height: 15px;
	margin-right: 1px;
	font-size: 18px;
	line-height: 18px;
	color: #D6D9DE
}

.activity-area .education-info .score-area .status.not-begin .sg-icon:after {
	content: "";
	position: absolute;
	left: -3px;
	top: 5px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 23px;
	height: 1px;
	background-color: #A2ABCA;
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg)
}

.activity-area .education-info .score-area .status.success {
	color: #3CBC7B
}

.activity-area .education-info .score-area .status.success .sg-icon {
	color: #3CBC7B
}

.activity-area .education-info .score-area .status.success .sg-icon:before,
.activity-area .education-info .score-area .status.success .sg-icon.right:after {
	content: '✓'
}

.activity-area .education-info .score-area .status.failed {
	color: #EA6060
}

.activity-area .education-info .score-area .status.failed .sg-icon {
	color: #EA6060
}

.activity-area .education-info .score-area .status.failed .sg-icon:before,
.activity-area .education-info .score-area .status.failed .sg-icon.right:after {
	content: '-'
}

.activity-area .education-info .score-area .activity-completion-status {
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.activity-area .education-info .score-area .activity-success-status {
	font-size: 10px;
	margin-top: 5px;
	display: block
}

.activity-area .education-info .score-area .activity-success-status.success {
	color: #3CBC7B
}

.activity-area .education-info .score-area .activity-success-status.failed {
	color: #EA6060
}

.activity-area .education-info .timer-area {
	position: relative
}

.activity-area .education-info .timer-area .start-date,
.activity-area .education-info .timer-area .end-date {
	position: absolute;
	left: 12px;
	top: 50px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 10px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #D6D9DE;
	text-align: left
}

.activity-area .education-info .timer-area .start-date strong,
.activity-area .education-info .timer-area .end-date strong {
	display: block;
	margin-bottom: 2px;
	font-family: "lato_trbold", Helvetica, Arial, sans-serif
}

.activity-area .education-info .timer-area .end-date {
	left: auto;
	right: 12px
}

.activity-area .education-info .timer-area .date.circle {
	width: 64px;
	height: 64px;
	margin: 26px auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-size: 17px
}

.activity-area .education-info .timer-area .date.circle span {
	font-size: 11px
}

.activity-area .education-info .timer-area .date.circle:before {
	width: 20px;
	height: 11px;
	top: -16px;
	margin-left: -10px;
	border: none;
	background: url(../img/bg/timer-btn.png) no-repeat 0 0
}

.activity-area .education-info .timer-area .date.circle:after {
	border: none;
	top: -6px;
	left: -6px;
	margin: 0;
	width: 64px;
	height: 64px
}

.activity-area .education-info .timer-area .date.circle.low:after {
	background: url(../img/bg/timer-bg.png) no-repeat 0 0
}

.activity-area .education-info .timer-area .date.circle.high:after {
	background: url(../img/bg/timer-bg.png) no-repeat 0 -65px
}

.activity-area .education-info .timer-area .date.circle.critical {
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}

.activity-area .education-info .timer-area .date.circle.critical:after {
	background: url(../img/bg/timer-bg.png) no-repeat 0 -135px
}

.activity-area .education-info .timer-area .counter.timespent {
	color: #A2ABCA;
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif
}

.activity-area .education-info .mobile-timer-score-area {
	display: none;
	float: left;
	width: 100%;
	margin-top: 20px
}

.activity-area .education-info .mobile-timer-score-area li {
	*zoom: 1;
	height: 50px;
	padding: 10px 25px 10px 0;
	border-top: 1px solid #ECEFF1
}

.activity-area .education-info .mobile-timer-score-area li:after {
	content: "";
	display: table;
	clear: both
}

.activity-area .education-info .mobile-timer-score-area li>span {
	float: left;
	font: 15px/30px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.activity-area .education-info .mobile-timer-score-area li .start-date,
.activity-area .education-info .mobile-timer-score-area li .end-date {
	float: right;
	font: 15px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #A2ABCA;
	text-align: right;
	width: 175px;
	padding-top: 8px;
	text-transform: uppercase
}

.activity-area .education-info .mobile-timer-score-area li .start-date strong,
.activity-area .education-info .mobile-timer-score-area li .end-date strong {
	font-family: "lato_trbold", Helvetica, Arial, sans-serif
}

.activity-area .education-info .mobile-timer-score-area li .start-date i,
.activity-area .education-info .mobile-timer-score-area li .end-date i {
	display: block;
	font: 10px/9px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #D6D9DE
}

.activity-area .education-info .mobile-timer-score-area li .counter {
	float: right;
	width: 145px;
	text-align: right
}

.activity-area .education-info .mobile-timer-score-area li .counter span {
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.activity-area .education-info .mobile-timer-score-area li .counter .sg-icon {
	height: 16px;
	margin-right: 5px;
	font-size: 16px;
	line-height: 16px;
	color: #D6D9DE
}

.activity-area .education-info .mobile-timer-score-area li .score {
	float: right;
	text-align: right;
	font: 36px/28px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #A2ABCA;
	width: 175px
}

.activity-area .education-info .mobile-timer-score-area li .status {
	float: right;
	width: 175px;
	margin-top: 7px;
	text-align: right;
	font: 13px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.activity-area .education-info .mobile-timer-score-area li .status .sg-icon {
	position: relative;
	height: 15px;
	margin-right: 1px;
	font-size: 18px;
	line-height: 18px;
	color: #D6D9DE
}

.activity-area .education-info .mobile-timer-score-area li .status.not-begin .sg-icon:after {
	content: "";
	position: absolute;
	left: -3px;
	top: 5px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 23px;
	height: 1px;
	background-color: #A2ABCA;
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg)
}

.activity-area .education-info .mobile-timer-score-area li .status.success {
	color: #3CBC7B
}

.activity-area .education-info .mobile-timer-score-area li .status.success .sg-icon {
	color: #3CBC7B
}

.activity-area .education-info .mobile-timer-score-area li .status.success .sg-icon:before,
.activity-area .education-info .mobile-timer-score-area li .status.success .sg-icon.right:after {
	content: '✓'
}

.activity-area .education-info .mobile-timer-score-area li .status.failed {
	color: #EA6060
}

.activity-area .education-info .mobile-timer-score-area li .status.failed .sg-icon {
	color: #EA6060
}

.activity-area .education-info .mobile-timer-score-area li .status.failed .sg-icon:before,
.activity-area .education-info .mobile-timer-score-area li .status.failed .sg-icon.right:after {
	content: '-'
}

.activity-area .education-info .mobile-timer-score-area li .status-completion-success {
	float: right;
	padding-top: 8px;
	width: 175px;
	text-align: right;
	font: 15px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.activity-area .education-info .mobile-timer-score-area li .status-completion-success span {
	font-size: 10px;
	display: block
}

.activity-area .education-info .mobile-timer-score-area li .status-completion-success span.success {
	color: #3CBC7B
}

.activity-area .education-info .mobile-timer-score-area li .status-completion-success span.failed {
	color: #EA6060
}

.activity-area .education-info.no-thumb .detail {
	width: 578px;
	margin-left: 0
}

.activity-area .clearfix::after {
	content: " ";
	display: block;
	height: 0;
	clear: both
}

.activity-area .courses-area {
	position: relative;
	padding: 25px;
	background-color: #fff;
	text-align: center
}

.activity-area .courses-area .courses-nav {
	position: relative;
	margin: -25px -25px 25px
}

.activity-area .courses-area .courses-nav .prev,
.activity-area .courses-area .courses-nav .next {
	color: #3CBC7B;
	font-size: 55px;
	position: absolute;
	left: 15px;
	top: 90px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.activity-area .courses-area .courses-nav .next {
	left: auto;
	right: 15px
}

.activity-area .courses-area .courses-nav .container {
	position: relative;
	overflow: hidden;
	width: 592px;
	margin: 0 auto;
	padding: 23px 0
}

.activity-area .courses-area .courses-nav .container:after {
	content: "";
	position: absolute;
	left: 234px;
	top: 12px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 184px;
	height: 67px;
	border: 2px solid #D6D9DE;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px
}

.activity-area .courses-area .courses-nav li {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 43px;
	height: 43px;
	margin-right: 15px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	padding: 4px
}

.activity-area .courses-area .courses-nav li .sg-icon {
	background-color: #D6D9DE;
	width: 35px;
	height: 35px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	padding-left: 2px;
	font-size: 16px;
	line-height: 38px;
	color: #A2ABCA;
	text-align: center
}

.activity-area .courses-area .courses-nav li:last-child {
	margin-right: 0
}

.activity-area .courses-area .courses-nav li.completed {
	background-color: #3CBC7B
}

.activity-area .courses-area .courses-nav li.half {
	background: #fff;
	background: -moz-linear-gradient(left, #fff 0%, #fff 50%, #3cbc7b 50%, #3cbc7b 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fff), color-stop(50%, #fff), color-stop(50%, #3cbc7b), color-stop(100%, #3cbc7b));
	background: -webkit-linear-gradient(left, #fff 0%, #fff 50%, #3cbc7b 50%, #3cbc7b 100%);
	background: -o-linear-gradient(left, #fff 0%, #fff 50%, #3cbc7b 50%, #3cbc7b 100%);
	background: -ms-linear-gradient(left, #fff 0%, #fff 50%, #3cbc7b 50%, #3cbc7b 100%);
	background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, #3cbc7b 50%, #3cbc7b 100%)
}

.activity-area .courses-area .course-item {
	position: relative;
	float: none;
	width: 190px;
	margin-right: 80px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	vertical-align: top;
	outline: none;
	padding: 10px 10px 30px 10px
}

.activity-area .courses-area .course-item:last-child {
	margin-right: 0
}

.activity-area .courses-area .course-item:last-child:after {
	display: none
}

.activity-area .courses-area .course-item.half .img {
	background: #3cbc7b;
	background: -moz-linear-gradient(left, #3cbc7b 0%, #3cbc7b 50%, #fff 50%, #fff 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #3cbc7b), color-stop(50%, #3cbc7b), color-stop(50%, #fff), color-stop(100%, #fff));
	background: -webkit-linear-gradient(left, #3cbc7b 0%, #3cbc7b 50%, #fff 50%, #fff 100%);
	background: -o-linear-gradient(left, #3cbc7b 0%, #3cbc7b 50%, #fff 50%, #fff 100%);
	background: -ms-linear-gradient(left, #3cbc7b 0%, #3cbc7b 50%, #fff 50%, #fff 100%);
	background: linear-gradient(to right, #3cbc7b 0%, #3cbc7b 50%, #ffffff 50%, #ffffff 100%)
}

.activity-area .courses-area .course-item.completed .img {
	background-color: #3CBC7B
}

.activity-area .courses-area .course-item.completed .img .sg-icon,
.activity-area .courses-area .course-item.completed .img .ss-icon {
	background-color: #3CBC7B;
	color: #fff
}

.activity-area .courses-area .course-item.passive:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1;
	z-index: 3;
	width: 100%;
	height: 100%
}

.activity-area .courses-area .course-item.passive .img {
	background-color: #7A8292
}

.activity-area .courses-area .course-item.passive .img img {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	opacity: .3;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}

.activity-area .courses-area .course-item.passive .img .ss-icon,
.activity-area .courses-area .course-item.passive .img .sg-icon {
	padding-left: 3px;
	background-color: #7A8292;
	color: #D6D9DE
}

.activity-area .courses-area .course-item.passive .info {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	opacity: .3
}

.activity-area .courses-area .img {
	position: relative;
	width: 170px;
	height: 170px;
	margin: 0 auto 15px;
	padding: 10px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff
}

.activity-area .courses-area .img .thumb {
	position: relative;
	overflow: hidden;
	width: 150px;
	height: 150px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.activity-area .courses-area .img .thumb .info-btn {
	display: none;
	position: absolute;
	left: 18%;
	top: 62px;
	right: auto;
	bottom: auto;
	z-index: 1;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #fff;
	padding: 10px 12px 8px;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff;
	text-align: center
}

.activity-area .courses-area .img .thumb .info-btn .sg-icon {
	font-size: 16px;
	line-height: 11px;
	background-color: transparent
}

.activity-area .courses-area .img>.homework-icon {
	position: absolute;
	left: 0;
	top: 0px !important;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 52px;
	height: 52px;
	background-color: #fff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	padding-left: 2px;
	line-height: 58px;
	color: #D6D9DE;
	font-size: 26px
}

.activity-area .courses-area .img>.homework-icon i {
	display: block;
	position: absolute;
	right: -2px;
	bottom: -2px;
	left: auto;
	top: auto;
	z-index: 1;
	width: 20px;
	height: 20px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #A2ABCA;
	font: 13px/20px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #fff;
	text-align: center
}

.activity-area .courses-area .img>.unit-status-icon,
.activity-area .courses-area .img>.ss-icon {
	position: absolute;
	right: 0;
	top: 125px;
	left: auto;
	bottom: auto;
	z-index: 1;
	width: 52px;
	height: 52px;
	background-color: #fff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	padding-left: 2px;
	font-size: 18px;
	line-height: 58px;
	color: #D6D9DE
}

.activity-area .courses-area .img>.unit-status-icon {
	font-size: 26px;
	padding-left: 2px
}

.activity-area .courses-area .img.info-view.active .thumb {
	background-color: #A2ABCA
}

.activity-area .courses-area .img.info-view.active .thumb img {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
	opacity: .1
}

.activity-area .courses-area .img.info-view.active .thumb .info-btn {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.activity-area .courses-area .img.info-view.active .exam-tooltip {
	display: block;
	width: 305px;
	left: 50%;
	top: 118px;
	margin-left: -150px
}

.activity-area .courses-area .img.info-view.active .exam-tooltip ul {
	width: 100%
}

.activity-area .courses-area .img.info-view.active .exam-tooltip ul li {
	padding-left: 0px !important
}

.activity-area .courses-area h5 {
	margin-bottom: 10px
}

.activity-area .courses-area .info {
	padding: 20px;
	background-color: #fff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	min-height: 140px
}

.activity-area .courses-area .info .score {
	display: block;
	width: 35px;
	height: 35px;
	margin: 0 auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #3CBC7B;
	font: 12px/35px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #fff;
	text-align: center
}

.activity-area .courses-area .info .info-icon {
	width: 40px;
	height: 40px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #D6D9DE;
	font-size: 20px;
	line-height: 44px;
	color: #D6D9DE;
	margin: 0 auto 20px
}

.activity-area .courses-area .info p {
	margin: 8px 0;
	font: 13px/16px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #4A485B
}

.activity-area .courses-area .info p span {
	display: block;
	margin-top: 5px;
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif
}

.activity-area .courses-area .info .msg-btn {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-top: 8px;
	padding: 8px 6px 7px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #D6D9DE;
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.activity-area .courses-area .info .msg-btn .sg-icon {
	font-size: 13px;
	line-height: 13px
}

.activity-area .courses-area .info .btn {
	min-width: 0;
	width: 100%;
	margin: 12px 0 0 0
}

.activity-area .courses-area .homework-list {
	padding: 10px;
	background-color: #fff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	min-height: 110px;
	margin-top: 10px;
	text-align: left
}

.activity-area .courses-area .homework-list p {
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	line-height: 16px;
	margin: 0px;
	padding: 12px 0;
	border-bottom: 1px solid #ECEFF1;
	position: relative;
	cursor: pointer
}

.activity-area .courses-area .homework-list p:last-child {
	border: none
}

.activity-area .courses-area .homework-list p i.sg-icon {
	margin-right: 5px;
	font-size: 16px;
	margin-top: 2px;
	vertical-align: top
}

.activity-area .courses-area .homework-list p i.success {
	color: #3CBC7B
}

.activity-area .courses-area .homework-list p i.danger {
	color: #EA6060
}

.activity-area .courses-area .homework-list p i.warning {
	color: #EAB160
}

.activity-area .courses-area .homework-list p i.default {
	color: rgba(122, 130, 146, 0.85)
}

.activity-area .courses-area .homework-list p span {
	display: inline-block;
	width: 80%;
	vertical-align: top
}

.activity-area .courses-area .homework-list p span.inner {
	display: none;
	position: absolute;
	left: 0;
	top: 35px;
	right: auto;
	bottom: auto;
	z-index: 1;
	padding: 7px;
	background-color: #A2ABCA;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff;
	text-align: center;
	width: 100%
}

.activity-area .courses-area .homework-list p span.inner:after {
	content: "";
	position: absolute;
	left: 40%;
	top: -9px;
	right: auto;
	bottom: auto;
	z-index: 1;
	border: 5px solid transparent;
	border-bottom: 5px solid #A2ABCA
}

.activity-area .courses-area .homework-list p:hover .inner {
	display: block
}

.education-info-bar {
	position: relative;
	bottom: 0;
	z-index: 10;
	width: 100%;
	height: 80px;
	background-color: #4A485B
}

.education-info-bar .logo {
	position: absolute;
	left: 30px;
	bottom: 16px;
	right: auto;
	top: auto;
	z-index: 1
}

.education-info-bar .container {
	width: 1030px;
	margin: 0 auto;
	padding-top: 20px
}

.education-info-bar .text-info {
	float: right;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	text-align: right
}

.education-info-bar .text-info strong {
	color: #A2ABCA
}

.education-info-bar .text-info p {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 400px;
	margin-right: 15px
}

.education-info-bar.no-fixed {
	position: relative
}

.exam-modal-area {
	position: absolute;
	right: 0;
	top: 0;
	left: auto;
	bottom: auto;
	z-index: 1;
	-moz-transition: .5s;
	-o-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	width: 0px;
	height: 100%;
	-moz-box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1);
	box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1);
	opacity: 0;
	visibility: hidden;
	background-color: #ECEFF1
}

.exam-modal-area .info {
	margin-bottom: 7px;
	font-size: 14px;
	line-height: 20px
}

.exam-modal-area .info .user-name {
	display: none
}

.exam-modal-area .server-time {
	margin-bottom: 18px
}

.exam-modal-area .server-time i {
	font-size: 18px !important
}

.exam-modal-area h4 {
	margin-bottom: 30px;
	padding-right: 40px;
	font: 20px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #4A485B
}

.exam-modal-area .exam-statistics .label {
	position: relative;
	display: block;
	width: 190px;
	height: 40px;
	margin: 0 auto 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background-color: #D6D9DE;
	font: 11px/40px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	text-align: center
}

.exam-modal-area .exam-statistics .label:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -20px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 1px;
	height: 20px;
	background-color: #D6D9DE
}

.exam-modal-area .exam-statistics .statistics-list {
	*zoom: 1;
	border: 1px solid #D6D9DE;
	padding: 15px;
	margin-bottom: 20px
}

.exam-modal-area .exam-statistics .statistics-list:after {
	content: "";
	display: table;
	clear: both
}

.exam-modal-area .exam-statistics .statistics-list ul {
	float: left;
	padding-right: 80px;
	margin-right: 80px;
	border-right: 1px solid #D6D9DE
}

.exam-modal-area .exam-statistics .statistics-list ul:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: none
}

.exam-modal-area .exam-statistics .statistics-list ul li {
	margin-bottom: 8px;
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif
}

.exam-modal-area .exam-statistics .statistics-list ul li:last-child {
	margin-bottom: 0
}

.exam-modal-area .exam-statistics .statistics-list ul li div {
	word-break: break-word;
	word-wrap: break-word;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-right: 5px;
	width: 95px;
	padding-bottom: 5px
}

.exam-modal-area .exam-statistics .statistics-list ul li strong {
	font: 22px "lato_trblack", Helvetica, Arial, sans-serif
}

.exam-modal-area .exam-statistics .statistics-list ul li span {
	font-family: "lato_trblack", Helvetica, Arial, sans-serif
}

.exam-modal-area .exam-statistics .statistics-list ul li .sg-icon,
.exam-modal-area .exam-statistics .statistics-list ul li .sg-hyphen {
	font-size: 22px;
	line-height: 22px;
	color: #3CBC7B
}

.exam-modal-area .exam-statistics .statistics-list ul li .red {
	color: #EA6060
}

.exam-modal-area .exam-statistics .statistics-list ul li .sg-hyphen {
	color: #EA6060
}

.exam-modal-area .exam-statistics .statistics-list ul li sub {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	vertical-align: top;
	margin-top: 4px
}

.exam-modal-area h5 {
	position: relative;
	margin-bottom: 30px !important;
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif
}

.exam-modal-area h5 .select-box {
	position: absolute;
	right: 0;
	top: -5px;
	left: auto;
	bottom: auto;
	z-index: 1;
	background-color: #A2ABCA;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	padding-right: 15px;
	min-width: 160px
}

.exam-modal-area h5 .select-box.disabled {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
	opacity: .2
}

.exam-modal-area h5 .select-box select {
	padding: 10px 15px;
	width: 100%;
	height: 100%;
	-moz-appearance: none;
	-webkit-appearance: none;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background-color: #A2ABCA;
	border: none;
	outline: none;
	cursor: pointer;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.exam-modal-area h5 .select-box:before {
	content: "";
	font: 14px "SSGizmo";
	position: absolute;
	right: 10px;
	top: 9px;
	left: auto;
	bottom: auto;
	z-index: 1;
	color: #fff
}

.exam-modal-area .criterion-table {
	margin-bottom: 25px
}

.exam-modal-area .criterion-table h5 {
	margin-bottom: 20px
}

.exam-modal-area .criterion-table table {
	width: 100%;
	border-collapse: separate;
	border: 1px solid #D6D9DE;
	border-right: none
}

.exam-modal-area .criterion-table table th {
	padding: 12px;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	text-align: center;
	border-right: 1px solid #D6D9DE
}

.exam-modal-area .criterion-table table th span {
	display: block;
	text-align: left
}

.exam-modal-area .criterion-table table th ul {
	white-space: nowrap
}

.exam-modal-area .criterion-table table th ul li {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-right: 10px
}

.exam-modal-area .criterion-table table th ul li:last-child {
	margin-right: 0
}

.exam-modal-area .criterion-table table td {
	padding: 12px;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	background: url(../img/bg/table-line.png) repeat-x 0 0;
	border-right: 1px solid #D6D9DE;
	text-align: center
}

.exam-modal-area .criterion-table table td p {
	width: 140px;
	font: 11px/16px "lato_trregular", Helvetica, Arial, sans-serif;
	text-align: left
}

.exam-modal-area .criterion-table table td ul {
	white-space: nowrap
}

.exam-modal-area .criterion-table table td ul li {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-right: 10px
}

.exam-modal-area .criterion-table table td ul li:last-child {
	margin-right: 0
}

.exam-modal-area .criterion-table table td sub {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	vertical-align: top;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2px;
	font: 8px "lato_trregular", Helvetica, Arial, sans-serif
}

.exam-modal-area .questions {
	padding: 25px 0;
	margin-bottom: 30px;
	border-top: 1px solid #D6D9DE;
	border-bottom: 1px solid #D6D9DE
}

.exam-modal-area .questions h5 .select2-container {
	float: right;
	top: -7px
}

.exam-modal-area .question-item {
	*zoom: 1;
	position: relative;
	padding-top: 18px;
	padding-right: 18px;
	padding-bottom: 18px;
	padding-left: 40px;
	border: 1px solid #D6D9DE;
	margin-bottom: -1px
}

.exam-modal-area .question-item:after {
	content: "";
	display: table;
	clear: both
}

.exam-modal-area .question-item .status {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 20px;
	height: 100%;
	background-color: #ECEFF1;
	font: 11px/20px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #fff;
	text-align: center
}

.exam-modal-area .question-item .status span {
	position: absolute;
	left: 50%;
	top: 50%;
	right: auto;
	bottom: auto;
	z-index: 1;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	white-space: nowrap
}

.exam-modal-area .question-item .status.null {
	background-color: #A2ABCA
}

.exam-modal-area .question-item .status.correct {
	background-color: #3CBC7B
}

.exam-modal-area .question-item .status.wrong {
	background-color: #EA6060
}

.exam-modal-area .question-item .status.other {
	background-color: #EAB160
}

.exam-modal-area .question-item .item-info {
	position: absolute;
	right: 15px;
	top: 20px;
	left: auto;
	bottom: auto;
	z-index: 1;
	z-index: 2
}

.exam-modal-area .question-item .item-info .sg-icon {
	font-size: 18px;
	line-height: 18px;
	color: #A2ABCA;
	cursor: pointer
}

.exam-modal-area .question-item .item-info .info-tooltip {
	display: none;
	position: absolute;
	left: -221px;
	top: 20px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 250px;
	padding: 15px;
	background-color: #fff;
	border: 1px solid #D6D9DE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08)
}

.exam-modal-area .question-item .item-info .info-tooltip:after,
.exam-modal-area .question-item .item-info .info-tooltip:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 10px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.exam-modal-area .question-item .item-info .info-tooltip:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.exam-modal-area .question-item .item-info h3 {
	margin-bottom: 12px;
	font: 18px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.exam-modal-area .question-item .item-info li {
	font: 13px/20px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.exam-modal-area .question-item .item-info span {
	font: 11px "lato_trblack", Helvetica, Arial, sans-serif
}

.exam-modal-area .question-item .item-info:hover:after {
	content: "";
	position: absolute;
	left: -10px;
	top: 10px;
	right: auto;
	bottom: auto;
	z-index: 1;
	z-index: 2;
	width: 35px;
	height: 20px
}

.exam-modal-area .question-item .item-info:hover .info-tooltip {
	display: block
}

.exam-modal-area .question-item h6 {
	margin-bottom: 25px;
	padding-right: 50px;
	font: 14px/22px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.exam-modal-area .question-item h6 span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 130px;
	height: 9px;
	border-bottom: 1px solid #7A8292;
	text-align: center;
	line-height: 1px
}

.exam-modal-area .question-item h6 img {
	display: block;
	width: 100%;
	margin-bottom: 10px
}

.exam-modal-area .question-item p {
	font: 12px/20px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.exam-modal-area .question-item .form-item {
	position: relative;
	margin-bottom: 6px
}

.exam-modal-area .question-item .form-item .radio {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 18px;
	height: 18px;
	border: 1px solid #D6D9DE;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font: 11px/18px "lato_trbold", Helvetica, Arial, sans-serif;
	text-align: center;
	color: #A2ABCA
}

.exam-modal-area .question-item .form-item .radio input[type="radio"] {
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1;
	z-index: 5;
	cursor: pointer;
	width: 100%;
	height: 100%;
	opacity: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	margin: 0;
	outline: none
}

.exam-modal-area .question-item .form-item .radio.checked {
	border-color: #7A8292;
	font-family: "lato_trblack", Helvetica, Arial, sans-serif;
	line-height: 17px
}

.exam-modal-area .question-item .form-item .checkbox {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 20px;
	height: 20px;
	padding: 0
}

.exam-modal-area .question-item .form-item .checkbox:before,
.exam-modal-area .question-item .form-item .checkbox input[type="checkbox"] {
	width: 100%;
	height: 100%
}

.exam-modal-area .question-item .form-item .checkbox:after {
	left: 4px;
	top: 2px;
	font-size: 12px
}

.exam-modal-area .question-item .form-item label {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: -webkit-calc(100% - 75px);
	width: calc(100% - 75px);
	margin: 0 0 0 15px;
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.exam-modal-area .question-item .form-item label span {
	padding-right: 8px;
	font-family: "lato_trblack", Helvetica, Arial, sans-serif
}

.exam-modal-area .question-item .form-item.correct:after {
	content: "";
	position: absolute;
	left: -12px;
	top: 50%;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #3CBC7B
}

.exam-modal-area .question-item .list {
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.exam-modal-area .question-item .list li {
	margin-bottom: 10px
}

.exam-modal-area .question-item .list li:last-child {
	margin-bottom: 0
}

.exam-modal-area .question-item .list span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 20px;
	font: 14px "lato_trblack", Helvetica, Arial, sans-serif
}

.exam-modal-area .question-item .coupling {
	float: left;
	width: 220px;
	padding-right: 15px;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 4px
}

.exam-modal-area .question-item .coupling.right {
	float: right;
	border-right: none;
	padding-right: 0;
	margin-right: 0
}

.exam-modal-area .question-item .coupling li {
	*zoom: 1;
	margin-bottom: 7px
}

.exam-modal-area .question-item .coupling li:after {
	content: "";
	display: table;
	clear: both
}

.exam-modal-area .question-item .coupling li:last-child {
	margin-bottom: 0
}

.exam-modal-area .question-item .coupling .option {
	float: left;
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.exam-modal-area .question-item .coupling .option.right {
	float: right
}

.exam-modal-area .question-item .coupling .option span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	vertical-align: top;
	min-width: 32px;
	font-family: "lato_trblack", Helvetica, Arial, sans-serif
}

.exam-modal-area .question-item .coupling .line {
	float: left;
	width: 50%;
	height: 1px;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 6px;
	background-color: #3CBC7B
}

.exam-modal-area .question-item .coupling .line.wrong {
	background-color: #EA6060
}

.exam-modal-area .question-item:hover {
	z-index: 5
}

.exam-modal-area .score-label {
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292;
	text-align: right
}

.exam-modal-area .score-label span {
	font: 15px "lato_trblack", Helvetica, Arial, sans-serif
}

.exam-modal-area .other-exam-result {
	margin-top: -10px;
	border: 1px solid #D6D9DE
}

.exam-modal-area .other-exam-result li {
	*zoom: 1;
	padding: 18px;
	border-bottom: 1px solid #D6D9DE;
	font: 13px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292;
	text-align: center
}

.exam-modal-area .other-exam-result li:after {
	content: "";
	display: table;
	clear: both
}

.exam-modal-area .other-exam-result li:last-child {
	border: none
}

.exam-modal-area .other-exam-result li:nth-child(even) {
	background-color: #ECEFF1
}

.exam-modal-area .other-exam-result li .date {
	float: left;
	margin: 10px 0 0
}

.exam-modal-area .other-exam-result li .score {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-top: 4px;
	font-size: 11px
}

.exam-modal-area .other-exam-result li .score strong {
	padding: 0 5px;
	font-weight: normal;
	font: 20px "lato_trblack", Helvetica, Arial, sans-serif
}

.exam-modal-area .other-exam-result li .sg-icon {
	float: right;
	margin: 5px 0 2px 0;
	font-size: 26px;
	line-height: 26px;
	color: #3CBC7B
}

.exam-modal-area .other-exam-result li .sg-icon.wrong {
	color: #EA6060
}

.exam-modal-area.open {
	right: 0;
	opacity: 1;
	visibility: visible
}

.badge-window-area {
	position: relative;
	opacity: 0;
	visibility: hidden;
	background-color: #fff;
	float: right;
	right: -460px;
	-moz-transition: .5s;
	-o-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	padding: 0px 0 2px 0;
	-moz-box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1);
	box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1);
	height: 100%
}

.badge-window-area .tabs {
	float: left;
	margin-bottom: 10px;
	width: 100%
}

.badge-window-area .tabs .badge {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	width: 45px;
	height: 19px;
	background: #A2ABCA;
	font: 10px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #fff;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 2px;
	margin-top: -1px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
	float: right
}

.badge-window-area .tabs #him {
	float: left;
	width: auto;
	height: 50px;
	text-align: center;
	padding-top: 18px;
	padding-left: 0px !important;
	color: #7A8292;
	width: 49.80%;
	position: relative;
	font: 13px "lato_trregular", Helvetica, Arial, sans-serif;
	background-color: #ECEFF1
}

.badge-window-area .tabs #him:last-child {
	float: right
}

.badge-window-area .tabs #him-small {
	display: inline-block;
	width: auto;
	height: 45px;
	text-align: center;
	padding-top: 15px;
	padding-left: 0px !important;
	color: #7A8292;
	width: 24.15%;
	position: relative;
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	background-color: #ECEFF1
}

.badge-window-area .tabs #him-middle {
	display: inline-block;
	width: auto;
	height: 45px;
	text-align: center;
	padding-top: 15px;
	padding-left: 0px !important;
	color: #7A8292;
	width: 32.50%;
	position: relative;
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	background-color: #ECEFF1
}

.badge-window-area .tabs .activeses {
	border-bottom: 5px solid #7A8292
}

.badge-window-area .close {
	position: absolute;
	right: 20px;
	top: 15px;
	left: auto;
	bottom: auto;
	z-index: 1;
	z-index: 5;
	font-size: 32px;
	color: #fff
}

.badge-window-area .tabbed-view a:link,
.badge-window-area .tabbed-view a:hover,
.badge-window-area .tabbed-view a:visited,
.badge-window-area .tabbed-view a:active {
	color: #EA6060;
	text-decoration: none;
	cursor: pointer;
	font-size: 13px;
	font-family: "lato_trregular", Helvetica, Arial, sans-serif
}

.badge-window-area .tabbed-view textarea {
	-ms-overflow-style: none !important
}

.badge-window-area h6 {
	position: absolute;
	left: 20px;
	top: 20px;
	right: auto;
	bottom: auto;
	z-index: 1;
	z-index: 2;
	font: 11px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #fff
}

.badge-window-area .user-area {
	position: relative;
	overflow: hidden;
	height: 220px;
	padding-top: 65px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	background-color: #4A485B
}

.badge-window-area .user-area .photo {
	position: relative;
	z-index: 2;
	overflow: hidden;
	float: left;
	width: 124px;
	height: 124px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.badge-window-area .user-area .user-info {
	position: relative;
	z-index: 2;
	float: left;
	width: 170px;
	padding-top: 8px
}

.badge-window-area .user-area .user-info h3 {
	margin-bottom: 10px;
	font: 18px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.badge-window-area .user-area .user-info h3 span {
	display: block;
	font: 13px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.badge-window-area .user-area .user-info li {
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #fff
}

.badge-window-area .user-area .user-info li span {
	font: 24px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.badge-window-area .user-area .info {
	position: relative;
	z-index: 2;
	float: right;
	width: 170px
}

.badge-window-area .user-area .info h3 {
	margin-bottom: 10px;
	font: 18px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.badge-window-area .user-area .info h3 span {
	display: block;
	font: 13px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.badge-window-area .user-area .info li {
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #fff
}

.badge-window-area .user-area .info li span {
	font: 24px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.badge-window-area .user-area .level-info {
	float: left;
	border-left: 1px solid #fff;
	width: 205px;
	height: 90px;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 21px;
	padding-left: 10px
}

.badge-window-area .user-area .level-info .level-photo {
	position: relative;
	z-index: 2;
	overflow: hidden;
	float: left;
	margin-right: 10px;
	width: 75px;
	height: 75px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.badge-window-area .user-area .level-info .level-photo img {
	width: 100%;
	height: 100%
}

.badge-window-area .user-area .level-info .level-info-text {
	float: left;
	width: 100px;
	margin-top: 20px
}

.badge-window-area .user-area .level-info .level-info-text span {
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.badge-window-area .user-area .level-info .level-info-text .level-title {
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #fff;
	margin-top: 5px
}

.badge-window-area .user-area p {
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #A2ABCA;
	text-align: center;
	float: left;
	margin-top: 25px;
	width: 90%
}

.badge-window-area .tab h4 {
	display: none
}

.badge-window-area .tab .item {
	margin-bottom: 1px
}

.badge-window-area .tab .item .item-content {
	display: block
}

.badge-window-area .tab .item .item-content ul li .tooltip p {
	color: #fff;
	margin-bottom: 10px
}

.badge-window-area .tab .item .item-content.potential-badges {
	display: block
}

.badge-window-area .tab .item .item-content.potential-badges ul {
	*zoom: 1;
	margin-bottom: -1px
}

.badge-window-area .tab .item .item-content.potential-badges ul:after {
	content: "";
	display: table;
	clear: both
}

.badge-window-area .tab .item .item-content.potential-badges ul li {
	position: relative;
	float: left;
	width: 135px;
	min-height: 160px;
	padding-top: 23px;
	margin-right: -2px;
	border-right: 1px solid #ECEFF1;
	border-bottom: 1px solid #ECEFF1;
	text-align: center
}

.badge-window-area .tab .item .item-content.potential-badges ul li .badge {
	width: 75px;
	height: 75px;
	margin: 0 auto 10px
}

.badge-window-area .tab .item .item-content.potential-badges ul li .badge img {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 100%;
	height: 100%
}

.badge-window-area .tab .item .item-content.potential-badges ul li>span {
	display: block;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA;
	width: 120px;
	height: 30px;
	margin: auto
}

.badge-window-area .tab .item .item-content.potential-badges ul li .status {
	margin: 12px 0;
	margin-left: auto;
	margin-right: auto;
	left: 20%
}

.badge-window-area .tab .item .item-content.potential-badges ul li .status span {
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #A2ABCA;
	display: block
}

.badge-window-area .tab .item .item-content.potential-badges ul li .status .progress {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 70px;
	height: 8px;
	overflow: hidden;
	margin-left: 10px;
	background-color: #ECEFF1;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px
}

.badge-window-area .tab .item .item-content.potential-badges ul li .status .progress .fill {
	display: block;
	height: 8px;
	background-color: #A2ABCA
}

.badge-window-area .tab .item .item-content.potential-badges ul li .tooltip {
	display: none;
	position: absolute;
	left: 50%;
	bottom: 120px;
	right: auto;
	top: auto;
	z-index: 1;
	z-index: 5;
	width: 205px;
	margin-left: -100px;
	padding-top: 12px;
	padding-right: 5px;
	padding-bottom: 12px;
	padding-left: 12px;
	text-align: left;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #7A8292
}

.badge-window-area .tab .item .item-content.potential-badges ul li .tooltip:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -15px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 0;
	height: 0;
	margin-left: -8px;
	border: 8px solid transparent;
	border-top: 8px solid #7A8292
}

.badge-window-area .tab .item .item-content.potential-badges ul li .tooltip h5 {
	margin-bottom: 5px;
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.badge-window-area .tab .item .item-content.potential-badges ul li .tooltip li {
	border: none;
	padding: 0;
	margin: 0 0 12px;
	width: 180px;
	min-height: 0;
	text-align: left;
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #fff;
	overflow: hidden;
	line-height: 100%
}

.badge-window-area .tab .item .item-content.potential-badges ul li .tooltip li strong {
	font-family: "lato_trbold", Helvetica, Arial, sans-serif
}

.badge-window-area .tab .item .item-content.potential-badges ul li .tooltip li:last-child {
	margin-bottom: 0
}

.badge-window-area .tab .item .item-content.potential-badges ul li .tooltip li.check:after {
	content: "✓";
	font: 16px "SSGizmo";
	color: #A2ABCA;
	position: absolute;
	right: 0px;
	top: -3px;
	left: auto;
	bottom: auto;
	z-index: 1
}

.badge-window-area .tab .item .item-content.potential-badges ul li:hover .tooltip {
	display: block
}

.badge-window-area .tab .item .item-content.potential-badges ul li.left-corner .tooltip {
	left: 100px
}

.badge-window-area .tab .item .item-content.potential-badges ul li.left-corner .tooltip:after {
	left: 68px
}

.badge-window-area .tab .item .item-content.potential-badges ul li.right-corner .tooltip {
	left: 25%
}

.badge-window-area .tab .item .item-content.potential-badges ul li.right-corner .tooltip:after {
	left: 135px
}

.badge-window-area .tab .item .item-content.potential-badges .more-btn {
	position: relative;
	margin: 25px auto
}

.badge-window-area .tab .item .item-content.potential-badges .more-btn:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -26px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 1px;
	height: 26px;
	background-color: #ECEFF1
}

.badge-window-area .tab .item .item-content.current-badges {
	display: block
}

.badge-window-area .tab .item .item-content.current-badges ul {
	*zoom: 1;
	margin-bottom: -1px
}

.badge-window-area .tab .item .item-content.current-badges ul:after {
	content: "";
	display: table;
	clear: both
}

.badge-window-area .tab .item .item-content.current-badges ul li {
	position: relative;
	float: left;
	width: 135px;
	min-height: 160px;
	padding-top: 20px;
	margin-right: -2px;
	border-right: 1px solid #ECEFF1;
	border-bottom: 1px solid #ECEFF1;
	text-align: center
}

.badge-window-area .tab .item .item-content.current-badges ul li .badge {
	width: 75px;
	height: 75px;
	margin: 0 auto 10px
}

.badge-window-area .tab .item .item-content.current-badges ul li .badge img {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 100%;
	height: 100%
}

.badge-window-area .tab .item .item-content.current-badges ul li>span {
	display: block;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.badge-window-area .tab .item .item-content.current-badges ul li .status {
	margin: 12px 0
}

.badge-window-area .tab .item .item-content.current-badges ul li .status span {
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #A2ABCA;
	display: block;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.badge-window-area .tab .item .item-content.current-badges ul li .status .progress {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 70px;
	height: 8px;
	overflow: hidden;
	margin-left: 10px;
	background-color: #ECEFF1;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px
}

.badge-window-area .tab .item .item-content.current-badges ul li .status .progress .fill {
	display: block;
	height: 8px;
	background-color: #A2ABCA
}

.badge-window-area .tab .item .item-content.current-badges ul li .tooltip {
	display: none;
	position: absolute;
	left: 50%;
	bottom: 120px;
	right: auto;
	top: auto;
	z-index: 1;
	z-index: 5;
	width: 205px;
	margin-left: -100px;
	padding-top: 12px;
	padding-right: 5px;
	padding-bottom: 12px;
	padding-left: 12px;
	text-align: left;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #7A8292
}

.badge-window-area .tab .item .item-content.current-badges ul li .tooltip:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -15px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 0;
	height: 0;
	margin-left: -8px;
	border: 8px solid transparent;
	border-top: 8px solid #7A8292
}

.badge-window-area .tab .item .item-content.current-badges ul li .tooltip h5 {
	margin-bottom: 5px;
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.badge-window-area .tab .item .item-content.current-badges ul li .tooltip li {
	border: none;
	padding: 0;
	margin: 0 0 12px;
	width: 180px;
	min-height: 0;
	text-align: left;
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #fff;
	overflow: hidden;
	line-height: 100%
}

.badge-window-area .tab .item .item-content.current-badges ul li .tooltip li strong {
	font-family: "lato_trbold", Helvetica, Arial, sans-serif
}

.badge-window-area .tab .item .item-content.current-badges ul li .tooltip li:last-child {
	margin-bottom: 0
}

.badge-window-area .tab .item .item-content.current-badges ul li .tooltip li.check:after {
	content: "✓";
	font: 16px "SSGizmo";
	color: #A2ABCA;
	position: absolute;
	right: 0px;
	top: -3px;
	left: auto;
	bottom: auto;
	z-index: 1
}

.badge-window-area .tab .item .item-content.current-badges ul li:hover .tooltip {
	display: block
}

.badge-window-area .tab .item .item-content.current-badges ul li.left-corner .tooltip {
	left: 100px
}

.badge-window-area .tab .item .item-content.current-badges ul li.left-corner .tooltip:after {
	left: 68px
}

.badge-window-area .tab .item .item-content.current-badges ul li.right-corner .tooltip {
	left: 25%
}

.badge-window-area .tab .item .item-content.current-badges ul li.right-corner .tooltip:after {
	left: 135px
}

.badge-window-area .tab .item .item-content.current-badges .more-btn {
	position: relative;
	margin: 25px auto
}

.badge-window-area .tab .item .item-content.current-badges .more-btn:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -26px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 1px;
	height: 26px;
	background-color: #ECEFF1
}

.badge-window-area .tab .item.active h4:after {
	content: "␡"
}

.badge-window-area .tab .item.active .item-content {
	display: block
}

.badge-window-area.open {
	opacity: 1;
	visibility: visible;
	right: 0;
	width: 400px
}

.admin-menu-area {
	opacity: 0;
	visibility: hidden;
	background-color: #fff;
	float: right;
	position: relative;
	width: 0px;
	height: 100%;
	-moz-box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1);
	box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1)
}

.admin-menu-area .nano-content {
	padding: 20px 0;
	-ms-overflow-style: none
}

.admin-menu-area .close {
	position: absolute;
	right: 15px;
	top: 13px;
	left: auto;
	bottom: auto;
	z-index: 1;
	font-size: 32px;
	color: #7A8292
}

.admin-menu-area h3 {
	padding: 0 20px 20px;
	font: 18px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	border-bottom: 1px solid #D6D9DE
}

.admin-menu-area p {
	padding: 20px;
	border-bottom: 1px solid #D6D9DE;
	font: 12px/19px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.admin-menu-area ul li {
	position: relative;
	border-bottom: 1px solid #D6D9DE
}

.admin-menu-area ul li a {
	display: block;
	padding-top: 20px;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-left: 20px;
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	-webkit-transition: .2s;
	transition: .2s
}

.admin-menu-area ul li .sg-icon {
	position: absolute;
	right: 20px;
	top: 20px;
	left: auto;
	bottom: auto;
	z-index: 1;
	font-size: 16px;
	color: #7A8292;
	cursor: pointer
}

.admin-menu-area ul li.active .sg-icon {
	color: #fff
}

.admin-menu-area ul li:hover>a {
	background-color: #D6D9DE;
	-webkit-transition: .2s;
	transition: .2s;
	color: #4A485B
}

.admin-menu-area ul li.active>a {
	-webkit-transition: .2s;
	transition: .2s;
	background-color: #7A8292;
	color: #fff
}

.admin-menu-area ul li.active>.sg-plus:before,
.admin-menu-area ul li.active>.sg-plus.right:after {
	content: "-"
}

.admin-menu-area ul li.active>ul {
	display: block
}

.admin-menu-area ul li ul {
	display: none;
	position: relative;
	padding-top: 22px;
	padding-right: 0;
	padding-bottom: 22px;
	padding-left: 22px;
	border-top: 1px solid #D6D9DE
}

.admin-menu-area ul li ul:before {
	content: "";
	position: absolute;
	left: 22px;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 1px;
	height: 100%;
	background-color: #D6D9DE
}

.admin-menu-area ul li ul li {
	position: relative;
	border: none;
	margin-bottom: 15px;
	padding-left: 10px
}

.admin-menu-area ul li ul li:before {
	content: "";
	position: absolute;
	left: -2px;
	top: 5px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 5px;
	height: 5px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #D6D9DE
}

.admin-menu-area ul li ul li:last-child {
	margin-bottom: 0
}

.admin-menu-area ul li ul li a {
	font-size: 14px;
	color: #7A8292;
	padding: 0;
	width: -webkit-calc(100% - 45px);
	width: calc(100% - 45px)
}

.admin-menu-area ul li ul li .sg-icon {
	color: #7A8292 !important;
	top: -2px
}

.admin-menu-area ul li ul li:hover>a {
	background-color: transparent
}

.admin-menu-area ul li ul li.active>a {
	background-color: transparent;
	color: #7A8292
}

.admin-menu-area ul li ul li.active>.sg-plus:before,
.admin-menu-area ul li ul li.active>.sg-plus.right:after {
	content: "-"
}

.admin-menu-area ul li ul li.active>ul {
	display: block
}

.admin-menu-area ul li ul li ul {
	display: none;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 10px;
	border-top: none
}

.admin-menu-area ul li ul li ul:before {
	display: none
}

.admin-menu-area ul li ul li ul li {
	margin-bottom: 10px
}

.admin-menu-area ul li ul li ul li:after {
	content: "";
	position: absolute;
	left: -20px;
	top: 7px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 20px;
	height: 1px;
	background-color: #D6D9DE
}

.admin-menu-area ul li ul li ul li li:after {
	left: -40px;
	width: 40px
}

.admin-menu-area.open {
	opacity: 1;
	visibility: visible;
	width: 400px;
	right: 0
}

.flexible-sidebar {
	position: absolute;
	right: -320px;
	top: 0;
	left: auto;
	bottom: auto;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	background-color: #fff;
	-moz-transition: .5s;
	-o-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	width: 0px;
	height: 100%;
	padding: 5px 0 25px 0;
	-moz-box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1);
	box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1)
}

.flexible-sidebar .nano-content {
	padding: 20px 0
}

.flexible-sidebar .close {
	position: absolute;
	right: 15px;
	top: 25px;
	left: auto;
	bottom: auto;
	z-index: 1;
	font-size: 24px;
	color: #7A8292
}

.flexible-sidebar.open {
	opacity: 1;
	visibility: visible;
	width: 320px;
	right: 0
}

.modal-area {
	opacity: 0;
	visibility: hidden
}

.modal-area .modal-content {
	padding: 12px;
	background-color: #4A485B
}

.modal-area .modal-content .detail {
	overflow: hidden;
	overflow-y: scroll;
	height: auto;
	padding: 25px;
	background-color: #D6D9DE
}

.modal-area .modal-content .detail p {
	margin-bottom: 20px;
	font: 12px/17px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.modal-area .modal-content .detail p:last-child {
	margin-bottom: 0
}

.modal-area .modal-content .modal-bar {
	height: 72px;
	padding: 20px 25px;
	background-color: #fff
}

.modal-area .modal-content .modal-bar .checkbox {
	float: left
}

.modal-area .modal-content .modal-bar a {
	float: right;
	margin: 8px 0 0 0;
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA;
	text-decoration: underline
}

.modal-area .modal-content .modal-bar a.btn {
	min-width: 170px;
	padding: 8px 20px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
	font: 13px "lato_trblack", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff
}

.modal-area .modal-footer {
	*zoom: 1;
	padding: 12px 12px 20px;
	background-color: #4A485B
}

.modal-area .modal-footer:after {
	content: "";
	display: table;
	clear: both
}

.modal-area .modal-footer .file-info {
	position: relative;
	float: left;
	max-width: 430px;
	padding-left: 40px;
	margin-left: 20px
}

.modal-area .modal-footer .file-info .sg-icon {
	position: absolute;
	left: 0;
	top: -2px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font-size: 36px;
	color: #A2ABCA
}

.modal-area .modal-footer .file-info h5 {
	margin-bottom: 3px;
	font: 18px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.modal-area .modal-footer .file-info span {
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.modal-area .modal-footer .file-info span i,
.modal-area .modal-footer .file-info span a {
	color: #717489
}

.modal-area .modal-footer a {
	float: right;
	margin: 13px 0 0 0;
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA;
	text-decoration: underline
}

.modal-area .modal-footer a.btn {
	min-width: 170px;
	padding: 8px 20px;
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
	font: 13px "lato_trblack", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff
}

.modal-area.preview {
	position: relative;
	height: 605px !important;
	*zoom: 1
}

.modal-area.preview:after {
	content: "";
	display: table;
	clear: both
}

.modal-area.preview .modal-content {
	*zoom: 1
}

.modal-area.preview .modal-content:after {
	content: "";
	display: table;
	clear: both
}

.modal-area.preview .file-area {
	overflow: hidden;
	float: left;
	width: 670px;
	height: 550px;
	background-color: #D6D9DE
}

.modal-area.preview .file-area .sg-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	right: auto;
	bottom: auto;
	z-index: 1;
	margin-top: -40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -190px;
	font-size: 118px
}

.modal-area.preview .file-area .sg-icon.sg-pdf {
	color: #EA6060
}

.modal-area.preview .file-area .sg-icon.sg-doc {
	color: #419FE5
}

.modal-area.preview .file-area .sg-icon.sg-jpg {
	color: #3CBC7B
}

.modal-area.preview .file-area .sg-icon.sg-zip {
	color: #EAB160
}

.modal-area.preview .info-area {
	position: relative;
	float: left;
	width: 280px;
	height: 550px;
	padding: 30px
}

.modal-area.preview .info-area .sg-icon {
	display: block;
	font-size: 44px;
	color: #A2ABCA
}

.modal-area.preview .info-area h5 {
	font: 22px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.modal-area.preview .info-area span {
	font: 14px/20px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.modal-area.preview .info-area span i,
.modal-area.preview .info-area span a {
	color: #717489
}

.modal-area.preview .info-area .button {
	position: absolute;
	left: 17px;
	bottom: 30px;
	right: auto;
	top: auto;
	z-index: 1;
	text-align: center
}

.modal-area.preview .info-area .button .btn {
	min-width: 180px;
	margin-top: 10px
}

.modal-area.preview .info-area .button .btn.flat {
	color: #A2ABCA;
	border: 1px solid #A2ABCA;
	background-color: transparent
}

.modal-area.preview .prev,
.modal-area.preview .next {
	position: absolute;
	left: 50%;
	bottom: -45px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 32px;
	height: 32px;
	margin-left: -36px;
	border: 1px solid #A2ABCA;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	font-size: 18px;
	line-height: 35px;
	color: #A2ABCA
}

.modal-area.preview .next {
	margin-left: 5px
}

.notify-area {
	opacity: 0;
	visibility: hidden;
	position: relative;
	float: right;
	width: 0px;
	height: 100%;
	background: #fff;
	padding-bottom: 0px !important;
	-moz-box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1);
	box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1)
}

.notify-area .nano-content {
	padding: 20px 0
}

.notify-area .trigger {
	display: inline-block
}

.notify-area .close {
	position: absolute;
	right: 15px;
	top: 13px;
	left: auto;
	bottom: auto;
	z-index: 1;
	font-size: 32px;
	color: #7A8292
}

.notify-area h3 {
	font: 18px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	padding: 0 20px 20px
}

.notify-area .day {
	position: relative;
	width: 160px;
	height: 35px;
	margin: 0 auto 40px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	border: 1px solid #747a8b;
	font: 11px/35px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #A2ABCA;
	text-align: center
}

.notify-area .day:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -41px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 1px;
	height: 40px;
	margin-left: -0.5px;
	background-color: #444357
}

.notify-area .notify-content {
	*zoom: 1;
	height: 85%;
	text-align: center
}

.notify-area .notify-content:after {
	content: "";
	display: table;
	clear: both
}

.notify-area .notify-content .item>ul {
	*zoom: 1;
	border-top: 1px solid #D6D9DE;
	text-align: left
}

.notify-area .notify-content .item>ul:after {
	content: "";
	display: table;
	clear: both
}

.notify-area .notify-content .item>ul>li {
	*zoom: 1;
	padding: 20px;
	border-bottom: 1px solid #D6D9DE
}

.notify-area .notify-content .item>ul>li:after {
	content: "";
	display: table;
	clear: both
}

.notify-area .notify-content .item>ul>li .icon,
.notify-area .notify-content .item>ul>li .photo {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	overflow: hidden;
	width: 35px;
	height: 35px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right: 15px;
	background-color: #A2ABCA;
	padding-left: 1px;
	text-align: center;
	font-size: 16px;
	line-height: 36px;
	color: #fff
}

.notify-area .notify-content .item>ul>li .photo {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: transparent
}

.notify-area .notify-content .item>ul>li .photo img {
	width: 100%
}

.notify-area .notify-content .item>ul>li .photo.circle {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.notify-area .notify-content .item>ul>li .text {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 275px;
	font: 13px/18px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.notify-area .notify-content .item>ul>li .text a {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font-family: "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.notify-area .notify-content .item>ul>li .text a:hover ul {
	display: block
}

.notify-area .notify-content .item>ul>li .text span {
	display: block;
	font-size: 11px
}

.notify-area .notify-content .item>ul>li .text:hover {
	color: #4A485B
}

.notify-area .notify-content .item>ul>li .mini-btn {
	margin-top: 10px;
	margin-right: -47px;
	margin-bottom: 0;
	margin-left: 52px
}

.notify-area .notify-content .item>ul>li .mini-btn.fill {
	color: #fff
}

.notify-area .notify-content .item>ul>li>ul {
	display: none;
	position: absolute;
	right: -20px;
	top: 23px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: none;
	min-width: 160px;
	padding: 10px;
	background-color: #A2ABCA;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap
}

.notify-area .notify-content .item>ul>li>ul:after {
	content: "";
	position: absolute;
	right: 22px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom: 8px solid #A2ABCA
}

.notify-area .notify-content .item>ul>li>ul>li {
	border: none;
	padding: 0;
	margin-bottom: 5px;
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.notify-area .notify-content .item>ul>li>ul>li:last-child {
	margin-bottom: 0
}

.notify-area .notify-content .item>ul>li.danger .icon {
	background-color: #EA6060
}

.notify-area .notify-content .item>ul>li.success .icon {
	background-color: #3CBC7B;
	line-height: 38px
}

.notify-area .notify-content .item>ul>li.info .icon {
	background-color: #A2ABCA
}

.notify-area .notify-content .item>ul>li.warning .icon {
	background-color: #EAB160
}

.notify-area .notify-content .item>ul>li.important {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

.notify-area .notify-content .item>ul>li.new {
	background-color: #F5F7F9
}

.notify-area .more-btn {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	border: 1px solid #747a8b;
	padding: 0 20px;
	line-height: 33px;
	color: #A2ABCA
}

.notify-area .null {
	padding: 35px 0 0 0;
	border-top: 1px solid #A2ABCA
}

.notify-area .null .icon-area {
	position: relative;
	text-align: center;
	margin-bottom: 18px
}

.notify-area .null .icon-area .sg-icon {
	height: 103px;
	font-size: 117px;
	line-height: 117px;
	color: #D6D9DE
}

.notify-area .null .icon-area .count {
	position: absolute;
	left: 150px;
	top: -15px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 54px;
	height: 54px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #D6D9DE;
	font: 28px/54px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #fff;
	text-align: center
}

.notify-area .null h4 {
	margin-bottom: 10px;
	font: 17px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #7A8292;
	text-align: center
}

.notify-area .null p {
	position: relative;
	padding-left: 20px;
	font: 13px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #a7a9ad
}

.notify-area .null p a {
	text-decoration: underline;
	color: #666e7e
}

.notify-area .null p:after {
	content: "ℹ";
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 16px "SSGizmo";
	color: #89919f
}

.notify-area.news-area {
	background-color: #fff
}

.notify-area.news-area .day {
	border-color: #ECEFF1;
	background-color: #ECEFF1
}

.notify-area.news-area .day:after {
	background-color: #ECEFF1
}

.notify-area.news-area ul {
	border-top-color: #ECEFF1
}

.notify-area.news-area ul li {
	border-bottom-color: #ECEFF1
}

.notify-area.news-area ul li .text {
	color: #838a99
}

.notify-area.news-area ul li .mini-btn {
	border-color: #ECEFF1
}

.notify-area.news-area .more-btn {
	border-color: #ECEFF1
}

.notify-area.news-area .null {
	border-top-color: #EFEFF3;
	border-bottom-color: #EFEFF3
}

.notify-area.news-area .null .icon-area .count {
	background-color: #E8E8E8;
	color: #B7B5BF
}

.notify-area.news-area .null .icon-area .sg-icon {
	color: #E8E8E8
}

.no-drawer-scroll {
	overflow: hidden
}

.no-drawer-scroll>.nano {
	overflow: hidden;
	-ms-overflow-x: hidden;
	-ms-overflow-y: hidden
}

.no-drawer-scroll>.nano>.nano-content {
	right: 0px !important;
	overflow: hidden;
	-ms-overflow-y: hidden;
	-ms-overflow-x: hidden
}

.drawer-area {
	position: absolute;
	top: 0;
	z-index: 1;
	right: -960px;
	float: right;
	padding: 12px 10px 10px;
	width: 960px;
	height: 100%;
	background-color: #fff;
	-moz-transition: right .5s;
	-o-transition: right .5s;
	-webkit-transition: right .5s;
	transition: right .5s
}

.drawer-area .drawer-content {
	*zoom: 1;
	height: auto;
	min-height: 100%;
	position: relative;
	padding: 20px;
	background-color: #fff
}

.drawer-area .drawer-content:after {
	content: "";
	display: table;
	clear: both
}

.drawer-area .drawer-content .inner {
	display: none;
	position: absolute;
	left: -10px;
	top: 20px;
	right: auto;
	bottom: auto;
	z-index: 1;
	z-index: 5;
	padding: 12px;
	background-color: #A2ABCA;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.drawer-area .drawer-content .inner:after {
	content: "";
	position: absolute;
	left: 14px;
	top: -16px;
	right: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #D6D9DE
}

.drawer-area .close {
	position: absolute;
	right: 15px;
	top: 20px;
	left: auto;
	bottom: auto;
	z-index: 1;
	font-size: 32px;
	color: #7A8292
}

.drawer-area h4 {
	margin-bottom: 8px;
	padding-right: 40px
}

.drawer-area h5 {
	margin-bottom: 12px
}

.drawer-area .col-left {
	float: left;
	width: 200px;
	background-color: #F5F7F9
}

.drawer-area .col-left .thumb {
	overflow: hidden;
	position: relative;
	width: 200px;
	height: auto
}

.drawer-area .col-left .thumb img {
	display: block;
	height: 100%;
	width: 100%
}

.drawer-area .col-left .thumb .bar {
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	z-index: 1;
	width: 100%;
	height: 32px;
	padding: 0 10px;
	background-color: rgba(56, 53, 74, 0.5)
}

.drawer-area .col-left .thumb .bar .course-icon {
	float: left;
	margin: 9px 0 0 0
}

.drawer-area .col-left .thumb .bar span {
	float: right;
	margin-top: 10px;
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #fff
}

.drawer-area .col-left .thumb .bar span strong {
	font: 12px "lato_trblack", Helvetica, Arial, sans-serif
}

.drawer-area .col-left .info {
	padding: 20px 15px
}

.drawer-area .col-left .info .instructor-fullName {
	margin-bottom: 12px
}

.drawer-area .col-left .info .green {
	margin-top: 15px
}

.drawer-area .col-left .info .btn {
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px
}

.drawer-area .col-left .info .btn.capacity-full {
	position: relative
}

.drawer-area .col-left .info .btn.capacity-full .trigger-unit-tooltip {
	position: absolute;
	left: 0;
	top: 30px;
	right: auto;
	bottom: auto;
	z-index: 1;
	padding: 10px;
	width: 150px;
	text-align: center
}

.drawer-area .col-left p {
	line-height: 20px
}

.drawer-area .col-left ul.category-tag {
	margin-bottom: 12px
}

.drawer-area .col-left ul.category-tag li {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	background-color: #ECEFF1;
	padding: 3px 10px;
	font: 10px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292;
	width: auto;
	margin-bottom: 3px
}

.drawer-area .col-left ul.category-tag li:nth-child(2n+2) {
	padding: 3px 0px;
	background: none
}

.drawer-area .col-left ul.category-tag li:nth-child(2n+2) .sg-icon {
	font-size: 13px !important;
	margin-top: 2px;
	margin-right: -2px;
	margin-left: -3px;
	color: #7A8292
}

.drawer-area .col-left ul.category-tag li:last-child {
	display: none
}

.drawer-area .col-left .education-list {
	*zoom: 1;
	margin-bottom: 20px
}

.drawer-area .col-left .education-list:after {
	content: "";
	display: table;
	clear: both
}

.drawer-area .col-left .education-list li {
	float: left;
	padding: 0 16px;
	border-right: 1px solid #c4c7ce;
	color: #7A8292
}

.drawer-area .col-left .education-list li:first-child {
	padding-left: 0
}

.drawer-area .col-left .education-list li:last-child {
	border-right: 0
}

.drawer-area .col-left .education-list li span {
	display: block;
	font: 22px/19px "lato_trblack", Helvetica, Arial, sans-serif
}

.drawer-area .col-left .education-list li .certificate {
	width: 30px;
	height: 38px;
	background: url(../img/icon/file-icon.png) no-repeat 0 0;
	text-indent: -99999px
}

.drawer-area .col-left .education-time {
	*zoom: 1
}

.drawer-area .col-left .education-time:after {
	content: "";
	display: table;
	clear: both
}

.drawer-area .col-left .education-time li {
	float: left;
	margin-bottom: 10px
}

.drawer-area .col-left .education-time li:last-child {
	margin-right: 0
}

.drawer-area .col-left .education-time .date {
	position: relative;
	width: 60px;
	height: 60px;
	margin: 6px 0 0;
	padding: 9px 0;
	border: 6px solid #D6D9DE;
	background-color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font: 20px/20px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #A2ABCA;
	text-align: center
}

.drawer-area .col-left .education-time .date i {
	display: block;
	font: 10px/10px "lato_trregular", Helvetica, Arial, sans-serif
}

.drawer-area .col-left .education-time .date:before,
.drawer-area .col-left .education-time .date:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -24px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 0;
	height: 0;
	margin-left: -9px;
	border: 9px solid transparent;
	border-bottom: 9px solid #D6D9DE
}

.drawer-area .col-left .education-time .date:after {
	top: -22px;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #ECEFF1
}

.drawer-area .col-left .education-time span {
	display: block;
	margin-bottom: 5px
}

.drawer-area .col-left .type-list,
.drawer-area .col-left .file-list- {
	margin-bottom: 20px
}

.drawer-area .col-left .type-list li,
.drawer-area .col-left .file-list- li {
	margin-bottom: 5px;
	font-size: 12px
}

.drawer-area .col-left .type-list .sg-icon,
.drawer-area .col-left .file-list- .sg-icon {
	height: 14px;
	font-size: 18px;
	line-height: 18px;
	color: #7A8292
}

.drawer-area .col-left .file-list {
	margin-bottom: 20px
}

.drawer-area .col-left .file-list li {
	margin-bottom: 10px
}

.drawer-area .col-left .file-list a {
	color: #A2ABCA
}

.drawer-area .col-left .file-list a.red .sg-icon {
	color: #EA6060
}

.drawer-area .col-left .file-list a.green .sg-icon {
	color: #3CBC7B
}

.drawer-area .col-left .file-list a.blue .sg-icon {
	color: #419FE5
}

.drawer-area .col-left .file-list a.aqua .sg-icon {
	color: #44B4E3
}

.drawer-area .col-left .file-list a.yellow .sg-icon {
	color: #EAB160
}

.drawer-area .col-left .session-list li {
	*zoom: 1;
	margin-bottom: 10px
}

.drawer-area .col-left .session-list li:after {
	content: "";
	display: table;
	clear: both
}

.drawer-area .col-left .session-list li:last-child {
	margin-bottom: 0
}

.drawer-area .col-left .session-list li a {
	color: #aab3cc
}

.drawer-area .col-left .session-list .detail {
	float: left;
	width: 135px
}

.drawer-area .col-left .session-list h6 {
	margin-bottom: 3px;
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif
}

.drawer-area .col-left .session-list span {
	display: block;
	margin-bottom: 3px
}

.drawer-area .col-left .session-list span.user {
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.drawer-area .col-left .session-list span.date {
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #c7c9cf
}

.drawer-area .col-left .session-list .sg-icon {
	float: right;
	width: 22px;
	height: 22px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #aab3cc;
	padding-left: 5px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 26px
}

.drawer-area .col-right {
	float: right;
	width: 680px
}

.drawer-area .col-right .comment-saving {
	height: 140px;
	padding-top: 70px
}

.drawer-area .col-right .btn {
	position: relative;
	font: 14px "lato_trbold";
	min-width: 125px !important;
	margin-bottom: 10px
}

.drawer-area .col-right .stats-holder {
	width: 100%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-left: 0;
	float: left
}

.drawer-area .col-right .stats-holder .stats-info {
	float: left;
	margin: 10px 0
}

.drawer-area .col-right .stats-holder .stats-info span {
	float: left;
	margin-right: 10px
}

.drawer-area .col-right .stats-holder .stats-info span i {
	margin-right: 5px;
	font-size: 16px;
	color: #7A8292
}

.drawer-area .col-right .stats-holder .course-like-icons .stats-view {
	position: relative
}

.drawer-area .col-right .stats-holder .course-like-icons .stats-view .tooltip-area {
	display: none;
	position: absolute;
	right: 0px;
	top: 20px;
	left: auto;
	bottom: auto;
	z-index: 1;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 5px 10px;
	text-align: left;
	background-color: #7A8292;
	font-family: "lato_trregular", Helvetica, Arial, sans-serif;
	white-space: nowrap;
	color: #fff
}

.drawer-area .col-right .stats-holder .course-like-icons .stats-view .tooltip-area:after {
	content: "";
	position: absolute;
	right: 8px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	width: 0;
	height: 0;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #7A8292
}

.drawer-area .col-right .stats-holder .course-like-icons .stats-view.like .tooltip-area {
	position: absolute;
	right: -13px;
	top: 34px;
	left: auto;
	bottom: auto;
	z-index: 1
}

.drawer-area .col-right .stats-holder .course-like-icons .stats-view.like .tooltip-area:after {
	position: absolute;
	right: 18px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1
}

.drawer-area .col-right .stats-holder .course-like-icons .stats-view.dislike .tooltip-area {
	position: absolute;
	right: -20px;
	top: 34px;
	left: auto;
	bottom: auto;
	z-index: 1
}

.drawer-area .col-right .stats-holder .course-like-icons .stats-view.dislike .tooltip-area:after {
	position: absolute;
	right: 24px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1
}

.drawer-area .col-right .stats-holder .course-like-icons .stats-view:hover .tooltip-area {
	display: block
}

.drawer-area .col-right .stats-holder .include-stat {
	width: auto;
	display: inline-block;
	float: right;
	margin-right: 8px
}

.drawer-area .col-right button[disabled="disabled"] {
	cursor: not-allowed;
	background-color: #ECEFF1;
	color: #7A8292
}

.drawer-area .col-right .load-more {
	float: left;
	width: 100%;
	margin-bottom: 15px
}

.drawer-area .col-right .load-more span a:hover,
.drawer-area .col-right .load-more span a:link,
.drawer-area .col-right .load-more span a:visited,
.drawer-area .col-right .load-more span a:active {
	color: #fff;
	font-size: 10px
}

.drawer-area .col-right .load-more span:nth-child(1) {
	float: left;
	width: auto;
	font: 13px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292;
	padding-top: 5px
}

.drawer-area .col-right .load-more span:nth-child(2) {
	float: right;
	width: auto;
	height: 22px;
	background: #7A8292;
	color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font: 10px "lato_trregular", Helvetica, Arial, sans-serif;
	text-align: center;
	text-transform: capitalize;
	padding: 5px 9px
}

.drawer-area .col-right .badge {
	background: #A2ABCA;
	border-radius: 50%;
	color: #fff;
	font-size: 11px;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 4px;
	font-family: "lato_trregular", Helvetica, Arial, sans-serif;
	position: absolute;
	margin-top: 19px;
	right: 0;
	left: 0;
	bottom: auto;
	margin-left: auto;
	margin-right: auto;
	width: 26px;
	height: 24px;
	text-align: center;
	float: right
}

.drawer-area .col-right .sessions-area {
	width: 100%
}

.drawer-area .col-right .tabs {
	margin-bottom: 20px
}

.drawer-area .col-right .tabs #him {
	display: inline-block;
	height: 45px;
	width: 49.5%;
	text-align: center;
	padding-top: 15px;
	padding-left: 0px !important;
	color: #7A8292;
	position: relative;
	font: 600 14px "lato_trregular", Helvetica, Arial, sans-serif;
	background-color: #ECEFF1
}

.drawer-area .col-right .tabs #him-small {
	display: inline-block;
	width: 24.15%;
	height: 45px;
	text-align: center;
	padding-top: 15px;
	padding-left: 0px !important;
	color: #7A8292;
	position: relative;
	font: 600 12px "lato_trregular", Helvetica, Arial, sans-serif;
	background-color: #ECEFF1;
	vertical-align: middle
}

.drawer-area .col-right .tabs #him-middle {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 32.50%;
	height: 45px;
	text-align: center;
	padding-top: 15px;
	color: #7A8292;
	position: relative;
	font: 600 12px "lato_trregular", Helvetica, Arial, sans-serif;
	background-color: #ECEFF1
}

.drawer-area .col-right .tabs .activeses {
	border-bottom: 5px solid #7A8292
}

.drawer-area .col-right .stage {
	*zoom: 1;
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 1px solid #D6D9DE;
	position: relative
}

.drawer-area .col-right .stage:after {
	content: "";
	display: table;
	clear: both
}

.drawer-area .col-right .stage:last-child {
	border: none
}

.drawer-area .col-right .indicator {
	float: right;
	margin: 10px 0;
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif
}

.drawer-area .col-right .indicator span {
	padding-left: 5px
}

.drawer-area .col-right .indicator .like,
.drawer-area .col-right .indicator .dislike {
	padding: 6px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #D6D9DE;
	width: 29px;
	height: 27px;
	margin-left: 10px;
	margin-top: -5px;
	margin-right: 0px;
	transition: all 0.3s ease-in 0s;
	display: inline-block
}

.drawer-area .col-right .indicator .like.active,
.drawer-area .col-right .indicator .dislike.active {
	background: #D6D9DE;
	border: 1px solid #D6D9DE
}

.drawer-area .col-right .indicator .like.active .sg-like,
.drawer-area .col-right .indicator .like.active .sg-dislike,
.drawer-area .col-right .indicator .dislike.active .sg-like,
.drawer-area .col-right .indicator .dislike.active .sg-dislike {
	color: #A2ABCA !important
}

.drawer-area .col-right .indicator .like:hover,
.drawer-area .col-right .indicator .dislike:hover {
	cursor: pointer;
	background: #D6D9DE;
	border: 1px solid #D6D9DE;
	transition: all 0.9s ease-out 0s
}

.drawer-area .col-right .indicator .like:hover .sg-like,
.drawer-area .col-right .indicator .like:hover .sg-dislike,
.drawer-area .col-right .indicator .dislike:hover .sg-like,
.drawer-area .col-right .indicator .dislike:hover .sg-dislike {
	color: #A2ABCA
}

.drawer-area .col-right .indicator .like .sg-like,
.drawer-area .col-right .indicator .like .sg-dislike,
.drawer-area .col-right .indicator .dislike .sg-like,
.drawer-area .col-right .indicator .dislike .sg-dislike {
	margin: 0;
	padding: 0
}

.drawer-area .col-right .indicator .sg-icon {
	margin-right: 3px;
	font-size: 16px;
	line-height: 16px;
	color: #A2ABCA
}

.drawer-area .col-right .box-module.box-list .module-item {
	border: 1px solid #D6D9DE;
	margin-bottom: 20px
}

.drawer-area .col-right .box-module.box-list .module-item p {
	width: 280px;
	font-size: 15px
}

.drawer-area .col-right .box-module.box-list .module-item .stats {
	left: auto;
	right: 15px;
	text-align: right
}

.drawer-area .col-right p {
	margin-bottom: 12px;
	margin-top: 12px;
	font-size: 13px;
	line-height: 20px
}

.drawer-area .col-right p.green {
	color: #3CBC7B
}

.drawer-area .col-right span.prerequisite-separator:last-of-type {
	display: none
}

.drawer-area .col-right span.equivalence-separator:last-of-type {
	display: none
}

.drawer-area .col-right .more {
	font-size: 35px;
	line-height: 12px;
	color: #e5e8e9
}

.drawer-area .col-right ul {
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 18px
}

.drawer-area .col-right ul li {
	position: relative;
	margin-bottom: 4px;
	padding-left: 15px
}

.drawer-area .col-right ul li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 7px;
	height: 7px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #ECEFF1
}

.drawer-area .col-right ul li:after {
	content: "";
	position: absolute;
	left: 3px;
	top: 10px;
	right: auto;
	bottom: auto;
	z-index: 1;
	background-color: #ECEFF1;
	width: 1px;
	height: 100%
}

.drawer-area .col-right ul li:last-child:after {
	display: none
}

.drawer-area .col-right h5 .count {
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.drawer-area .col-right h5 .count .sg-icon {
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 5px;
	font-size: 16px;
	color: #d5d7dc
}

.drawer-area .col-right h5 a {
	float: right;
	font-size: 22px;
	color: #d5d7dc
}

.drawer-area .col-right .comment-item {
	margin-bottom: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 12px;
	background-color: #ECEFF1
}

.drawer-area .col-right .comment-item .user-area {
	margin-bottom: 10px
}

.drawer-area .col-right .comment-item .user-area img {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 35px;
	margin-right: 15px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.drawer-area .col-right .comment-item .user-area .info {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font: 600 13px "lato_trregular", Helvetica, Arial, sans-serif
}

.drawer-area .col-right .comment-item .user-area .info a {
	color: #A2ABCA
}

.drawer-area .col-right .comment-item .user-area .date {
	display: block;
	margin-top: 5px;
	font-size: 11px;
	color: #cbcdd2
}

.drawer-area .col-right .comment-item .detail {
	padding-left: 56px;
	font-size: 11px;
	line-height: 19px
}

.drawer-area .col-right .comment-item ul li {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-right: 10px;
	font-size: 12px;
	padding: 0
}

.drawer-area .col-right .comment-item ul li:before,
.drawer-area .col-right .comment-item ul li:after {
	display: none
}

.drawer-area .col-right .comment-item ul .sg-icon {
	margin-right: 3px;
	font-size: 16px;
	color: #d5d7dc
}

.drawer-area .col-right .comment-write {
	padding-top: 20px;
	margin: 20px 0;
	border-top: 1px solid #ECEFF1
}

.drawer-area .col-right .comment-write textarea {
	height: 74px;
	padding: 15px;
	margin-bottom: 10px;
	border: 1px solid #dedede;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.drawer-area .col-right .comment-write button,
.drawer-area .col-right .comment-write input[type="submit"] {
	float: right;
	height: 28px;
	padding: 0 10px;
	border: 1px solid #dedede;
	background-color: #fff;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	font: 600 11px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.drawer-area .col-right .sessions-area .more-btn {
	margin: 0
}

.drawer-area .col-right .session-list {
	margin: 0 0 15px;
	list-style: none;
	border: 1px solid #ECEFF1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.drawer-area .col-right .session-list li {
	overflow: hidden;
	padding: 20px 25px;
	margin-bottom: 0;
	border-bottom: 1px solid #ECEFF1
}

.drawer-area .col-right .session-list li:last-child {
	border-bottom: none
}

.drawer-area .col-right .session-list li:before,
.drawer-area .col-right .session-list li:after {
	display: none
}

.drawer-area .col-right .session-list li a {
	color: #aab3cc
}

.drawer-area .col-right .session-list .detail {
	float: left;
	margin-right: 8px
}

.drawer-area .col-right .session-list h6 {
	margin-bottom: 3px;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.drawer-area .col-right .session-list h6 span,
.drawer-area .col-right .session-list h6 a {
	display: block;
	margin: 2px 0;
	font-family: "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292;
	text-decoration: underline
}

.drawer-area .col-right .session-list .date {
	display: block;
	margin-bottom: 3px;
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.drawer-area .col-right .session-list .session-btn {
	width: auto;
	height: auto;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	float: right;
	padding: 4px 15px;
	border: 1px solid #7A8292;
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.drawer-area .col-right .session-list .session-btn .sg-icon {
	color: #A2ABCA;
	font-size: 16px;
	line-height: 26px;
	margin-right: 4px
}

.drawer-area .col-right .sessions {
	*zoom: 1;
	border: 1px solid #ECEFF1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.drawer-area .col-right .sessions:after {
	content: "";
	display: table;
	clear: both
}

.drawer-area .col-right .sessions .item {
	*zoom: 1;
	position: relative;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	border-bottom: 1px solid #ECEFF1
}

.drawer-area .col-right .sessions .item:after {
	content: "";
	display: table;
	clear: both
}

.drawer-area .col-right .sessions .item:last-child {
	border-bottom: none
}

.drawer-area .col-right .sessions .item .status {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 20px;
	height: 100%;
	font: 11px/20px "lato_trblack", Helvetica, Arial, sans-serif;
	text-align: center
}

.drawer-area .col-right .sessions .item .status.pending {
	background-color: #ECEFF1;
	color: #A2ABCA
}

.drawer-area .col-right .sessions .item .status.appended {
	background-color: #3CBC7B;
	color: #fff
}

.drawer-area .col-right .sessions .item .status.not-appended {
	background-color: #EA6060;
	color: #fff
}

.drawer-area .col-right .sessions .item .status span {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	right: auto;
	bottom: auto;
	z-index: 1;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	white-space: pre
}

.drawer-area .col-right .sessions .item h4 span {
	display: block;
	margin: 5px 0;
	font: 13px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.drawer-area .col-right .sessions .item .date {
	display: block;
	margin-bottom: 30px;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.drawer-area .col-right .sessions .item ul {
	*zoom: 1
}

.drawer-area .col-right .sessions .item ul:after {
	content: "";
	display: table;
	clear: both
}

.drawer-area .col-right .sessions .item ul li {
	float: left;
	padding: 0
}

.drawer-area .col-right .sessions .item ul li:before,
.drawer-area .col-right .sessions .item ul li:after {
	display: none
}

.drawer-area .col-right .sessions .item ul li .photo {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	overflow: hidden;
	width: 35px;
	height: 35px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.drawer-area .col-right .sessions .item ul li .photo img {
	display: block;
	margin-top: 0px;
	width: 100%;
	height: 100%
}

.drawer-area .col-right .sessions .item ul li .info {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 130px;
	margin-left: 10px
}

.drawer-area .col-right .sessions .item ul li .info strong {
	display: block;
	font: 10px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.drawer-area .col-right .sessions .item ul li .info a {
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.drawer-area .col-right .sessions .item .play-btn {
	position: absolute;
	right: 30px;
	top: 50%;
	left: auto;
	bottom: auto;
	z-index: 1;
	display: block;
	width: 43px;
	height: 43px;
	margin-top: -21.5px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #3CBC7B;
	padding-left: 5px;
	text-align: center;
	font-size: 13px;
	line-height: 46px;
	color: #fff
}

.drawer-area .col-right .no-session {
	padding: 50px 0;
	border: #D6D9DE 1px solid
}

.drawer-area .col-right .no-session h5 {
	font: 17px "lato_trbold", Helvetica, Arial, sans-serif;
	margin-bottom: 0px
}

.drawer-area .col-right .activity-list {
	position: relative;
	padding-left: 25px
}

.drawer-area .col-right .activity-list span,
.drawer-area .col-right .activity-list i {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.drawer-area .col-right .activity-list span.title,
.drawer-area .col-right .activity-list i.title {
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA;
	width: 610px
}

.drawer-area .col-right .activity-list span.thumb,
.drawer-area .col-right .activity-list i.thumb {
	margin-right: 5px;
	width: 35px;
	height: 35px
}

.drawer-area .col-right .activity-list span.thumb img,
.drawer-area .col-right .activity-list i.thumb img {
	width: 100%;
	margin: 0
}

.drawer-area .col-right .activity-list span .inner,
.drawer-area .col-right .activity-list i .inner {
	top: 15px;
	left: -15px;
	text-align: center
}

.drawer-area .col-right .activity-list span .inner:after,
.drawer-area .col-right .activity-list i .inner:after {
	left: 15px
}

.drawer-area .col-right .activity-list span:hover .inner,
.drawer-area .col-right .activity-list i:hover .inner {
	display: block
}

.drawer-area .col-right .activity-list .sg-icon {
	position: absolute;
	left: 0;
	top: 8px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font-size: 16px;
	color: #7A8292
}

.drawer-area .col-right .activity-list .item {
	*zoom: 1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	padding: 10px;
	border: 1px solid #ECEFF1;
	margin: 10px 0
}

.drawer-area .col-right .activity-list .item:after {
	content: "";
	display: table;
	clear: both
}

.drawer-area .col-right .activity-list .item h6 {
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.drawer-area .col-right .activity-list .item .date {
	display: block;
	margin: 10px 0;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #d0d3d8
}

.drawer-area .col-right .activity-list .item p {
	margin: 5px 0
}

.drawer-area .col-right .activity-list .item .detail {
	color: #EA6060
}

.drawer-area .col-right .activity-list .item ul {
	*zoom: 1
}

.drawer-area .col-right .activity-list .item ul:after {
	content: "";
	display: table;
	clear: both
}

.drawer-area .col-right .activity-list .item ul li {
	float: left;
	padding: 0
}

.drawer-area .col-right .activity-list .item ul li:before,
.drawer-area .col-right .activity-list .item ul li:after {
	display: none
}

.drawer-area .col-right .activity-list .item ul li .photo {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	overflow: hidden;
	width: 35px;
	height: 35px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.drawer-area .col-right .activity-list .item ul li .photo img {
	display: block;
	margin-top: 0px;
	width: 100%
}

.drawer-area .col-right .activity-list .item ul li .info {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 130px;
	margin-left: 10px
}

.drawer-area .col-right .activity-list .item ul li .info strong {
	display: block;
	font: 10px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #c3c6cd
}

.drawer-area .col-right .activity-list .item ul li .info a {
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	text-decoration: underline
}

.drawer-area .col-right .activity-list.exam .sg-icon {
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1
}

.drawer-area .col-right .exam-item {
	display: none;
	position: relative;
	padding-left: 25px;
	margin-bottom: 30px
}

.drawer-area .col-right .exam-item .sg-icon {
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1;
	font-size: 16px;
	color: #7A8292
}

.drawer-area .col-right .exam-item h6 {
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.drawer-area .col-right .exam-item img {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-right: 5px
}

.drawer-area .col-right .exam-item img.circle {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.drawer-area .col-right .exam-item ul {
	margin-top: 5px
}

.drawer-area .col-right .exam-item li {
	padding: 0;
	margin-bottom: 10px
}

.drawer-area .col-right .exam-item li:last-child {
	margin-bottom: 0
}

.drawer-area .col-right .exam-item li:after,
.drawer-area .col-right .exam-item li:before {
	display: none
}

.drawer-area .col-right .exam-item p {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: -webkit-calc(100% - 50px);
	width: calc(100% - 50px);
	margin: 0;
	font: 12px/18px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.drawer-area .col-right .exam-item p a {
	color: #7A8292;
	text-decoration: underline
}

.drawer-area .col-right .exam-item p span {
	display: block;
	color: #e1e2e5
}

.drawer-area .col-right .exam-item .sessions {
	margin-top: 10px
}

.drawer-area .col-right .exam-item .sessions .item {
	padding: 20px
}

.drawer-area .col-right .exam-item .sessions .item .date {
	margin-bottom: 12px
}

.drawer-area .col-right .exam-item .sessions .item ul li .info span {
	color: #A2ABCA
}

.drawer-area.open {
	right: 0
}

.drawer-area.course,
.drawer-area.profile {
	position: absolute;
	z-index: 5;
	right: -780px;
	width: 740px;
	-moz-box-shadow: -30px 0 25px rgba(56, 53, 74, 0.4);
	-webkit-box-shadow: -30px 0 25px rgba(56, 53, 74, 0.4);
	box-shadow: -30px 0 25px rgba(56, 53, 74, 0.4)
}

.drawer-area.course .col-right,
.drawer-area.profile .col-right {
	width: 430px
}

.drawer-area.course.open,
.drawer-area.profile.open {
	right: 0
}

m .drawer-area.profile .col-left {
	width: 250px
}

m .drawer-area.profile .col-left .thumb {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 230px
}

m .drawer-area.profile .col-left .thumb>img {
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1;
	display: block;
	width: 100%
}

m .drawer-area.profile .col-left .thumb .avatar {
	overflow: hidden;
	position: relative;
	z-index: 2;
	width: 200px;
	height: 200px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin: 15px auto 0
}

m .drawer-area.profile .col-left .thumb .avatar img {
	display: block;
	width: 100%
}

m .drawer-area.profile .col-left .name {
	margin: 15px 22px 20px;
	font: 18px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #838a99
}

m .drawer-area.profile .col-left .name span {
	display: block;
	font: 14px "lato_trregular", Helvetica, Arial, sans-serif
}

m .drawer-area.profile .col-left ul {
	margin: 10px 22px
}

m .drawer-area.profile .col-left ul li {
	margin-bottom: 18px;
	font: 13px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

m .drawer-area.profile .col-left ul span {
	display: block;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #D6D9DE
}

m .drawer-area.profile .col-left .btn {
	display: block;
	width: 215px;
	margin: 10px auto
}

m .drawer-area.profile .col-right {
	width: 390px
}

.drawer-area.instructor-drawer .drawer-content .col-left .info {
	text-align: center
}

.drawer-area.instructor-drawer .drawer-content .col-right ul li {
	font-size: 13px
}

.drawer-area.activity-drawer .drawer-content .col-left .info .activity-grid-plan {
	margin: 0 0 15px 0
}

.drawer-area.activity-drawer .drawer-content .col-left .info .activity-grid-plan .learning {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 3px 10px;
	font-size: 10px;
	background: #44B4E3;
	color: #fff;
	font-weight: normal;
	display: inline-block
}

.drawer-area.activity-drawer .drawer-content .col-right .activity-description-popup .activity-description-popup-btn {
	color: #fff;
	display: block;
	width: 165px;
	background: #7A8292;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	padding: 0px 15px;
	font: 10px "lato_trbold", Helvetica, Arial, sans-serif;
	-webkit-transition: .2s;
	transition: .2s
}

.drawer-area.activity-drawer .drawer-content .col-right .activity-description-popup .activity-description-popup-btn i {
	font-size: 15px
}

.drawer-area.activity-drawer .drawer-content .col-right .activity-description-popup .activity-description-popup-btn i:before {
	display: block;
	margin-top: 2px
}

.drawer-area.activity-drawer .drawer-content .col-right .activity-description-popup .activity-description-popup-btn span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.drawer-area.activity-drawer .drawer-content .col-right .activity-description-popup .activity-description-popup-btn:hover {
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.drawer-area.activity-drawer .drawer-content .col-right .activity-description-popup .inline-modal.activity-description .description-area {
	margin: 10px
}

.drawer-area.activity-drawer .drawer-content .col-right .stage {
	padding-bottom: 20px;
	margin-bottom: 20px
}

.drawer-area.activity-drawer .unit-area {
	padding: 0;
	margin-top: 15px
}

.drawer-area.activity-drawer .unit-area .unit-area-line {
	padding: 0;
	border: 0
}

.drawer-area.activity-drawer .unit-area .directory-line .directory-line-title a {
	margin-right: 35px
}

.drawer-area.activity-drawer .unit-area .unit-box {
	margin-bottom: 10px
}

.drawer-area.activity-drawer .unit-area .unit-box .unit-box-row.unit-box-main {
	width: -webkit-calc(100% - 180px);
	width: calc(100% - 180px)
}

.drawer-area.activity-drawer .unit-area .unit-box .unit-box-row.unit-box-main .unit-box-main-thumb img {
	margin-bottom: 0px;
	margin-top: 0px
}

.drawer-area.activity-drawer .unit-area .unit-box .unit-box-row.unit-box-type p {
	margin: 0px
}

.drawer-area.activity-drawer .unit-area .unit-box .unit-box-detail.activity-list .item {
	border: 0;
	padding: 0
}

.drawer-area.activity-drawer .unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-title {
	width: 100%;
	padding-top: 5px;
	padding-right: 22px;
	padding-bottom: 5px;
	padding-left: 10px;
	display: inline-block
}

.drawer-area.activity-drawer .unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-title p,
.drawer-area.activity-drawer .unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-title i {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin: 0
}

.drawer-area.activity-drawer .unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-title p {
	line-height: 25px
}

.drawer-area.activity-drawer .unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line {
	position: relative;
	float: left
}

.drawer-area.activity-drawer .unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line .info-icon {
	top: 0px
}

.drawer-area.activity-drawer .unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail {
	width: 100%
}

.drawer-area.activity-drawer .unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail p {
	margin-left: 30px !important
}

.drawer-area.activity-drawer .unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail p.session-line-detail-title {
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.drawer-area.activity-drawer .unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail p.session-line-detail-dates {
	font: 13px "lato_trbold";
	color: #7A8292
}

.drawer-area.activity-drawer .unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail p.date {
	display: block;
	margin: 10px 0;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #d0d3d8
}

.drawer-area.activity-drawer .unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line ul {
	margin: 20px 30px 0 30px
}

.drawer-area.activity-drawer .unit-area .unit-box .unit-box-detail .unit-box-detail-homework .homework-title {
	padding-top: 5px;
	padding-right: 22px;
	padding-bottom: 5px;
	padding-left: 10px;
	display: inline-block
}

.drawer-area.activity-drawer .unit-area .unit-box .unit-box-detail .unit-box-detail-attachments .attachments-title {
	padding-top: 5px;
	padding-right: 22px;
	padding-bottom: 5px;
	padding-left: 10px;
	display: inline-block
}

.drawer-area.activity-drawer .unit-area .unit-box .unit-box-task {
	overflow: hidden
}

.drawer-area.activity-drawer .unit-area .unit-box .unit-box-task .unit-box-row {
	margin-top: 0px !important
}

.drawer-area.activity-drawer .unit-area .unit-box .unit-box-task .unit-box-row.unit-box-type {
	width: 135px !important
}

.drawer-area.activity-drawer .unit-area .unit-box .unit-box-task .unit-box-row.unit-box-type p {
	margin-top: 12px
}

.drawer-area.course-drawer .drawer-content .col-left .info .file-list li a {
	word-break: break-word;
	word-wrap: break-word
}

.drawer-area.course-drawer .drawer-content .col-right .comment-module .comment-manager {
	margin: 0
}

.drawer-area.course-drawer .drawer-content .col-right .comment-module .comment-manager h4 {
	margin-bottom: 0;
	padding: 0
}

.drawer-area.course-drawer .drawer-content .col-right .comment-module .search-page-result i:before {
	position: absolute;
	left: 0;
	top: 60px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.drawer-area.task-drawer {
	width: 1010px
}

.drawer-area.task-drawer .comment-module .tabbed-view .comments-area .comment-list li .people-replied .circle-small .trigger-unit-tooltip {
	position: absolute;
	left: -60px;
	top: 30px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.drawer-area.task-drawer .comment-module .tabbed-view .comments-area .comment-list li .people-replied .circle-small .trigger-unit-tooltip:after,
.drawer-area.task-drawer .comment-module .tabbed-view .comments-area .comment-list li .people-replied .circle-small .trigger-unit-tooltip:before {
	margin-left: -65px
}

.help-area {
	opacity: 0;
	visibility: hidden;
	display: table;
	vertical-align: middle;
	width: 480px;
	height: 100%;
	margin: 0 auto;
	padding-top: 80px
}

.help-area .help-content {
	display: table-cell;
	vertical-align: middle
}

.help-area .icon-area {
	margin-bottom: 35px;
	text-align: center;
	color: #4A485B
}

.help-area .icon-area i {
	font-size: 260px;
	line-height: 260px;
	height: 200px
}

.help-area h2,
.help-area h3 {
	margin-bottom: 22px;
	font: 34px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #fff
}

.help-area h3 {
	margin-bottom: 18px;
	font: 22px "lato_trbold", Helvetica, Arial, sans-serif
}

.help-area .list {
	margin-bottom: 30px;
	border-top: 1px solid #4A485B
}

.help-area .list li {
	*zoom: 1;
	padding: 15px 0;
	border-bottom: 1px solid #4A485B
}

.help-area .list li:after {
	content: "";
	display: table;
	clear: both
}

.help-area .list li:last-child {
	border-bottom: none
}

.help-area .list a {
	font: 16px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.help-area .list a .sg-icon {
	font-size: 24px;
	line-height: 24px;
	height: 23px;
	margin-right: 5px;
	color: #7A8292
}

.help-area .list a .sg-navigateright {
	float: right;
	height: 17px;
	margin-right: 0
}

.help-area .form-item input[type="text"],
.help-area .form-item textarea {
	border-color: #4a465e;
	padding: 10px
}

.help-area .form-item textarea {
	height: 180px
}

.help-area .document-search {
	position: relative;
	margin-top: 35px
}

.help-area .document-search input[type="text"] {
	height: 50px;
	padding: 0 25px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	border: 1px solid #4c4a5c;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.help-area .document-search::-moz-placeholder {
	color: #7A8292
}

.help-area .document-search::-webkit-input-placeholder {
	color: #7A8292
}

.help-area .document-search:-ms-input-placeholder {
	color: #7A8292
}

.help-area .document-search::placeholder {
	color: #7A8292
}

.help-area .document-search button {
	position: absolute;
	right: 10px;
	top: 8px;
	left: auto;
	bottom: auto;
	z-index: 1;
	font-size: 24px;
	color: #797e94;
	background-color: transparent
}

.help-area .help-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 75px;
	background-color: #2f2d3e;
	padding-top: 22px;
	-moz-box-shadow: 4px -2px 6px rgba(1, 1, 1, 0.19);
	-webkit-box-shadow: 4px -2px 6px rgba(1, 1, 1, 0.19);
	box-shadow: 4px -2px 6px rgba(1, 1, 1, 0.19)
}

.help-area .help-footer .document-search {
	float: left;
	width: 300px;
	margin: 0 0 0 10px
}

.help-area .help-footer .document-search input[type="text"] {
	height: 33px;
	border-color: #535260
}

.help-area .help-footer .document-search::-moz-placeholder {
	color: #7A8292
}

.help-area .help-footer .document-search::-webkit-input-placeholder {
	color: #7A8292
}

.help-area .help-footer .document-search:-ms-input-placeholder {
	color: #7A8292
}

.help-area .help-footer .document-search::placeholder {
	color: #7A8292
}

.help-area .help-footer .document-search button {
	top: 0
}

.help-area .help-footer .btn {
	float: right;
	margin-right: 10px
}

.help-page .wrapper {
	padding: 84px 0 100px;
	background-color: #4A485B
}

.help-page .help-area {
	opacity: 1;
	visibility: visible
}

.login-box {
	position: absolute;
	left: 50%;
	top: 50%;
	right: auto;
	bottom: auto;
	z-index: 1;
	display: block;
	background-color: #fff;
	width: 420px;
	height: 380px;
	margin: -190px 0 0 -210px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 40px
}

.login-box h3 {
	position: relative;
	margin-bottom: 20px;
	font: 18px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.login-box h3 .close {
	float: right;
	font-size: 32px;
	line-height: 30px;
	color: #7A8292;
	text-decoration: none
}

.login-box p {
	margin-bottom: 30px;
	font: 13px/17px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.login-box a {
	text-decoration: underline;
	color: #A2ABCA
}

.login-box .button {
	margin: 20px 0 0;
	text-align: right
}

.login-box .button .btn {
	margin-left: 15px
}

.overlay-spinner {
	background: rgba(0, 0, 0, 0.3);
	top: 110px;
	height: calc(100% - 110px);
	width: 100%;
	position: fixed;
	left: 0;
	z-index: 99
}

.overlay-spinner .spinner {
	margin-top: 20%
}

.overlay {
	position: fixed;
	top: 110px;
	left: 0;
	z-index: 99;
	width: 100%;
	height: -webkit-calc(100% - 110px);
	height: calc(100% - 110px);
	background-color: #4A485B;
	background-color: rgba(56, 53, 74, 0.8);
	opacity: 0;
	visibility: hidden;
	-moz-transition: opacity .5s;
	-o-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	transition: opacity .5s
}

.overlay.narrow {
	top: 60px;
	height: -webkit-calc(100% - 60px);
	height: calc(100% - 60px)
}

.overlay.open,
.overlay.search {
	opacity: 1;
	visibility: visible;
	z-index: 20
}

.overlay.search {
	z-index: 40
}

.overlay.notifications {
	opacity: 1;
	visibility: visible;
	z-index: 101
}

.overlay.notifications .notify-area {
	opacity: 1;
	visibility: visible;
	width: 400px
}

.overlay.onlineusers {
	opacity: 1;
	visibility: visible;
	z-index: 30
}

.overlay.onlineusers .online-users-area {
	opacity: 1;
	visibility: visible;
	width: 400px
}

.overlay.drawers {
	opacity: 1;
	visibility: visible;
	z-index: 30px
}

.overlay.help {
	overflow: hidden;
	overflow-y: auto;
	opacity: 1;
	visibility: visible;
	z-index: 30;
	background-color: #4A485B
}

.overlay.help .help-area {
	opacity: 1;
	visibility: visible
}

.overlay.intro {
	background-color: rgba(56, 53, 74, 0.9)
}

.overlay.modal {
	opacity: 1;
	visibility: visible;
	z-index: 1000;
	background-color: rgba(56, 53, 74, 0.95)
}

.overlay.modal h2 {
	margin-bottom: 8px;
	font: 18px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.overlay.modal h2 .sg-icon {
	float: right;
	font-size: 24px;
	color: #A2ABCA
}

.overlay.modal .modal-area {
	opacity: 1;
	position: relative;
	top: 50%;
	visibility: visible;
	width: 975px;
	height: 535px;
	margin: -267.5px auto 0
}

.overlay.active {
	opacity: 1;
	cursor: default
}

.overlay.active .modal {
	opacity: 1;
	visibility: visible;
	z-index: 1001;
	background-color: rgba(56, 53, 74, 0.95);
	height: 100%
}

.overlay.active .form {
	background: #fbfdff;
	width: 30%;
	position: fixed;
	top: 35%;
	left: 35%;
	height: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.overlay.active .form .modal-header {
	background: #fbfdff;
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 5px;
	padding-top: 12px;
	margin-top: 10px;
	height: 50px
}

.overlay.active .form .modal-header span {
	display: block;
	float: left;
	width: 100%;
	border: none
}

.overlay.active .form .modal-header span:first-child {
	border-bottom: 1px solid #edeff1
}

.overlay.active .form .modal-header span:first-child p {
	font-size: 18px;
	margin-left: 20px
}

.overlay.active .form .modal-header span:last-child {
	margin-top: 5px
}

.overlay.active .form .modal-header span p {
	font-size: 13px;
	width: auto;
	color: #aab3cc;
	font-family: "lato_trregular", Helvetica, Arial, sans-serif;
	display: inline-block;
	float: left;
	margin-bottom: 0px
}

.overlay.active .form .modal-header span a {
	color: #ccc;
	font-size: 20px;
	float: right;
	font-family: "lato_trbold", Helvetica, Arial, sans-serif;
	margin-right: 20px
}

.overlay.active .form .modal-header span a:hover {
	cursor: pointer;
	color: #ccc;
	font-family: "lato_trbold", Helvetica, Arial, sans-serif
}

.overlay.active .form .modal-header span a .sg-delete {
	color: #7A8292;
	margin-top: -5px;
	font-size: 32px !important
}

.title-bar {
	background-color: #fff;
	border-bottom: 1px solid #ECEFF1
}

.title-bar .go-back {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 75px;
	height: 75px;
	margin-right: 15px;
	border-right: 1px solid #ECEFF1;
	text-align: center;
	font-size: 24px;
	line-height: 83px;
	color: #7A8292
}

.title-bar h3 {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	height: 44px;
	font: 22px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.title-bar h3 .sg-icon,
.title-bar h3 .ss-icon {
	width: 44px;
	height: 44px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	padding-left: 1px;
	margin: 0 6px 0 0;
	background-color: #7A8292;
	color: #fff;
	font-size: 26px;
	line-height: 53px;
	text-align: center
}

.title-bar h3 .sg-icon.sg-education-history,
.title-bar h3 .ss-icon.sg-education-history {
	background: url(../img/icon/education-history-icon.png) #7A8292 no-repeat 11px 6px
}

.title-bar h3 .sg-icon.sg-education-calendar,
.title-bar h3 .ss-icon.sg-education-calendar {
	background: url(../img/icon/education-calendar-icon.png) #7A8292 no-repeat 9px 10px
}

.title-bar h3 .sg-icon.sg-check,
.title-bar h3 .ss-icon.sg-check {
	position: relative;
	font-size: 18px;
	line-height: 50px
}

.title-bar h3 .sg-icon.sg-check:after,
.title-bar h3 .ss-icon.sg-check:after {
	content: "";
	position: absolute;
	left: 11px;
	top: 11px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 23px;
	height: 23px;
	border: 2px solid #fff
}

.title-bar h3 .sg-icon.sg-library,
.title-bar h3 .ss-icon.sg-library {
	background: url(../img/icon/library-icon.png) #7A8292 no-repeat 8px 12px
}

.title-bar h3 .sg-icon.sg-raisedhand,
.title-bar h3 .ss-icon.sg-raisedhand {
	position: relative
}

.title-bar h3 .sg-icon.sg-raisedhand:before,
.title-bar h3 .ss-icon.sg-raisedhand:before {
	position: absolute;
	left: 8px;
	top: 0px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.title-bar .bar-menu {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	cursor: pointer
}

.title-bar .bar-menu .sg-icon {
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 6px;
	font-size: 24px;
	color: #A2ABCA
}

.title-bar .bar-menu .tooltip {
	display: none;
	position: absolute;
	left: -3px;
	top: 34px;
	right: auto;
	bottom: auto;
	z-index: 1;
	padding: 10px 0;
	background-color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #D6D9DE;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	white-space: nowrap
}

.title-bar .bar-menu .tooltip:after,
.title-bar .bar-menu .tooltip:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: 20px;
	top: -16px;
	right: auto;
	bottom: auto;
	z-index: 1;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.title-bar .bar-menu .tooltip:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.title-bar .bar-menu .tooltip a {
	display: block;
	padding: 8px 20px;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.title-bar .bar-menu .tooltip a:hover {
	background-color: #e9eaeb
}

.title-bar .bar-menu:hover .tooltip {
	display: block
}

.title-bar .view-menu {
	float: right;
	border-left: 1px solid #ECEFF1
}

.title-bar .view-menu li {
	float: left
}

.title-bar .view-menu a {
	position: relative;
	display: block;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 85px;
	font: 14px/75px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.title-bar .view-menu a:before {
	content: "";
	position: absolute;
	left: 30px;
	top: 15px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 45px;
	height: 45px;
	background: url(../img/icon/view-icon.png) no-repeat 0 bottom
}

.title-bar .view-menu a.block-view:before {
	background-position: right -58px
}

.title-bar .view-menu a.group-view:before {
	background-position: 0 -58px
}

.title-bar .view-menu a.list-view:before {
	background-position: right -119px
}

.title-bar .view-menu a.active {
	background-color: #ECEFF1;
	color: #A2ABCA
}

.title-bar .view-menu a.active.catalog-view:before,
.title-bar .view-menu a.active.group-view:before {
	background-position: 0 0
}

.title-bar .view-menu a.active.block-view:before {
	background-position: right 0
}

.title-bar .view-menu a.active.list-view:before {
	background-position: 0 -119px
}

.login-page .wrapper,
.forgot-password-page .wrapper {
	background: url(../img/bg/login-page.jpg) no-repeat 0 0;
	background-size: cover
}

.login-page .help-btn,
.forgot-password-page .help-btn {
	display: block;
	position: absolute;
	right: 40px;
	top: 40px;
	left: auto;
	bottom: auto;
	z-index: 1;
	width: 44px;
	height: 44px;
	border: 1px solid #78798e;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-indent: -99999px;
	background: url(../img/icon/help-icon.png) no-repeat 16px 10px
}

.login-page .form-area,
.forgot-password-page .form-area {
	width: 350px;
	margin: 0 auto 50px
}

.login-page .form-area img,
.forgot-password-page .form-area img {
	display: block;
	margin: 0 auto
}

.login-page .form-area h2,
.forgot-password-page .form-area h2 {
	margin: 75px 0 30px;
	font-size: 22px;
	color: #fff
}

.login-page .form-area p,
.forgot-password-page .form-area p {
	margin-bottom: 30px;
	font: 13px/18px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #b4b2b8
}

.login-page .form-area a,
.forgot-password-page .form-area a {
	float: left;
	margin-top: 10px;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	text-decoration: underline;
	color: #A2ABCA
}

.login-page .form-area .btn,
.forgot-password-page .form-area .btn {
	float: right;
	font: 12px "lato_trblack", Helvetica, Arial, sans-serif
}

.login-page .form-area .checkbox,
.forgot-password-page .form-area .checkbox {
	margin-top: 50px
}

.login-page .form-item.lang,
.forgot-password-page .form-item.lang {
	*zoom: 1;
	padding-bottom: 12px;
	border-bottom: 1px solid #5c5a6e
}

.login-page .form-item.lang:after,
.forgot-password-page .form-item.lang:after {
	content: "";
	display: table;
	clear: both
}

.login-page .form-item.lang label,
.forgot-password-page .form-item.lang label {
	float: left;
	margin-top: 9px
}

.login-page .form-item.lang .select-box,
.forgot-password-page .form-item.lang .select-box {
	overflow: hidden;
	position: relative;
	float: right;
	background-color: #A2ABCA;
	width: 100px;
	height: 30px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px
}

.login-page .form-item.lang .select-box.disabled,
.forgot-password-page .form-item.lang .select-box.disabled {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
	opacity: .2
}

.login-page .form-item.lang select,
.forgot-password-page .form-item.lang select {
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1;
	z-index: 2;
	padding-top: 8px;
	padding-right: 45px;
	padding-bottom: 8px;
	padding-left: 15px;
	width: 100%;
	height: 100%;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	border: none;
	outline: none;
	cursor: pointer;
	color: #fff
}

.login-page .form-item.lang:before,
.forgot-password-page .form-item.lang:before {
	content: "";
	font: 14px "SSGizmo";
	position: absolute;
	right: 12px;
	top: 7px;
	left: auto;
	bottom: auto;
	z-index: 1;
	color: #fff
}

.forgot-password-page .wrapper {
	background: url(../img/bg/forgot-password-page.jpg) no-repeat 0 0;
	background-size: cover
}

.forgot-password-page .form-area .btn {
	float: none;
	min-width: 168px
}

.forgot-password-page .form-area .btn.dark-blue {
	margin-right: 10px
}

.collection-detail {
	*zoom: 1;
	background-color: #fff
}

.collection-detail:after {
	content: "";
	display: table;
	clear: both
}

.collection-detail h4 {
	position: relative;
	padding: 22px;
	border-bottom: 1px solid #D6D9DE
}

.collection-detail .detail {
	*zoom: 1;
	padding: 20px;
	border-bottom: 1px solid #D6D9DE
}

.collection-detail .detail:after {
	content: "";
	display: table;
	clear: both
}

.collection-detail .detail .thumb {
	float: left;
	overflow: hidden;
	width: 200px;
	height: 200px;
	margin-right: 25px
}

.collection-detail .detail .info {
	position: relative;
	float: left;
	width: -webkit-calc(100% - 230px);
	width: calc(100% - 230px);
	min-height: 200px
}

.collection-detail .detail .info h3 {
	padding-top: 10px;
	margin-bottom: 25px;
	font-size: 18px
}

.collection-detail .detail .info h3 .count {
	float: right;
	height: 40px;
	margin-top: -8px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding: 0 15px;
	border: 1px solid #D6D9DE;
	font: 11px/40px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.collection-detail .detail .info h3 .count strong {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin: 0 5px 3px 0;
	font: 22px "lato_trblack", Helvetica, Arial, sans-serif
}

.collection-detail .detail .info p {
	padding-bottom: 30px;
	font: 13px/20px "lato_trbold", Helvetica, Arial, sans-serif
}

.collection-detail .detail .info .date {
	position: absolute;
	right: 0;
	bottom: 0;
	left: auto;
	top: auto;
	z-index: 1;
	text-align: right;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.collection-detail .detail .info .date span {
	display: block;
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif
}

.collection-detail .box-module {
	margin-bottom: 0
}

.collection-detail .box-module .module-content {
	margin-right: -20px
}

.collection-detail .box-module.list .module-item {
	float: left;
	width: 370px;
	height: 130px
}

.collection-detail .box-module.list .module-item .img {
	float: left;
	position: relative;
	width: 90px;
	height: 90px;
	margin-right: 20px
}

.collection-detail .box-module.list .module-item .img.img-exam {
	background: url(../img/icon/ikonlar_sinav.png) no-repeat;
	background-size: 100%
}

.collection-detail .box-module.list .module-item .img.img-task {
	background: url(../img/icon/ikonlar_gorev.png) no-repeat;
	background-size: 100%
}

.collection-detail .box-module.list .module-item p {
	width: -webkit-calc(100% - 120px);
	width: calc(100% - 120px)
}

.collection-detail .box-module.list .module-item .module-icon {
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	z-index: 1
}

.collection-detail .box-module.list .module-item .stats.unit-registered {
	bottom: 12px
}

.collection-detail .box-module.list .module-item .stats .stats-left {
	margin-left: 110px
}

.collection-detail .box-module.list .module-item .stats .stats-left i .inner {
	width: auto
}

.main.full .collection-detail .box-module.list .module-item {
	width: 345px
}

.tuts-list-all {
	float: left;
	z-index: 2;
	background-color: #A2ABCA;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 5px 15px 5px 15px;
	font: 10px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.tuts-list-count {
	float: left;
	font-size: 15px;
	margin-right: 5px;
	font-weight: 200
}

.tuts-list-count strong {
	color: #7A8292;
	font: 16px "lato_trbold", Helvetica, Arial, sans-serif
}

.tuts-info {
	float: right
}

.catalog .box-module .module-item {
	margin-bottom: 20px
}

.catalog .box-module .more-btn {
	float: left
}

.catalog .box-module .module-content {
	margin-left: 25px
}

.catalog .box-module .module-content .catalog-detail-filters {
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 0
}

.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar {
	background: #ECEFF1;
	padding: 20px
}

.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line {
	display: inline-block;
	margin-bottom: 20px;
	width: 100%
}

.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .select2-container--lms {
	width: 100% !important;
	margin: 0px
}

.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .select2-container--lms:focus {
	border-color: #D6D9DE
}

.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .select2-selection--single {
	background: #fff;
	width: 100% !important
}

.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .select2-selection--single:focus {
	border-color: #D6D9DE
}

.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .search-area .search-holder {
	position: relative
}

.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .search-area .search-holder input[type="text"] {
	width: 100%;
	height: 37px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 35px;
	border: 1px solid #D6D9DE;
	color: #7A8292;
	background: #fff
}

.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .search-area .search-holder:after {
	content: "\1F50E";
	position: absolute;
	left: 15px;
	top: 5px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 24px "SSGizmo";
	color: #A2ABCA;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .date-area span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .date-area span.date-picker {
	width: 47%
}

.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .date-area span.date-picker .form-item {
	margin-bottom: 0px
}

.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .date-area span.date-picker .form-item input {
	background: #fff;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	height: 37px
}

.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .date-area span.date-picker.date-picker-last {
	float: right
}

.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .date-area span.date-picker-line {
	width: 5%
}

.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .process-area {
	padding: 5px 0;
	text-align: right
}

.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .process-area .align-clear-btn,
.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .process-area .align-filter-btn {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .process-area button {
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	padding: 5px 20px
}

.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .process-area button.clear-btn {
	background: transparent;
	color: #7A8292;
	padding: 5px 10px !important
}

.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .process-area button.filter-btn {
	background: #7A8292;
	color: #fff;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px
}

.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .process-area button.filter-btn:hover {
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line:last-child {
	margin-bottom: 0px
}

.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line label {
	margin-bottom: 0px
}

.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-total {
	margin: 30px 0;
	font-size: 14px
}

.catalog .box-module .module-content .null {
	padding: 20px;
	text-align: center
}

.catalog .box-module .module-content .null .sg-mug {
	font-size: 118px;
	color: #ECEFF1
}

.catalog .box-module .module-content .null .info {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 35px;
	text-align: left
}

.catalog .box-module .module-content .null h5 {
	margin-bottom: 5px;
	font: 17px "lato_trblack", Helvetica, Arial, sans-serif
}

.catalog .box-module .module-content .null p {
	font-size: 13px;
	color: #7A8292
}

.catalog .box-module .module-content .null p .sg-icon {
	font-size: 16px
}

.catalog-content .box-module .module-content .module-item:nth-child(3n) {
	margin-right: 0px
}

.catalog-content .box-module .module-content .module-item:nth-child(3n).filter-margin-bottom {
	margin-bottom: 20px
}

.catalog-content .box-module .pager {
	padding: 20px 20px 0;
	border-top: 1px solid #D6D9DE
}

.catalog-sliders .box-module {
	padding: 0
}

.catalog-sliders .box-module .module-content {
	padding-left: 0;
	margin-left: 40px;
	margin-bottom: 20px;
	padding-bottom: 50px;
	overflow: hidden
}

.catalog-sliders .box-module .module-item {
	width: 244px
}

.catalog-sliders .slick-dots {
	float: left;
	width: 100%;
	margin: 20px 0 0;
	bottom: 0;
	text-align: center
}

.catalog-sliders .slick-dots li {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-right: 3px;
	width: 13px;
	height: 13px
}

.catalog-sliders .slick-dots li:last-child {
	margin-right: 0
}

.catalog-sliders .slick-dots li a,
.catalog-sliders .slick-dots li button {
	display: block;
	width: 13px;
	height: 13px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #D6D9DE;
	text-indent: -99999px;
	padding: 0
}

.catalog-sliders .slick-dots li.slick-active a,
.catalog-sliders .slick-dots li.slick-active button {
	background-color: #A2ABCA
}

.catalog-header-filter {
	display: none;
	float: right;
	cursor: pointer;
	color: #7A8292;
	font: 600 16px "lato_trregular", Helvetica, Arial, sans-serif
}

.catalog-header-filter .catalog-left-filter {
	float: left;
	height: 75px;
	border-left: 1px solid #D6D9DE;
	border-right: 1px solid #D6D9DE;
	font-size: 16px;
	padding: 0px 30px;
	line-height: 75px;
	color: #7A8292;
	-webkit-transition: .2s;
	transition: .2s
}

.catalog-header-filter .catalog-left-filter i {
	font-size: 24px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0
}

.catalog-header-filter .catalog-left-filter.active {
	border-bottom: 5px solid #7A8292
}

.catalog-header-filter .catalog-left-filter.active i {
	color: #7A8292
}

.catalog-header-filter .catalog-left-filter:hover {
	background-color: #D6D9DE;
	-webkit-transition: .2s;
	transition: .2s
}

.catalog-header-filter .catalog-right-filter {
	float: left;
	height: 75px;
	color: #7A8292;
	border-right: 1px solid #D6D9DE;
	font-size: 16px;
	padding: 0px 30px;
	line-height: 75px;
	-webkit-transition: .2s;
	transition: .2s
}

.catalog-header-filter .catalog-right-filter i {
	font-size: 24px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0
}

.catalog-header-filter .catalog-right-filter.active {
	border-bottom: 5px solid #7A8292
}

.catalog-header-filter .catalog-right-filter.active i {
	color: #7A8292
}

.catalog-header-filter .catalog-right-filter:hover {
	background-color: #D6D9DE;
	-webkit-transition: .2s;
	transition: .2s
}

.catalog-filter-box {
	background: #fff;
	overflow: hidden
}

.catalog-filter-box h4 {
	position: relative;
	background: #D6D9DE;
	padding: 22px;
	border-bottom: 1px solid #D6D9DE;
	border-top: 1px solid #D6D9DE;
	color: #7A8292
}

.catalog-filter-box .category-filter-selected {
	border-bottom: 1px solid #D6D9DE;
	padding: 20px 0
}

.catalog-filter-box .category-filter-selected ul li a {
	height: auto
}

.catalog-filter-box .category-filter-selected ul li a span {
	width: auto
}

.catalog-filter-box .category-filter-selected ul li.active>a,
.catalog-filter-box .category-filter-selected ul li:last-child {
	background: none
}

.catalog-filter-box ul {
	border-bottom: 1px solid #D6D9DE;
	margin-bottom: 20px
}

.catalog-filter-box ul:last-child {
	border-bottom: none;
	margin-bottom: 0
}

.catalog-filter-box ul li a {
	display: inline-table;
	padding: 0 20px;
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	vertical-align: middle;
	height: 40px;
	width: 295px;
	cursor: pointer;
	-webkit-transition: .2s;
	transition: .2s
}

.catalog-filter-box ul li a.active {
	color: #7A8292
}

.catalog-filter-box ul li a span {
	display: table-cell;
	padding-left: 10px;
	font-size: 14px;
	vertical-align: middle;
	width: 205px
}

.catalog-filter-box ul li a .number {
	font-size: 9px;
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	width: 30px
}

.catalog-filter-box ul li a .sg-icon {
	display: table-cell;
	font-size: 16px;
	width: 20px
}

.catalog-filter-box ul li a .checkbox {
	padding-left: 19px;
	margin-top: 10px
}

.catalog-filter-box ul li a .checkbox:before {
	width: 19px;
	height: 19px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	top: 2px
}

.catalog-filter-box ul li a .checkbox:after {
	left: 5px;
	top: 5px;
	font: 10px "SSStandard"
}

.catalog-filter-box ul li.active>a,
.catalog-filter-box ul li:hover>a {
	background-color: #7A8292;
	color: #fff;
	-webkit-transition: .2s;
	transition: .2s
}

.catalog-filter-box ul li:last-child {
	border: none
}

.catalog-filter-box .time-input-bar {
	padding: 20px;
	overflow: hidden
}

.catalog-filter-box .time-input-bar .input-label-left {
	float: left
}

.catalog-filter-box .time-input-bar .input-label-right {
	float: right;
	width: 25%;
	text-align: right
}

.catalog-filter-box .time-input-bar .input span {
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	display: block;
	margin: 0 0 5px 0
}

.catalog-filter-box .time-input-bar .input input {
	width: 60px;
	height: 20px;
	line-height: 20px;
	text-align: right;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #7A8292;
	border: 1px solid #D6D9DE;
	outline: 0;
	padding: 0 5px
}

.catalog-filter-box .time-input-bar .input input[type=number]::-webkit-inner-spin-button,
.catalog-filter-box .time-input-bar .input input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.catalog-filter-box .time-input-bar .input::-moz-placeholder {
	color: #7A8292;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif
}

.catalog-filter-box .time-input-bar .input::-webkit-input-placeholder {
	color: #7A8292;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif
}

.catalog-filter-box .time-input-bar .input:-ms-input-placeholder {
	color: #7A8292;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif
}

.catalog-filter-box .time-input-bar .input::placeholder {
	color: #7A8292;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif
}

.catalog-filter-box .time-input-bar #slider-range {
	margin: 60px 0 0 0
}

.catalog-filter-box .time-input-bar .ui-widget.ui-widget-content {
	border: 1px solid #7A8292
}

.catalog-filter-box .time-input-bar .ui-widget-header {
	background: #7A8292
}

.catalog-filter-box .time-input-bar .ui-state-default {
	top: 5px;
	background-image: none;
	background-color: transparent;
	outline: none;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7px 10px 7px;
	border-color: transparent transparent #7A8292 transparent
}

.catalog-filter-box .time-input-bar .ui-state-hover,
.catalog-filter-box .time-input-bar .ui-state-active,
.catalog-filter-box .time-input-bar .ui-state-focus:hover {
	top: 5px;
	background-image: none;
	background-color: transparent;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7px 10px 7px;
	border-color: transparent transparent #7A8292 transparent
}

.catalog-filter-box .time-input-bar .ui-state-focus {
	top: 5px;
	background-image: none;
	background-color: transparent;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7px 10px 7px;
	border-color: transparent transparent #7A8292 transparent
}

.catalog-filter-box .time-input-bar .ui-slider-horizontal {
	height: .4em !important
}

.catalog-filter-box .time-list {
	padding: 20px;
	overflow: hidden
}

.catalog-filter-box .time-list a {
	border: #dbdde1 1px solid;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	padding: 2%;
	width: 44%;
	display: inline-block;
	color: #A2ABCA;
	margin: 0 3% 3%;
	text-align: center;
	float: left
}

.catalog-filter-box .time-list a:hover,
.catalog-filter-box .time-list a.active {
	background: #7A8292;
	color: #fff
}

.catalog-filter-box .view-btn {
	border: #dbdde1 1px solid;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	padding: 5px 15px;
	max-width: 200px;
	margin: 20px auto;
	display: table;
	font: 10px "lato_trbold", Helvetica, Arial, sans-serif
}

.catalog-filter-box .view-btn span {
	font-size: 11px;
	color: #a1acc9;
	vertical-align: middle
}

.catalog-filter-box .view-btn i {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	color: #a1acc9
}

.catalog-filter-box .view-btn:hover {
	background: #A2ABCA;
	color: #fff
}

.catalog-filter-box .view-btn:hover span,
.catalog-filter-box .view-btn:hover i {
	color: #fff !important
}

.catalog-filter-box .nano {
	position: relative;
	display: block;
	max-height: 400px
}

.catalog-filter-box .nano .nano-pane {
	top: 0px !important;
	width: 4px !important
}

.catalog-filter-box .nano .nano-slider {
	background: #7A8292;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear
}

.catalog-filter-box .category-with-checkbox li {
	padding: 0 20px;
	height: 40px;
	display: inline-table;
	cursor: pointer;
	width: 295px;
	-webkit-transition: .2s;
	transition: .2s
}

.catalog-filter-box .category-with-checkbox li:hover {
	background-color: #7A8292;
	color: #fff;
	-webkit-transition: .2s;
	transition: .2s
}

.catalog-filter-box .category-with-checkbox li div {
	display: table-cell;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	vertical-align: middle
}

.catalog-filter-box .category-with-checkbox li .title {
	padding-left: 10px;
	width: 100%
}

.catalog-filter-box .category-with-checkbox li .number {
	font-size: 9px;
	text-align: right;
	width: 30px
}

.catalog-filter-box .category-with-checkbox li .checkbox {
	padding-left: 19px;
	margin-top: 10px
}

.catalog-filter-box .category-with-checkbox li .checkbox input[type="checkbox"] {
	width: 20px;
	height: 30px;
	top: 4px
}

.catalog-filter-box .category-with-checkbox li .checkbox.checked:before {
	background: #7A8292
}

.catalog-filter-box .category-with-checkbox li .checkbox.checked:after {
	color: #fff
}

.catalog-filter-box .category-with-checkbox li .checkbox:before {
	width: 19px;
	height: 19px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	top: 9px
}

.catalog-filter-box .category-with-checkbox li .checkbox:after {
	left: 4px;
	top: 12px;
	font: 10px "SSStandard"
}

.checkbox-filter-box {
	background: #fff;
	overflow: hidden
}

.checkbox-filter-box h4 {
	position: relative;
	background: #D6D9DE;
	padding: 22px;
	border-bottom: 1px solid #D6D9DE;
	border-top: 1px solid #D6D9DE;
	color: #7A8292
}

.checkbox-filter-box ul {
	overflow: hidden
}

.checkbox-filter-box ul li {
	padding: 0 20px;
	height: 40px;
	display: inline-table;
	cursor: pointer;
	width: 295px;
	-webkit-transition: .2s;
	transition: .2s
}

.checkbox-filter-box ul li div {
	display: table-cell;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	vertical-align: middle
}

.checkbox-filter-box ul li .title {
	padding-left: 10px;
	width: 295px
}

.checkbox-filter-box ul li .number {
	font-size: 9px;
	text-align: right;
	width: 30px
}

.checkbox-filter-box ul li .checkbox {
	padding-left: 22px;
	margin-top: 10px
}

.checkbox-filter-box ul li .checkbox input[type="checkbox"] {
	width: 20px;
	height: 30px;
	top: 4px
}

.checkbox-filter-box ul li .checkbox.checked:before {
	background: #7A8292
}

.checkbox-filter-box ul li .checkbox.checked:after {
	color: #fff
}

.checkbox-filter-box ul li .checkbox:before {
	width: 19px;
	height: 19px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	top: 9px
}

.checkbox-filter-box ul li .checkbox:after {
	left: 4px;
	top: 12px;
	font: 10px "SSStandard"
}

.checkbox-filter-box ul li:hover {
	background-color: #7A8292;
	color: #fff;
	-webkit-transition: .2s;
	transition: .2s
}

.checkbox-filter-box .fix-height {
	max-height: 80px
}

.checkbox-filter-box .view-btn {
	background: #7A8292;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	padding: 5px 15px;
	max-width: 200px;
	margin: 20px auto;
	display: table;
	font: 10px "lato_trbold", Helvetica, Arial, sans-serif;
	-webkit-transition: .2s;
	transition: .2s
}

.checkbox-filter-box .view-btn:hover {
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.checkbox-filter-box .view-btn span {
	color: #fff;
	vertical-align: middle
}

.checkbox-filter-box .view-btn i {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	color: #fff
}

.checkbox-filter-box .nano {
	position: relative;
	display: block;
	max-height: 400px !important
}

.checkbox-filter-box .nano .nano-pane {
	top: 0px !important;
	width: 4px !important
}

.checkbox-filter-box .nano .nano-slider {
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear
}

.checkbox-filter-box .nano .nano-content {
	-ms-overflow-style: auto;
	overflow: auto
}

.filter-scrollable ul {
	max-height: 300px
}

.filter-scrollable .nano {
	position: relative;
	display: block;
	max-height: 300px !important
}

.filter-scrollable .nano .nano-pane {
	top: 0px !important;
	width: 4px !important
}

.catalog-filter-top {
	overflow: hidden;
	border-bottom: 1px solid #ECEFF1
}

.catalog-filter-top .catalog-filter-search {
	position: relative;
	padding: 12px;
	display: inline-table
}

.catalog-filter-top .catalog-filter-search input[type="text"] {
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	border-color: #D6D9DE;
	padding-top: 0;
	padding-right: 130px;
	padding-bottom: 0;
	padding-left: 35px;
	height: 37px;
	width: 490px
}

.catalog-filter-top .catalog-filter-search input[type="text"]::-moz-placeholder {
	font-family: "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.catalog-filter-top .catalog-filter-search input[type="text"]::-webkit-input-placeholder {
	font-family: "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.catalog-filter-top .catalog-filter-search input[type="text"]:-ms-input-placeholder {
	font-family: "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.catalog-filter-top .catalog-filter-search input[type="text"]::placeholder {
	font-family: "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.catalog-filter-top .catalog-filter-search span {
	float: right;
	margin-bottom: 10px;
	color: #A2ABCA;
	font: 13px/15px "lato_trregular", Helvetica, Arial, sans-serif
}

.catalog-filter-top .catalog-filter-search:after {
	content: "🔎";
	position: absolute;
	left: 20px;
	top: 16px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 24px "SSGizmo";
	color: #A2ABCA;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.catalog-filter-top .catalog-filter-search .search-btn {
	position: absolute;
	right: 80px;
	top: 20px;
	left: auto;
	bottom: auto;
	z-index: 1;
	background-color: #7A8292;
	border: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 2px 0;
	width: 55px;
	height: 20px;
	font: 10px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff;
	-webkit-transition: .2s;
	transition: .2s
}

.catalog-filter-top .catalog-filter-search .search-btn:hover {
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.catalog-filter-top .catalog-filter-search .clear-btn {
	position: absolute;
	right: 20px;
	top: 20px;
	left: auto;
	bottom: auto;
	z-index: 1;
	background-color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #D6D9DE;
	padding: 2px 0;
	width: 55px;
	height: 20px;
	font: 10px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.catalog-filter-top .catalog-filter-sorting {
	float: right;
	display: inline-table;
	padding: 12px
}

.catalog-filter-top .catalog-filter-sorting label {
	display: inline-block;
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	margin-right: 5px;
	color: #7A8292
}

.catalog-filter-top .catalog-filter-sorting .select-box {
	position: absolute;
	right: 0;
	top: -5px;
	left: auto;
	bottom: auto;
	z-index: 1;
	background-color: #A2ABCA;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	padding-right: 15px;
	min-width: 160px
}

.catalog-filter-top .catalog-filter-sorting .select-box.disabled {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
	opacity: .2
}

.catalog-filter-top .catalog-filter-sorting .select-box select {
	padding: 10px 15px;
	width: 100%;
	height: 100%;
	-moz-appearance: none;
	-webkit-appearance: none;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background-color: #A2ABCA;
	border: none;
	outline: none;
	cursor: pointer;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.catalog-filter-top .catalog-filter-sorting .select-box:before {
	content: "";
	font: 14px "SSGizmo";
	position: absolute;
	right: 10px;
	top: 9px;
	left: auto;
	bottom: auto;
	z-index: 1;
	color: #fff
}

.catalog-filter-bottom {
	padding: 15px 25px
}

.catalog-filter-bottom .inform span {
	font: 14px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.catalog-filter-bottom .inform span h3 {
	display: inline-block
}

.catalog-filter-bottom .inform .info {
	font: 13px "lato_trlight", Helvetica, Arial, sans-serif;
	display: block;
	margin-top: 10px;
	position: relative;
	padding-left: 15px
}

.catalog-filter-bottom .inform .info:before {
	content: "ℹ";
	font: 14px "SSGizmo";
	position: absolute;
	left: 0;
	top: -1px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.catalog-filter-bottom .result span {
	font: 14px "lato_trlight", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.catalog-filter-bottom .result span h3 {
	display: inline-block
}

.catalog-filter-bottom .select-filters {
	margin-top: 10px
}

.catalog-filter-bottom .select-filters .select-filters-box-height {
	max-height: 55px;
	overflow: hidden
}

.catalog-filter-bottom .select-filters .height-calc {
	min-height: 55px;
	overflow: hidden
}

.catalog-filter-bottom .select-filters .select-filters-box {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0
}

.catalog-filter-bottom .select-filters .select-filters-box span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font: 10px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #7A8292;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
	height: 25px;
	line-height: 25px
}

.catalog-filter-bottom .select-filters .select-filters-box span.selected {
	position: relative;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	background: #7A8292;
	text-align: center;
	color: #fff;
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0
}

.catalog-filter-bottom .select-filters .select-filters-box span.selected a {
	color: #fff
}

.catalog-filter-bottom .select-filters .select-filters-box span.selected a:after {
	content: "␡";
	position: absolute;
	right: 5px;
	top: 1px;
	left: auto;
	bottom: auto;
	z-index: 1;
	font: 20px "SSGizmo";
	color: #fff
}

.catalog-filter-bottom .select-filters .select-filters-buttons {
	overflow: hidden
}

.catalog-filter-bottom .select-filters .select-filters-buttons .button-left {
	float: left
}

.catalog-filter-bottom .select-filters .select-filters-buttons .button-right {
	float: right
}

.catalog-filter-bottom .select-filters .select-filters-buttons .filters-button {
	background: #7A8292;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	padding: 5px 15px;
	margin: 25px auto;
	display: table;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff;
	-webkit-transition: .2s;
	transition: .2s
}

.catalog-filter-bottom .select-filters .select-filters-buttons .filters-button span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.catalog-filter-bottom .select-filters .select-filters-buttons .filters-button i {
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
	font-size: 13px
}

.catalog-filter-bottom .select-filters .select-filters-buttons .filters-button:hover {
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.settings-bar h3 {
	position: relative;
	padding: 22px;
	font-size: 22px
}

.settings-bar h3 .sg-icon {
	position: absolute;
	right: 15px;
	top: 12px;
	left: auto;
	bottom: auto;
	z-index: 1;
	width: 43px;
	height: 43px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 4px solid #e6e6e6;
	padding-left: 2px;
	color: #A2ABCA;
	font-size: 18px;
	line-height: 40px;
	text-align: center
}

.settings-bar h3 .sg-icon.sg-tag {
	padding-left: 0;
	line-height: 41px
}

.settings-bar .photo-area {
	overflow: hidden;
	position: relative;
	background-color: #4A485B;
	padding: 32.5px 0
}

.settings-bar .photo-area>img {
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1;
	display: block;
	width: 100%;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
	opacity: .25
}

.settings-bar .photo-area .photo-tools {
	display: none;
	position: absolute;
	right: 7px;
	bottom: 15px;
	left: auto;
	top: auto;
	z-index: 2;
	overflow: hidden;
	*zoom: 1;
	border: 0px
}

.settings-bar .photo-area .photo-tools li {
	float: left;
	padding: 2px 10px;
	border: 0px
}

.settings-bar .photo-area .photo-tools li:last-child {
	border-right: none
}

.settings-bar .photo-area .photo-tools a {
	height: 14px;
	font-size: 18px;
	line-height: 18px;
	color: #A2ABCA;
	background: transparent;
	min-width: auto;
	padding: 0;
	border-radius: 0
}

.settings-bar .photo-area .avatar {
	position: relative;
	z-index: 2;
	width: 200px;
	height: 200px;
	margin: 0 auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #7A8292
}

.settings-bar .photo-area .avatar .avatar-area {
	overflow: hidden;
	width: 100%;
	height: 100%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.settings-bar .photo-area .avatar img {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%
}

.settings-bar .photo-area .avatar ul {
	display: none;
	*zoom: 1;
	position: absolute;
	left: 0;
	top: 50%;
	right: auto;
	bottom: auto;
	z-index: 2;
	width: 100%;
	height: 100%;
	margin: -15px 0 0 0;
	text-align: center
}

.settings-bar .photo-area .avatar ul:after {
	content: "";
	display: table;
	clear: both
}

.settings-bar .photo-area .avatar ul li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	padding: 5px 15px;
	border-right: 1px solid #A2ABCA;
	border-top: 0px;
	border-bottom: 0px
}

.settings-bar .photo-area .avatar ul li span {
	display: none;
	padding: 5px 10px;
	position: absolute;
	left: 10px;
	top: 35px;
	right: auto;
	bottom: auto;
	z-index: 1;
	white-space: nowrap;
	background-color: #7A8292;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font: 12px/16px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.settings-bar .photo-area .avatar ul li span:after {
	content: "";
	position: absolute;
	left: 12px;
	top: -10px;
	right: auto;
	bottom: auto;
	z-index: 1;
	border: 5px solid transparent;
	border-bottom: 5px solid #7A8292
}

.settings-bar .photo-area .avatar ul li:hover span {
	display: block
}

.settings-bar .photo-area .avatar ul li:last-child {
	border-right: none
}

.settings-bar .photo-area .avatar ul li:last-child span {
	width: 185px;
	white-space: normal;
	left: auto;
	right: 10px
}

.settings-bar .photo-area .avatar ul li:last-child span:after {
	left: auto;
	right: 12px
}

.settings-bar .photo-area .avatar ul a {
	height: 20px;
	font-size: 25px;
	line-height: 25px;
	color: #fff;
	background: transparent;
	min-width: auto;
	padding: 0;
	border-radius: 0
}

.settings-bar .photo-area .avatar:hover img {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
	opacity: .2
}

.settings-bar .photo-area .avatar:hover ul {
	display: block
}

.settings-bar .photo-area .avatar.no-avatar,
.settings-bar .photo-area .avatar.no-avatar-male,
.settings-bar .photo-area .avatar.no-avatar-female {
	border: 8px solid #4d4d63;
	background: url(../img/bg/no-avatar-male.png) #4A485B no-repeat center center
}

.settings-bar .photo-area .avatar.no-avatar-female {
	background: url(../img/bg/no-avatar-female.png) #4A485B no-repeat center center
}

.settings-bar .photo-area:hover>img {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
	opacity: .1
}

.settings-bar .photo-area:hover .photo-tools {
	display: block
}

.settings-bar .user-info {
	position: relative;
	padding: 22px 22px 0
}

.settings-bar .user-info h2 {
	margin-bottom: 20px;
	font: 20px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #838a99
}

.settings-bar .user-info h2 span {
	display: block;
	font-size: 14px
}

.settings-bar .user-info .social-link {
	position: absolute;
	right: 20px;
	top: 24px;
	left: auto;
	bottom: auto;
	z-index: 1;
	*zoom: 1
}

.settings-bar .user-info .social-link:after {
	content: "";
	display: table;
	clear: both
}

.settings-bar .user-info .social-link li {
	float: left;
	margin-left: 5px;
	border: 0px
}

.settings-bar .user-info .social-link a {
	font-size: 18px;
	color: #A2ABCA
}

.settings-bar .user-info .settings-list li {
	margin-bottom: 20px;
	font: 13px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.settings-bar .user-info .settings-list li span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 80px;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #D6D9DE
}

.settings-bar .user-info .settings-list li a {
	width: 23px;
	height: 23px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #A2ABCA;
	text-align: center;
	font-size: 18px;
	line-height: 27px;
	color: #fff
}

.settings-bar .user-info .settings-list li .select-box {
	overflow: hidden;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #A2ABCA;
	padding-top: 2px;
	padding-right: 12px;
	padding-bottom: 3px;
	padding-left: 10px
}

.settings-bar .user-info .settings-list li .select-box:after {
	content: "";
	position: absolute;
	right: 5px;
	top: 1px;
	left: auto;
	bottom: auto;
	z-index: 1;
	font: 16px "SSGizmo";
	color: #fff
}

.settings-bar .user-info .settings-list li .select-box select {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	border: none;
	outline: none;
	font: 10px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.settings-bar .user-info .settings-list li .select-box.disabled {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
	opacity: .2
}

.settings-bar .menu li {
	*zoom: 1
}

.settings-bar .menu li:after {
	content: "";
	display: table;
	clear: both
}

.settings-bar .menu li a {
	display: block;
	padding: 20px;
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.settings-bar .menu li a.active,
.settings-bar .menu li a:hover {
	background-color: #D6D9DE
}

.settings-bar .menu li .sg-icon {
	float: right;
	font-size: 16px;
	color: #7A8292
}

.settings-content ul {
	list-style: inside;
	padding-bottom: 20px;
	margin-bottom: 10px;
	font: 14px/18px "lato_trregular", Helvetica, Arial, sans-serif
}

.settings-content ul.password-criteria {
	padding: 0 20px 20px 20px
}

.settings-content h3 {
	position: relative;
	padding: 20px;
	margin-bottom: 30px;
	border-top: 1px solid #ECEFF1;
	border-bottom: 1px solid #ECEFF1;
	font-size: 22px
}

.settings-content h3:first-child {
	border-top: none
}

.settings-content .info {
	padding: 0 20px 20px;
	margin-bottom: 10px;
	font: 14px/18px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.settings-content .form-item {
	margin-bottom: 20px
}

.settings-content .form-item label {
	word-break: break-word;
	word-wrap: break-word;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 150px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px
}

.settings-content .form-item input[type="text"],
.settings-content .form-item input[type="email"],
.settings-content .form-item input[type="password"],
.settings-content .form-item textarea {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 295px;
	font: 15px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.settings-content .form-item input[type="text"]:focus,
.settings-content .form-item input[type="email"]:focus,
.settings-content .form-item input[type="password"]:focus,
.settings-content .form-item textarea:focus {
	padding: 0 9px;
	border: 2px solid #D6D9DE
}

.settings-content .form-item textarea {
	width: -webkit-calc(100% - 200px);
	width: calc(100% - 200px);
	padding: 10px 12px;
	height: 90px
}

.settings-content .form-item textarea:focus {
	padding: 9px 11px
}

.settings-content .form-item::-moz-placeholder {
	font-style: italic;
	color: #7A8292
}

.settings-content .form-item::-webkit-input-placeholder {
	font-style: italic;
	color: #7A8292
}

.settings-content .form-item:-ms-input-placeholder {
	font-style: italic;
	color: #7A8292
}

.settings-content .form-item::placeholder {
	font-style: italic;
	color: #7A8292
}

.settings-content .form-item .select-box {
	overflow: hidden;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 295px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #dbdde1;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px
}

.settings-content .form-item .select-box:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 8px;
	left: auto;
	bottom: auto;
	z-index: 1;
	font: 18px "SSGizmo";
	color: #7A8292
}

.settings-content .form-item .select-box select {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	border: none;
	outline: none;
	font: 15px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.settings-content .form-item .select-box.disabled {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
	opacity: .2
}

.settings-content .form-item.error input[type="text"],
.settings-content .form-item.error input[type="email"],
.settings-content .form-item.error input[type="password"],
.settings-content .form-item.error textarea {
	border-color: #EA6060
}

.settings-content .form-item.error .error-message {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	padding-left: 15px;
	font: italic 15px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #EA6060
}

.settings-content .form-item.error.indent .error-message {
	display: block;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 170px
}

.settings-content .form-item.disabled input[type="text"],
.settings-content .form-item.disabled input[type="email"],
.settings-content .form-item.disabled input[type="password"],
.settings-content .form-item.disabled textarea,
.settings-content .form-item.disabled .select-box {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
	opacity: .2
}

.settings-content .form-item.full input[type="text"],
.settings-content .form-item.full input[type="email"],
.settings-content .form-item.full input[type="password"],
.settings-content .form-item.full textarea,
.settings-content .form-item.full .select-box {
	width: -webkit-calc(100% - 200px);
	width: calc(100% - 200px)
}

.settings-content .form-item.postcode input[type="text"],
.settings-content .form-item.postcode input[type="email"],
.settings-content .form-item.postcode input[type="password"],
.settings-content .form-item.postcode textarea,
.settings-content .form-item.postcode .select-box {
	width: 160px
}

.settings-content .form-item .phone-code {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 85px;
	margin-right: 15px
}

.settings-content .form-item .phone-code input[type="text"],
.settings-content .form-item .phone-code input[type="email"],
.settings-content .form-item .phone-code input[type="password"],
.settings-content .form-item .phone-code textarea,
.settings-content .form-item .phone-code .select-box {
	width: 100%
}

.settings-content .form-item .phone {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 190px
}

.settings-content .form-item .phone input[type="text"],
.settings-content .form-item .phone input[type="email"],
.settings-content .form-item .phone input[type="password"],
.settings-content .form-item .phone textarea,
.settings-content .form-item .phone .select-box {
	width: 100%
}

.settings-content h6 {
	padding-top: 0;
	padding-right: 60px;
	padding-bottom: 20px;
	padding-left: 20px;
	font: 12px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.settings-content h6 span {
	float: right
}

.settings-content .public-settings {
	padding: 25px 20px;
	background-color: #ECEFF1
}

.settings-content .public-settings label {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 615px;
	margin: 0;
	font: 16px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.settings-content .public-settings label span {
	display: block;
	margin-top: 2px;
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #b0b8cf
}

.settings-content .public-settings label .sg-icon {
	font-size: 18px
}

.settings-content .mail-settings-list {
	list-style: none
}

.settings-content .mail-settings-list li {
	position: relative;
	height: 60px;
	padding-top: 0;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 20px;
	line-height: 59px;
	-webkit-transition: .2s;
	transition: .2s
}

.settings-content .mail-settings-list li .spinner {
	position: absolute !important;
	right: -20px !important;
	left: auto !important;
	margin-top: -1px !important
}

.settings-content .mail-settings-list li label {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 615px;
	margin: 0;
	font: 15px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.settings-content .mail-settings-list li .sg-icon {
	float: right;
	margin-top: 3px;
	margin-right: -25px;
	margin-bottom: 0;
	margin-left: 0;
	font-size: 18px;
	color: #A2ABCA
}

.settings-content .mail-settings-list li:hover {
	background-color: #F5F7F9;
	-webkit-transition: .2s;
	transition: .2s
}

.settings-content .action-bar {
	margin-top: 30px;
	padding: 40px;
	border-top: 1px solid #ECEFF1;
	text-align: right
}

.settings-content .action-bar a {
	font-size: 13px;
	text-decoration: underline
}

.settings-content .action-bar a.btn {
	margin-left: 10px;
	text-decoration: none
}

.settings-content .action-bar a.loading {
	padding: 17px 20px
}

.settings-content .company-mobile-code-text {
	padding: 0 20px 25px;
	font: 14px "lato_trregular", Helvetica, Arial, sans-serif
}

.settings-content .company-mobile-code-text span {
	padding: 20px;
	border: 1px solid #D6D9DE;
	font: 25px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA;
	display: inline-block;
	margin-bottom: 25px
}

.result-info {
	*zoom: 1;
	padding: 25px 20px;
	background-color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 20px
}

.result-info:after {
	content: "";
	display: table;
	clear: both
}

.result-info .result-text {
	width: 100%;
	font: 14px "lato_trregular", Helvetica, Arial, sans-serif;
	margin-bottom: 10px
}

.result-info .result-text strong {
	font-family: "lato_trblack", Helvetica, Arial, sans-serif;
	font-weight: normal
}

.result-info .result-text p {
	font: 13px "lato_trregular", Helvetica, Arial, sans-serif;
	margin-top: 10px
}

.result-info .result-text p .sg-icon {
	font-size: 16px;
	color: #A2ABCA
}

.result-info .result-text h4 {
	font: 18px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #4A485B
}

.result-info .result-text h3 {
	display: inline-block
}

.result-info .catalog-text {
	width: 100%;
	font: 16px "lato_trregular", Helvetica, Arial, sans-serif;
	padding: 10px 0
}

.result-info .catalog-text p {
	font: 13px "lato_trregular", Helvetica, Arial, sans-serif;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.result-info .catalog-text .btn {
	margin-left: 10px
}

.result-info .catalog-text .btn.btn-small {
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif
}

.result-info .category {
	width: 100%;
	margin-top: 10px;
	margin-left: -5px;
	margin-bottom: 10px
}

.result-info .category>li {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	position: relative;
	margin-left: 5px;
	padding: 8px 0;
	width: auto;
	line-height: 100%
}

.result-info .category>li>a {
	display: block;
	padding: 5px 10px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #D6D9DE;
	font: 10px "lato_trbold", Helvetica, Arial, sans-serif;
	text-align: left;
	color: #7A8292;
	line-height: 100%
}

.result-info .category>li>a>.sg-icon {
	height: 9px;
	margin-right: -3px;
	font-size: 18px;
	line-height: 10px
}

.result-info .category>li>a span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding: 0 10px;
	font: 10px/18px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.result-info .category>li>a span.number {
	padding: 0 20px;
	color: #7A8292;
	text-align: center;
	background-color: #fff;
	border: 1px solid #D6D9DE
}

.result-info .category>li>a:hover {
	background-color: #ECEFF1
}

.result-info .category>li>a:hover span.number {
	background-color: #fff;
	color: #7A8292
}

.result-info .category>li>a.active span.number {
	background-color: #7A8292;
	color: #fff
}

.result-info .category>li.other>a {
	background-color: #a1acc9;
	border-color: #a1acc9;
	color: #fff
}

.result-info .category>li.other .dropdown {
	display: none;
	position: absolute;
	right: 0;
	top: 48px;
	left: auto;
	bottom: auto;
	z-index: 1;
	width: 265px;
	margin: 0;
	background-color: #fff;
	border: 1px solid #D6D9DE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08)
}

.result-info .category>li.other .dropdown:after,
.result-info .category>li.other .dropdown:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 15px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.result-info .category>li.other .dropdown:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.result-info .category>li.other .dropdown h6 {
	padding: 20px;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	text-align: left
}

.result-info .category>li.other .dropdown ul {
	margin-bottom: 12px
}

.result-info .category>li.other .dropdown ul li {
	position: relative;
	padding: 8px 20px
}

.result-info .category>li.other .dropdown ul li.active {
	background-color: #fff;
	border: 0px
}

.result-info .category>li.other .dropdown ul li.active .sg-icon {
	display: block
}

.result-info .category>li.other .dropdown ul li.active span {
	background-color: #A2ABCA;
	border-color: #A2ABCA;
	color: #fff
}

.result-info .category>li.other .dropdown ul li:hover {
	background-color: #eeeff0
}

.result-info .category>li.other .dropdown ul li:hover span {
	background-color: #A2ABCA;
	border-color: #A2ABCA;
	color: #fff
}

.result-info .category>li.other .dropdown ul li a {
	display: block
}

.result-info .category>li.other .dropdown ul .sg-icon {
	display: none;
	position: absolute;
	right: 10px;
	top: 6px;
	left: auto;
	bottom: auto;
	z-index: 1;
	font-size: 16px;
	color: #caced3
}

.result-info .category>li.other .dropdown ul span {
	float: right;
	width: 45px;
	margin-top: -3px;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #e5e5e5;
	font: 10px/18px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA;
	text-align: center;
	background-color: #fff
}

.result-info .category>li.other .dropdown ul a {
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.result-info .category>li.other:hover .dropdown {
	display: block
}

.result-info.no-result {
	background: #fff
}

.result-content {
	border-bottom: 1px solid #ECEFF1
}

.result-content:last-child {
	border-bottom: none
}

.result-item {
	*zoom: 1;
	padding: 20px;
	margin-bottom: -1px;
	border-bottom: 1px solid #ECEFF1
}

.result-item:after {
	content: "";
	display: table;
	clear: both
}

.result-item .row {
	margin: 0
}

.result-item .left-area,
.result-item .right-area {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 69%
}

.result-item .right-area {
	width: 30%;
	text-align: right
}

.result-item .right-area .link {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-left: 8px
}

.result-item .right-area .link>.sg-icon {
	height: 14px;
	font-size: 16px;
	line-height: 16px;
	color: #b8b8b8
}

.result-item .right-area .link .tooltip {
	display: none;
	position: absolute;
	right: -40px;
	top: 25px;
	left: auto;
	bottom: auto;
	z-index: 1;
	z-index: 5;
	width: 285px;
	padding: 15px;
	background-color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #D6D9DE;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08)
}

.result-item .right-area .link .tooltip:after,
.result-item .right-area .link .tooltip:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 25px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.result-item .right-area .link .tooltip:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.result-item .right-area .link .tooltip h6 {
	margin-bottom: 7px;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.result-item .right-area .link .tooltip a {
	font-size: 13px;
	color: #A2ABCA;
	margin: 8px 0 0
}

.result-item .right-area .link .tooltip input {
	font-size: 15px;
	color: #7A8292
}

.result-item .right-area .link .tooltip span {
	display: block;
	text-align: left;
	margin-top: 6px;
	color: #A2ABCA
}

.result-item .right-area .link:hover:after {
	content: "";
	position: absolute;
	left: -44px;
	bottom: -20px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 100px;
	height: 20px
}

.result-item .right-area .link:hover .tooltip {
	display: block
}

.result-item .img-icon {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-right: 15px
}

.result-item .img-icon img.circle {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.result-item .img-icon .sg-icon,
.result-item .img-icon .ss-icon {
	width: 40px;
	height: 40px;
	background-color: #7A8292;
	padding-left: 2px;
	font-size: 18px;
	line-height: 45px;
	color: #fff;
	text-align: center
}

.result-item .img-icon .sg-icon.circle,
.result-item .img-icon .ss-icon.circle {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.result-item .img-icon .sg-icon.sg-doc,
.result-item .img-icon .sg-icon.sg-pdf,
.result-item .img-icon .ss-icon.sg-doc,
.result-item .img-icon .ss-icon.sg-pdf {
	background-color: transparent;
	color: #419FE5;
	font-size: 28px
}

.result-item .img-icon .sg-icon.sg-pdf,
.result-item .img-icon .ss-icon.sg-pdf {
	color: #EA6060
}

.result-item .img-icon .sg-icon.ss-play,
.result-item .img-icon .ss-icon.ss-play {
	padding-left: 5px;
	font-size: 16px
}

.result-item .img-icon .sg-icon.sg-wikipedia,
.result-item .img-icon .ss-icon.sg-wikipedia {
	padding-left: 0;
	font: italic 22px/42px "Times", Helvetica, Arial, sans-serif
}

.result-item h4 {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: -webkit-calc(100% - 60px);
	width: calc(100% - 60px);
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif
}

.result-item p {
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif
}

.result-item .text {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.result-item .text h4 {
	display: block
}

.result-item .indicator {
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	text-align: right
}

.result-item .indicator span {
	padding-left: 5px
}

.result-item .indicator .sg-icon {
	margin-right: 3px;
	font-size: 16px;
	line-height: 16px;
	color: #A2ABCA
}

.result-item .indicator i {
	position: relative
}

.result-item .indicator i .inner {
	width: auto;
	display: none;
	position: absolute;
	left: -10px;
	bottom: 130%;
	right: auto;
	top: auto;
	z-index: 1;
	z-index: 5;
	padding: 12px;
	background-color: #7A8292;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.result-item .indicator i .inner:after {
	content: "";
	position: absolute;
	left: 10px;
	bottom: -16px;
	right: auto;
	top: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-top: 8px solid #7A8292
}

.result-item .indicator i:hover .inner {
	display: block
}

.result-item .result-type {
	margin-top: 10px;
	display: block;
	text-align: right
}

.result-item .result-type-task {
	display: block;
	text-align: right
}

.result-item .result-type-task p {
	display: block;
	margin-top: 5px;
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif;
	font-weight: bold
}

.result-item .result-type-exam {
	display: block;
	text-align: right
}

.result-item .sg-link {
	margin-top: 1px;
	margin-right: -15px;
	margin-bottom: 0;
	margin-left: 10px;
	font-size: 16px
}

.result-item .btn {
	min-width: 0;
	margin-left: 10px
}

.result-item .btn .sg-icon {
	height: 13px;
	font-size: 16px;
	line-height: 16px
}

.result-item:last-child {
	border-bottom: none
}

.result-paging {
	*zoom: 1;
	width: 100%;
	background: #fff;
	display: block;
	overflow: hidden;
	margin-top: -19px;
	padding: 0 20px 20px
}

.result-paging:after {
	content: "";
	display: table;
	clear: both
}

.education-history {
	*zoom: 1;
	background-color: #fff;
	padding: 20px;
	position: relative
}

.education-history:after {
	content: "";
	display: table;
	clear: both
}

.education-history .row {
	margin-right: -.5rem;
	margin-left: -0.5rem
}

.education-history .status-text-area {
	width: 50%;
	margin: auto
}

.education-history .status-icon {
	background: url("../img/icon/education-icon-set.png") no-repeat;
	float: left
}

.education-history .successful .status-text-area .status-icon {
	background-position: -65px 0px;
	width: 30px;
	height: 30px;
	margin: auto
}

.education-history .successful .status-text-area .status-text {
	display: none
}

.education-history .completed .status-text-area .status-icon {
	background-position: -130px 0px;
	width: 30px;
	height: 30px
}

.education-history .completed .status-text-area .status-text {
	display: none
}

.education-history .ongoing .status-text-area .status-icon {
	background-position: -172px 0px;
	width: 30px;
	height: 30px
}

.education-history .ongoing .status-text-area .status-text {
	display: none
}

.education-history .pending .status-text-area .status-icon {
	background-position: 5px 0px;
	width: 30px;
	height: 30px;
	margin: auto
}

.education-history .pending .status-text-area .status-text {
	display: none
}

.education-history .unknown .status-text-area .status-icon {
	background-position: -31px 0px;
	width: 30px;
	height: 30px;
	margin: auto
}

.education-history .unknown .status-text-area .status-text {
	display: none
}

.education-history .failed .status-text-area .status-icon {
	background-position: -95px 0px !important;
	width: 30px !important;
	height: 30px !important;
	margin: auto !important
}

.education-history .failed .status-text-area .status-text {
	display: none
}

.education-history .education-history-title {
	*zoom: 1;
	padding: 0 20px 20px;
	margin: 0 -20px 20px;
	border-bottom: 1px solid #D6D9DE
}

.education-history .education-history-title:after {
	content: "";
	display: table;
	clear: both
}

.education-history .education-history-title h3 {
	font-size: 22px
}

.education-history .export-option-area {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	width: auto;
	height: auto;
	padding: 8px 15px 5px 15px;
	border: 1px solid #D6D9DE;
	color: #7A8292;
	background: #fff;
	float: right;
	position: relative
}

.education-history .export-option-area .transfer-options {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.education-history .export-option-area .transfer-options .sg-icon {
	font-size: 16px;
	margin-right: 5px;
	position: relative;
	width: 16px;
	height: 16px
}

.education-history .export-option-area .transfer-options .sg-icon:before {
	width: 16px;
	height: 16px;
	position: absolute;
	left: 0;
	top: -3px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.education-history .export-option-area .transfer-text {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif
}

.education-history .export-option-area:hover:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -12px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 100%;
	height: 25px
}

.education-history .export-option-area:hover .options-area {
	display: block
}

.education-history .export-option-area .options-area {
	display: none;
	position: absolute;
	right: -45px;
	top: 40px;
	left: auto;
	bottom: auto;
	z-index: 2;
	width: 200px;
	max-width: 200px;
	padding: 10px 0 !important;
	background-color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #D6D9DE;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08)
}

.education-history .export-option-area .options-area:after,
.education-history .export-option-area .options-area:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 85px;
	top: -15px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.education-history .export-option-area .options-area:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.education-history .export-option-area .options-area h6 {
	padding: 5px 15px 10px;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.education-history .export-option-area .options-area a {
	display: block;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 12px;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.education-history .export-option-area .options-area a .sg-icon {
	height: 20px;
	margin-right: 10px;
	font-size: 22px;
	line-height: 22px;
	color: #A2ABCA
}

.education-history .export-option-area .options-area a:hover {
	background-color: #D6D9DE
}

.education-history .filter-area .filter-content {
	*zoom: 1;
	padding: 20px;
	background: #ECEFF1
}

.education-history .filter-area .filter-content:after {
	content: "";
	display: table;
	clear: both
}

.education-history .filter-area .filter-content .form-item .process-area {
	padding: 8px 0;
	text-align: right
}

.education-history .filter-area .filter-content .form-item .process-area .align-clear-btn,
.education-history .filter-area .filter-content .form-item .process-area .align-filter-btn {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.education-history .filter-area .filter-content .form-item button {
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif
}

.education-history .filter-area .filter-content .form-item button.clear-btn {
	background: transparent;
	color: #7A8292
}

.education-history .filter-area .filter-content .form-item button.filter-btn {
	background: #7A8292;
	color: #fff;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px
}

.education-history .filter-area .filter-content .form-item button.filter-btn:hover {
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.education-history .filter-area .filter-content .form-item label {
	color: #7A8292;
	margin-bottom: 0px
}

.education-history .filter-area .filter-content .form-item input[type="text"] {
	width: 100% !important;
	border: 1px solid #D6D9DE;
	background: #fff;
	padding: 0 15px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px
}

.education-history .filter-area .filter-content .form-item input[type="text"]:focus {
	border-color: #D6D9DE
}

.education-history .filter-area .filter-content .form-item .select2-container--lms {
	width: 100% !important
}

.education-history .filter-area .filter-content .form-item .select2-container--lms:focus {
	border-color: #D6D9DE
}

.education-history .filter-area .filter-content .form-item .select2-selection--single {
	background: #fff;
	width: 100%
}

.education-history .filter-area .filter-content .form-item .select2-selection--single:focus {
	border-color: #D6D9DE
}

.education-history .filter-area .filter-content .form-item .select-box {
	position: relative;
	overflow: hidden;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px
}

.education-history .filter-area .filter-content .form-item .select-box.disabled {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
	opacity: .2
}

.education-history .filter-area .filter-content .form-item .select-box:before {
	content: "";
	font: 14px "SSGizmo";
	position: absolute;
	right: 12px;
	top: 7px;
	left: auto;
	bottom: auto;
	z-index: 1;
	color: #A2ABCA
}

.education-history .filter-area .filter-content .form-item .select-box select {
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1;
	z-index: 2;
	padding-top: 6px;
	padding-right: 45px;
	padding-bottom: 8px;
	padding-left: 15px;
	width: 100%;
	height: 100%;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	border: none;
	outline: none;
	cursor: pointer;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.education-history .filter-area .filter-content .form-item:last-child {
	margin-bottom: 0px
}

.education-history .more-btn {
	margin: 0
}

.education-history .education-history-sort {
	width: 100%;
	margin: 40px 0 0 0;
	padding: 0 10px 20px;
	border-bottom: 1px solid #D6D9DE
}

.education-history .education-history-sort span {
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	position: relative
}

.education-history .education-history-sort span a i {
	position: absolute;
	color: #D6D9DE
}

.education-history .education-history-sort span a i.sg-navigateup:before {
	width: 11px;
	height: 11px;
	position: absolute;
	left: 5px;
	top: -9px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.education-history .education-history-sort span a i.sg-navigatedown:before {
	width: 11px;
	height: 11px;
	position: absolute;
	left: 5px;
	bottom: -9px;
	right: auto;
	top: auto;
	z-index: 1
}

.education-history .education-history-sort span a i.active {
	color: #4A485B
}

.education-history .education-history-sort span a i.active.sg-navigateup:before,
.education-history .education-history-sort span a i.active.sg-navigatedown:before {
	font-weight: bold
}

.education-history .education-history-sort span a:hover span:first-child,
.education-history .education-history-sort span a.active span:first-child {
	color: #4A485B
}

.education-history .education-history-sort span a:hover,
.education-history .education-history-sort span a.active {
	color: #4A485B
}

.education-history .education-history-list {
	width: 100%
}

.education-history .education-history-list .education-history-list-line {
	border-bottom: 1px solid #D6D9DE;
	padding: 20px 10px
}

.education-history .education-history-list .education-history-list-line .no-time {
	width: 14px;
	height: 2px;
	background: #7A8292;
	display: block
}

.education-history .education-history-list .education-history-list-line .activity-grid-plan {
	margin: 5px 0
}

.education-history .education-history-list .education-history-list-line .activity-grid-plan .learning {
	color: #44B4E3;
	font-weight: bold;
	font-size: 11px;
	display: block
}

.education-history .education-history-list .education-history-list-line small {
	font-size: 11px;
	color: #EA6060;
	display: block;
	margin-top: 5px;
	font-weight: bold
}

.education-history .education-history-list .education-history-list-line:hover {
	background: #ECEFF1
}

.education-history .education-history-list .education-history-list-line .name h5,
.education-history .education-history-list .education-history-list-line .unitname h5 {
	word-break: break-word;
	word-wrap: break-word;
	font: 600 14px "lato_trregular", Helvetica, Arial, sans-serif
}

.education-history .education-history-list .education-history-list-line .status span {
	display: block
}

.education-history .education-history-list .education-history-list-line .status span.status-title {
	color: #7A8292
}

.education-history .education-history-list .education-history-list-line .status span.success {
	color: #3CBC7B
}

.education-history .education-history-list .education-history-list-line .status span.failed {
	color: #EA6060
}

.education-history .education-history-list .education-history-list-line .score {
	color: #7A8292
}

.education-history .education-history-list .education-history-list-line .score span {
	color: #7A8292;
	font: 12px "lato_trblack"
}

.education-history .null {
	padding-top: 35px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 100px
}

.education-history .null .sg-mug {
	font-size: 118px;
	color: #ebeff2
}

.education-history .null .info {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 480px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 45px
}

.education-history .null h5 {
	margin-bottom: 5px;
	font: 16px "lato_trblack", Helvetica, Arial, sans-serif
}

.education-history .null p {
	font-size: 13px;
	color: #a7a9ad
}

.education-history .null p .sg-icon {
	font-size: 16px
}

.education-history .null a {
	color: #666e7e;
	text-decoration: underline
}

.education-history .result {
	margin: 20px 0;
	padding: 0 20px
}

.education-history .result span {
	font: 14px "lato_trregular", Helvetica, Arial, sans-serif
}

.education-history .result h3 {
	display: inline-block;
	padding: 0px;
	margin: 0px;
	border: none;
	height: 0;
	font-size: 18px
}

.participation-certificates {
	*zoom: 1;
	background-color: #fff;
	padding: 25px
}

.participation-certificates:after {
	content: "";
	display: table;
	clear: both
}

.participation-certificates h4 {
	padding: 0 20px 20px;
	color: #7A8292
}

.participation-certificates table {
	width: 100%;
	border: 1px solid #ECEFF1;
	border-collapse: separate;
	border-top: none
}

.participation-certificates table .right {
	float: right;
	margin-right: 10px
}

.participation-certificates table .date {
	padding-left: 20px
}

.participation-certificates table th {
	height: 35px
}

.participation-certificates table th span {
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #c8ccd1;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px
}

.participation-certificates table th a {
	display: block;
	height: 35px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.participation-certificates table th a i {
	height: 8px;
	margin-top: -3px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 3px;
	font-size: 16px;
	line-height: 13px
}

.participation-certificates table th a:hover,
.participation-certificates table th a.active {
	background-color: #fff
}

.participation-certificates table td {
	padding: 18px;
	background: url(../img/bg/table-line.png) repeat-x 0 0;
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.participation-certificates table td img {
	display: block
}

.participation-certificates table td strong {
	font-weight: normal;
	font-family: "lato_trblack", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.participation-certificates table td p {
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.participation-certificates table td a {
	color: #7A8292
}

.participation-certificates table td.thumb {
	width: 53px;
	padding-right: 0
}

.participation-certificates table td:last-child {
	text-align: right
}

.participation-certificates .null {
	padding: 30px 20px 20px 30px
}

.participation-certificates .null .icon {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 124px;
	height: 84px;
	background: url(../img/icon/certificate-icon.png) no-repeat 0 0
}

.participation-certificates .null .info {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 480px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px
}

.participation-certificates .null h5 {
	margin-bottom: 5px;
	font: 16px "lato_trblack", Helvetica, Arial, sans-serif
}

.participation-certificates .null p {
	font-size: 13px;
	color: #a7a9ad
}

.participation-certificates .null p .sg-icon {
	font-size: 16px
}

.participation-certificates .null a {
	color: #666e7e;
	text-decoration: underline
}

.participation-certificates .more-btn {
	margin: 20px 0 0 20px
}

.polls {
	*zoom: 1;
	background-color: #fff;
	padding: 20px
}

.polls:after {
	content: "";
	display: table;
	clear: both
}

.polls .row {
	margin-right: -.5rem;
	margin-left: -0.5rem
}

.polls h3 {
	padding: 0 20px 20px;
	margin: 0 -20px 20px;
	border-bottom: 1px solid #D6D9DE;
	font-size: 22px
}

.polls .polls-sort {
	width: 100%;
	margin: 20px 0;
	padding: 0 10px
}

.polls .polls-sort a {
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.polls .polls-sort a span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.polls .polls-sort a span i {
	position: absolute;
	color: #D6D9DE
}

.polls .polls-sort a span i.sg-navigateup:before {
	width: 11px;
	height: 11px;
	position: absolute;
	left: 5px;
	top: -9px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.polls .polls-sort a span i.sg-navigatedown:before {
	width: 11px;
	height: 11px;
	position: absolute;
	left: 5px;
	bottom: -9px;
	right: auto;
	top: auto;
	z-index: 1
}

.polls .polls-sort a span i.active {
	color: #4A485B
}

.polls .polls-sort a span i.active.sg-navigateup:before,
.polls .polls-sort a span i.active.sg-navigatedown:before {
	font-weight: bold
}

.polls .polls-sort a:hover span:first-child,
.polls .polls-sort a.active span:first-child {
	color: #4A485B
}

.polls .polls-sort a:hover,
.polls .polls-sort a.active {
	color: #4A485B
}

.polls .polls-list .polls-line {
	border: 1px solid #D6D9DE;
	padding: 10px;
	margin: 20px 0
}

.polls .polls-list .polls-line .name a {
	color: #7A8292
}

.polls .polls-list .polls-line .name span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 35px;
	height: 35px;
	padding-left: 2px;
	margin-right: 10px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	border: 4px solid #e6e6e6;
	font-size: 16px;
	line-height: 31px;
	text-align: center;
	color: #A2ABCA
}

.polls .polls-list .polls-line .name span i {
	display: block;
	position: absolute;
	right: -10px;
	bottom: -5px;
	left: auto;
	top: auto;
	z-index: 1;
	width: 20px;
	height: 20px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	background-color: #A2ABCA;
	font: 13px/20px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #fff;
	text-align: center
}

.polls .polls-list .polls-line .name h5 {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font: 14px/18px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	width: calc(100% - 50px)
}

.polls .polls-list .polls-line .name ul {
	position: relative;
	margin-top: 12px;
	padding-left: 50px
}

.polls .polls-list .polls-line .name ul:after {
	content: "";
	position: absolute;
	left: 15px;
	top: -10px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 30px;
	height: 30px;
	border-left: 1px solid #D6D9DE;
	border-bottom: 1px solid #D6D9DE
}

.polls .polls-list .polls-line .name ul li {
	position: relative;
	margin-bottom: 10px
}

.polls .polls-list .polls-line .name ul li:after {
	content: "";
	position: absolute;
	left: 17px;
	bottom: -9px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 1px;
	height: 7px;
	background-color: #D6D9DE
}

.polls .polls-list .polls-line .name ul li:last-child {
	margin-bottom: 0;
	font: 12px/14px "lato_trregular", Helvetica, Arial, sans-serif
}

.polls .polls-list .polls-line .name ul li:last-child:after {
	display: none
}

.polls .polls-list .polls-line .name ul li img {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-right: 10px
}

.polls .polls-list .polls-line .name ul li img.circle {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.polls .polls-list .polls-line .name ul li span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 35px;
	height: 35px;
	padding-left: 2px;
	margin-right: 10px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	border: 4px solid #e6e6e6;
	font-size: 16px;
	line-height: 31px;
	text-align: center;
	color: #A2ABCA
}

.polls .polls-list .polls-line .name ul li p {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 140px;
	line-height: 14px
}

.polls .polls-list .polls-line .finish-date .date {
	position: relative;
	width: 60px;
	height: 60px;
	margin: 6px 0 0;
	padding: 9px 0;
	border: 6px solid #D6D9DE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font: 20px/20px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #A2ABCA;
	text-align: center
}

.polls .polls-list .polls-line .finish-date .date span {
	display: block;
	font: 10px/10px "lato_trregular", Helvetica, Arial, sans-serif
}

.polls .polls-list .polls-line .finish-date .date i {
	font-size: 27px;
	line-height: 37px;
	color: #D6D9DE
}

.polls .polls-list .polls-line .finish-date .date:before,
.polls .polls-list .polls-line .finish-date .date:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -24px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 0;
	height: 0;
	margin-left: -9px;
	border: 9px solid transparent;
	border-bottom: 9px solid #D6D9DE
}

.polls .polls-list .polls-line .finish-date .date:after {
	top: -22px;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.polls .polls-list .polls-line .finish-date .date.required,
.polls .polls-list .polls-line .finish-date .date.expired {
	color: #EA6060;
	border-color: #EA6060
}

.polls .polls-list .polls-line .finish-date .date.new {
	color: #EAB160
}

.polls .polls-list .polls-line .finish-date span.no-time,
.polls .polls-list .polls-line .reply-date span.no-time {
	width: 14px;
	height: 2px;
	background: #A2ABCA;
	display: block;
	margin: 15px 0
}

.polls .polls-list .polls-line .poll-btn-area .btn {
	font-size: 12px
}

.polls .polls-list .polls-line:first-child {
	margin-top: 0
}

.polls .polls-list .polls-line:last-child {
	margin-bottom: 0
}

.polls table {
	width: 100%;
	margin: 20px 0;
	border: 1px solid #ECEFF1;
	border-collapse: separate
}

.polls table th {
	text-align: left
}

.polls table th a {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	height: 30px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 0;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.polls table th a i {
	float: right;
	height: 8px;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
	font-size: 16px;
	line-height: 13px
}

.polls table th:first-child a {
	padding-left: 10px
}

.polls table td {
	padding: 18px 0;
	background: url(../img/bg/table-line.png) repeat-x 0 0;
	color: #7A8292
}

.polls table td.name {
	width: 300px;
	padding: 15px
}

.polls table td.name a {
	color: #7A8292
}

.polls table td.name h5 {
	font: 14px/18px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.polls table td.name h5 span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 35px;
	height: 35px;
	padding-left: 2px;
	margin-right: 10px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	border: 4px solid #e6e6e6;
	font-size: 16px;
	line-height: 31px;
	text-align: center;
	color: #A2ABCA
}

.polls table td.name h5 span i {
	display: block;
	position: absolute;
	right: -10px;
	bottom: -10px;
	left: auto;
	top: auto;
	z-index: 1;
	width: 20px;
	height: 20px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #A2ABCA;
	font: 13px/20px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #fff;
	text-align: center
}

.polls table td.name ul {
	position: relative;
	margin-top: 12px;
	padding-left: 50px
}

.polls table td.name ul:after {
	content: "";
	position: absolute;
	left: 15px;
	top: -10px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 30px;
	height: 30px;
	border-left: 1px solid #D6D9DE;
	border-bottom: 1px solid #D6D9DE
}

.polls table td.name ul li {
	position: relative;
	margin-bottom: 10px
}

.polls table td.name ul li:after {
	content: "";
	position: absolute;
	left: 17px;
	bottom: -9px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 1px;
	height: 7px;
	background-color: #D6D9DE
}

.polls table td.name ul li:last-child {
	margin-bottom: 0;
	font: 12px/14px "lato_trregular", Helvetica, Arial, sans-serif
}

.polls table td.name ul li:last-child:after {
	display: none
}

.polls table td.name ul li img {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-right: 10px
}

.polls table td.name ul li img.circle {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.polls table td.name ul li span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 35px;
	height: 35px;
	padding-left: 2px;
	margin-right: 10px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	border: 4px solid #e6e6e6;
	font-size: 16px;
	line-height: 31px;
	text-align: center;
	color: #A2ABCA
}

.polls table td.name ul li p {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 140px;
	line-height: 14px
}

.polls table td.count {
	width: 150px
}

.polls table td.count span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	border: 1px solid #ECEFF1;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif
}

.polls table td.count span strong {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	height: 23px;
	margin-right: 3px;
	font: 22px/22px "lato_trblack", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #7A8292
}

.polls table td.finish-date {
	width: 140px
}

.polls table td.finish-date .date {
	position: relative;
	width: 60px;
	height: 60px;
	margin: 6px 0 0;
	padding: 9px 0;
	border: 6px solid #D6D9DE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font: 20px/20px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #A2ABCA;
	text-align: center
}

.polls table td.finish-date .date span {
	display: block;
	font: 10px/10px "lato_trregular", Helvetica, Arial, sans-serif
}

.polls table td.finish-date .date i {
	font-size: 27px;
	line-height: 37px;
	color: #D6D9DE
}

.polls table td.finish-date .date:before,
.polls table td.finish-date .date:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -24px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 0;
	height: 0;
	margin-left: -9px;
	border: 9px solid transparent;
	border-bottom: 9px solid #D6D9DE
}

.polls table td.finish-date .date:after {
	top: -22px;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.polls table td.finish-date .date.required,
.polls table td.finish-date .date.expired {
	color: #EA6060;
	border-color: #EA6060
}

.polls table td.finish-date .date.new {
	color: #EAB160
}

.polls table td.reply-date {
	width: 110px;
	font-size: 11px
}

.polls table td .btn {
	min-width: 0;
	width: 40px;
	height: 40px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 1px;
	font-size: 18px;
	line-height: 40px;
	margin-right: 10px
}

.polls .null {
	padding-top: 35px;
	padding-right: 0;
	padding-bottom: 35px;
	padding-left: 20px
}

.polls .null .sg-chat {
	height: 80px;
	font-size: 118px;
	line-height: 118px;
	color: #ebeff2
}

.polls .null .info {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 480px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px
}

.polls .null h5 {
	margin-bottom: 5px;
	font: 16px "lato_trblack", Helvetica, Arial, sans-serif
}

.polls .null p {
	font-size: 13px;
	color: #a7a9ad
}

.polls .null p .sg-icon {
	font-size: 16px
}

.polls .null a {
	color: #666e7e;
	text-decoration: underline
}

.polls .more-btn {
	margin: 0
}

.polls .item-info {
	position: relative;
	z-index: 2
}

.polls .item-info .sg-icon {
	position: absolute;
	right: -20px;
	bottom: -20px;
	left: auto;
	top: auto;
	z-index: 1
}

.polls .item-info .info-tooltip {
	display: none;
	position: absolute;
	left: 0px;
	top: 20px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: auto;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #D6D9DE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	font: 16px/20px "lato_trregular", Helvetica, Arial, sans-serif
}

.polls .item-info .info-tooltip:after,
.polls .item-info .info-tooltip:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: 15px;
	top: -16px;
	right: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.polls .item-info .info-tooltip:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.polls .item-info h3 {
	margin-bottom: 12px;
	font: 18px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.polls .item-info li {
	font: 13px/20px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.polls .item-info span {
	font: 11px "lato_trblack", Helvetica, Arial, sans-serif
}

.polls .item-info:hover:after {
	content: "";
	position: absolute;
	left: -10px;
	top: 10px;
	right: auto;
	bottom: auto;
	z-index: 1;
	z-index: 2;
	width: 35px;
	height: 20px
}

.polls .item-info:hover .info-tooltip {
	display: block
}

.polls .mobile-new-date {
	display: none;
	text-align: center;
	width: 100%;
	padding: 10px 0;
	line-height: 20px
}

.catalog-request-dropdown .catalog-for-admin {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	position: relative;
	z-index: 2
}

.catalog-request-dropdown .catalog-for-admin .btn {
	margin-right: 5px
}

.catalog-request-dropdown .catalog-for-admin .btn:before {
	position: absolute;
	right: 15px;
	top: 5px;
	left: auto;
	bottom: auto;
	z-index: 1
}

.catalog-request-dropdown .catalog-for-admin .catalog-for-admin-tooltip {
	background: #fff;
	width: 100%;
	padding: 10px 0;
	border: 1px solid #ECEFF1;
	position: absolute;
	left: 0;
	top: 35px;
	right: auto;
	bottom: auto;
	z-index: 10;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08)
}

.catalog-request-dropdown .catalog-for-admin .catalog-for-admin-tooltip:after,
.catalog-request-dropdown .catalog-for-admin .catalog-for-admin-tooltip:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	top: -16px;
	right: auto;
	bottom: auto;
	z-index: 1;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.catalog-request-dropdown .catalog-for-admin .catalog-for-admin-tooltip:before {
	top: -17px;
	border-bottom-color: #ECEFF1
}

.catalog-request-dropdown .catalog-for-admin .catalog-for-admin-tooltip a,
.catalog-request-dropdown .catalog-for-admin .catalog-for-admin-tooltip span {
	color: #7A8292;
	display: block;
	text-align: center;
	padding: 5px 10px
}

.catalog-request-dropdown .catalog-for-admin .catalog-for-admin-tooltip a:hover,
.catalog-request-dropdown .catalog-for-admin .catalog-for-admin-tooltip span:hover {
	background: #7A8292;
	color: #fff
}

.catalog-request-dropdown .catalog-for-admin .catalog-for-admin-tooltip .no-can-request-course {
	display: block;
	width: 100%
}

.catalog-request-dropdown .catalog-for-admin .catalog-for-admin-tooltip .no-can-request-course .disabled {
	background: #ECEFF1;
	cursor: not-allowed;
	color: #7A8292
}

.catalog-request-dropdown .catalog-for-admin .catalog-for-admin-tooltip .no-can-request-course .disabled:hover {
	background: #ECEFF1;
	color: #A2ABCA
}

.catalog-request-dropdown .catalog-for-admin .catalog-for-admin-tooltip .no-can-request-course .inner {
	display: none;
	position: absolute;
	left: 0;
	top: 50px;
	right: auto;
	bottom: auto;
	z-index: 5;
	padding: 12px;
	background-color: #A2ABCA;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff;
	width: 100%;
	text-align: center
}

.catalog-request-dropdown .catalog-for-admin .catalog-for-admin-tooltip .no-can-request-course .inner:after {
	content: "";
	position: absolute;
	left: 45%;
	top: -14px;
	right: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #A2ABCA
}

.catalog-request-dropdown .catalog-for-admin .catalog-for-admin-tooltip .no-can-request-course:hover .inner {
	display: block !important
}

.recommend-wrapper {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	position: relative
}

.recommend-wrapper a {
	margin-right: 5px !important
}

.recommend-wrapper:hover {
	z-index: 12
}

.recommend-wrapper:hover:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -17px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 100%;
	height: 20px
}

.recommend-tooltip {
	position: absolute;
	right: -140px;
	top: 35px;
	left: auto;
	bottom: auto;
	z-index: 10;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	width: 455px;
	padding: 25px;
	background-color: #fff;
	border: 1px solid #D6D9DE;
	text-align: left
}

.recommend-tooltip:after,
.recommend-tooltip:before {
	width: 0;
	height: 0;
	position: absolute;
	right: 0;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	content: "";
	border: 8px solid transparent;
	border-bottom: 8px solid #fff;
	margin-right: 198px
}

.recommend-tooltip:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.recommend-tooltip h6 {
	*zoom: 1;
	margin: 0 -25px;
	padding: 0 25px;
	font: 18px/35px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.recommend-tooltip h6:after {
	content: "";
	display: table;
	clear: both
}

.recommend-tooltip h6 .select-box {
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	overflow: hidden;
	position: relative;
	float: right;
	min-width: 160px;
	height: 35px;
	border: 1px solid #D6D9DE;
	line-height: 30px
}

.recommend-tooltip h6 .select-box.disabled {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
	opacity: .2
}

.recommend-tooltip h6 .select-box select {
	position: relative;
	z-index: 2;
	padding-top: 0;
	padding-right: 45px;
	padding-bottom: 0;
	padding-left: 15px;
	width: 100%;
	height: 100%;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	border: none;
	outline: none;
	cursor: pointer;
	color: #A2ABCA
}

.recommend-tooltip h6 .select-box select:focus::-ms-value {
	background-color: transparent;
	color: #A2ABCA
}

.recommend-tooltip h6 .select-box:before {
	content: "";
	font: 14px "SSGizmo";
	position: absolute;
	right: 12px;
	top: 8px;
	left: auto;
	bottom: auto;
	z-index: 1;
	color: #A2ABCA
}

.recommend-tooltip span {
	margin: 10px 0;
	color: #A2ABCA;
	font: 13px/15px "lato_trregular", Helvetica, Arial, sans-serif;
	display: block
}

.recommend-tooltip .search {
	position: relative;
	margin: 15px -25px;
	padding: 25px;
	border-top: 1px solid #D6D9DE;
	border-bottom: 1px solid #D6D9DE
}

.recommend-tooltip .search input[type="text"] {
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	border-color: #D6D9DE;
	padding-top: 0;
	padding-right: 70px;
	padding-bottom: 0;
	padding-left: 35px
}

.recommend-tooltip .search:after {
	content: "🔎";
	position: absolute;
	left: 33px;
	top: 30px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 24px "SSGizmo";
	color: #A2ABCA;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.recommend-tooltip .search .all {
	position: absolute;
	right: 35px;
	top: 40px;
	left: auto;
	bottom: auto;
	z-index: 1;
	line-height: 100%
}

.recommend-tooltip .search .autocomplete {
	position: absolute;
	left: 50%;
	top: 70px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 400px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -200px;
	padding-bottom: 10px;
	background-color: #fff;
	border: 1px solid #D6D9DE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	text-align: center
}

.recommend-tooltip .search .autocomplete:after,
.recommend-tooltip .search .autocomplete:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	top: -14px;
	right: auto;
	bottom: auto;
	z-index: 1;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.recommend-tooltip .search .autocomplete:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.recommend-tooltip .search .autocomplete h6 {
	padding: 15px;
	font: 16px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	text-align: left
}

.recommend-tooltip .search .autocomplete ul {
	margin-bottom: 12px;
	border-top: 1px solid #D6D9DE
}

.recommend-tooltip .search .autocomplete ul li {
	position: relative;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	min-height: 46px;
	margin: 0;
	border-bottom: 1px solid #D6D9DE;
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif;
	text-align: left
}

.recommend-tooltip .search .autocomplete ul li:after,
.recommend-tooltip .search .autocomplete ul li:before {
	display: none
}

.recommend-tooltip .search .autocomplete ul li:hover {
	background-color: #eeeff0
}

.recommend-tooltip .search .autocomplete ul li:hover .sg-navigateright {
	display: block
}

.recommend-tooltip .search .autocomplete ul img {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-right: 10px
}

.recommend-tooltip .search .autocomplete ul img.circle {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.recommend-tooltip .search .autocomplete ul a {
	display: block;
	color: #A2ABCA;
	line-height: 35px
}

.recommend-tooltip .search .autocomplete ul .sg-doc,
.recommend-tooltip .search .autocomplete ul .sg-pdf {
	margin-right: 16px;
	height: 34px;
	font-size: 28px;
	line-height: 39px;
	color: #419FE5
}

.recommend-tooltip .search .autocomplete ul .sg-pdf {
	color: #EA6060
}

.recommend-tooltip .search .autocomplete ul .sg-navigateright {
	display: none;
	position: absolute;
	right: 12px;
	top: 8px;
	left: auto;
	bottom: auto;
	z-index: 1;
	font-size: 18px
}

.recommend-tooltip .search .autocomplete ul span {
	float: right;
	min-width: 75px;
	padding: 3px 10px;
	margin-top: 8px;
	margin-right: 33px;
	margin-bottom: 0;
	margin-left: 0;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #dbdcdb;
	background-color: #fff;
	text-align: center;
	font: 10px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.recommend-tooltip .follow-list {
	position: relative;
	margin: 20px -25px;
	padding: 0 25px 15px;
	border-bottom: 1px solid #D6D9DE
}

.recommend-tooltip .follow-list li {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 8px;
	background-color: #f2f4f7;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font: 10px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.recommend-tooltip .follow-list li:after,
.recommend-tooltip .follow-list li:before {
	display: none
}

.recommend-tooltip .follow-list li a {
	float: right;
	height: 14px;
	margin-left: 20px;
	font-size: 16px;
	line-height: 16px;
	color: #A2ABCA
}

.recommend-tooltip .follow-list li.all {
	background-color: #A2ABCA;
	color: #fff
}

.recommend-tooltip .follow-list li.all a {
	color: #fff
}

.recommend-tooltip .group-list {
	position: relative;
	margin: 20px -25px;
	padding: 0 25px 10px;
	border-bottom: 1px solid #D6D9DE
}

.recommend-tooltip .group-list li {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 0;
	font: 13px/35px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.recommend-tooltip .group-list li img {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right: 10px
}

.recommend-tooltip .group-list li a {
	height: 14px;
	margin-left: 12px;
	font-size: 16px;
	line-height: 16px;
	color: #A2ABCA
}

.recommend-tooltip .share-text {
	position: relative;
	margin: 20px -25px;
	padding: 0 25px 20px;
	border-bottom: 1px solid #D6D9DE;
	font: 13px/19px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.recommend-tooltip .share-text .sg-icon {
	margin-bottom: 5px;
	font-size: 22px;
	line-height: 22px;
	color: #9ca2b2
}

.recommend-tooltip .message {
	*zoom: 1
}

.recommend-tooltip .message:after {
	content: "";
	display: table;
	clear: both
}

.recommend-tooltip .message label {
	display: block;
	margin-bottom: 10px;
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #9ca2b2
}

.recommend-tooltip .message textarea {
	height: 80px;
	margin-bottom: 15px;
	padding: 15px;
	border-color: #D6D9DE
}

.recommend-tooltip .message button,
.recommend-tooltip .message input[type="submit"] {
	float: right;
	width: auto !important;
	min-width: 150px !important;
	margin-bottom: 0 !important
}

.recommend-tooltip.top {
	top: auto;
	bottom: 45px
}

.recommend-tooltip.top:after,
.recommend-tooltip.top:before {
	top: auto;
	bottom: -16px;
	border: 8px solid transparent;
	border-top: 8px solid #fff
}

.recommend-tooltip.top:before {
	top: auto;
	bottom: -17px;
	border-top-color: #D6D9DE
}

.education-calendar {
	*zoom: 1;
	background-color: #fff;
	padding: 20px
}

.education-calendar:after {
	content: "";
	display: table;
	clear: both
}

.education-calendar .title {
	*zoom: 1;
	padding: 0 20px 20px;
	margin: 0 -20px 20px;
	border-bottom: 1px solid #D6D9DE
}

.education-calendar .title:after {
	content: "";
	display: table;
	clear: both
}

.education-calendar .title h3 {
	float: left;
	line-height: 40px;
	font-size: 22px
}

.education-calendar .title .tab-btn {
	float: left;
	width: 295px;
	margin-left: 100px
}

.education-calendar .title .tab-btn li {
	float: left;
	overflow: hidden;
	width: 50%;
	margin-right: -1px
}

.education-calendar .title .tab-btn li a {
	position: relative;
	display: block;
	border: 1px solid #D6D9DE;
	font: 11px/38px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	text-align: center
}

.education-calendar .title .tab-btn li a.active {
	z-index: 2;
	border-color: #A2ABCA;
	background-color: #A2ABCA;
	color: #fff
}

.education-calendar .title .tab-btn li:first-child a {
	-moz-border-radius: 30px 0 0 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px 0 0 30px
}

.education-calendar .title .tab-btn li:last-child a {
	-moz-border-radius: 0 30px 30px 0;
	-webkit-border-radius: 0;
	border-radius: 0 30px 30px 0
}

.education-calendar .title .colors {
	position: relative;
	float: right;
	width: 42px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0
}

.education-calendar .title .colors>span {
	float: left;
	margin: 2px;
	text-indent: -999999px;
	width: 10px;
	height: 10px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.education-calendar .title .colors>span.gray {
	background-color: #A2ABCA
}

.education-calendar .title .colors>span.green {
	background-color: #3CBC7B
}

.education-calendar .title .colors>span.orange {
	background-color: #EAB160
}

.education-calendar .title .colors>span.red {
	background-color: #EA6060
}

.education-calendar .title .colors>span.pink {
	background-color: #EDAAAA
}

.education-calendar .title .colors>span.blue {
	background-color: #44B4E3
}

.education-calendar .title .colors .tooltip {
	display: none;
	position: absolute;
	right: -10px;
	top: 40px;
	left: auto;
	bottom: auto;
	z-index: 1;
	z-index: 3;
	width: 290px;
	padding: 15px;
	background-color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #D6D9DE;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08)
}

.education-calendar .title .colors .tooltip:after,
.education-calendar .title .colors .tooltip:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 22px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.education-calendar .title .colors .tooltip:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.education-calendar .title .colors .tooltip h6 {
	padding: 0 0 15px;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.education-calendar .title .colors:hover:after {
	content: "";
	position: absolute;
	left: -235px;
	bottom: -17px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 280px;
	height: 20px
}

.education-calendar .title .colors:hover .tooltip {
	display: block
}

.education-calendar .title .filter {
	position: relative;
	float: right;
	height: 32px;
	margin-top: 4px;
	padding: 0 12px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	border: 1px solid #D6D9DE;
	font: 10px/32px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	cursor: pointer
}

.education-calendar .title .filter span .sg-icon {
	font-size: 16px;
	line-height: 16px
}

.education-calendar .title .filter .dropdown {
	display: none;
	position: absolute;
	right: 0;
	top: 42px;
	left: auto;
	bottom: auto;
	z-index: 1;
	width: 265px;
	margin: 0;
	background-color: #fff;
	border: 1px solid #D6D9DE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08)
}

.education-calendar .title .filter .dropdown:after,
.education-calendar .title .filter .dropdown:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 15px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.education-calendar .title .filter .dropdown:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.education-calendar .title .filter .dropdown h6 {
	padding: 20px;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	text-align: left
}

.education-calendar .title .filter .dropdown ul {
	margin-bottom: 12px;
	padding-bottom: 10px
}

.education-calendar .title .filter .dropdown ul li {
	position: relative;
	padding: 8px 20px
}

.education-calendar .title .filter .dropdown ul li:hover {
	background-color: #ECEFF1
}

.education-calendar .title .filter .dropdown ul li:hover .sg-icon {
	display: block
}

.education-calendar .title .filter .dropdown ul li:hover span {
	background-color: #A2ABCA;
	border-color: #A2ABCA;
	color: #fff
}

.education-calendar .title .filter .dropdown ul li.active .sg-icon {
	display: block
}

.education-calendar .title .filter .dropdown ul li.active span {
	background-color: #A2ABCA;
	border-color: #A2ABCA;
	color: #fff
}

.education-calendar .title .filter .dropdown ul li a {
	display: block
}

.education-calendar .title .filter .dropdown ul .sg-icon {
	display: none;
	position: absolute;
	right: 10px;
	top: 6px;
	left: auto;
	bottom: auto;
	z-index: 1;
	font-size: 16px;
	color: #caced3
}

.education-calendar .title .filter .dropdown ul span {
	float: right;
	width: 45px;
	margin-top: -1px;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #D6D9DE;
	font: 10px/18px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA;
	text-align: center
}

.education-calendar .title .filter .dropdown ul a {
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.education-calendar .title .filter .dropdown .btn {
	display: block;
	width: 110px;
	margin: 0 auto 14px;
	padding: 8px 2px;
	background-color: transparent;
	color: #A2ABCA;
	border: 1px solid #D6D9DE
}

.education-calendar .title .filter:hover:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -20px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 100%;
	height: 20px
}

.education-calendar .title .filter:hover .dropdown {
	display: block
}

.education-calendar .calendar-control {
	padding: 0 20px 20px;
	margin: 0 -20px 20px;
	border-bottom: 1px solid #D6D9DE;
	text-align: center
}

.education-calendar .calendar-control a {
	width: 34px;
	height: 34px;
	border: 1px solid #ECEFF1;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	font-size: 16px;
	line-height: 36px;
	color: #d4d7dc
}

.education-calendar .calendar-control a:hover {
	background-color: #ECEFF1;
	color: #7A8292
}

.education-calendar .calendar-control span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	min-width: 160px;
	margin: 0 3px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background-color: #ECEFF1;
	font: 11px/34px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	text-align: center
}

.education-calendar .calendar-control span:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -20px;
	right: auto;
	top: auto;
	z-index: 1;
	margin-left: -0.5px;
	width: 1px;
	height: 20px;
	background-color: #ECEFF1
}

.education-calendar table {
	width: 100%;
	border-collapse: separate;
	border: 1px solid #ECEFF1;
	border-right: none;
	margin-bottom: 40px
}

.education-calendar table th {
	padding: 10px 0;
	width: 105px;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	text-align: center
}

.education-calendar table th:last-child {
	border-right: 1px solid #ECEFF1
}

.education-calendar table td {
	vertical-align: top;
	border-right: 1px solid #ECEFF1;
	border-top: 1px solid #ECEFF1
}

.education-calendar table td .cell {
	position: relative;
	min-height: 155px;
	padding: 10px 10px 25px
}

.education-calendar table td .cell .day {
	display: block;
	margin-bottom: 10px;
	font: 14px/12px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292;
	text-align: right
}

.education-calendar table td .cell .month-label {
	position: absolute;
	left: 2px;
	bottom: 3px;
	right: auto;
	top: auto;
	z-index: 1;
	display: block;
	width: 100%;
	font: 20px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #e5e8e9;
	text-align: center
}

.education-calendar table td .cell .events {
	margin: 10px -10px 10px
}

.education-calendar table td .cell .events a {
	display: block;
	margin-bottom: 1px;
	padding: 2px 7px;
	overflow: hidden;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font: 10px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.education-calendar table td .cell .events a.gray {
	background-color: #A2ABCA
}

.education-calendar table td .cell .events a.green {
	background-color: #3CBC7B
}

.education-calendar table td .cell .events a.blue {
	background-color: #44B4E3
}

.education-calendar table td .cell .events a.red {
	background-color: #EA6060
}

.education-calendar table td .cell .events a.orange {
	background-color: #EAB160
}

.education-calendar table td .cell .events a.pink {
	background-color: #EDAAAA
}

.education-calendar table td .cell .list {
	margin-bottom: 10px
}

.education-calendar table td .cell .list:last-child {
	margin-bottom: 0
}

.education-calendar table td .cell .list span {
	display: block;
	margin-bottom: 7px;
	padding-bottom: 2px;
	border-bottom: 1px solid #D6D9DE;
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.education-calendar table td .cell .list span .sg-icon {
	height: 15px;
	font-size: 16px;
	line-height: 16px
}

.education-calendar table td .cell .list ul {
	margin-bottom: 10px
}

.education-calendar table td .cell .list ul:last-child {
	margin-bottom: 0
}

.education-calendar table td .cell .list li {
	margin-bottom: 8px;
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif;
	text-decoration: underline
}

.education-calendar table td .cell .list li a {
	color: #7A8292
}

.education-calendar table td .cell .list li:last-child {
	margin-bottom: 0
}

.education-calendar table td .cell .agenda-tooltip {
	display: none;
	z-index: 2;
	position: absolute;
	left: 50%;
	top: 95px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 290px;
	padding: 20px;
	margin-left: -145px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #A2ABCA;
	text-align: left
}

.education-calendar table td .cell .agenda-tooltip:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -16px;
	right: auto;
	bottom: auto;
	z-index: 1;
	margin-left: -6px;
	border: 8px solid transparent;
	border-bottom: 8px solid #A2ABCA
}

.education-calendar table td .cell .agenda-tooltip h6 {
	margin-bottom: 20px;
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff;
	text-align: right
}

.education-calendar table td .cell .agenda-tooltip .tooltip-row {
	margin-bottom: 15px
}

.education-calendar table td .cell .agenda-tooltip .tooltip-row:last-child {
	margin-bottom: 0
}

.education-calendar table td .cell .agenda-tooltip .tooltip-row h6 {
	margin: 5px 0;
	text-align: left
}

.education-calendar table td .cell .agenda-tooltip .sg-icon {
	display: block;
	width: 32px;
	height: 32px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #fff;
	background-color: transparent;
	padding-left: 2px;
	font-size: 16px;
	line-height: 35px;
	color: #fff;
	text-align: center
}

.education-calendar table td .cell .agenda-tooltip p {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin: 0;
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.education-calendar table td .cell .agenda-tooltip p span {
	display: block;
	margin-top: 3px;
	font-size: 11px
}

.education-calendar table td .cell .agenda-tooltip .session-label {
	padding-top: 5px
}

.education-calendar table td .cell .agenda-tooltip .session-label p {
	display: block;
	width: 100%;
	margin: 0;
	font-size: 11px
}

.education-calendar table td .cell .info-list {
	position: absolute;
	left: 6px;
	bottom: 5px;
	right: auto;
	top: auto;
	z-index: 1
}

.education-calendar table td .cell .info-list li {
	position: relative;
	z-index: 1;
	float: left
}

.education-calendar table td .cell .info-list li>.sg-icon,
.education-calendar table td .cell .info-list li>.ss-icon {
	height: 16px;
	font-size: 18px;
	line-height: 21px;
	color: #A2ABCA;
	cursor: pointer
}

.education-calendar table td .cell .info-list li>.sg-icon.sg-location,
.education-calendar table td .cell .info-list li>.ss-icon.sg-location {
	width: 15px;
	text-indent: -1px
}

.education-calendar table td .cell .info-list li .tooltip-area {
	z-index: 2;
	display: none;
	position: absolute;
	left: -114px;
	top: 25px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 240px;
	padding: 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #A2ABCA;
	text-align: left
}

.education-calendar table td .cell .info-list li .tooltip-area:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -16px;
	right: auto;
	bottom: auto;
	z-index: 1;
	margin-left: -6px;
	border: 8px solid transparent;
	border-bottom: 8px solid #A2ABCA
}

.education-calendar table td .cell .info-list li .tooltip-area h6 {
	margin-bottom: 20px;
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.education-calendar table td .cell .info-list li .tooltip-area .tooltip-row {
	margin-bottom: 15px
}

.education-calendar table td .cell .info-list li .tooltip-area .tooltip-row:last-child {
	margin-bottom: 0
}

.education-calendar table td .cell .info-list li .tooltip-area .sg-icon {
	width: 40px;
	height: 40px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #fff;
	background-color: transparent;
	padding-left: 2px;
	font-size: 20px;
	line-height: 43px;
	color: #fff;
	text-align: center
}

.education-calendar table td .cell .info-list li .tooltip-area p {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 140px;
	margin: 0 0 0 10px;
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.education-calendar table td .cell .info-list li .tooltip-area p span {
	display: block;
	margin-top: 3px;
	font-size: 11px
}

.education-calendar table td .cell .info-list li .tooltip-area .session-label {
	padding-top: 5px;
	border-top: 1px solid #bcc3d6
}

.education-calendar table td .cell .info-list li .tooltip-area .session-label p {
	display: block;
	width: 100%;
	margin: 0;
	font-size: 11px
}

.education-calendar table td .cell .info-list li:hover {
	z-index: 6
}

.education-calendar table td .cell .info-list li:hover .tooltip-area {
	display: block
}

.education-calendar table td .cell .info-list li.critical {
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}

.education-calendar table td .cell .info-list li.critical>.sg-icon,
.education-calendar table td .cell .info-list li.critical>.ss-icon {
	color: #EA6060;
	font-size: 16px;
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.education-calendar table td .cell .info-list li.critical .tooltip-area {
	background-color: #EA6060
}

.education-calendar table td .cell .info-list li.critical .tooltip-area h6 {
	margin-bottom: 0
}

.education-calendar table td .cell .info-list li.critical .tooltip-area:after {
	border-bottom-color: #EA6060
}

.education-calendar table td .cell.today {
	background-color: #f8f7ec
}

.education-calendar table td .cell.today .day {
	font-family: "lato_trblack", Helvetica, Arial, sans-serif
}

.education-calendar table td .cell:hover {
	z-index: 2
}

.education-calendar table td .cell:hover .tooltip-area,
.education-calendar table td .cell:hover .agenda-tooltip {
	display: block
}

.education-calendar .agenda .item {
	padding: 0 20px 20px;
	margin: 0 -20px
}

.education-calendar .agenda h4 {
	position: relative;
	padding: 0 20px 8px;
	margin: 0 -20px 10px;
	border-bottom: 1px solid #ECEFF1;
	font: 16px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.education-calendar .agenda h4 strong {
	font-weight: normal;
	font-family: "lato_trbold", Helvetica, Arial, sans-serif
}

.education-calendar .agenda h4 span {
	position: absolute;
	right: 34px;
	bottom: 6px;
	left: auto;
	top: auto;
	z-index: 1;
	font: 27px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #e5e8e9
}

.education-calendar .agenda .events {
	margin: 0 0 30px
}

.education-calendar .agenda .events span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-top: 0;
	margin-right: -2px;
	margin-bottom: 1px;
	margin-left: 0;
	padding: 0 12px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	font: 13px/28px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.education-calendar .agenda .events span.gray {
	background-color: #A2ABCA
}

.education-calendar .agenda .events span.green {
	background-color: #3CBC7B
}

.education-calendar .agenda .events span.blue {
	background-color: #44B4E3
}

.education-calendar .agenda .events span.red {
	background-color: #EA6060
}

.education-calendar .agenda .events span.orange {
	background-color: #EAB160
}

.education-calendar .agenda .events span.pink {
	background-color: #EDAAAA
}

.education-calendar .agenda .session {
	margin-bottom: 28px
}

.education-calendar .agenda .session h5 {
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.education-calendar .agenda .session h5 .sg-icon,
.education-calendar .agenda .session h5 .ss-icon {
	font-size: 18px;
	line-height: 18px
}

.education-calendar .agenda .session h6 {
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	text-decoration: underline
}

.education-calendar .agenda .session h6 a {
	color: #7A8292
}

.education-calendar .agenda .session p {
	margin-top: 4px;
	font: 12px/16px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #d0d3d8
}

.education-calendar .agenda .session .label {
	margin-top: 3px;
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif
}

.education-calendar .agenda .session .label strong {
	padding-right: 5px;
	font-weight: normal;
	font-family: "lato_trblack", Helvetica, Arial, sans-serif;
	color: #d4d7dc
}

.education-calendar .agenda .session .label a {
	text-decoration: underline;
	color: #7A8292
}

.education-calendar .agenda .session.info p {
	margin-top: 0;
	color: #7A8292
}

.education-calendar .agenda .session.warning h5 {
	color: #EA6060
}

.education-calendar .agenda .session.warning h5 .ss-icon {
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 3px;
	vertical-align: bottom;
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	font-size: 16px;
	line-height: 16px
}

.education-calendar .agenda .session.warning p {
	color: #EA6060
}

.education-calendar .more-area {
	padding: 25px 0 0;
	margin: 0 -20px 10px;
	border-top: 1px solid #ECEFF1;
	text-align: center
}

.education-calendar .more-area a {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	padding: 0 40px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	border: 1px solid #ECEFF1;
	font: 11px/34px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.education-calendar .more-area a:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -26px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 1px;
	height: 25px;
	background-color: #ECEFF1
}

.education-calendar .status-list li {
	margin-bottom: 6px;
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.education-calendar .status-list li:last-child {
	margin-bottom: 0
}

.education-calendar .status-list span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 18px;
	height: 18px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin: 0 12px 4px 0
}

.education-calendar .status-list span.gray {
	background-color: #A2ABCA
}

.education-calendar .status-list span.green {
	background-color: #3CBC7B
}

.education-calendar .status-list span.red {
	background-color: #EA6060
}

.education-calendar .status-list span.pink {
	background-color: #EDAAAA
}

.education-calendar .status-list span.blue {
	background-color: #44B4E3
}

.education-calendar .status-list span.orange {
	background-color: #EAB160
}

.message-area {
	float: right;
	background-color: #fff
}

.message-area .autocomplete {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1;
	z-index: 3;
	width: 500px;
	padding: 10px 0;
	background-color: #fff;
	border: 1px solid #D6D9DE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	-webkit-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09)
}

.message-area .autocomplete:after,
.message-area .autocomplete:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	top: -16px;
	right: auto;
	bottom: auto;
	z-index: 1;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.message-area .autocomplete:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.message-area .autocomplete a {
	position: relative;
	display: block;
	padding: 0 15px;
	font: 15px/38px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #A2ABCA;
	border-bottom: 1px solid #D6D9DE
}

.message-area .autocomplete a img {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0
}

.message-area .autocomplete a strong {
	font-family: "lato_trblack", Helvetica, Arial, sans-serif
}

.message-area .autocomplete a:after {
	display: none;
	content: "▻";
	position: absolute;
	right: 10px;
	top: 9px;
	left: auto;
	bottom: auto;
	z-index: 1;
	font: 18px "SSGizmo";
	color: #b5bcd1
}

.message-area .autocomplete a:hover {
	background-color: #eeeff0
}

.message-area .autocomplete a:hover:after {
	display: block
}

.message-area .autocomplete span {
	display: block;
	padding: 15px 15px 5px;
	font: 10px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #d8dade
}

.message-area .autocomplete span .sg-icon {
	font-size: 18px;
	line-height: 18px;
	margin-right: 5px
}

.message-area .search-btn {
	position: absolute;
	right: 67px;
	top: 7px;
	left: auto;
	bottom: auto;
	z-index: 1;
	background-color: #A2ABCA;
	border: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 2px 0;
	width: 55px;
	height: 20px;
	font: 10px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.message-area .clear-btn {
	position: absolute;
	right: 7px;
	top: 7px;
	left: auto;
	bottom: auto;
	z-index: 1;
	background-color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #D6D9DE;
	padding: 2px 0;
	width: 55px;
	height: 20px;
	font: 10px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.message-area .title-area {
	*zoom: 1;
	text-align: center
}

.message-area .title-area:after {
	content: "";
	display: table;
	clear: both
}

.message-area .title-area .result-info-area {
	margin-top: 22px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
	float: left;
	font: 16px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292;
	text-align: left
}

.message-area .title-area .result-info-area strong {
	font-family: "lato_trblack", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #89919f
}

.message-area .title-area .result-info-area span {
	font-size: 12px;
	font-style: italic
}

.message-area .title-area .result-info-area span strong {
	color: #89919f
}

.message-area .title-area .result-info-area a {
	color: #A2ABCA;
	text-decoration: underline
}

.message-area .title-area .result-info-area p {
	margin-top: 10px;
	font: 13px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #a7a9ad
}

.message-area .title-area .result-info-area p .sg-icon {
	font-size: 16px
}

.message-area .title-area h3 {
	position: relative;
	min-height: 79px;
	padding: 22px;
	border-bottom: 1px solid #ECEFF1;
	font: 18px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.message-area .title-area h3 span {
	position: absolute;
	left: 22px;
	top: 28px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.message-area .title-area .top {
	*zoom: 1;
	padding: 20px;
	border-bottom: 1px solid #D6D9DE;
	text-align: left
}

.message-area .title-area .top:after {
	content: "";
	display: table;
	clear: both
}

.message-area .title-area .top a {
	float: left;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 0;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA;
	text-decoration: underline
}

.message-area .title-area .top a.btn {
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0;
	color: #fff;
	text-decoration: none
}

.message-area .title-area .search {
	position: relative;
	float: right;
	width: 375px
}

.message-area .title-area .search input[type="text"] {
	height: 34px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 34px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #D6D9DE;
	font: 13px/13px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.message-area .title-area .search::-moz-placeholder {
	font-family: "lato_trblack", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.message-area .title-area .search::-webkit-input-placeholder {
	font-family: "lato_trblack", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.message-area .title-area .search:-ms-input-placeholder {
	font-family: "lato_trblack", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.message-area .title-area .search::placeholder {
	font-family: "lato_trblack", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.message-area .title-area .search:after {
	content: "🔎";
	position: absolute;
	left: 7px;
	top: 4px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 24px "SSGizmo";
	color: #A2ABCA;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.message-area .title-area .search .autocomplete {
	left: -130px;
	top: 48px
}

.message-area .title-area .search:hover:before {
	content: "";
	position: absolute;
	left: -130px;
	bottom: -17px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 500px;
	height: 20px
}

.message-area .title-area .label {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	min-width: 160px;
	height: 34px;
	padding: 0 30px;
	background-color: #A2ABCA;
	font: 11px/34px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.message-area .title-area .label>a {
	display: block;
	color: #fff
}

.message-area .title-area .label .sg-icon {
	font-size: 16px;
	line-height: 16px;
	margin-left: 8px
}

.message-area .title-area .label:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -22px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 1px;
	height: 22px;
	background-color: #ECEFF1
}

.message-area .title-area .label.new {
	background-color: #ECEFF1;
	color: #7A8292
}

.message-area .title-area .label.name {
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 0;
	background-color: #ECEFF1;
	color: #9198a5;
	text-align: left;
	font-size: 14px
}

.message-area .title-area .label.name img {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	vertical-align: top;
	width: 34px;
	margin-right: 10px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.message-area .title-area .label .dropdown {
	display: none;
	position: absolute;
	left: 0;
	top: 45px;
	right: auto;
	bottom: auto;
	z-index: 1;
	z-index: 3;
	width: 170px;
	padding: 10px 0;
	background-color: #fff;
	border: 1px solid #D6D9DE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	-webkit-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	text-align: left
}

.message-area .title-area .label .dropdown:after,
.message-area .title-area .label .dropdown:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 30px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.message-area .title-area .label .dropdown:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.message-area .title-area .label .dropdown a {
	display: block;
	padding: 0 15px;
	line-height: 25px;
	color: #A2ABCA
}

.message-area .title-area .label .dropdown a:hover {
	background-color: #ECEFF1
}

.message-area .title-area .label:hover:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -12px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 100%;
	height: 20px
}

.message-area .title-area .label:hover .dropdown {
	display: block
}

.message-area .title-area .cancel,
.message-area .title-area .obstacle {
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
	height: 14px;
	font-size: 16px;
	line-height: 16px;
	color: #9198a5
}

.message-area .title-area .obstacle {
	color: #EA6060
}

.message-area .filter-bar {
	*zoom: 1;
	padding: 15px;
	border-bottom: 1px solid #ECEFF1
}

.message-area .filter-bar:after {
	content: "";
	display: table;
	clear: both
}

.message-area .filter-bar h3 {
	float: left;
	font: 22px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.message-area .filter-bar h3 .urgent {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	margin-left: 5px;
	background-color: #EA6060;
	text-indent: -999999px
}

.message-area .filter-bar .checkbox {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 32px;
	height: 32px
}

.message-area .filter-bar .dropdown {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	position: relative;
	min-width: 160px;
	height: 32px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #dbdde1
}

.message-area .filter-bar .dropdown .value {
	display: block;
	padding: 6px 35px 8px 15px;
	width: 100%;
	height: 32px;
	cursor: pointer;
	font: 15px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.message-area .filter-bar .dropdown .value:before {
	content: "";
	font: 14px "SSGizmo";
	position: absolute;
	right: 12px;
	top: 7px;
	left: auto;
	bottom: auto;
	z-index: 1;
	color: #A2ABCA
}

.message-area .filter-bar .dropdown ul {
	display: none;
	position: absolute;
	right: 0;
	top: 42px;
	left: auto;
	bottom: auto;
	z-index: 1;
	z-index: 5;
	min-width: 200px;
	padding: 10px 15px;
	background-color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #D6D9DE;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	white-space: nowrap
}

.message-area .filter-bar .dropdown ul:after,
.message-area .filter-bar .dropdown ul:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 10px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.message-area .filter-bar .dropdown ul:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.message-area .filter-bar .dropdown ul a {
	display: block;
	font: 15px/25px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.message-area .filter-bar .dropdown:hover:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -15px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 100%;
	height: 25px
}

.message-area .filter-bar .dropdown:hover ul {
	display: block
}

.message-area .filter-bar .mini-filter {
	float: right;
	margin-top: 10px
}

.message-area .filter-bar .mini-filter li {
	float: left;
	margin-left: 7px
}

.message-area .filter-bar .mini-filter a {
	position: relative;
	font-size: 18px;
	line-height: 18px;
	color: #A2ABCA
}

.message-area .filter-bar .mini-filter a.sg-record {
	position: relative;
	height: 14px;
	margin-top: 2px;
	font-size: 14px;
	line-height: 14px
}

.message-area .filter-bar .mini-filter a.sg-record i {
	height: 17px
}

.message-area .filter-bar .mini-filter a.sg-record:after {
	content: "";
	position: absolute;
	left: 11px;
	top: 4px;
	right: auto;
	bottom: auto;
	z-index: 1;
	background-color: #A2ABCA;
	width: 6px;
	height: 1px
}

.message-area .filter-bar .mini-filter a.ss-icon {
	font-size: 12px;
	line-height: 13px
}

.message-area .filter-bar .mini-filter a.active {
	color: #5d5b6d
}

.message-area .filter-bar .mini-filter a.active.sg-icon:after {
	background-color: #5d5b6d
}

.message-area .filter-bar .mini-filter a.active.ss-icon {
	color: #EA6060
}

.message-area .filter-bar .mini-filter a.active.ss-icon:after {
	content: "";
	position: absolute;
	left: -2px;
	top: -3px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 16px;
	height: 16px
}

.message-area .list {
	width: 100%;
	margin: 0;
	border-collapse: separate
}

.message-area .list tbody tr:hover {
	background-color: #f5f7f8
}

.message-area .list tbody tr:hover .user span {
	font-family: "lato_trregular", Helvetica, Arial, sans-serif
}

.message-area .list tbody tr.selected {
	background-color: #fdfbef
}

.message-area .list tbody tr.selected .user span {
	font-family: "lato_trregular", Helvetica, Arial, sans-serif
}

.message-area .list tbody tr:last-child td {
	border: none
}

.message-area .list th,
.message-area .list td {
	padding: 15px 10px 15px 10px;
	border-bottom: 1px solid #ECEFF1
}

.message-area .list th a {
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #c8ccd1
}

.message-area .list th a .sg-icon {
	height: 10px;
	font-size: 16px;
	line-height: 12px;
	color: #babfc6
}

.message-area .list th {
	padding: 10px 15px
}

.message-area .list th.check-col {
	width: 32px
}

.message-area .list th.status-col {
	width: 20px
}

.message-area .list th.user-col {
	width: 250px
}

.message-area .list th.subject-col {
	width: 590px
}

.message-area .list th.date-col {
	width: 95px
}

.message-area .list .checkbox {
	padding: 0;
	width: 32px;
	height: 32px
}

.message-area .list .status {
	height: 11px;
	font-size: 12px;
	line-height: 13px;
	color: #e5e5e5
}

.message-area .list .status.urgent {
	color: #EA6060
}

.message-area .list .user img {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 35px;
	margin-right: 10px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.message-area .list .user span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.message-area .list p,
.message-area .list a {
	font: 15px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.message-area .null {
	padding: 35px 22px;
	border-bottom: 1px solid #ECEFF1
}

.message-area .null .icon-area {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	position: relative;
	text-align: center;
	margin-right: 30px
}

.message-area .null .icon-area .sg-icon {
	height: 85px;
	font-size: 117px;
	line-height: 117px;
	color: #ECEFF1
}

.message-area .null .icon-area .count {
	position: absolute;
	right: -10px;
	bottom: -6px;
	left: auto;
	top: auto;
	z-index: 1;
	width: 54px;
	height: 54px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #ECEFF1;
	font: 28px/54px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #fff;
	text-align: center
}

.message-area .null .info {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.message-area .null h5 {
	margin-bottom: 5px;
	font: 16px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #89919f
}

.message-area .null p {
	position: relative;
	padding-left: 20px;
	font: 13px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #a7a9ad
}

.message-area .null p a {
	text-decoration: underline;
	color: #666e7e
}

.message-area .null p:after {
	content: "ℹ";
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 16px "SSGizmo";
	color: #aeb0b3
}

.message-area .form {
	*zoom: 1;
	padding: 30px
}

.message-area .form:after {
	content: "";
	display: table;
	clear: both
}

.message-area .form input[type="text"] {
	height: 32px;
	border-color: #e5e5e5
}

.message-area .form .form-item {
	margin: 35px 0 0
}

.message-area .form .form-item:first-child {
	margin-top: 0
}

.message-area .form .peoples input[type="text"] {
	padding-left: 32px
}

.message-area .form .peoples:after {
	content: "🔎";
	position: absolute;
	left: 5px;
	top: 25px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 24px "SSGizmo";
	color: #A2ABCA;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.message-area .form .peoples .people-list {
	position: relative;
	*zoom: 1;
	min-height: 32px;
	padding: 5px 0 0 5px;
	border: 1px solid #e5e5e5;
	border-top: none
}

.message-area .form .peoples .people-list:after {
	content: "";
	display: table;
	clear: both
}

.message-area .form .peoples .people-list li {
	float: left;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 0;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 8px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #f2f4f7;
	font: 10px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.message-area .form .peoples .people-list a {
	margin-left: 30px;
	height: 13px;
	font-size: 16px;
	line-height: 16px;
	color: #A2ABCA
}

.message-area .form .peoples .autocomplete {
	left: 0;
	top: 64px
}

.message-area .form .peoples .autocomplete li img {
	width: 35px;
	height: 35px
}

.message-area .form .peoples:hover:before {
	content: "";
	position: absolute;
	left: -130px;
	bottom: -17px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 500px;
	height: 20px
}

.message-area .form .action {
	margin-top: 15px
}

.message-area .form .action .left {
	float: left
}

.message-area .form .action .left span {
	padding-left: 45px;
	font: 15px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.message-area .form .action .right {
	float: right
}

.message-area .form .action .right .btn {
	margin-left: 5px;
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif
}

.message-area .form .action .right .sg-icon {
	height: 14px;
	font-size: 16px;
	line-height: 16px;
	color: #A2ABCA
}

.message-area .form .urgent-select {
	position: absolute;
	right: 0;
	top: 0;
	left: auto;
	bottom: auto;
	z-index: 1;
	padding-right: 20px;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.message-area .form .urgent-select:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	left: auto;
	bottom: auto;
	z-index: 1;
	width: 13px;
	height: 13px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #dbdde1
}

.message-area .form .urgent-select input[type="checkbox"] {
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1;
	z-index: 2;
	width: 100%;
	height: 100%;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	margin: 0;
	outline: none;
	cursor: pointer
}

.message-area .form .urgent-select.selected:after {
	background-color: #EA6060
}

.message-area .form .info {
	position: relative;
	padding-top: 18px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 24px;
	font: 12px/18px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.message-area .form .info:after {
	content: "ℹ";
	position: absolute;
	left: 0;
	top: 17px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 18px "SSGizmo";
	color: #d7dbe6
}

.message-area .form .textarea {
	min-height: 120px;
	margin-bottom: -1px;
	padding: 30px;
	border: 1px solid #e5e5e5
}

.message-area .form .textarea textarea {
	border: none;
	min-height: 110px;
	height: auto;
	padding: 0;
	font: 15px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.message-area .form .textarea .incoming {
	margin-left: 10px;
	padding-left: 15px;
	border-left: 3px solid #ECEFF1
}

.message-area .form .textarea .incoming p {
	margin-bottom: 15px;
	font: 12px/18px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.message-area .form .textarea .incoming p:last-child {
	margin-bottom: 0
}

.message-area .form .attachment-area {
	background-color: #ECEFF1;
	padding: 15px
}

.message-area .form .attachment-area p {
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif
}

.message-area .form .attachment-area p .sg-icon {
	height: 16px;
	margin-right: 4px;
	font-size: 18px;
	line-height: 18px;
	color: #A2ABCA
}

.message-area .form .attachment-area p strong {
	font-weight: normal;
	font-family: "lato_trblack", Helvetica, Arial, sans-serif
}

.message-area .form .attachment-area p a {
	color: #7A8292;
	text-decoration: underline
}

.message-area .form .attachment-area li {
	margin: 15px 0 0;
	font: 15px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.message-area .form .attachment-area li .sg-icon {
	height: 26px;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 0;
	font-size: 28px;
	line-height: 23px
}

.message-area .form .attachment-area li .sg-icon.blue {
	color: #419FE5
}

.message-area .form .attachment-area li .sg-icon.red {
	color: #EA6060
}

.message-area .form .attachment-area li .sg-icon.sg-trash {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	height: 15px;
	font-size: 18px;
	line-height: 18px;
	color: #A2ABCA
}

.message-area .form .attachment-area li span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 265px
}

.message-area .message-detail .filter-bar {
	padding: 15px 30px;
	border-bottom: none
}

.message-area .message-detail .detail {
	padding: 0 30px 30px
}

.message-area .message-detail .detail p {
	margin-bottom: 20px;
	font: 14px/18px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.message-area .message-detail .detail h4 {
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ECEFF1;
	font: 18px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.message-area .message-detail .detail .attachment li {
	margin: 15px 0 0;
	font: 15px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.message-area .message-detail .detail .attachment li .sg-icon {
	height: 26px;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 0;
	font-size: 28px;
	line-height: 23px
}

.message-area .message-detail .detail .attachment li .sg-icon.blue {
	color: #419FE5
}

.message-area .message-detail .detail .attachment li .sg-icon.red {
	color: #EA6060
}

.message-area .message-detail .detail .attachment li .sg-icon.sg-download {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	height: 19px;
	font-size: 22px;
	line-height: 22px;
	color: #A2ABCA
}

.message-area .message-detail .detail .attachment li span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 265px
}

.message-area .pagination-area {
	*zoom: 1;
	border-top: 1px solid #ECEFF1;
	padding: 20px
}

.message-area .pagination-area:after {
	content: "";
	display: table;
	clear: both
}

.message-area .pagination-area .pagination {
	margin: 0
}

.links-box.library ul li ul li.active>a {
	color: #7A8292 !important
}

.library-detail {
	position: relative;
	*zoom: 1;
	background-color: #fff;
	padding: 0 20px
}

.library-detail:after {
	content: "";
	display: table;
	clear: both
}

.library-detail h4 {
	position: relative;
	padding: 20px 0;
	margin-bottom: 5px;
	color: #A2ABCA
}

.library-detail h4 .settings {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	vertical-align: bottom;
	width: 49px;
	height: 44px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0;
	background: url(../img/icon/library-icon.png) no-repeat 0 -233px
}

.library-detail h4 .settings .tooltip {
	display: none;
	position: absolute;
	left: 50%;
	top: 54px;
	right: auto;
	bottom: auto;
	z-index: 1;
	z-index: 5;
	width: 200px;
	padding: 25px;
	margin-left: -100px;
	background-color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #D6D9DE;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08)
}

.library-detail h4 .settings .tooltip:after,
.library-detail h4 .settings .tooltip:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	top: -16px;
	right: auto;
	bottom: auto;
	z-index: 1;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.library-detail h4 .settings .tooltip:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.library-detail h4 .settings .tooltip strong {
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	font-weight: normal
}

.library-detail h4 .settings .tooltip a {
	display: block;
	margin-top: 15px;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.library-detail h4 .settings:hover .tooltip {
	display: block
}

.library-detail h4 .settings:hover:after {
	content: "";
	position: absolute;
	left: -75px;
	bottom: -12px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 200px;
	height: 20px
}

.library-detail .creative-info {
	position: absolute;
	right: 20px;
	top: 34px;
	left: auto;
	bottom: auto;
	z-index: 1;
	font: 12px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292;
	text-align: right
}

.library-detail .creative-info span {
	display: block;
	margin-bottom: 5px;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #D6D9DE
}

.library-detail .creative-info a {
	color: #7A8292;
	text-decoration: underline
}

.library-detail .info-text {
	*zoom: 1;
	margin-bottom: 20px;
	font: 13px/38px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.library-detail .info-text:after {
	content: "";
	display: table;
	clear: both
}

.library-detail .info-text span {
	float: right;
	padding: 5px 12px 2px;
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #D6D9DE;
	border: 1px solid #ECEFF1;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px
}

.library-detail .info-text span strong {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-bottom: 3px;
	font: 22px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.library-detail .filter-bar {
	*zoom: 1;
	padding: 8px 20px;
	margin: 0 -20px 10px;
	border-top: 1px solid #eff1f3;
	border-bottom: 1px solid #eff1f3
}

.library-detail .filter-bar:after {
	content: "";
	display: table;
	clear: both
}

.library-detail .filter-bar .search {
	position: relative;
	float: left;
	width: 345px;
	border: 1px solid #eff1f3;
	-moz-border-radius: 22px;
	-webkit-border-radius: 22px;
	border-radius: 22px
}

.library-detail .filter-bar .search input[type="text"] {
	width: 220px;
	height: 34px;
	padding: 0 0 0 34px;
	font: 13px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #89919f;
	border: none;
	background-color: transparent
}

.library-detail .filter-bar .search:before {
	content: '🔎';
	position: absolute;
	left: 6px;
	top: 4px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font: 24px 'SSGizmo';
	color: #A2ABCA;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.library-detail .filter-bar .search::-moz-placeholder {
	font-family: "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.library-detail .filter-bar .search::-webkit-input-placeholder {
	font-family: "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.library-detail .filter-bar .search:-ms-input-placeholder {
	font-family: "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.library-detail .filter-bar .search::placeholder {
	font-family: "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.library-detail .filter-bar .search .search-btn {
	position: absolute;
	right: 67px;
	top: 7px;
	left: auto;
	bottom: auto;
	z-index: 1;
	background-color: #A2ABCA;
	border: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 2px 0;
	width: 55px;
	height: 20px;
	font: 10px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.library-detail .filter-bar .search .clear-btn {
	position: absolute;
	right: 7px;
	top: 7px;
	left: auto;
	bottom: auto;
	z-index: 1;
	background-color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #D6D9DE;
	padding: 2px 0;
	width: 55px;
	height: 20px;
	font: 10px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.library-detail .filter-bar .add-buttons {
	float: right;
	margin-top: 5px
}

.library-detail .filter-bar .add-buttons li {
	position: relative;
	float: left;
	margin-left: 10px
}

.library-detail .filter-bar .add-buttons li:hover:after {
	content: "";
	position: absolute;
	left: -142px;
	bottom: -13px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 200px;
	height: 20px
}

.library-detail .filter-bar .add-buttons li:hover .upload-tooltip {
	display: block
}

.library-detail .filter-bar .add-buttons li>a {
	display: block;
	text-indent: -99999px;
	width: 28px;
	height: 28px;
	background: url(../img/icon/library-icon.png) no-repeat 0 0
}

.library-detail .filter-bar .add-buttons li>a.folder-add {
	background-position: 0 -91px
}

.library-detail .filter-bar .add-buttons li>a.file-add {
	background-position: -35px -90px
}

.library-detail .filter-bar .add-buttons .upload-tooltip {
	display: none;
	position: absolute;
	right: -30px;
	top: 34px;
	left: auto;
	bottom: auto;
	z-index: 1;
	z-index: 5;
	width: 445px;
	padding: 15px;
	background-color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #D6D9DE;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08)
}

.library-detail .filter-bar .add-buttons .upload-tooltip:after,
.library-detail .filter-bar .add-buttons .upload-tooltip:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 40px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.library-detail .filter-bar .add-buttons .upload-tooltip:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.library-detail .filter-bar .add-buttons .upload-tooltip label {
	display: block;
	margin-bottom: 5px;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.library-detail .filter-bar .add-buttons .upload-tooltip .file-item {
	position: relative;
	min-height: 70px;
	padding: 0 30px 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ECEFF1
}

.library-detail .filter-bar .add-buttons .upload-tooltip .file-item>.sg-icon {
	position: absolute;
	left: 0;
	top: -2px;
	right: auto;
	bottom: auto;
	z-index: 1;
	font-size: 28px;
	color: #cacaca;
	text-decoration: none
}

.library-detail .filter-bar .add-buttons .upload-tooltip .file-item>.sg-icon.sg-pdf {
	color: #EA6060
}

.library-detail .filter-bar .add-buttons .upload-tooltip .file-item>.sg-icon.sg-doc {
	color: #419FE5
}

.library-detail .filter-bar .add-buttons .upload-tooltip .file-item>.sg-icon.sg-jpg {
	color: #3CBC7B
}

.library-detail .filter-bar .add-buttons .upload-tooltip .file-item>.sg-icon.sg-zip {
	color: #EAB160
}

.library-detail .filter-bar .add-buttons .upload-tooltip .file-item>.sg-icon.sg-trash {
	left: auto;
	right: 0;
	font-size: 18px;
	color: #A2ABCA
}

.library-detail .filter-bar .add-buttons .upload-tooltip .file-item h5 {
	margin-bottom: 5px;
	font: 16px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.library-detail .filter-bar .add-buttons .upload-tooltip .file-item p {
	font: italic 12px/15px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #c3c6cd
}

.library-detail .filter-bar .add-buttons .upload-tooltip .file-item .status {
	*zoom: 1;
	position: relative;
	margin-top: 15px
}

.library-detail .filter-bar .add-buttons .upload-tooltip .file-item .status:after {
	content: "";
	display: table;
	clear: both
}

.library-detail .filter-bar .add-buttons .upload-tooltip .file-item .status .progress {
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 320px;
	height: 8px;
	margin-right: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #ECEFF1
}

.library-detail .filter-bar .add-buttons .upload-tooltip .file-item .status .progress .fill {
	display: block;
	height: 8px;
	background-color: #A2ABCA
}

.library-detail .filter-bar .add-buttons .upload-tooltip .file-item .status .value {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-right: -5px;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA
}

.library-detail .filter-bar .add-buttons .upload-tooltip .file-item .status .sg-icon {
	position: absolute;
	right: -30px;
	top: -2px;
	left: auto;
	bottom: auto;
	z-index: 1;
	color: #EA6060;
	font-size: 18px;
	text-decoration: none
}

.library-detail .filter-bar .add-buttons .upload-tooltip .file-item .status.completed .fill {
	background-color: #3CBC7B
}

.library-detail .filter-bar .add-buttons .upload-tooltip .file-item .status.completed .sg-icon {
	top: -3px;
	color: #3CBC7B
}

.library-detail .filter-bar .add-buttons .upload-tooltip .file {
	position: relative;
	height: 40px;
	border: 1px solid rgba(176, 184, 207, 0.5)
}

.library-detail .filter-bar .add-buttons .upload-tooltip .file .ss-icon {
	position: absolute;
	right: 0;
	top: 0;
	left: auto;
	bottom: auto;
	z-index: 1;
	width: 70px;
	height: 100%;
	background-color: #ECEFF1;
	color: #A2ABCA;
	padding-left: 7px;
	font-size: 28px;
	line-height: 45px;
	text-align: center
}

.library-detail .filter-bar .add-buttons .upload-tooltip .file input[type="file"] {
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1;
	z-index: 5;
	cursor: pointer;
	width: 100%;
	height: 100%;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	margin: 0;
	outline: none
}

.library-detail .filter-bar .add-buttons .upload-tooltip .file span {
	display: block;
	padding: 10px;
	font: italic 15px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #d0d3d8
}

.library-detail .filter-bar .add-buttons .upload-tooltip textarea {
	height: 80px;
	padding: 12px
}

.library-detail .filter-bar .add-buttons .upload-tooltip a {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-right: 5px;
	color: #A2ABCA;
	font-size: 13px;
	text-decoration: underline
}

.library-detail .filter-bar .add-buttons .upload-tooltip .buttons {
	margin-bottom: 0;
	text-align: right
}

.library-detail .filter-bar .add-buttons .upload-tooltip button {
	padding: 7px 11px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background-color: #A2ABCA;
	color: #fff;
	font-size: 16px;
	line-height: 16px
}

.library-detail .filter-bar .add-buttons .upload-tooltip button span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-top: -5px;
	padding-left: 3px;
	font: 11px/11px "lato_trbold", Helvetica, Arial, sans-serif
}

.library-detail .result-info-area {
	margin: 22px 0;
	font: 16px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.library-detail .result-info-area strong {
	font-family: "lato_trblack", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #89919f
}

.library-detail .result-info-area span {
	font-size: 12px;
	font-style: italic
}

.library-detail .result-info-area span strong {
	color: #89919f
}

.library-detail .result-info-area a {
	color: #A2ABCA;
	text-decoration: underline
}

.library-detail .result-info-area p {
	margin-top: 10px;
	font: 13px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #a7a9ad
}

.library-detail .result-info-area p .sg-icon {
	font-size: 16px
}

.library-detail table {
	width: 100%;
	margin: 0 0 20px 0;
	border-collapse: separate;
	border-bottom: 1px solid #ECEFF1
}

.library-detail table th {
	padding: 0 0 10px 0
}

.library-detail table th.filename {
	width: 355px
}

.library-detail table th.creative {
	width: 120px
}

.library-detail table th.date {
	width: 85px
}

.library-detail table th.download {
	width: 72px;
	text-align: center
}

.library-detail table th.link {
	width: 34px
}

.library-detail table th.info {
	width: 74px
}

.library-detail table th a {
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.library-detail table th a .sg-icon {
	height: 10px;
	font-size: 16px;
	line-height: 12px;
	color: #c0c4cc
}

.library-detail table td {
	padding: 20px 0;
	border-top: 1px solid #ECEFF1;
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.library-detail table td:first-child {
	padding-left: 20px;
	border-left: 1px solid #ECEFF1
}

.library-detail table td:last-child {
	border-right: 1px solid #ECEFF1
}

.library-detail table td a {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	color: #7A8292;
	text-decoration: underline
}

.library-detail table td .icon {
	width: 35px;
	height: 24px;
	margin-right: 10px;
	padding-left: 2px;
	font-size: 28px;
	line-height: 32px;
	color: #bdc4d7;
	text-decoration: none;
	text-align: center
}

.library-detail table td .icon.sg-pdf {
	color: #EA6060
}

.library-detail table td .icon.sg-doc {
	color: #419FE5
}

.library-detail table td .icon.sg-jpg {
	color: #3CBC7B
}

.library-detail table td .icon.sg-zip {
	color: #EAB160
}

.library-detail table td .icon.sg-trash {
	left: auto;
	right: 0;
	font-size: 18px;
	color: #A2ABCA
}

.library-detail table td img {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 35px;
	margin-right: 10px
}

.library-detail table td h5 {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 282px;
	font: 16px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.library-detail table td h5 strong {
	font-family: "lato_trbold", Helvetica, Arial, sans-serif;
	font-weight: normal
}

.library-detail table td h5 .sg-icon {
	position: relative;
	height: 16px;
	margin-left: 3px;
	font-size: 22px;
	line-height: 22px;
	color: #7A8292
}

.library-detail table td h5 .sg-icon span {
	display: none;
	position: absolute;
	right: -20px;
	top: 28px;
	left: auto;
	bottom: auto;
	z-index: 1;
	z-index: 5;
	padding: 15px 20px;
	background-color: #A2ABCA;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.library-detail table td h5 .sg-icon span:after {
	content: "";
	position: absolute;
	right: 23px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #A2ABCA
}

.library-detail table td h5 .sg-icon:hover span {
	display: block
}

.library-detail table td .sg-navigateright {
	height: 20px;
	margin: 0 20px;
	font-size: 28px;
	line-height: 28px;
	color: #bdc4d7;
	text-decoration: none
}

.library-detail table td .info,
.library-detail table td .download {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	padding: 10px 10px 8px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA;
	border: 1px solid #A2ABCA;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	text-decoration: none
}

.library-detail table td .info .sg-icon,
.library-detail table td .download .sg-icon {
	height: 14px;
	font-size: 16px;
	line-height: 16px
}

.library-detail table td .download {
	background-color: #A2ABCA;
	color: #fff;
	margin-right: 0
}

.library-detail table td .download .sg-icon {
	color: #fff
}

.library-detail table td .count {
	display: block;
	margin: 2px 0 -14px 0;
	font: 10px "lato_trregular", Helvetica, Arial, sans-serif;
	text-align: center;
	color: #7A8292 !important
}

.library-detail table td .link {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-left: 8px
}

.library-detail table td .link>.sg-icon {
	height: 14px;
	font-size: 16px;
	line-height: 16px;
	color: #b8b8b8
}

.library-detail table td .link .tooltip {
	display: none;
	position: absolute;
	right: -40px;
	top: 25px;
	left: auto;
	bottom: auto;
	z-index: 1;
	z-index: 5;
	width: 285px;
	padding: 15px;
	background-color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #D6D9DE;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08)
}

.library-detail table td .link .tooltip:after,
.library-detail table td .link .tooltip:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 40px;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.library-detail table td .link .tooltip:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.library-detail table td .link .tooltip h6 {
	margin-bottom: 7px;
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.library-detail table td .link .tooltip a {
	font-size: 13px;
	color: #A2ABCA;
	margin: 8px 0 0
}

.library-detail table td .link .tooltip input {
	font-size: 15px;
	color: #7A8292
}

.library-detail table td .link .tooltip span {
	display: block;
	margin-top: 6px;
	color: #A2ABCA
}

.library-detail table td .link:hover:after {
	content: "";
	position: absolute;
	left: -44px;
	bottom: -20px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 100px;
	height: 20px
}

.library-detail table td .link:hover .tooltip {
	display: block
}

.library-detail table .not-approved {
	background-color: #ECEFF1
}

.library-detail table .not-approved td .icon,
.library-detail table .not-approved td h5 {
	color: #D6D9DE
}

.library-detail table .create-folder {
	background-color: #ECEFF1
}

.library-detail table .create-folder input[type="text"] {
	width: 250px;
	background-color: #fff;
	border: 1px solid #D6D9DE;
	font-size: 15px;
	color: #7A8292
}

.library-detail table .create-folder::-moz-placeholder {
	color: #7A8292
}

.library-detail table .create-folder::-webkit-input-placeholder {
	color: #7A8292
}

.library-detail table .create-folder:-ms-input-placeholder {
	color: #7A8292
}

.library-detail table .create-folder::placeholder {
	color: #7A8292
}

.library-detail table .create-folder .ss-icon {
	margin-left: 6px;
	height: 17px;
	font-size: 18px;
	line-height: 18px;
	color: #cfd3e0;
	text-decoration: none
}

.library-detail .pagination {
	margin: 0 0 20px 0
}

.certificates {
	*zoom: 1;
	background-color: #fff;
	padding: 20px
}

.certificates:after {
	content: "";
	display: table;
	clear: both
}

.certificates h4 {
	position: relative;
	padding: 0 20px 20px;
	margin: 0 -20px 20px;
	color: #7A8292;
	border-bottom: 1px solid #ECEFF1
}

.certificates h4 .sg-icon {
	position: absolute;
	right: 20px;
	top: 1px;
	left: auto;
	bottom: auto;
	z-index: 1;
	font-size: 18px;
	color: #c4c8ce
}

.certificates .null {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0
}

.certificates .null .icon {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 91px;
	height: 109px;
	background: url(../img/icon/certificate-icon02.png) no-repeat 0 0
}

.certificates .null .info {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 480px;
	margin: 0 0 0 15px
}

.certificates .null h5 {
	margin-bottom: 5px;
	font: 16px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #939aa6
}

.certificates .null p {
	font-size: 13px;
	color: #a7a9ad
}

.certificates .null p .sg-icon {
	font-size: 16px
}

.certificates .null a {
	color: #666e7e;
	text-decoration: underline
}

.certificates .pagination {
	margin: 0
}

.certificates .all-view {
	overflow: hidden;
	height: 60px;
	margin: 0 -20px;
	padding-bottom: 25px;
	border-bottom: 1px solid #ECEFF1;
	text-align: center
}

.certificates .all-view span {
	position: relative;
	margin-bottom: 25px;
	background-color: #A2ABCA
}

.certificates .all-view span:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -25px;
	right: auto;
	top: auto;
	z-index: 1;
	margin-left: -0.5px;
	width: 1px;
	height: 25px;
	background-color: #ECEFF1
}

.certificates .all-view span .sg-icon {
	margin-left: 2px;
	height: 14px;
	font-size: 16px;
	line-height: 16px
}

.certificates table {
	width: 100%;
	margin: 20px 0;
	border: 1px solid #ECEFF1;
	border-collapse: separate
}

.certificates table th {
	text-align: center
}

.certificates table th a {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	height: 30px;
	padding: 8px 0 10px;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.certificates table th a i {
	float: right;
	height: 8px;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
	font-size: 16px;
	line-height: 13px
}

.certificates table th.left {
	text-align: left
}

.certificates table td {
	padding: 18px 0;
	border-right: 1px solid #ECEFF1;
	background: url(../img/bg/table-line.png) repeat-x 0 0;
	color: #7A8292
}

.certificates table td.status {
	width: 25px;
	background-color: #D6D9DE;
	border-right: none
}

.certificates table td.status span {
	display: block;
	width: 8px;
	height: 0;
	margin-top: 50px;
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	font: 11px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #fff;
	white-space: nowrap
}

.certificates table td.status.success {
	background-color: #3CBC7B
}

.certificates table td.status.success span {
	margin-top: 50px
}

.certificates table td.status.warning {
	background-color: #EAB160
}

.certificates table td.status.warning span {
	margin-top: 98px
}

.certificates table td.status.critical {
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	background-color: #EA6060
}

.certificates table td.status.critical span {
	margin-top: 84px
}

.certificates table td.name {
	width: 360px;
	padding: 15px
}

.certificates table td.name a {
	color: #7A8292
}

.certificates table td.name h5 {
	font: 15px/18px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.certificates table td.name h5 img {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-right: 12px
}

.certificates table td.name ul {
	position: relative;
	margin-top: 12px;
	padding-left: 45px
}

.certificates table td.name ul:after {
	content: "";
	position: absolute;
	left: 15px;
	top: -10px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 30px;
	height: 30px;
	border-left: 1px solid #D6D9DE;
	border-bottom: 1px solid #D6D9DE
}

.certificates table td.name ul li {
	position: relative;
	margin-bottom: 10px
}

.certificates table td.name ul li:after {
	content: "";
	position: absolute;
	left: 21px;
	bottom: -9px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 1px;
	height: 7px;
	background-color: #D6D9DE
}

.certificates table td.name ul li:last-child {
	margin-bottom: 0;
	font: 12px/14px "lato_trregular", Helvetica, Arial, sans-serif
}

.certificates table td.name ul li:last-child:after {
	display: none
}

.certificates table td.name ul li img {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin: 0 10px 0 4px
}

.certificates table td.name ul li img.circle {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.certificates table td.name ul li .sg-icon {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 43px;
	height: 43px;
	margin-right: 10px;
	padding-left: 2px;
	border: 4px solid #e6e6e6;
	background-color: #fff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-size: 16px;
	line-height: 41px;
	text-align: center;
	color: #A2ABCA
}

.certificates table td.name ul li p {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	max-width: 190px;
	line-height: 14px
}

.certificates table td.name ul li .info {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	position: relative;
	margin-left: 5px;
	color: #ff
}

.certificates table td.name ul li .info .ss-icon {
	height: 8px;
	color: #EA6060;
	font-size: 14px;
	line-height: 14px;
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.certificates table td.name ul li .info .tooltip {
	display: none;
	position: absolute;
	left: 50%;
	top: 22px;
	right: auto;
	bottom: auto;
	z-index: 1;
	z-index: 5;
	width: 240px;
	margin-left: -120px;
	padding: 25px;
	background-color: #EA6060;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.certificates table td.name ul li .info .tooltip:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -16px;
	right: auto;
	bottom: auto;
	z-index: 1;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #EA6060
}

.certificates table td.name ul li .info .tooltip p {
	display: block;
	margin-bottom: 18px;
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif
}

.certificates table td.name ul li .info .tooltip span {
	display: block;
	margin-top: 5px;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif
}

.certificates table td.name ul li .info:hover .tooltip {
	display: block
}

.certificates table td.name ul li.null-list span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 35px;
	height: 35px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 4px;
	border: 1px solid #e6e6e6
}

.certificates table td.name ul li.null-list span.circle {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.certificates table td.name ul li.null-list p {
	font-style: italic
}

.certificates table td.name ul li.half .sg-icon {
	border-color: transparent;
	background: url(../img/bg/ie9-half-01.png) no-repeat -4px -4px
}

.certificates table td.name ul li.completed .sg-icon {
	border-color: #3CBC7B;
	color: #3CBC7B
}

.certificates table td.timer {
	width: 90px;
	text-align: center
}

.certificates table td.timer span {
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.certificates table td.timer span strong {
	font-weight: normal;
	font: 22px "lato_trblack", Helvetica, Arial, sans-serif
}

.certificates table td.timer span span {
	display: block
}

.certificates table td.timer span .sg-icon {
	height: 17px;
	font-size: 18px;
	line-height: 12px
}

.certificates table td.timer span .sg-icon.sg-check {
	color: #3CBC7B
}

.certificates table td.timer span .sg-icon.sg-alert {
	color: #EAB160
}

.certificates table td.timer span .sg-icon.sg-ban {
	height: 27px;
	font-size: 36px;
	line-height: 36px;
	color: #EA6060
}

.certificates table td.timer span .sg-icon.sg-hyphen {
	font-size: 27px;
	line-height: 24px
}

.certificates table td.timer .renewal-process {
	position: relative;
	margin: 15px 0 -20px;
	padding: 0 3px
}

.certificates table td.timer .renewal-process .sg-info {
	display: block;
	height: 14px;
	font-size: 16px;
	line-height: 16px;
	color: #7A8292
}

.certificates table td.timer .renewal-process span {
	font-size: 10px;
	line-height: 10px;
	color: #abb0b7
}

.certificates table td.timer .renewal-process span strong {
	font-size: 10px
}

.certificates table td.timer .renewal-process .tooltip {
	display: none;
	position: absolute;
	left: 50%;
	top: 22px;
	right: auto;
	bottom: auto;
	z-index: 1;
	z-index: 5;
	width: 180px;
	margin-left: -90px;
	padding: 15px;
	background-color: #A2ABCA;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.certificates table td.timer .renewal-process .tooltip:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -16px;
	right: auto;
	bottom: auto;
	z-index: 1;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #A2ABCA
}

.certificates table td.timer .renewal-process .tooltip p {
	margin-bottom: 5px;
	font: 15px/18px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.certificates table td.timer .renewal-process .tooltip .day {
	display: block;
	width: 68px;
	height: 68px;
	margin: 0 auto;
	padding-top: 13px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 5px solid rgba(255, 255, 255, 0.2);
	font-size: 11px;
	color: #fff
}

.certificates table td.timer .renewal-process .tooltip .day strong {
	display: block;
	font-size: 22px;
	line-height: 22px
}

.certificates table td.timer .renewal-process.critical {
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}

.certificates table td.timer .renewal-process.critical span,
.certificates table td.timer .renewal-process.critical .sg-icon {
	color: #EA6060
}

.certificates table td.timer .renewal-process.critical .tooltip {
	background-color: #EA6060
}

.certificates table td.timer .renewal-process.critical .tooltip:after {
	border-bottom-color: #EA6060
}

.certificates table td.timer .renewal-process:hover:after {
	content: "";
	position: absolute;
	left: 0;
	top: 3px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 100%;
	height: 20px
}

.certificates table td.timer .renewal-process:hover .tooltip {
	display: block
}

.certificates table td.date-cell {
	width: 100px;
	border-right: none
}

.certificates table td.date-cell .date {
	position: relative;
	width: 60px;
	height: 60px;
	padding: 9px 0;
	margin: 0 auto;
	border: 6px solid #D6D9DE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font: 20px/20px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #7A8292;
	text-align: center
}

.certificates table td.date-cell .date span {
	display: block;
	font: 10px/10px "lato_trregular", Helvetica, Arial, sans-serif
}

.certificates table td.date-cell .date i {
	font-size: 27px;
	line-height: 37px;
	color: #D6D9DE
}

.certificates table td.date-cell .date:before,
.certificates table td.date-cell .date:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -24px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 0;
	height: 0;
	margin-left: -9px;
	border: 9px solid transparent;
	border-bottom: 9px solid #D6D9DE
}

.certificates table td.date-cell .date:after {
	top: -22px;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.certificates table td.date-cell .date.required,
.certificates table td.date-cell .date.expired {
	color: #EA6060;
	border-color: #EA6060
}

.certificates table td.date-cell .date.new {
	color: #EAB160
}

.certificates table td.documnet {
	width: 105px;
	border-left: 1px solid #ECEFF1;
	border-right: none
}

.certificates table td.documnet a {
	display: block;
	height: 55px;
	padding-top: 40px;
	background: url(../img/icon/document-icon.png) no-repeat center 0;
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #A2ABCA;
	text-align: center
}

.modal-head-style {
	position: absolute;
	top: 10px;
	height: 50px;
	left: 0;
	width: 96%;
	text-indent: 23px;
	padding-top: 12px;
	font: 18px "lato_trregular", Helvetica, Arial, sans-serif !important;
	left: 2%;
	background: #fbfdff;
	border-bottom: 1px solid #edeff1
}

.modal-head-style .sg-delete {
	margin-top: -2px;
	margin-right: 10px
}

[data-ember-action] {
	cursor: pointer
}

.critical {
	color: #EA6060;
	font-size: 16px;
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.toplist-responsive {
	display: none
}

.content>.box-module-infinity-area>.loader-area {
	width: 100%;
	height: auto;
	float: left;
	padding-top: 10px;
	padding-bottom: 30px;
	background: #fff !important;
	margin-top: -10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.content>.box-module-infinity-area>.loader-area .spinner {
	left: 51.80% !important
}

.content.catalog-sliders>.box-module-infinity-area>.loader-area,
.content.catalog>.box-module-infinity-area>.loader-area {
	width: 100%;
	height: auto;
	float: left;
	padding-top: 10px;
	padding-bottom: 30px;
	background: #fff;
	margin-top: -40px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.content.catalog-sliders>.box-module-infinity-area>.loader-area .spinner,
.content.catalog>.box-module-infinity-area>.loader-area .spinner {
	left: 51.80% !important
}

.box-module-infinity-area {
	width: 100%;
	height: auto
}

.col-right .tabbed-view a:link,
.col-right .tabbed-view a:hover,
.col-right .tabbed-view a:visited,
.col-right .tabbed-view a:active {
	color: #A2ABCA;
	text-decoration: none;
	cursor: pointer;
	font: "lato_trregular", Helvetica, Arial, sans-serif
}

.col-right .tabbed-view textarea {
	-ms-overflow-style: none !important
}

.col-right img {
	max-width: 100%;
	height: auto;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px
}

.col-right table {
	width: 100% !important;
	margin: 20px 0;
	border: 1px solid #ECEFF1;
	border-collapse: separate
}

.col-right table th {
	padding: 10px
}

.col-right table th:nth-child(1n+1) {
	border-right: 1px solid #ECEFF1
}

.col-right table tr td {
	padding: 5px;
	background: url(../img/bg/table-line.png) repeat-x 0 0;
	border-right: 1px solid #ECEFF1;
	color: #7A8292;
	width: auto
}

.col-right table tr td>img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
	margin-top: 0px;
	margin-bottom: 0px
}

.col-right table tr:nth-child(odd) {
	background: #f8f8f8
}

.col-right table tr:nth-child(even) {
	background: #eaeaea
}

.education-box .row .row-spinner {
	position: absolute;
	left: 55%;
	right: auto;
	bottom: auto;
	top: 50%
}

.noUi-target {
	background: #dee0e5;
	border: none
}

.noUi-background {
	background: #dee0e5
}

.noUi-base {
	width: calc(100% - 34px);
	width: -webkit-calc(100% - 34px)
}

.noUi-origin {
	border-radius: 0px
}

.noUi-handle-lower:before {
	background: url("../img/icon/nav-left.png");
	width: 5px;
	height: 9px;
	top: 34%;
	bottom: auto;
	left: 15%;
	right: auto;
	color: #fff;
	content: " ";
	font-size: 18px
}

.noUi-handle-lower:after {
	width: 0px !important;
	height: 0px !important;
	background: none
}

.noUi-handle-upper:before {
	background: url("../img/icon/nav-right.png");
	width: 5px;
	height: 9px;
	top: 34%;
	bottom: auto;
	left: auto;
	right: 20%;
	color: #fff;
	content: "";
	font-size: 18px
}

.noUi-handle-upper:after {
	width: 0px !important;
	height: 0px !important;
	background: none
}

.noUi-horizontal {
	height: 22px;
	margin-bottom: 20px
}

.noUi-horizontal .noUi-handle {
	height: 22px !important;
	top: 0;
	border: none;
	border-radius: 0;
	box-shadow: none;
	left: 0;
	background: #38354a
}

.noUi-connect {
	background: #38354a;
	border: none;
	box-shadow: none
}

.units-progress-bar {
	font-size: 11px;
	text-align: left;
	margin-bottom: 10px
}

.progress-bar {
	height: 4px;
	background: #fff;
	width: 100%;
	position: relative;
	margin-bottom: 10px
}

.progress-bar:after {
	content: "";
	border-radius: 50%;
	width: 10px;
	height: 10px;
	position: absolute;
	right: 0;
	top: -3px;
	bottom: auto;
	left: auto;
	background: #fff
}

.progress-bar-percentage {
	width: 0%;
	background: #3CBC7B;
	position: relative;
	height: 100%;
	z-index: 1
}

.full-progress:before {
	content: "";
	border-radius: 50%;
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0;
	top: -3px;
	bottom: auto;
	right: auto;
	background: #3cbc7b
}

.full-progress:after {
	content: "";
	border-radius: 50%;
	width: 10px;
	height: 10px;
	position: absolute;
	right: 0;
	top: -3px;
	bottom: auto;
	left: auto;
	background: #3CBC7B;
	z-index: 999
}

.empty-progress {
	width: 100% !important;
	background: #fff !important
}

.empty-progress:before {
	content: "";
	border-radius: 50%;
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0;
	top: -3px;
	bottom: auto;
	right: auto;
	background: #fff
}

.empty-progress:after {
	content: "";
	border-radius: 50%;
	width: 10px;
	height: 10px;
	position: absolute;
	right: 0;
	top: -3px;
	bottom: auto;
	left: auto;
	background: #fff
}

.in-progress:before {
	content: "";
	border-radius: 50%;
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0;
	top: -3px;
	bottom: auto;
	right: auto;
	background: #3CBC7B
}

.completed-unit-bar {
	background: #4A485B;
	color: #fff;
	font-size: 11px;
	padding: 6px 8px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	width: auto;
	min-width: 60px;
	display: inline-block;
	margin-bottom: 15px;
	left: -3%;
	position: relative
}

.completed-unit-bar:before,
.completed-unit-bar:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	top: auto;
	right: auto;
	bottom: -16px;
	z-index: 1;
	margin-left: -8px;
	border: 8px solid transparent;
	border-top: 8px solid #4A485B
}

.unit-slider {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	float: left
}

.course-head {
	width: 350px;
	float: left;
	position: relative;
	height: auto
}

.slider-wrapper {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.units-scrollbar {
	width: 100%;
	overflow-y: hidden
}

.play-btn.disabled.ss-lock {
	padding-left: 2px
}

.trigger-unit-tooltip {
	position: absolute;
	right: -52px;
	top: 63px;
	left: auto;
	bottom: auto;
	z-index: 12;
	display: none;
	width: 190px;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	background-color: #7A8292;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align: left;
	-moz-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	-webkit-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09)
}

.trigger-unit-tooltip:after,
.trigger-unit-tooltip:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	top: -15px;
	right: auto;
	bottom: auto;
	z-index: 1;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #7A8292
}

.trigger-unit-tooltip:before {
	top: -15px;
	border-bottom-color: #D6D9DE
}

.trigger-unit-tooltip .tooltip-info p {
	font-size: 12px;
	margin: 0;
	padding: 0
}

.trigger-unit-tooltip .tooltip-info h5 {
	color: #fff
}

.courses-area .stage .trigger-unit-tooltip,
.drawer-content .stage .trigger-unit-tooltip {
	position: absolute;
	left: 0px;
	top: 30px;
	right: auto;
	bottom: auto;
	z-index: 5;
	padding: 10px !important;
	width: 100%;
	text-align: center
}

.courses-area .info .trigger-unit-tooltip p,
.drawer-content .info .trigger-unit-tooltip p {
	color: #fff !important
}

.ss-lock:hover .trigger-unit-tooltip {
	display: block
}

.btn.disabled:hover .trigger-unit-tooltip {
	display: block
}

.btn.green:hover .trigger-unit-tooltip {
	display: block
}

.course-item.half.passive .img {
	background: #7A8292 !important
}

.activity-view-tooltip {
	display: none
}

.passive .sg-lock {
	display: block;
	z-index: 9999 !important;
	font-size: 20px !important
}

.passive .sg-lock:hover>.activity-view-tooltip {
	display: block
}

.passive .activity-view-tooltip {
	display: none;
	position: absolute;
	left: auto;
	right: 0px;
	top: 42px;
	bottom: auto;
	z-index: 12;
	width: 190px;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	background-color: #38354A;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align: left;
	-moz-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	-webkit-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09)
}

.passive .activity-view-tooltip:after,
.passive .activity-view-tooltip:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: auto;
	right: 17px;
	top: -16px;
	bottom: auto;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #38354A
}

.passive .activity-view-tooltip:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.passive .activity-view-tooltip .tooltip-info p {
	font-size: 12px;
	margin: 0;
	padding: 0
}

.passive .activity-view-tooltip .tooltip-info h5 {
	color: #fff
}

.cursor-pointer {
	cursor: pointer
}

.overlay-loading {
	position: absolute;
	top: 50%;
	left: 50%
}

.no-result {
	padding: 20px
}

.no-result span {
	font: 14px "lato_trlight", Helvetica, Arial, sans-serif;
	color: #89919f
}

.no-result span strong {
	font: 14px "lato_trblack", Helvetica, Arial, sans-serif
}

.no-result .no-result-number {
	position: relative
}

.no-result .no-result-number i {
	font-size: 90px;
	color: #ECEFF1
}

.no-result .no-result-number .result-count {
	width: 60px;
	height: 60px;
	line-height: 60px !important;
	text-align: center;
	top: 50px;
	left: 60px;
	color: #fff;
	background: #ebeff2;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	font: 20px "lato_trblack", Helvetica, Arial, sans-serif
}

.no-result.instructor i,
.no-result.instructor h5 {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.no-result.instructor i {
	font-size: 70px;
	color: #ebeff2
}

.no-result.instructor h5 {
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif
}

.no-filter {
	width: 1135px;
	margin: auto;
	background: #fff;
	text-align: center;
	padding: 10% 0
}

.no-filter p {
	font: 14px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #89919f;
	margin-top: -50px
}

.no-filter .no-filter-number {
	position: relative
}

.no-filter .no-filter-number i {
	font-size: 200px;
	color: #ebeff2
}

.no-filter .no-filter-number .no-filter-count {
	width: 75px;
	height: 75px;
	line-height: 75px !important;
	text-align: center;
	top: 50%;
	left: 52%;
	color: #fff;
	background: #ebeff2;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	font: 50px "lato_trblack", Helvetica, Arial, sans-serif
}

.homework-drawer .homework-content {
	*zoom: 1;
	height: auto;
	min-height: 100%;
	position: relative;
	padding: 20px;
	background-color: #fff
}

.homework-drawer .homework-content:after {
	content: "";
	display: table;
	clear: both
}

.homework-drawer .homework-content .homework-title {
	margin: 0 0 25px 0
}

.homework-drawer .homework-content .homework-title i {
	color: #c4c8cf;
	border: #c4c8cf 1px solid;
	width: 40px;
	height: 40px;
	line-height: 33px;
	padding: 5px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	font-size: 22px;
	margin: 0 5px 0 0
}

.homework-drawer .homework-content .homework-title h4 {
	display: inline-table;
	vertical-align: middle;
	padding: 0;
	margin: 0
}

.homework-drawer .homework-content h5 {
	margin-bottom: 20px;
	color: #7A8292;
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif
}

.homework-drawer .homework-content .homework-top {
	width: 100%;
	height: 200px
}

.homework-drawer .homework-content .homework-top .detail-activity {
	float: left;
	width: 38%;
	padding-top: 0;
	padding-right: 2%;
	padding-bottom: 0;
	padding-left: 0;
	border-right: 1px solid #ECEFF1;
	height: 190px
}

.homework-drawer .homework-content .homework-top .detail-activity .thumb {
	overflow: hidden;
	width: 96px;
	height: 96px;
	float: left
}

.homework-drawer .homework-content .homework-top .detail-activity .thumb img {
	display: block;
	height: 100%
}

.homework-drawer .homework-content .homework-top .detail-activity span {
	word-break: break-word;
	word-wrap: break-word;
	font: 16px "lato_trregular", Helvetica, Arial, sans-serif;
	float: left;
	width: 65%;
	margin-left: 5%;
	line-height: 20px
}

.homework-drawer .homework-content .homework-top .detail-learning-unit {
	float: left;
	width: 36%;
	padding: 0 2%;
	border-right: 1px solid #ECEFF1;
	height: 190px
}

.homework-drawer .homework-content .homework-top .detail-learning-unit .thumb {
	overflow: hidden;
	width: 96px;
	height: 96px;
	float: left
}

.homework-drawer .homework-content .homework-top .detail-learning-unit .thumb img {
	display: block;
	height: 100%
}

.homework-drawer .homework-content .homework-top .detail-learning-unit span {
	font: 16px "lato_trregular", Helvetica, Arial, sans-serif;
	float: left;
	width: 60%;
	margin-left: 5%
}

.homework-drawer .homework-content .homework-top .score-area {
	float: right;
	width: 24%;
	margin-left: 0;
	border: none;
	text-align: center;
	height: 190px
}

.homework-drawer .homework-content .homework-top .score-area .date-title,
.homework-drawer .homework-content .homework-top .score-area .date-format {
	color: #7A8292;
	display: block;
	margin-bottom: 5px
}

.homework-drawer .homework-content .homework-top .score-area .date-format.success {
	color: #3CBC7B
}

.homework-drawer .homework-content .homework-top .score-area .date-format.danger {
	color: #EA6060
}

.homework-drawer .homework-content .homework-top .score-area .date-format.warning {
	color: #EAB160
}

.homework-drawer .homework-content .homework-top .score-area .date-format.primary {
	color: #419FE5
}

.homework-drawer .homework-content .homework-top .score-area .date-format.aqua {
	color: #44B4E3
}

.homework-drawer .homework-content .homework-top .score-area .date-format.default {
	color: rgba(161, 172, 201, 0.85)
}

.homework-drawer .homework-content .homework-top .score-area .status-text .status-text-area {
	width: 100% !important;
	margin: 0 auto 15px;
	border: 1px solid #ECEFF1;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	padding: 10px 20px;
	display: block
}

.homework-drawer .homework-content .homework-top .score-area .status-text .status-text-area.success {
	color: #3CBC7B
}

.homework-drawer .homework-content .homework-top .score-area .status-text .status-text-area.danger {
	color: #EA6060
}

.homework-drawer .homework-content .homework-top .score-area .status-text .status-text-area.warning {
	color: #EAB160
}

.homework-drawer .homework-content .homework-top .score-area .status-text .status-text-area.primary {
	color: #419FE5
}

.homework-drawer .homework-content .homework-top .score-area .status-text .status-text-area.aqua {
	color: #44B4E3
}

.homework-drawer .homework-content .homework-top .score-area .status-text .status-text-area.default {
	color: rgba(161, 172, 201, 0.85)
}

.homework-drawer .homework-content .homework-top .score-area .status-text .title {
	display: block;
	margin-bottom: 10px
}

.homework-drawer .homework-content .homework-top .score-area .status-text .score {
	display: block;
	margin: 0;
	font: 80px/80px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #A2ABCA;
	letter-spacing: -1px
}

.homework-drawer .homework-content .homework-top .score-area .status-text .score.large-number {
	font-size: 52px
}

.homework-drawer .homework-content .homework-top .score-area .status-text.scored .date-format {
	color: #EA6060
}

.homework-drawer .homework-content .homework-top .score-area .score {
	display: block;
	margin: 0;
	font: 80px/80px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #A2ABCA;
	letter-spacing: -1px
}

.homework-drawer .homework-content .homework-top .score-area .score.large-number {
	font-size: 52px
}

.homework-drawer .homework-content .homework-top .score-area.score-padding {
	padding-top: 30px
}

.homework-drawer .homework-content .homework-desc {
	font-size: 13px;
	margin-bottom: 20px;
	line-height: 20px
}

.homework-drawer .homework-content .homework-docs {
	margin-bottom: 20px
}

.homework-drawer .homework-content .homework-docs .user-homework-files {
	padding: 20px;
	border: 1px solid #ECEFF1
}

.homework-drawer .homework-content .homework-docs .user-homework-files h5 {
	margin-top: 20px
}

.homework-drawer .homework-content .homework-docs .user-homework-files textarea {
	margin-bottom: 20px;
	height: 120px;
	padding: 10px
}

.homework-drawer .homework-content .homework-docs .user-homework-files *::-webkit-input-placeholder {
	color: #7A8292
}

.homework-drawer .homework-content .homework-docs .user-homework-files *:-moz-placeholder {
	color: #7A8292
}

.homework-drawer .homework-content .homework-docs .user-homework-files *::-moz-placeholder {
	color: #7A8292
}

.homework-drawer .homework-content .homework-docs .user-homework-files *:-ms-input-placeholder {
	color: #7A8292
}

.homework-drawer .homework-content .homework-docs .user-homework-files .homework-send-bottom {
	text-align: center
}

.homework-drawer .homework-content .homework-docs .user-homework-files .homework-send-bottom .sg-icon {
	height: 14px;
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	margin: 0 5px 0 0
}

.homework-drawer .homework-content .homework-docs .user-homework-files .homework-explanation-tools {
	float: right;
	font-size: 16px;
	color: #D6D9DE
}

.homework-drawer .homework-content .homework-send-docs a {
	float: right;
	color: #7A8292
}

.homework-drawer .homework-content .homework-send-docs a span {
	height: 28px;
	line-height: 28px;
	float: left
}

.homework-drawer .homework-content .homework-send-docs a i {
	display: inline-block;
	height: 28px;
	width: 28px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	background: url(../img/icon/library-icon.png) no-repeat 0 0
}

.homework-drawer .homework-content .homework-send-docs a i.file-add {
	background-position: -35px -90px
}

.homework-drawer .homework-content .homework-send-docs a.disable {
	opacity: 0.4;
	filter: alpha(opacity=40)
}

.homework-drawer .homework-content .homework-send-docs a.disable i {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	opacity: .4
}

.homework-drawer .homework-content .homework-send-docs .prevent-upload {
	width: 90%;
	height: 35px;
	position: absolute
}

.homework-drawer.open {
	right: 0
}

body.description-modal-no-scroll .activity-area .education-info {
	position: inherit
}

body.description-modal-no-scroll .activity-area .education-info .detail {
	position: inherit
}

body.description-modal-no-scroll .activity-description .overlay,
body.description-modal-no-scroll .activity-rules .overlay {
	position: absolute
}

.unit-area .unit-area-line {
	border: 0px;
	padding: 0px
}

.unit-area h3 {
	font: 15px "lato_trbold"
}

.unit-area .directory-line {
	display: inline-block;
	width: 100%;
	margin-bottom: 10px
}

.unit-area .directory-line .directory-line-title {
	position: relative;
	display: inline-block;
	width: 99%;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 11px;
	margin-bottom: -2px;
	margin-left: 10px
}

.unit-area .directory-line .directory-line-title h3 {
	float: left;
	font: 18px "lato_trbold";
	word-break: break-word;
	word-wrap: break-word
}

.unit-area .directory-line .directory-line-title .directory-line-unit-count {
	float: right;
	margin-right: 10px;
	margin-top: 5px
}

.unit-area .directory-line .directory-line-title .directory-line-unit-count span:last-child {
	display: none
}

.unit-area .directory-line .directory-line-title a {
	float: right;
	margin-right: 25px;
	font-size: 20px
}

.unit-area .directory-line .directory-line-title:hover {
	background: #F5F7F9
}

.unit-area .directory-line .directory-line-title.active {
	margin-bottom: 0
}

.unit-area .directory-line .directory-line-title.active:hover {
	background: #F5F7F9 !important
}

.unit-area .directory-line .directory-line-title.active:after {
	content: "";
	position: absolute;
	left: -10px;
	bottom: 0;
	right: auto;
	top: auto;
	z-index: 1;
	width: 1px;
	height: 50%;
	z-index: 0;
	background-color: #D6D9DE
}

.unit-area .directory-line .directory-line-title.active:before {
	content: "";
	position: absolute;
	left: -12px;
	bottom: 15px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 5px;
	height: 5px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	z-index: 0;
	background-color: #D6D9DE
}

.unit-area .directory-line .directory-sub-line {
	padding-left: 15px;
	position: relative;
	display: inline-block;
	width: 100%
}

.unit-area .directory-line .directory-sub-line:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 1px;
	height: 100%;
	background-color: #D6D9DE;
	z-index: 0
}

.unit-area .directory-line .directory-sub-line .unit-box {
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	position: relative
}

.unit-area .directory-line .directory-sub-line .unit-box:after {
	content: "";
	position: absolute;
	left: -25px;
	top: 35px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 15px;
	height: 1px;
	background-color: #D6D9DE;
	z-index: 0
}

.unit-area .directory-line .directory-sub-line .unit-box:before {
	content: "";
	position: absolute;
	left: -10px;
	top: 33px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 5px;
	height: 5px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #D6D9DE;
	z-index: 0
}

.unit-area .directory-line .directory-sub-line .tree-directory {
	margin: 5px 0 0 0
}

.unit-area .directory-line .directory-sub-line .tree-directory:first-child {
	margin: 0
}

.unit-area .directory-line .directory-sub-line .tree-directory .unit-area-line {
	border: 0px
}

.unit-area .directory-line .directory-sub-line .tree-directory .unit-area-line:first-child {
	padding: 0
}

.unit-area .directory-line .directory-sub-line .tree-directory .unit-area-line .directory-line {
	margin-bottom: 0
}

.unit-area .directory-line .directory-sub-line .tree-directory:before {
	display: none
}

.unit-area .directory-line .directory-sub-line .tree-directory .directory-line .directory-line-title {
	margin-left: 10px;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px
}

.unit-area .directory-line .directory-sub-line .tree-directory .directory-line .directory-line-title h3 {
	font: 15px "lato_trbold"
}

.unit-area .directory-line .directory-sub-line .tree-directory .directory-line .directory-line-title:after {
	content: "";
	position: absolute;
	left: -25px;
	top: 15px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 15px;
	height: 1px;
	background-color: #D6D9DE;
	z-index: 0
}

.unit-area .directory-line .directory-sub-line .tree-directory .directory-line .directory-line-title:before {
	content: "";
	position: absolute;
	left: -10px;
	top: 13px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 5px;
	height: 5px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #D6D9DE;
	z-index: 0
}

.unit-area .directory-line .directory-sub-line .tree-directory .directory-line .directory-sub-line:before {
	content: "";
	position: absolute;
	left: 20px;
	top: 0px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 1px;
	height: 100%;
	background-color: #D6D9DE;
	z-index: 0
}

.unit-area .directory-line .directory-sub-line .tree-directory .directory-line .directory-sub-line .unit-box {
	margin-left: 30px
}

.unit-area .directory-line .directory-sub-line .tree-directory .directory-line .directory-sub-line .unit-box:before {
	left: -10px
}

.unit-area .directory-line .directory-sub-line .tree-directory .directory-line .directory-sub-line .unit-box:after {
	left: -25px
}

.unit-area .directory-line .directory-sub-line .tree-directory .unit-box-main-title h3 {
	padding-left: 0;
	font: 15px "lato_trbold"
}

.unit-area .unit-box {
	/*border: 1px solid #D6D9DE;*/
	margin-bottom: 10px
}

.unit-area .unit-box .unit-box-info {
	position: relative;
	padding: 20px
}

.unit-area .unit-box .unit-box-info:hover {
	background: #F5F7F9
}

.unit-area .unit-box:last-child {
	margin-bottom: 0px
}

.unit-area .unit-box .unit-box-row {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	padding: 0 10px
}

.unit-area .unit-box .unit-box-row:first-child {
	padding-left: 0
}

.unit-area .unit-box .unit-box-row.last-child {
	padding: 0
}

.unit-area .unit-box .unit-box-row.unit-box-main {
	width: 82%;

}

.unit-area .unit-box .unit-box-row.unit-box-main .unit-box-main-thumb,
.unit-area .unit-box .unit-box-row.unit-box-main .unit-box-main-title {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.unit-area .unit-box .unit-box-row.unit-box-main .unit-box-main-thumb img,
.unit-area .unit-box .unit-box-row.unit-box-main .unit-box-main-title img {
	margin-right: 10px;
	width: 55px;
	height: 55px
}

.unit-area .unit-box .unit-box-row.unit-box-main .unit-box-main-thumb .icon-exam,
.unit-area .unit-box .unit-box-row.unit-box-main .unit-box-main-title .icon-exam {
	background: url(../img/icon/ikonlar_sinav.png) no-repeat;
	width: 55px;
	height: 55px;
	display: block;
	margin-right: 10px;
	background-size: 100%
}

.unit-area .unit-box .unit-box-row.unit-box-main .unit-box-main-thumb .icon-task,
.unit-area .unit-box .unit-box-row.unit-box-main .unit-box-main-title .icon-task {
	background: url(../img/icon/ikonlar_gorev.png) no-repeat;
	width: 55px;
	height: 55px;
	display: block;
	margin-right: 10px;
	background-size: 100%
}

.unit-area .unit-box .unit-box-row.unit-box-main .unit-box-main-title {
	width: -webkit-calc(100% - 70px);
	width: calc(100% - 70px)
}

.unit-area .unit-box .unit-box-row.unit-box-main .unit-box-main-title h3 {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.unit-area .unit-box .unit-box-row.unit-box-main .unit-box-main-title h3>span:after {
	content: "";
	margin-right: 5px
}

.unit-area .unit-box .unit-box-row.unit-box-main .unit-box-main-title .mobile-other-active-activity {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.unit-area .unit-box .unit-box-row.unit-box-main .unit-box-main-title .other-active-activity {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	position: relative;
	cursor: pointer
}

.unit-area .unit-box .unit-box-row.unit-box-main .unit-box-main-title .other-active-activity .other-active-activity-icon {
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	height: 19px;
	color: #fff;
	background: #A2ABCA;
	padding: 1px 8px
}

.unit-area .unit-box .unit-box-row.unit-box-main .unit-box-main-title .other-active-activity .other-active-activity-icon .sg-sugarpackets {
	font-size: 16px
}

.unit-area .unit-box .unit-box-row.unit-box-main .unit-box-main-title .other-active-activity .other-active-activity-tooltip {
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	position: absolute;
	right: -117px;
	top: 30px;
	left: auto;
	bottom: auto;
	z-index: 1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: none;
	width: 250px;
	padding: 10px;
	background: #A2ABCA;
	color: #fff;
	z-index: 99;
	text-align: center;
	font: 12px "lato_trregular";
	line-height: 15px
}

.unit-area .unit-box .unit-box-row.unit-box-main .unit-box-main-title .other-active-activity .other-active-activity-tooltip a {
	color: #fff
}

.unit-area .unit-box .unit-box-row.unit-box-main .unit-box-main-title .other-active-activity .other-active-activity-tooltip:after,
.unit-area .unit-box .unit-box-row.unit-box-main .unit-box-main-title .other-active-activity .other-active-activity-tooltip:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 50%;
	top: -16px;
	left: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #A2ABCA
}

.unit-area .unit-box .unit-box-row.unit-box-main .unit-box-main-title .other-active-activity .other-active-activity-tooltip:before {
	top: -16px;
	border-bottom-color: #A2ABCA
}

.unit-area .unit-box .unit-box-row.unit-box-main .unit-box-main-title .other-active-activity:hover .other-active-activity-tooltip {
	display: block
}

.unit-area .unit-box .unit-box-row.unit-box-main .unit-box-main-title .exam-group {
	color: #7A8292;
	font-size: 11px;
	margin-top: 5px
}

.unit-area .unit-box .unit-box-row.unit-box-main .unit-box-main-title .exam-group span {
	margin-right: 5px;
	font: 11px "lato_trblack"
}

.unit-area .unit-box .unit-box-row.unit-box-main .unit-box-main-title .exam-group span:last-child {
	margin-right: 0px
}

.unit-area .unit-box .unit-box-row.unit-box-alert {
	color: #EAB160
}

.unit-area .unit-box .unit-box-row.unit-box-type {
	text-align: center;
	width: 135px
}

.unit-area .unit-box .unit-box-row.unit-box-type .task-small-text {
	display: block;
	font-size: 11px
}

.unit-area .unit-box .unit-box-row.unit-box-score {
	text-align: center;
	width: 95px
}

.unit-area .unit-box .unit-box-row.unit-box-score span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.unit-area .unit-box .unit-box-row.unit-box-score span.score {
	background: #ECEFF1;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 0 auto;
	color: #A2ABCA
}

.unit-area .unit-box .unit-box-row.unit-box-score span.score-point {
	color: #7A8292;
	font: 12px "lato_trblack";
	margin-right: 3px
}

.unit-area .unit-box .unit-box-row.unit-box-status {
	text-align: center;
	width: 125px
}

.unit-area .unit-box .unit-box-row.unit-box-status span {
	display: block
}

.unit-area .unit-box .unit-box-row.unit-box-status span:nth-child(2) {
	margin-top: 5px;
	font-size: 10px
}

.unit-area .unit-box .unit-box-row.unit-box-status span.status-title {
	color: #7A8292
}

.unit-area .unit-box .unit-box-row.unit-box-status span.success {
	color: #3CBC7B
}

.unit-area .unit-box .unit-box-row.unit-box-status span.failed {
	color: #EA6060
}

.unit-area .unit-box .unit-box-row.unit-box-actions {
	width: 150px
}

.unit-area .unit-box .unit-box-row.unit-box-actions .btn {
	-webkit-transition: .2s;
	transition: .2s
}

.unit-area .unit-box .unit-box-row.unit-box-actions .btn:first-child {
	margin-bottom: 5px
}

.unit-area .unit-box .unit-box-row.unit-box-actions .btn.btn-small {
	word-break: break-word;
	word-wrap: break-word;
	font: 10px "lato_trbold";
	min-width: 40px !important;
	float: none;
	margin-right: 0px
}

.unit-area .unit-box .unit-box-row.unit-box-actions .btn.btn-small.disabled {
	position: relative
}

.unit-area .unit-box .unit-box-row.unit-box-actions .btn.btn-small.disabled:hover {
	background-color: #ECEFF1;
	color: #A2ABCA !important
}

.unit-area .unit-box .unit-box-row.unit-box-actions .btn.btn-small.disabled .trigger-unit-tooltip {
	position: absolute;
	right: 50%;
	top: 30px;
	left: auto;
	bottom: auto;
	z-index: 1;
	transform: translate(50%, 0);
	padding: 10px;
	width: 130px;
	text-align: center
}

.unit-area .unit-box .unit-box-row.unit-box-actions .btn.btn-small.default {
	background: #7A8292
}

.unit-area .unit-box .unit-box-row.unit-box-actions .btn.btn-small.default:hover {
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.unit-area .unit-box .unit-box-row.unit-box-actions .btn.btn-small.green {
	background: #3CBC7B
}

.unit-area .unit-box .unit-box-row.unit-box-actions .btn.btn-small.green:hover {
	background: #3CBC7B;
	background: rgba(60, 188, 123, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.unit-area .unit-box .unit-box-row.unit-box-must {
	width: 20px;
	height: 100%;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	opacity: .9;
	position: absolute;
	right: 0;
	top: 0;
	left: auto;
	bottom: auto;
	z-index: 1;
	font: 11px/28px "lato_trbold";
	color: #fff;
	background: #EA6060
}

.unit-area .unit-box .unit-box-row.unit-box-must span {
	position: absolute;
	left: 50%;
	top: 50%;
	right: auto;
	bottom: auto;
	z-index: 1;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	transform: translateX(-50%) translateY(-50%) rotate(-90deg)
}

.unit-area .unit-box .unit-box-row.unit-box-arrow {
	text-align: center;
	width: 21px
}

.unit-area .unit-box .unit-box-row.unit-box-arrow i {
	font-size: 19px;
	margin-left: -5px
}

.unit-area .unit-box .unit-box-detail {
	width: 100%;
	padding: 10px;
	display: inline-block
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-line {
	background: #D6D9DE;
	width: 100%;
	height: 1px
}

.unit-area .unit-box .unit-box-detail .object-box {
	border-bottom: 1px solid #D6D9DE
}

.unit-area .unit-box .unit-box-detail .object-box:last-child {
	border-bottom: 0px
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions {
	width: 100%;
	display: inline-block
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-title {
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 0;
	padding-left: 10px
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-title:hover {
	background: #ECEFF1
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-title p {
	float: left
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-title p:nth-child(2) {
	color: #EA6060;
	padding-left: 3px
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-title i {
	float: right;
	font-size: 20px;
	margin-top: -4px
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line {
	width: 100%;
	height: auto;
	display: block;
	margin: 20px 0;
	padding-bottom: 20px;
	color: #7A8292;
	border-bottom: 1px solid #D6D9DE
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line:first-of-type {
	margin-top: 10px !important
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line:last-of-type {
	margin: 0;
	border: 0;
	padding-bottom: 10px
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line .sg-icon {
	display: inline-block;
	vertical-align: top;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 7px;
	font-size: 22px;
	color: #A2ABCA
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line .selected {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-top: 0;
	margin-right: -3px;
	margin-bottom: 0;
	margin-left: 0
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line .selected.selected:after {
	position: absolute;
	left: -10px;
	top: 5px;
	right: auto;
	bottom: auto;
	z-index: 1;
	content: "";
	border: solid transparent;
	border-left-color: #A2ABCA;
	border-width: 7px
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail {
	display: inline-block;
	vertical-align: top;
	width: -webkit-calc(100% - 41px);
	width: calc(100% - 41px)
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail .session-line-detail-info {
	width: -webkit-calc(100% - 308px);
	width: calc(100% - 308px);
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail .session-line-detail-info .session-line-detail-dates {
	color: #A2ABCA
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail .session-line-detail-status {
	width: 125px;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail .session-line-detail-status span {
	display: block;
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail .session-line-detail-status span.attended {
	color: #3CBC7B
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail .session-line-detail-status span.not-attended {
	color: #EA6060
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail .session-line-detail-status span.pending {
	color: #EAB160
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail p {
	margin-bottom: 5px
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail p:last-child {
	margin-bottom: 0px
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail .session-line-detail-logs {
	margin: 20px 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #D6D9DE
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail .session-line-detail-logs:last-child {
	border: 0px;
	padding: 0px
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail .session-line-detail-logs span {
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #A2ABCA;
	margin-bottom: 5px;
	display: block
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail .session-line-detail-logs .session-line-info {
	width: -webkit-calc(100% - 308px);
	width: calc(100% - 308px);
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail .session-line-detail-logs .session-line-status {
	width: 125px;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail .session-line-detail-logs .session-line-status .session-line-status-btn {
	width: auto;
	height: auto;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	padding: 4px 15px;
	border: 1px solid #7A8292;
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail .session-line-detail-logs .session-line-status .session-line-status-btn .sg-icon {
	width: 16px;
	height: 18px;
	margin-top: -1px;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 0;
	color: #A2ABCA;
	font-size: 16px;
	float: inherit
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail .session-line-detail-logs .session-line-status .session-line-status-btn p {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-homework {
	width: 100%;
	display: inline-block
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-homework .homework-line {
	margin: 10px 0;
	padding-right: 31px
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-homework .homework-title {
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 0;
	padding-left: 10px
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-homework .homework-title:hover {
	background: #ECEFF1
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-homework .homework-title p {
	float: left
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-homework .homework-title i {
	float: right;
	font-size: 20px;
	margin-top: -4px
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-homework .homework-row {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-homework .homework-row.homework-row-icon {
	width: 22px;
	height: 30px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 8px
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-homework .homework-row.homework-row-icon .sg-icon {
	font-size: 22px;
	color: #A2ABCA
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-homework .homework-row.homework-row-title {
	width: -webkit-calc(100% - 445px);
	width: calc(100% - 445px)
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-homework .homework-row.homework-row-title span {
	color: #7A8292;
	text-transform: uppercase
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-homework .homework-row.homework-row-score {
	width: 125px;
	color: #7A8292;
	font: 12px "lato_trbold", Helvetica, Arial, sans-serif;
	text-align: center
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-homework .homework-row.homework-row-score span.score-point {
	font: 12px "lato_trblack", Helvetica, Arial, sans-serif;
	margin-right: 3px
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-homework .homework-row.homework-row-status {
	width: 125px;
	text-align: center;
	color: #7A8292
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-homework .homework-row.homework-row-button {
	width: 150px;
	text-align: center;
	float: right
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-homework .homework-row.homework-row-button .btn-small {
	padding: 5px;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	min-width: 130px !important;
	-webkit-transition: .2s;
	transition: .2s
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-homework .homework-row.homework-row-button .btn-small.default {
	background: #7A8292
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-homework .homework-row.homework-row-button .btn-small.default:hover {
	background: #7A8292;
	background: rgba(122, 130, 146, 0.9);
	-webkit-transition: .2s;
	transition: .2s
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-attachments {
	width: 100%;
	display: inline-block
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-attachments .attachments-title {
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 0;
	padding-left: 10px
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-attachments .attachments-title:hover {
	background: #ECEFF1
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-attachments .attachments-title p {
	float: left
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-attachments .attachments-title i {
	float: right;
	font-size: 20px;
	margin-top: -4px
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-attachments .file-list {
	margin: 10px 0
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-attachments .file-list li {
	margin-bottom: 5px
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-attachments .file-list a {
	font: 13px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-attachments .file-list a.red .sg-icon {
	color: #EA6060
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-attachments .file-list a.green .sg-icon {
	color: #3CBC7B
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-attachments .file-list a.blue .sg-icon {
	color: #419FE5
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-attachments .file-list a.aqua .sg-icon {
	color: #44B4E3
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-attachments .file-list a.yellow .sg-icon {
	color: #EAB160
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-attachments .file-list a i {
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 8px;
	font-size: 22px
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-attachments .file-list a p {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.unit-area .unit-box .unit-box-detail .unit-box-detail-attachments .file-list .download-icon {
	color: #A2ABCA !important
}

.activity-clock {
	position: relative
}

.activity-clock .tooltip {
	display: none;
	position: absolute;
	left: -80px;
	top: 20px;
	right: auto;
	bottom: auto;
	z-index: 1;
	z-index: 5;
	padding: 10px;
	background-color: #7A8292;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff;
	width: 185px;
	-moz-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	-webkit-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09)
}

.activity-clock .tooltip:after {
	content: "";
	position: absolute;
	left: 42%;
	top: -15px;
	right: auto;
	bottom: auto;
	z-index: 1;
	border: 8px solid transparent;
	border-bottom: 8px solid #7A8292
}

.activity-clock i {
	color: #EA6060
}

.activity-clock:hover .tooltip {
	display: block
}

.column-center .activity-clock {
	float: right;
	right: 67%
}

.column-center .activity-clock span {
	font-size: 13px;
	vertical-align: unset;
	margin: 0;
	display: inline !important
}

.column-center .activity-clock i {
	font-size: 10px
}

.autocomplete-page-layout {
	position: absolute;
	left: 50%;
	top: 50px;
	right: auto;
	bottom: auto;
	z-index: 5;
	width: 378px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: -190px;
	padding: 10px 0px;
	background-color: #fff;
	border: 1px solid #D6D9DE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
	text-align: center
}

.autocomplete-page-layout:after,
.autocomplete-page-layout:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	top: -14px;
	right: auto;
	bottom: auto;
	z-index: 1;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.autocomplete-page-layout:before {
	top: -17px;
	border-bottom-color: #D6D9DE
}

.autocomplete-page-layout .page-layout-search-spinner {
	height: 20px;
	margin-top: 35px
}

.autocomplete-page-layout ul {
	margin-bottom: 12px
}

.autocomplete-page-layout ul li {
	position: relative;
	padding: 10px 25px;
	border-bottom: 1px solid #D6D9DE;
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif;
	text-align: left
}

.autocomplete-page-layout ul li:hover {
	background-color: #D6D9DE
}

.autocomplete-page-layout ul li a {
	display: block;
	color: #7A8292
}

.sortable-header {
	width: 100%;
	margin: 40px 0 0 0;
	padding: 10px;
	border-bottom: 1px solid #D6D9DE
}

.sortable-header span {
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292;
	display: inline-block;
	vertical-align: top
}

.sortable-header span a {
	position: relative
}

.sortable-header span a i {
	position: absolute;
	color: #D6D9DE
}

.sortable-header span a i.sg-navigateup:before {
	width: 11px;
	height: 11px;
	position: absolute;
	left: 5px;
	top: -9px;
	right: auto;
	bottom: auto;
	z-index: 1
}

.sortable-header span a i.sg-navigatedown:before {
	width: 11px;
	height: 11px;
	position: absolute;
	left: 5px;
	bottom: -9px;
	right: auto;
	top: auto;
	z-index: 1
}

.sortable-header span a i.active {
	color: #4A485B
}

.sortable-header span a i.active.sg-navigateup:before,
.sortable-header span a i.active.sg-navigatedown:before {
	font-weight: bold
}

.sortable-header span a:hover span:first-child,
.sortable-header span a.active span:first-child {
	color: #4A485B
}

.sortable-header span a:hover,
.sortable-header span a.active {
	color: #4A485B
}

.sortable-header .no-checkbox span:first-child {
	margin-left: 15px
}

.sortable-header.breakable span a span {
	display: inline-block;
	vertical-align: top
}

.sortable-header.breakable span a span:nth-child(2) .sg-navigateup:before {
	top: -3px
}

.sortable-header.breakable span a span:nth-child(2) .sg-navigatedown:before {
	bottom: -15px
}

.search-page-result {
	padding: 20px;
	text-align: center
}

.search-page-result .sg-icon {
	width: 118px;
	height: 140px;
	font-size: 118px;
	color: #ECEFF1;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.search-page-result .info {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	text-align: left
}

.search-page-result .info.search-page {
	font-size: 17px
}

.search-page-result h5 {
	font: 17px "lato_trblack", Helvetica, Arial, sans-serif;
	margin-bottom: 0px !important
}

.search-page-result p {
	font-size: 13px;
	color: #7A8292;
	margin: 5px 0 0 0
}

.search-page-result p .sg-icon {
	font-size: 16px;
	color: #7A8292;
	width: auto;
	height: auto
}

.completion-status,
.success-status {
	background: url("../img/icon/education-icon-set.png") no-repeat;
	float: left;
	width: 21px;
	height: 27px
}

.completion-status .status-text,
.success-status .status-text {
	display: none;
	position: absolute;
	left: auto;
	bottom: auto;
	z-index: 5;
	margin-top: 34px;
	padding: 15px 20px;
	background-color: #A2ABCA;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff;
	-moz-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	-webkit-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09)
}

.completion-status .status-text:after,
.success-status .status-text:after {
	content: "";
	position: absolute;
	left: 0;
	top: -15px;
	border: 8px solid transparent;
	border-bottom: 8px solid #A2ABCA
}

.completion-status.unknown,
.success-status.unknown {
	background-position: -35px 0px
}

.completion-status.unknown:hover,
.success-status.unknown:hover {
	cursor: pointer
}

.completion-status.unknown:hover .status-text,
.success-status.unknown:hover .status-text {
	display: block
}

.completion-status.completed,
.success-status.completed {
	background-position: -135px 0px
}

.completion-status.completed:hover,
.success-status.completed:hover {
	cursor: pointer
}

.completion-status.completed:hover .status-text,
.success-status.completed:hover .status-text {
	display: block
}

.completion-status.failed,
.success-status.failed {
	background-position: -100px 1px
}

.completion-status.failed:hover,
.success-status.failed:hover {
	cursor: pointer
}

.completion-status.failed:hover .status-text,
.success-status.failed:hover .status-text {
	display: block
}

.completion-status.ongoing,
.success-status.ongoing {
	background-position: -176px 0px
}

.completion-status.ongoing:hover,
.success-status.ongoing:hover {
	cursor: pointer
}

.completion-status.ongoing:hover .status-text,
.success-status.ongoing:hover .status-text {
	display: block
}

.completion-status.pending,
.success-status.pending {
	background-position: 0px 0px
}

.completion-status.pending:hover,
.success-status.pending:hover {
	cursor: pointer
}

.completion-status.pending:hover .status-text,
.success-status.pending:hover .status-text {
	display: block
}

.completion-status.successful,
.success-status.successful {
	background-position: -72px 1px
}

.completion-status.successful:hover,
.success-status.successful:hover {
	cursor: pointer
}

.completion-status.successful:hover .status-text,
.success-status.successful:hover .status-text {
	display: block
}

.completion-status.hidden,
.success-status.hidden {
	visibility: hidden;
	margin-left: -40px
}

.success-status {
	margin-right: 2px
}

.drawer-area .col-left .thumb .bar .course-icon {
	float: left;
	margin: 0px 0 0 0 !important;
	border-radius: none;
	width: auto;
	height: auto;
	background: none
}

.drawer-area .col-left .thumb .bar .course-icon .completion-status,
.drawer-area .col-left .thumb .bar .course-icon .success-status {
	background: url("../img/icon/education-icon-set.png") no-repeat;
	cursor: default !important;
	float: left;
	width: 21px;
	height: 27px
}

.drawer-area .col-left .thumb .bar .course-icon .completion-status .status-text,
.drawer-area .col-left .thumb .bar .course-icon .success-status .status-text {
	display: none;
	position: absolute;
	left: auto;
	bottom: auto;
	z-index: 5;
	top: -85px;
	padding: 15px 20px;
	background-color: #A2ABCA;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff;
	-moz-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	-webkit-box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09);
	box-shadow: -3px 3px 10px rgba(1, 1, 1, 0.09)
}

.drawer-area .col-left .thumb .bar .course-icon .completion-status .status-text:after,
.drawer-area .col-left .thumb .bar .course-icon .success-status .status-text:after {
	content: "";
	position: absolute;
	left: 0;
	top: auto;
	bottom: -15px;
	border: 8px solid transparent;
	border-top: 8px solid #A2ABCA
}

.drawer-area .col-left .thumb .bar .course-icon .completion-status.unknown,
.drawer-area .col-left .thumb .bar .course-icon .success-status.unknown {
	background-position: -378px 0;
	cursor: pointer !important
}

.drawer-area .col-left .thumb .bar .course-icon .completion-status.unknown:hover .status-text,
.drawer-area .col-left .thumb .bar .course-icon .success-status.unknown:hover .status-text {
	display: block
}

.drawer-area .col-left .thumb .bar .course-icon .completion-status.pending,
.drawer-area .col-left .thumb .bar .course-icon .success-status.pending {
	background-position: -335px 0;
	cursor: pointer !important
}

.drawer-area .col-left .thumb .bar .course-icon .completion-status.pending:hover,
.drawer-area .col-left .thumb .bar .course-icon .success-status.pending:hover {
	cursor: pointer
}

.drawer-area .col-left .thumb .bar .course-icon .completion-status.pending:hover .status-text,
.drawer-area .col-left .thumb .bar .course-icon .success-status.pending:hover .status-text {
	display: block
}

.drawer-area .col-left .thumb .bar .course-icon .completion-status.failed,
.drawer-area .col-left .thumb .bar .course-icon .success-status.failed {
	background-position: -293px 0;
	cursor: pointer !important
}

.drawer-area .col-left .thumb .bar .course-icon .completion-status.failed:hover,
.drawer-area .col-left .thumb .bar .course-icon .success-status.failed:hover {
	cursor: pointer
}

.drawer-area .col-left .thumb .bar .course-icon .completion-status.failed:hover .status-text,
.drawer-area .col-left .thumb .bar .course-icon .success-status.failed:hover .status-text {
	display: block
}

.drawer-area .col-left .thumb .bar .course-icon .completion-status.successful,
.drawer-area .col-left .thumb .bar .course-icon .success-status.successful {
	background-position: -210px 0;
	cursor: pointer !important
}

.drawer-area .col-left .thumb .bar .course-icon .completion-status.successful:hover,
.drawer-area .col-left .thumb .bar .course-icon .success-status.successful:hover {
	cursor: pointer
}

.drawer-area .col-left .thumb .bar .course-icon .completion-status.successful:hover .status-text,
.drawer-area .col-left .thumb .bar .course-icon .success-status.successful:hover .status-text {
	display: block
}

.drawer-area .col-left .thumb .bar .course-icon .completion-status.completed,
.drawer-area .col-left .thumb .bar .course-icon .success-status.completed {
	background-position: -252px 0;
	cursor: pointer !important
}

.drawer-area .col-left .thumb .bar .course-icon .completion-status.completed:hover,
.drawer-area .col-left .thumb .bar .course-icon .success-status.completed:hover {
	cursor: pointer
}

.drawer-area .col-left .thumb .bar .course-icon .completion-status.completed:hover .status-text,
.drawer-area .col-left .thumb .bar .course-icon .success-status.completed:hover .status-text {
	display: block
}

.drawer-area .col-left .thumb .bar .course-icon .completion-status.ongoing,
.drawer-area .col-left .thumb .bar .course-icon .success-status.ongoing {
	background-position: -420px 0;
	cursor: pointer !important
}

.drawer-area .col-left .thumb .bar .course-icon .completion-status.ongoing:hover,
.drawer-area .col-left .thumb .bar .course-icon .success-status.ongoing:hover {
	cursor: pointer
}

.drawer-area .col-left .thumb .bar .course-icon .completion-status.ongoing:hover .status-text,
.drawer-area .col-left .thumb .bar .course-icon .success-status.ongoing:hover .status-text {
	display: block
}

.drawer-area .col-left .thumb .bar .course-icon .completion-status.hidden,
.drawer-area .col-left .thumb .bar .course-icon .success-status.hidden {
	visibility: hidden
}

.select2-container--open .select2-dropdown--below {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
	min-width: 210px !important
}

.select2-container--lms .select2-selection--single {
	outline: none;
	overflow: hidden;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
	border: 1px solid #D6D9DE;
	padding-top: 35px;
	min-width: 210px !important
}

.select2-selection--single[aria-expanded="true"] {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select2-container--above .select2-selection--single[aria-expanded="true"] {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 18px;
	border-bottom-right-radius: 18px
}

.select2-container--above .select2-selection--single[aria-expanded="true"] .select2-selection__arrow b:before {
	content: "";
	font: 14px "SSGizmo";
	font-size: 16px
}

.select2-container--lms .select2-selection--single .select2-selection__rendered {
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: 1;
	z-index: 2;
	padding-top: 10px;
	padding-right: 45px !important;
	padding-bottom: 5px;
	padding-left: 15px !important;
	width: 100%;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	border: none;
	outline: none;
	cursor: pointer;
	font: 13px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.select2-container--lms .select2-selection--single .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: bold;
	margin-right: 0px;
	visibility: hidden
}

.select2-container--lms .select2-selection--single .select2-selection__placeholder {
	color: #999;
	width: 210px
}

.select2-container--lms .select2-selection--single .select2-selection__arrow {
	content: "";
	font: 14px "SSGizmo";
	position: absolute;
	right: 12px;
	top: 7px;
	left: auto;
	bottom: auto;
	z-index: 1;
	color: #A2ABCA
}

.select2-container--lms .select2-selection--single .select2-selection__arrow b:before {
	content: "";
	font: 14px "SSGizmo";
	font-size: 16px
}

.select2-container--lms .select2-selection--single .select2-selection__arrow b {
	left: -15px;
	top: 2px;
	position: absolute
}

.select2-container--lms.select2-container--open .select2-selection--single .select2-selection__arrow {
	background: transparent;
	border: none
}

.select2-container--lms.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #888 transparent;
	border-width: 0 4px 5px 4px
}

.select2-container--lms .select2-selection--multiple {
	background-color: white;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: text;
	outline: 0;
	width: 210px
}

.select2-container--lms .select2-selection--multiple:focus {
	border: 1px solid #5897fb
}

.select2-container--lms .select2-selection--multiple .select2-selection__rendered {
	list-style: none;
	margin: 0;
	padding: 0 5px;
	width: 210px
}

.select2-container--lms .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline {
	float: left
}

.select2-container--lms .select2-selection--multiple .select2-selection__clear {
	display: none;
	width: 210px
}

.select2-container--lms .select2-selection--multiple .select2-selection__choice {
	background-color: #e4e4e4;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: default;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	padding: 0 5px
}

.select2-container--lms .select2-selection--multiple .select2-selection__choice__remove {
	color: #888;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin-right: 2px
}

.select2-container--lms .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #555
}

.select2-container--lms .select2-container--below {
	min-width: 210px !important
}

.select2-container--lms {
	min-width: 210px !important
}

.select2 .select2-container .select2-container--lms .select2-container--below {
	min-width: 210px !important
}

.select2 .select2-container .select2-container--lms .select2-container--below .select2-container--open {
	min-width: 210px !important
}

.select2 .select2-container .select2-container--lms .select2-container--below .select2-container--focus {
	min-width: 210px !important
}

.select2-container--lms.select2-container--open .select2-selection--multiple {
	border: 1px solid #5897fb
}

.select2-container--lms.select2-container--open.select2-container--above .select2-selection--multiple {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-container--lms.select2-container--open.select2-container--below .select2-selection--multiple {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select2-container--lms .select2-search--dropdown .select2-search__field {
	border: 1px solid #aaa;
	outline: 0
}

.select2-container--lms .select2-search--inline .select2-search__field {
	outline: 0
}

.select2-container--lms .select2-dropdown {
	background-color: white;
	border: 1px solid transparent
}

.select2-container--lms .select2-dropdown--above {
	border-bottom: none
}

.select2-container--lms .select2-dropdown--below {
	border-top: none
}

.select2-container--lms .select2-results>.select2-results__options {
	max-height: 200px;
	overflow-y: auto
}

.select2-container--lms .select2-results__option[role=group] {
	padding: 0
}

.select2-container--lms .select2-results__option[aria-disabled=true] {
	color: grey
}

.select2-container--lms .select2-results__option--highlighted[aria-selected] {
	background-color: #7A8292;
	color: white
}

.select2-container--lms .select2-results__group {
	cursor: default;
	display: block;
	padding: 6px
}

.select2-container--lms.select2-container--open .select2-dropdown {
	border-color: #D6D9DE;
	margin-left: 0px
}

.poll-table {
	width: 100%;
	height: auto;
	border-left: 1px solid #ECEFF1;
	border-right: 1px solid #ECEFF1;
	border-top: 1px solid #ECEFF1;
	padding: 3px;
	display: table
}

.poll-table span.poll-title {
	height: auto;
	display: inline-block
}

.poll-table span.poll-title:nth-child(1) {
	width: 40%;
	margin-right: 10px
}

.poll-table span.poll-title:nth-child(2),
.poll-table span.poll-title:nth-child(3) {
	width: 18%
}

.poll-table span.poll-title:nth-child(4) {
	width: 15%
}

.poll-table span.poll-title:last-child {
	width: 6%
}

.poll-detail .poll-sorted-area {
	border-top: 1px solid #ECEFF1;
	border-left: 1px solid #ECEFF1;
	border-right: 1px solid #ECEFF1;
	position: relative;
	padding: 10px 0px
}

.poll-detail .poll-sorted-area:last-child {
	border-bottom: 1px solid #ECEFF1
}

.poll-detail .poll-sorted-area .mobile-new-date {
	display: none
}

.poll-detail .name {
	width: 40%;
	padding: 15px;
	display: table-cell
}

.poll-detail .name a {
	color: #7A8292
}

.poll-detail .name h5 {
	font: 14px/18px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.poll-detail .name h5 span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 35px;
	height: 35px;
	padding-left: 2px;
	margin-right: 10px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	border: 4px solid #e6e6e6;
	font-size: 16px;
	line-height: 31px;
	text-align: center;
	color: #A2ABCA
}

.poll-detail .name h5 span i {
	display: block;
	position: absolute;
	right: -10px;
	bottom: -10px;
	left: auto;
	top: auto;
	z-index: 1;
	width: 20px;
	height: 20px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #A2ABCA;
	font: 13px/20px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #fff;
	text-align: center
}

.poll-detail .name ul {
	position: relative;
	margin-top: 12px;
	padding-left: 50px
}

.poll-detail .name ul:after {
	content: "";
	position: absolute;
	left: 15px;
	top: -10px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 30px;
	height: 30px;
	border-left: 1px solid #D6D9DE;
	border-bottom: 1px solid #D6D9DE
}

.poll-detail .name ul li {
	position: relative;
	margin-bottom: 10px
}

.poll-detail .name ul li:after {
	content: "";
	position: absolute;
	left: 17px;
	bottom: -9px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 1px;
	height: 7px;
	background-color: #D6D9DE
}

.poll-detail .name ul li:last-child {
	margin-bottom: 0;
	font: 12px/14px "lato_trregular", Helvetica, Arial, sans-serif
}

.poll-detail .name ul li:last-child:after {
	display: none
}

.poll-detail .name ul li img {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-right: 10px
}

.poll-detail .name ul li img.circle {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.poll-detail .name ul li span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 35px;
	height: 35px;
	padding-left: 2px;
	margin-right: 10px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	border: 4px solid #e6e6e6;
	font-size: 16px;
	line-height: 31px;
	text-align: center;
	color: #A2ABCA
}

.poll-detail .name ul li p {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 140px;
	line-height: 14px
}

.poll-detail .count {
	width: 18%;
	display: table-cell;
	position: relative;
	vertical-align: middle
}

.poll-detail .count span {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	padding: 9px 8px 6px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #ECEFF1;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #D6D9DE;
	vertical-align: middle
}

.poll-detail .count span strong {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	height: 23px;
	margin-right: 3px;
	font: 22px/22px "lato_trblack", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #7A8292
}

.poll-detail .finish-date {
	width: 18%;
	display: table-cell;
	vertical-align: middle
}

.poll-detail .finish-date .date {
	position: relative;
	width: 60px;
	height: 60px;
	margin: 6px 0 0;
	padding: 9px 0;
	border: 6px solid #D6D9DE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font: 20px/20px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #A2ABCA;
	text-align: center
}

.poll-detail .finish-date .date span {
	display: block;
	font: 10px/10px "lato_trregular", Helvetica, Arial, sans-serif
}

.poll-detail .finish-date .date i {
	font-size: 27px;
	line-height: 37px;
	color: #D6D9DE
}

.poll-detail .finish-date .date:before,
.poll-detail .finish-date .date:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -24px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 0;
	height: 0;
	margin-left: -9px;
	border: 9px solid transparent;
	border-bottom: 9px solid #D6D9DE
}

.poll-detail .finish-date .date:after {
	top: -22px;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.poll-detail .finish-date .date.required,
.poll-detail .finish-date .date.expired {
	color: #EA6060;
	border-color: #EA6060
}

.poll-detail .finish-date .date.new {
	color: #EAB160
}

.poll-detail .reply-date {
	width: 15%;
	font-size: 11px;
	display: table-cell;
	vertical-align: middle
}

.poll-detail .poll-btn-area {
	width: 6%;
	display: table-cell;
	vertical-align: middle
}

.poll-detail .poll-btn-area .btn {
	min-width: 0;
	width: 40px;
	height: 40px;
	padding: 0 0 0 1px;
	font-size: 18px;
	line-height: 40px;
	margin-right: 10px
}

.certificate-table {
	width: 100%;
	height: auto;
	border-left: 1px solid #ECEFF1;
	border-right: 1px solid #ECEFF1;
	border-top: 1px solid #ECEFF1;
	border-bottom: 1px solid #ECEFF1;
	padding: 3px;
	display: table
}

.certificate-table span.certificate-title {
	height: auto;
	display: table-cell
}

.certificate-table span.certificate-title:nth-child(1) {
	width: 3%
}

.certificate-table span.certificate-title:nth-child(2) {
	width: 49%;
	margin-right: 10px
}

.certificate-table span.certificate-title:nth-child(3),
.certificate-table span.certificate-title:nth-child(4) {
	width: 13%
}

.certificate-table span.certificate-title:nth-child(5) {
	width: 15%
}

.certificate-table span.certificate-title:last-child {
	width: 6%
}

.certificate-table span.certificate-title a {
	vertical-align: middle;
	height: 30px;
	padding: 8px 0 10px;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #828b94
}

.certificate-detail .certificate-sorted-area {
	border-bottom: 1px solid #ECEFF1;
	border-right: 1px solid #ECEFF1
}

.certificate-detail .certificate-sorted-area div {
	padding: 18px 0;
	color: #7A8292
}

.certificate-detail .certificate-sorted-area div.status {
	width: 3.5%;
	padding: 3px;
	background-color: #D6D9DE;
	border-right: none;
	display: table-cell;
	vertical-align: middle
}

.certificate-detail .certificate-sorted-area div.status span {
	display: block;
	width: 8px;
	height: 0;
	margin-top: 50px;
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	font: 11px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #fff;
	white-space: nowrap
}

.certificate-detail .certificate-sorted-area div.status.success {
	background-color: #3CBC7B
}

.certificate-detail .certificate-sorted-area div.status.success span {
	margin-top: 50px
}

.certificate-detail .certificate-sorted-area div.status.warning {
	background-color: #EAB160
}

.certificate-detail .certificate-sorted-area div.status.warning span {
	margin-top: 98px
}

.certificate-detail .certificate-sorted-area div.status.critical {
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	background-color: #EA6060
}

.certificate-detail .certificate-sorted-area div.status.critical span {
	margin-top: 84px
}

.certificate-detail .certificate-sorted-area div.name {
	width: 46%;
	padding: 15px;
	display: table-cell;
	border-right: 1px solid #ECEFF1
}

.certificate-detail .certificate-sorted-area div.name a {
	color: #7A8292
}

.certificate-detail .certificate-sorted-area div.name h5 {
	font: 15px/18px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.certificate-detail .certificate-sorted-area div.name h5 img {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-right: 12px
}

.certificate-detail .certificate-sorted-area div.name ul {
	position: relative;
	margin-top: 12px;
	padding-left: 45px
}

.certificate-detail .certificate-sorted-area div.name ul:after {
	content: "";
	position: absolute;
	left: 15px;
	top: -10px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 30px;
	height: 30px;
	border-left: 1px solid #D6D9DE;
	border-bottom: 1px solid #D6D9DE
}

.certificate-detail .certificate-sorted-area div.name ul li {
	position: relative;
	margin-bottom: 10px
}

.certificate-detail .certificate-sorted-area div.name ul li:after {
	content: "";
	position: absolute;
	left: 21px;
	bottom: -9px;
	right: auto;
	top: auto;
	z-index: 1;
	width: 1px;
	height: 7px;
	background-color: #D6D9DE
}

.certificate-detail .certificate-sorted-area div.name ul li:last-child {
	margin-bottom: 0;
	font: 12px/14px "lato_trregular", Helvetica, Arial, sans-serif
}

.certificate-detail .certificate-sorted-area div.name ul li:last-child:after {
	display: none
}

.certificate-detail .certificate-sorted-area div.name ul li img {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin: 0 10px 0 4px
}

.certificate-detail .certificate-sorted-area div.name ul li img.circle {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.certificate-detail .certificate-sorted-area div.name ul li .sg-icon {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 43px;
	height: 43px;
	margin-right: 10px;
	padding-left: 2px;
	border: 4px solid #e6e6e6;
	background-color: #fff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-size: 16px;
	line-height: 41px;
	text-align: center;
	color: #A2ABCA
}

.certificate-detail .certificate-sorted-area div.name ul li p {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	max-width: 190px;
	line-height: 14px
}

.certificate-detail .certificate-sorted-area div.name ul li .info {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	position: relative;
	margin-left: 5px;
	color: #ff
}

.certificate-detail .certificate-sorted-area div.name ul li .info .ss-icon {
	height: 8px;
	color: #EA6060;
	font-size: 14px;
	line-height: 14px;
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.certificate-detail .certificate-sorted-area div.name ul li .info .tooltip {
	display: none;
	position: absolute;
	left: 50%;
	top: 22px;
	right: auto;
	bottom: auto;
	z-index: 1;
	z-index: 5;
	width: 240px;
	margin-left: -120px;
	padding: 25px;
	background-color: #EA6060;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.certificate-detail .certificate-sorted-area div.name ul li .info .tooltip:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -16px;
	right: auto;
	bottom: auto;
	z-index: 1;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #EA6060
}

.certificate-detail .certificate-sorted-area div.name ul li .info .tooltip p {
	display: block;
	margin-bottom: 18px;
	font: 15px "lato_trbold", Helvetica, Arial, sans-serif
}

.certificate-detail .certificate-sorted-area div.name ul li .info .tooltip span {
	display: block;
	margin-top: 5px;
	font: 11px "lato_trbold", Helvetica, Arial, sans-serif
}

.certificate-detail .certificate-sorted-area div.name ul li .info:hover .tooltip {
	display: block
}

.certificate-detail .certificate-sorted-area div.name ul li.null-list span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	width: 35px;
	height: 35px;
	margin: 0 10px 0 4px;
	border: 1px solid #e6e6e6
}

.certificate-detail .certificate-sorted-area div.name ul li.null-list span.circle {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.certificate-detail .certificate-sorted-area div.name ul li.null-list p {
	font-style: italic
}

.certificate-detail .certificate-sorted-area div.name ul li.half .sg-icon {
	border-color: transparent;
	background: url(../img/bg/ie9-half-01.png) no-repeat -4px -4px
}

.certificate-detail .certificate-sorted-area div.name ul li.completed .sg-icon {
	border-color: #3CBC7B;
	color: #3CBC7B
}

.certificate-detail .certificate-sorted-area div.timer {
	width: 13%;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	border-right: 1px solid #ECEFF1
}

.certificate-detail .certificate-sorted-area div.timer span {
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #7A8292
}

.certificate-detail .certificate-sorted-area div.timer span strong {
	font-weight: normal;
	font: 22px "lato_trblack", Helvetica, Arial, sans-serif
}

.certificate-detail .certificate-sorted-area div.timer span span {
	display: block
}

.certificate-detail .certificate-sorted-area div.timer span .sg-icon {
	height: 17px;
	font-size: 18px;
	line-height: 12px
}

.certificate-detail .certificate-sorted-area div.timer span .sg-icon.sg-check {
	color: #3CBC7B
}

.certificate-detail .certificate-sorted-area div.timer span .sg-icon.sg-alert {
	color: #EAB160
}

.certificate-detail .certificate-sorted-area div.timer span .sg-icon.sg-ban {
	height: 27px;
	font-size: 36px;
	line-height: 36px;
	color: #EA6060
}

.certificate-detail .certificate-sorted-area div.timer span .sg-icon.sg-hyphen {
	font-size: 27px;
	line-height: 24px
}

.certificate-detail .certificate-sorted-area div.timer .renewal-process {
	position: relative;
	margin: 15px 0 -20px;
	padding: 0 3px
}

.certificate-detail .certificate-sorted-area div.timer .renewal-process .sg-info {
	display: block;
	height: 14px;
	font-size: 16px;
	line-height: 16px;
	color: #7A8292
}

.certificate-detail .certificate-sorted-area div.timer .renewal-process span {
	font-size: 10px;
	line-height: 10px;
	color: #abb0b7
}

.certificate-detail .certificate-sorted-area div.timer .renewal-process span strong {
	font-size: 10px
}

.certificate-detail .certificate-sorted-area div.timer .renewal-process .tooltip {
	display: none;
	position: absolute;
	left: 50%;
	top: 22px;
	right: auto;
	bottom: auto;
	z-index: 1;
	z-index: 5;
	width: 180px;
	margin-left: -90px;
	padding: 15px;
	background-color: #A2ABCA;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.certificate-detail .certificate-sorted-area div.timer .renewal-process .tooltip:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -16px;
	right: auto;
	bottom: auto;
	z-index: 1;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #A2ABCA
}

.certificate-detail .certificate-sorted-area div.timer .renewal-process .tooltip p {
	margin-bottom: 5px;
	font: 15px/18px "lato_trbold", Helvetica, Arial, sans-serif;
	color: #fff
}

.certificate-detail .certificate-sorted-area div.timer .renewal-process .tooltip .day {
	display: block;
	width: 68px;
	height: 68px;
	margin: 0 auto;
	padding-top: 13px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 5px solid rgba(255, 255, 255, 0.2);
	font-size: 11px;
	color: #fff
}

.certificate-detail .certificate-sorted-area div.timer .renewal-process .tooltip .day strong {
	display: block;
	font-size: 22px;
	line-height: 22px
}

.certificate-detail .certificate-sorted-area div.timer .renewal-process.critical {
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}

.certificate-detail .certificate-sorted-area div.timer .renewal-process.critical span,
.certificate-detail .certificate-sorted-area div.timer .renewal-process.critical .sg-icon {
	color: #EA6060
}

.certificate-detail .certificate-sorted-area div.timer .renewal-process.critical .tooltip {
	background-color: #EA6060
}

.certificate-detail .certificate-sorted-area div.timer .renewal-process.critical .tooltip:after {
	border-bottom-color: #EA6060
}

.certificate-detail .certificate-sorted-area div.timer .renewal-process:hover:after {
	content: "";
	position: absolute;
	left: 0;
	top: 3px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 100%;
	height: 20px
}

.certificate-detail .certificate-sorted-area div.timer .renewal-process:hover .tooltip {
	display: block
}

.certificate-detail .certificate-sorted-area div.date-cell {
	width: 13%;
	border-right: none;
	display: table-cell;
	vertical-align: middle
}

.certificate-detail .certificate-sorted-area div.date-cell .date {
	position: relative;
	width: 60px;
	height: 60px;
	padding: 9px 0;
	margin: 0 auto;
	border: 6px solid #D6D9DE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font: 20px/20px "lato_trblack", Helvetica, Arial, sans-serif;
	color: #7A8292;
	text-align: center
}

.certificate-detail .certificate-sorted-area div.date-cell .date span {
	display: block;
	font: 10px/10px "lato_trregular", Helvetica, Arial, sans-serif
}

.certificate-detail .certificate-sorted-area div.date-cell .date i {
	font-size: 27px;
	line-height: 37px;
	color: #D6D9DE
}

.certificate-detail .certificate-sorted-area div.date-cell .date:before,
.certificate-detail .certificate-sorted-area div.date-cell .date:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -24px;
	right: auto;
	bottom: auto;
	z-index: 1;
	width: 0;
	height: 0;
	margin-left: -9px;
	border: 9px solid transparent;
	border-bottom: 9px solid #D6D9DE
}

.certificate-detail .certificate-sorted-area div.date-cell .date:after {
	top: -22px;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.certificate-detail .certificate-sorted-area div.date-cell .date.required,
.certificate-detail .certificate-sorted-area div.date-cell .date.expired {
	color: #EA6060;
	border-color: #EA6060
}

.certificate-detail .certificate-sorted-area div.date-cell .date.new {
	color: #EAB160
}

.certificate-detail .certificate-sorted-area div.document {
	width: 105px;
	border-left: 1px solid #ECEFF1;
	border-right: none;
	display: table-cell;
	vertical-align: middle
}

.certificate-detail .certificate-sorted-area div.document a {
	display: block;
	height: 55px;
	padding-top: 40px;
	background: url(../img/icon/document-icon.png) no-repeat center 0;
	font: 11px "lato_trregular", Helvetica, Arial, sans-serif;
	color: #A2ABCA;
	text-align: center
}

@media (min-width: 1581px) and (max-width: 1921px) {
	.comments-area .comment-mobil-menu-ddl {
		display: none;
		visibility: hidden
	}
	.comments-area .comment-desktop-menu {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline
	}
	.inline-modal .overlay.library-modal .modal {
		background: none !important;
		width: 50% !important;
		left: 25% !important
	}
	.inline-modal .overlay.library-modal .modal .header {
		background: none !important;
		border-bottom: 0px;
		padding: 0;
		margin: 0;
		height: 30px
	}
	.inline-modal .overlay.library-modal .modal .header a {
		margin-right: 8px
	}
	.inline-modal .overlay.library-modal .modal .header h2 {
		margin-left: 1%;
		color: #aab3cc
	}
	.inline-modal .overlay.library-modal .modal .header .sg-delete {
		color: #7A8292;
		margin-top: -5px;
		font-size: 32px !important
	}
	.inline-modal .overlay.library-modal .modal .body {
		border: 10px solid #38354a;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		margin-left: 0px !important;
		width: 100% !important;
		background: #D6D9DE
	}
	.inline-modal .overlay.library-modal .modal .body .modal-footer {
		margin-right: 0px
	}
	.inline-modal .overlay.library-modal .modal .body .modal-content {
		padding: 20px
	}
	.inline-modal .overlay.library-modal .modal .body .modal-bar {
		background: #fff;
		padding-top: 20px;
		padding-right: 20px;
		padding-bottom: 30px;
		padding-left: 20px;
		float: left;
		margin-top: 20px;
		width: 100%
	}
	.inline-modal .overlay.library-modal .modal .body .file-info {
		padding: 20px 20px 0px 20px;
		float: left;
		background: #38354a;
		width: 100%
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-info {
		float: left
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-info .sg-icon {
		font-size: 40px !important;
		display: inline-block
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-info .info-text {
		display: inline-block;
		margin-top: 5px
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-info .info-text h5 {
		color: #fff;
		display: block
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-info .info-text span {
		display: block;
		width: 100% !important;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		border: none;
		padding: 0 !important;
		float: left;
		margin-bottom: 0px
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-button {
		float: right;
		margin-top: 8px
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-button a {
		display: inline-block;
		margin-right: 5px
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-button .btn {
		text-decoration: none
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-button .btn.green {
		color: #fff !important
	}
	.overlay {
		top: 110px;
		height: 100%;
		height: -webkit-calc(100% - 110px);
		height: calc(100% - 110px)
	}
	.overlay.library-modal .modal {
		width: 50% !important;
		left: 25% !important
	}
	.modal {
		top: 10%;
		left: 32%;
		width: 36%
	}
	.modal-xs {
		width: 20% !important;
		top: 15% !important;
		left: 40% !important
	}
	.modal-sm {
		width: 24% !important;
		top: 15% !important;
		left: 38% !important
	}
	.modal-md {
		width: 30% !important;
		top: 15% !important;
		left: 35% !important
	}
	.modal-lg {
		width: 50% !important;
		top: 5% !important;
		left: 25% !important
	}
	.modal.modal-lg .body {
		max-height: 520px !important
	}
	.modal.modal-lg .body .modal-content .detail p {
		max-width: 100%;
		width: auto
	}
	.modal.modal-lg .body .nano {
		min-height: 470px !important
	}
	.content-header .side-menu.active {
		height: 100%
	}
	.comment-module-drawer .comments-area .editActive .ddl-right {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		visibility: visible
	}
	.comment-module-drawer .comments-area .editActive .body.editing .comment-desktop-menu {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		visibility: visible
	}
	.comment-module-drawer .comments-area .editActive .body.editing .ddl-right {
		display: none;
		visibility: hidden
	}
	.comment-module-drawer .comments-area .comment-mobil-menu-ddl {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		visibility: visible
	}
	.comment-module-drawer .comments-area .comment-desktop-menu {
		display: none;
		visibility: hidden
	}
	.comment-module-drawer .comments-area .mobileButtonsActiveForComment .ddl-left {
		display: none;
		visibility: hidden
	}
	.comment-module-drawer .comments-area .replyActive .ddl-left {
		display: none;
		visibility: hidden
	}
}

@media (min-width: 1282px) and (max-width: 1580px) {
	.comment-mobil-menu-ddl {
		display: none;
		visibility: hidden
	}
	.comment-desktop-menu {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline
	}
	.inline-modal .overlay.library-modal .modal {
		background: none;
		width: 60%;
		left: 20%
	}
	.inline-modal .overlay.library-modal .modal .header {
		background: none !important;
		border-bottom: 0px;
		padding: 0;
		margin: 0;
		height: 30px
	}
	.inline-modal .overlay.library-modal .modal .header a {
		margin-right: 8px
	}
	.inline-modal .overlay.library-modal .modal .header h2 {
		margin-left: 1%;
		color: #aab3cc
	}
	.inline-modal .overlay.library-modal .modal .header .sg-delete {
		color: #7A8292;
		margin-top: -5px;
		font-size: 32px !important
	}
	.inline-modal .overlay.library-modal .modal .body {
		border: 10px solid #38354a;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		margin-left: 0px !important;
		width: 100% !important;
		background: #D6D9DE
	}
	.inline-modal .overlay.library-modal .modal .body .modal-footer {
		margin-right: 0px
	}
	.inline-modal .overlay.library-modal .modal .body .modal-content {
		padding: 20px
	}
	.inline-modal .overlay.library-modal .modal .body .modal-bar {
		background: #fff;
		padding: 20px 20px 30px 20px;
		float: left;
		margin-top: 20px;
		width: 100%
	}
	.inline-modal .overlay.library-modal .modal .body .file-info {
		padding: 20px 20px 0px 20px;
		float: left;
		background: #38354a;
		width: 100%
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-info {
		float: left
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-info .sg-icon {
		font-size: 40px !important;
		display: inline-block
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-info .info-text {
		display: inline-block;
		margin-top: 5px
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-info .info-text h5 {
		color: #fff;
		display: block
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-info .info-text span {
		display: block;
		width: 100% !important;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		border: none;
		padding: 0 !important;
		float: left;
		margin-bottom: 0px
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-button {
		float: right;
		margin-top: 8px
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-button a {
		display: inline-block;
		margin-right: 5px
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-button .btn {
		text-decoration: none
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-button .btn.green {
		color: #fff !important
	}
	.inline-modal.approval-requests .overlay .modal {
		width: 45% !important
	}
	.inline-modal.activity-description .overlay .modal,
	.inline-modal.activity-rules .overlay .modal,
	.inline-modal.request-form-explanation .overlay .modal {
		left: 20%;
		width: 60%
	}
	.inline-modal.announcementsModal .overlay .modal {
		width: 60%
	}
	.inline-modal.comment-modal .overlay .modal {
		width: 60%
	}
	.modal {
		top: 15%;
		left: 25.5%;
		width: 45%
	}
	.modal-xs {
		width: 20% !important;
		top: 15% !important;
		left: 40% !important
	}
	.modal-sm {
		width: 24% !important;
		top: 15% !important;
		left: 38% !important
	}
	.modal-md {
		width: 30% !important;
		top: 15% !important;
		left: 35% !important
	}
	.modal-lg {
		width: 50% !important;
		top: 15% !important;
		left: 25% !important
	}
	.content-header .side-menu.active {
		height: 100%
	}
}

@media (min-width: 1201px) and (max-width: 1281px) {
	.comment-mobil-menu-ddl {
		display: none;
		visibility: hidden
	}
	.comment-desktop-menu {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline
	}
	.overlay {
		top: 110px;
		height: 100%;
		height: -webkit-calc(100% - 110px);
		height: calc(100% - 110px)
	}
	.inline-modal .overlay.library-modal .modal {
		background: none !important;
		width: 70% !important;
		left: 15% !important
	}
	.inline-modal .overlay.library-modal .modal .header {
		background: none !important;
		border-bottom: 0px;
		padding: 0;
		margin: 0;
		height: 30px
	}
	.inline-modal .overlay.library-modal .modal .header a {
		margin-right: 8px
	}
	.inline-modal .overlay.library-modal .modal .header h2 {
		margin-left: 1%;
		color: #aab3cc
	}
	.inline-modal .overlay.library-modal .modal .header .sg-delete {
		color: #7A8292;
		margin-top: -5px;
		font-size: 32px !important
	}
	.inline-modal .overlay.library-modal .modal .body {
		border: 10px solid #38354a;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		margin-left: 0px !important;
		width: 100% !important;
		background: #D6D9DE
	}
	.inline-modal .overlay.library-modal .modal .body .modal-footer {
		margin-right: 0px
	}
	.inline-modal .overlay.library-modal .modal .body .modal-content {
		padding: 20px
	}
	.inline-modal .overlay.library-modal .modal .body .modal-bar {
		background: #fff;
		padding: 20px 20px 30px 20px;
		float: left;
		margin-top: 20px;
		width: 100%
	}
	.inline-modal .overlay.library-modal .modal .body .file-info {
		padding: 20px 20px 0px 20px;
		float: left;
		background: #38354a;
		width: 100%
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-info {
		float: left
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-info .sg-icon {
		font-size: 40px !important;
		display: inline-block
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-info .info-text {
		display: inline-block;
		margin-top: 5px
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-info .info-text h5 {
		color: #fff;
		display: block
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-info .info-text span {
		display: block;
		width: 100% !important;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		border: none;
		padding: 0 !important;
		float: left;
		margin-bottom: 0px
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-button {
		float: right;
		margin-top: 8px
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-button a {
		display: inline-block;
		margin-right: 5px
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-button .btn {
		text-decoration: none
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-button .btn.green {
		color: #fff !important
	}
	.inline-modal.activity-description .overlay .modal {
		left: 15%;
		width: 70%
	}
	.inline-modal.activity-description .overlay .modal .body .modal-content .description-area {
		max-height: 360px
	}
	.inline-modal.activity-description .overlay .modal .body .modal-content .description-area img {
		display: block;
		float: none
	}
	.inline-modal.activity-description .overlay .modal {
		left: 15%;
		width: 70%
	}
	.inline-modal.activity-description .overlay .modal .body .modal-content .description-area {
		max-height: 360px
	}
	.inline-modal.activity-description .overlay .modal .body .modal-content .description-area img {
		display: block;
		float: none
	}
	.inline-modal.activity-rules .overlay .modal {
		left: 15%;
		width: 70%
	}
	.inline-modal.activity-rules .overlay .modal .body .modal-content .rules-area {
		max-height: 325px
	}
	.inline-modal.activity-rules .overlay .modal .body .modal-content .rules-area img {
		display: block;
		float: none
	}
	.inline-modal.task-modal .overlay .modal {
		width: 70%
	}
	.inline-modal.task-modal .overlay .modal .body .modal-content .task-area {
		max-height: 325px
	}
	.inline-modal.approval-requests .overlay .modal {
		width: 55% !important
	}
	.inline-modal.announcementsModal .overlay .modal {
		width: 70%
	}
	.inline-modal.announcementsModal .overlay .modal .body .modal-content .rules-area {
		max-height: 350px
	}
	.inline-modal.comment-modal .overlay .modal {
		width: 60%
	}
	.content-header .side-menu.active {
		height: 100%
	}
	.modal {
		top: 8%;
		left: 25%;
		width: 50%
	}
	.modal-xs {
		width: 20% !important;
		top: 10% !important;
		left: 40% !important
	}
	.modal-sm {
		width: 24% !important;
		top: 10% !important;
		left: 38% !important
	}
	.modal-md {
		width: 30% !important;
		top: 10% !important;
		left: 35% !important
	}
	.modal-lg {
		width: 50% !important;
		top: 1% !important;
		left: 25% !important
	}
	.modal.modal-lg .body {
		max-height: 370px !important
	}
	.modal.modal-lg .body .modal-content .detail p img {
		max-width: 100%;
		width: 92%
	}
	.modal.modal-lg .body .nano {
		min-height: 320px !important
	}
}

@media (min-width: 1024px) and (max-width: 1200px) {
	.modal {
		top: 15% !important;
		left: 20% !important;
		width: 60% !important
	}
	.inline-modal .overlay.library-modal .modal {
		width: 80% !important;
		left: 10% !important;
		top: 3% !important
	}
	.inline-modal .overlay.library-modal .modal .header .sg-delete {
		display: inline-block
	}
	.inline-modal .overlay.library-modal .modal .body {
		max-height: 100%
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-info {
		width: 100%;
		display: block;
		text-align: center
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-info .sg-icon {
		display: block !important
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-info .info-text h5 {
		display: inline-block;
		width: 100%
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-button {
		width: 100%;
		display: block;
		text-align: center
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-button a {
		display: block;
		margin-bottom: 13px
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-button .btn {
		width: 50% !important;
		margin: auto
	}
	.inline-modal.activity-description .overlay .modal {
		top: 20% !important;
		left: 10% !important;
		width: 80% !important
	}
	.inline-modal.activity-description .overlay .modal .body .modal-content .description-area {
		max-height: 350px
	}
	.inline-modal.task-modal .overlay .modal {
		width: 80% !important
	}
	.inline-modal.task-modal .overlay .modal .body .modal-content .task-area {
		max-height: 350px
	}
	.inline-modal.activity-rules .overlay .modal {
		left: 10% !important;
		width: 80% !important
	}
	.inline-modal.activity-rules .overlay .modal .body .modal-content .rules-area {
		max-height: 350px
	}
	.inline-modal.announcementsModal .overlay .modal {
		width: 80% !important
	}
	.inline-modal.announcementsModal .overlay .modal .body .modal-content .rules-area {
		max-height: 350px
	}
	.inline-modal.request-form-explanation .overlay .modal {
		top: 20% !important;
		left: 10% !important;
		width: 80% !important
	}
	.inline-modal.request-form-explanation .overlay .modal .body .modal-content .description-area {
		max-height: 350px
	}
	.inline-modal.comment-modal .overlay .modal .body {
		min-height: 100%;
		padding-bottom: 0px
	}
	.comment-module-drawer .inline-modal.comment-modal.modal-slider .modal {
		top: 60% !important
	}
	.comment-module-drawer .inline-modal.comment-modal.modal-slider .modal .slick-list {
		max-height: 425px !important
	}
	.comment-module-drawer .inline-modal.comment-modal.modal-slider .modal .slick-list img {
		margin: 0px !important
	}
	.comment-module-drawer .inline-modal.comment-modal.modal-slider .modal .body .sg-icon {
		margin-top: 0px
	}
	.visible-ht {
		display: block !important
	}
	.visible-inline-ht {
		display: inline-block !important
	}
	.hidden-ht {
		display: none !important
	}
	.pagination .btn:hover {
		background: #3CBC7B
	}
	.pagination .btn:focus {
		background: #3CBC7B
	}
	.content {
		width: 1024px
	}
	header .logo {
		margin-right: 35px
	}
	header .header-tools .help-btn-area .tooltip ul,
	header .header-tools .user-nav>li .tooltip ul {
		padding-bottom: 5px;
		border-bottom: 1px solid #D6D9DE
	}
	header .header-tools .help-btn-area .tooltip .close,
	header .header-tools .user-nav>li .tooltip .close {
		display: block
	}
	.content-header .notification-area {
		background-color: transparent
	}
	.content-header .notification-area .control {
		right: -10px
	}
	.content-header .notification-area .control>a {
		padding: 0;
		font-size: 30px;
		line-height: 23px
	}
	.content-header .notification-area .notify {
		background-color: #4A485B;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		width: 50px;
		height: 50px;
		margin-top: -15px;
		text-align: center
	}
	.content-header .notification-area .notify>a {
		margin-top: 12px;
		font-size: 24px
	}
	.content-header .notification-area .notify>a .count {
		bottom: -35px
	}
	.content-header .item {
		background-color: #4A485B;
		max-width: 590px;
		-moz-border-radius: 0 3px 3px 0;
		-webkit-border-radius: 0;
		border-radius: 0 3px 3px 0
	}
	.main {
		width: 100%
	}
	.main.library-content {
		float: left
	}
	.main.flexible {
		width: -webkit-calc(100% - 20px);
		width: calc(100% - 20px)
	}
	.main .box-module .module-content .module-item {
		margin-bottom: 20px
	}
	.main .box-module .module-content .module-item:nth-child(3n) {
		margin-right: 20px
	}
	.main.catalog-content {
		width: 690px
	}
	.main.catalog-content .box-module .module-content .module-item:nth-child(3n) {
		margin-right: 0px !important
	}
	.main.flexible .box-module .module-content .module-item:nth-child(3n) {
		margin-right: 2%
	}
	.settings-content {
		width: 100% !important;
		margin-left: -10px !important;
		float: left !important
	}
	aside {
		width: 100%;
		clear: both;
		float: none;
		background: transparent
	}
	aside .row {
		margin: 0 -.5rem !important
	}
	aside .row .news-feed {
		background: #fff
	}
	aside .news-list ul li {
		padding: 0 15px 15px
	}
	aside .news-list ul li .photo,
	aside .news-list ul li .detail {
		display: block;
		margin: auto;
		text-align: center
	}
	aside .news-list ul li .detail {
		width: 100%
	}
	aside .feed-area {
		overflow: hidden
	}
	aside .feed-area .feed-nav {
		display: none
	}
	aside .feed-area .slider .item {
		height: 175px
	}
	aside .feed-area .slider .item h6 {
		display: none
	}
	aside .feed-area .slider .item .photo {
		margin-top: 25px
	}
	aside .feed-area .slider .item .probable-badge {
		margin: 40px -30px 12px
	}
	aside .feed-area .slider .item .probable-badge li {
		width: 80px
	}
	aside .feed-area .slider .item .probable-badge li span {
		font: 11px "lato_trbold", Helvetica, Arial, sans-serif
	}
	aside .stats-area {
		background: #fff
	}
	aside .stats-area li {
		width: 33.33%
	}
	aside .stats-area li small {
		padding: 13px 7px
	}
	aside .stats-area li a {
		padding: 13px 0
	}
	aside .videos .video-slider div {
		width: 196px;
		height: 145px
	}
	aside .videos .video-slider div img {
		width: 100%
	}
	aside .toplist li {
		font-size: 11px
	}
	aside .toplist .slider-area .slider-item {
		width: 205px
	}
	.settings-content {
		padding-bottom: 30px
	}
	.settings-content .mail-settings-list li label {
		display: block !important
	}
	.settings-content .mail-settings-list li:hover {
		background: none
	}
	.settings-content .mail-settings-list .switch-btn {
		display: block !important;
		margin-top: 5px
	}
	aside.transparent {
		position: absolute;
		right: 10px;
		top: 130px;
		left: auto;
		bottom: auto;
		z-index: 5;
		width: 70px;
		height: 66px;
		display: block;
		overflow: hidden;
		background-color: #D6D9DE !important
	}
	aside.transparent .menu-stuck {
		width: 70px;
		height: 66px;
		position: absolute;
		right: 10px;
		top: 120px;
		left: auto;
		bottom: auto;
		z-index: 2;
		display: block;
		overflow: hidden;
		background-color: #D6D9DE !important
	}
	aside.transparent .links-box {
		background-color: transparent
	}
	aside.transparent h4 {
		text-indent: -9999px;
		cursor: pointer
	}
	aside.transparent h4 .sg-icon {
		background-color: #fff;
		border-color: #fff;
		text-indent: 0
	}
	aside.transparent.settings-bar h4 {
		padding: 23px
	}
	aside.transparent.settings-bar,
	aside.transparent.library-bar {
		background: transparent
	}
	aside.transparent.settings-bar h4 .sg-icon,
	aside.transparent.library-bar h4 .sg-icon {
		background-color: #fff !important
	}
	aside.transparent.open {
		position: absolute;
		top: 110px !important;
		right: 0;
		width: 50%;
		height: 100%;
		z-index: 10;
		background: #fff !important;
		border-left: 1px solid #ECEFF1;
		border-right: 1px solid #ECEFF1;
		-moz-box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1);
		box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1)
	}
	aside.transparent.open.settings-bar h4 {
		text-indent: initial
	}
	aside.transparent.open .menu-stuck {
		width: 50%;
		height: auto;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		position: absolute;
		right: auto;
		top: auto;
		left: auto;
		bottom: auto;
		z-index: 1;
		overflow: visible;
		background: #fff
	}
	aside.transparent.open h4 {
		background: #fff;
		border-bottom: 1px solid #D6D9DE
	}
	aside.transparent.open .sg-user {
		border: 4px solid #D6D9DE
	}
	aside.transparent.open .user-info h3 {
		margin-bottom: 20px
	}
	aside.transparent.open .links-box {
		background: #fff !important;
		margin-bottom: 0px !important
	}
	aside.transparent.open .links-box .sg-link,
	aside.transparent.open .links-box .sg-tag {
		border-color: #D6D9DE
	}
	aside.filter-bar-catalog.transparent {
		position: relative;
		right: inherit;
		top: inherit !important;
		left: inherit;
		bottom: inherit;
		display: block;
		width: 295px;
		overflow: visible;
		height: 100%;
		background-color: transparent !important
	}
	aside.filter-bar-catalog.transparent .sticky-wrapper {
		height: auto !important
	}
	aside.filter-bar-catalog.transparent .sticky-wrapper .menu-stuck {
		width: auto;
		height: auto;
		background-color: transparent;
		border-radius: 0;
		position: relative !important;
		right: inherit;
		top: inherit !important;
		left: inherit;
		bottom: inherit;
		z-index: 0 !important
	}
	aside.filter-bar-catalog.transparent h4 {
		text-indent: inherit;
		cursor: pointer
	}
	.video-box p {
		padding: 25px 15px 10px;
		font-size: 14px;
		line-height: 16px
	}
	.education-box .activity-grid-row {
		padding-left: 30px
	}
	.education-box .tools .date-area {
		position: relative
	}
	.education-box .tools .later .date-display {
		left: 0;
		top: auto;
		bottom: 16px
	}
	.education-box .tools .later .critical-tooltip {
		left: 50%;
		top: 80px;
		position: absolute
	}
	.education-box .tools .open-ended .date-display {
		left: 0;
		top: auto;
		bottom: 16px
	}
	.education-box .tools .open-ended .critical-tooltip {
		left: 50%;
		top: 80px;
		position: absolute
	}
	.education-box .tools .soon .date-display {
		left: 0;
		top: auto;
		bottom: 16px
	}
	.education-box .tools .soon .critical-tooltip {
		left: 50%;
		top: 45px;
		position: absolute
	}
	.education-box .tools .very-soon .date-display {
		left: 0;
		top: auto;
		bottom: 16px
	}
	.education-box .tools .very-soon .critical-tooltip {
		left: 50%;
		top: 45px;
		position: absolute
	}
	.education-box .tools .pending .critical-tooltip {
		left: 50%;
		top: 75px;
		position: absolute
	}
	.education-box .tools .expired .date-display {
		left: 0;
		top: auto;
		bottom: 16px
	}
	.education-box .tools .expired .critical-tooltip {
		left: 50%;
		top: 70px;
		position: absolute
	}
	.export-option-area {
		display: block
	}
	.polls table td.name {
		width: auto
	}
	.polls table td.name ul li p {
		width: 200px
	}
	.box-module .module-item {
		width: 196px
	}
	.box-module .module-item .img {
		width: 100%;
		height: 175px
	}
	.box-module.column {
		width: 235px
	}
	.box-module.column .module-content {
		padding: 0
	}
	.box-module.column .module-item {
		width: 100%;
		border: none
	}
	.box-module.column .module-item .img {
		width: 195px;
		height: 195px
	}
	.box-module.column:nth-child(3n+4) {
		margin-right: 20px
	}
	.box-module.column:nth-child(3n+5) {
		margin-right: 0px
	}
	.box-module.two-column {
		width: 480px
	}
	.box-module.two-column.lm {
		float: left;
		margin-right: 20px;
		clear: both
	}
	.box-module.two-column .module-item {
		height: 98.9px;
		margin-bottom: -1px;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0
	}
	.box-module.two-column .module-item:first-child {
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px;
		border-radius: 3px 3px 0 0
	}
	.box-module.two-column .module-item:last-child {
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0;
		border-radius: 0 0 3px 3px
	}
	.masonry-area {
		width: -webkit-calc(100% - 229px);
		width: calc(100% - 229px)
	}
	.masonry-area.halfsize {
		width: 100% !important
	}
	.masonry-area .masonry-item {
		width: 229px;
		margin-top: 0;
		margin-right: 20px;
		margin-bottom: 20px;
		margin-left: 0
	}
	.toplist {
		width: 228px
	}
	.catalog .box-module {
		padding: 0
	}
	.catalog .box-module .module-content {
		padding-right: 0
	}
	.catalog .box-module .module-content .catalog-detail-filters {
		margin-right: 2%
	}
	.catalog .box-module .module-item {
		width: 23%;
		margin-right: 2%
	}
	.catalog-sliders .box-module .module-content {
		padding-right: 0;
		margin-left: 20px
	}
	.catalog-sliders .box-module .module-item {
		width: 221px
	}
	.collection-detail .box-module.list .module-item {
		width: 48% !important;
		margin-right: 2%
	}
	.activity-area {
		max-width: 980px;
		width: 100%
	}
	.activity-area .education-info .detail {
		width: 370px
	}
	.activity-area .education-info .detail .detail-button-group {
		width: -webkit-calc(100% - 47px);
		width: calc(100% - 47px)
	}
	.activity-area .education-info .detail .detail-certificate {
		margin-right: -5px
	}
	.activity-area .education-info .detail .detail-certificate .tooltip .tooltip-inner {
		right: -180px
	}
	.activity-area .education-info .detail .detail-certificate .tooltip .tooltip-inner:after {
		right: 200px
	}
	.activity-area .education-info .detail .detail-certificate .tooltip.disabled .tooltip-inner {
		right: -200px
	}
	.activity-area .education-info .detail .detail-certificate .tooltip.disabled .tooltip-inner:after {
		right: 220px !important
	}
	.education-info-bar .container {
		width: 100%;
		max-width: 980px
	}
	.tab-content .null {
		padding: 35px 10px 50px !important;
		text-align: center;
		background-color: #fff
	}
	.tab-content .null .info {
		width: 100% !important;
		margin: 0 !important
	}
	.overlay.active .form {
		width: 60%;
		left: 20%
	}
	.side-menu.active {
		height: 100%
	}
	.participation-certificates,
	.certificates,
	.library-detail,
	.education-calendar {
		width: 880px
	}
	.catalog-filter-top .catalog-filter-search input[type="text"] {
		padding-top: 0;
		padding-right: 130px;
		padding-bottom: 0;
		padding-left: 35px;
		width: 380px
	}
	.catalog-filter-top .catalog-filter-search input[type="text"]::-moz-placeholder {
		font-family: "lato_trregular", Helvetica, Arial, sans-serif;
		color: #7A8292
	}
	.catalog-filter-top .catalog-filter-search input[type="text"]::-webkit-input-placeholder {
		font-family: "lato_trregular", Helvetica, Arial, sans-serif;
		color: #7A8292
	}
	.catalog-filter-top .catalog-filter-search input[type="text"]:-ms-input-placeholder {
		font-family: "lato_trregular", Helvetica, Arial, sans-serif;
		color: #7A8292
	}
	.catalog-filter-top .catalog-filter-search input[type="text"]::placeholder {
		font-family: "lato_trregular", Helvetica, Arial, sans-serif;
		color: #7A8292
	}
	.task-module .task-module-list.sort-types-list .trash.lang-trash {
		margin: 0 35px !important
	}
	.task-module .task-module-list .task-module-list-line .task-type-action span.editable {
		margin-right: 0
	}
	.task-module .task-module-list .task-module-list-line .participant-count span .inner {
		right: 37px
	}
	.task-module .task-module-list .task-module-list-line.active.lang-active .task-type-action i {
		margin-left: -2px
	}
	.video-link-text {
		padding: 0 20px 20px
	}
	.comment-button.disabled .trigger-unit-tooltip {
		width: 100% !important;
		text-align: center;
		white-space: normal
	}
	.comments-area .ddl-left {
		display: none;
		visibility: hidden
	}
	.comment-module-drawer .dropdown ul.comment-mobil-menu-ddl-items>li.ddl-items {
		width: calc(100% - 15px);
		margin: 5px auto !important
	}
	.comment-module-drawer .dropdown ul.comment-mobil-menu-ddl-items>li.ddl-items a {
		margin: 0
	}
	.comment-module-drawer .dropdown ul.comment-mobil-menu-ddl-items>li.ddl-items a i {
		margin: 0 !important
	}
	.comment-module-drawer .dropdown ul.comment-mobil-menu-ddl-items>li.ddl-items a .comment-button-text {
		padding: 0
	}
	.comment-module-drawer .dropdown ul.comment-mobil-menu-ddl-items>li.ddl-items:last-child {
		margin-bottom: 0px
	}
	.comment-module-drawer .ddl-left,
	.comment-module-drawer .ddl-right {
		display: none;
		visibility: hidden
	}
	.comment-module-drawer .visibleOnMobile .comment-desktop-menu {
		display: none;
		visibility: hidden
	}
	.comment-module-drawer .visibleOnMobile .ddl-right {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		visibility: visible
	}
	.comment-module-drawer .visibleOnMobile .comment-attachment-group {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		visibility: visible
	}
	.comment-module-drawer .people-replied-list.open .editActive .ddl-left,
	.comment-module-drawer .people-replied-list.open .editActive .ddl-right {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		visibility: visible
	}
	.comment-module-drawer .people-replied-list.open .editActive .comment-attachment-group {
		display: none;
		visibility: hidden
	}
	.comment-module-drawer .people-replied-list.open .comment-desktop-menu,
	.comment-module-drawer .people-replied-list.open .comment-attachment-group {
		display: none;
		visibility: hidden
	}
	.comment-module-drawer .body.editing .ddl-left,
	.comment-module-drawer .body.editing .ddl-right {
		display: none;
		visibility: hidden
	}
}

@media screen and (max-width: 1023px) {
	.activity-approval-list-line {
		text-align: center
	}
	.activity-approval-list-line .activity-name,
	.activity-approval-list-line .start-date,
	.activity-approval-list-line .end-date,
	.activity-approval-list-line .added-date,
	.activity-approval-list-line .added-reason,
	.activity-approval-list-line .status,
	.activity-approval-list-line .last-process,
	.activity-approval-list-line .action {
		padding: 10px 0
	}
	.activity-approval-list-line .no-time {
		margin: 0 auto
	}
	.activity-approval-list-line .action a {
		margin: auto
	}
	.activity-approval-list-line .activity-name .activity-name-thumb {
		margin: 0 auto 10px !important
	}
	.activity-approval-list-line .activity-name .activity-name-text {
		width: 100% !important;
		margin: 0px !important
	}
	aside {
		width: 100%;
		clear: both;
		float: none;
		background: transparent
	}
	aside .stats-area {
		background: #fff
	}
	aside .stats-area li {
		width: 33.33%
	}
	aside .news-feed {
		background: #fff
	}
	aside .news-feed .news-list ul li {
		padding: 0 15px 15px
	}
	aside .news-feed .news-list ul li .photo,
	aside .news-feed .news-list ul li .detail {
		display: block;
		margin: auto;
		text-align: center
	}
	aside .news-feed .news-list ul li .detail {
		width: 100%
	}
	.hidden-ht {
		display: none !important
	}
	.main.catalog-content {
		width: 100%
	}
	.box-module .module-item {
		width: 216px
	}
	.box-module .module-item .img {
		width: 175px;
		height: 175px
	}
}

@media (min-width: 767px) and (max-width: 1023px) {
	.modal {
		top: 15% !important;
		left: 20% !important;
		width: 60% !important
	}
	.inline-modal .overlay.library-modal .modal {
		width: 80% !important;
		left: 10% !important;
		top: 3% !important
	}
	.inline-modal .overlay.library-modal .modal .header .sg-delete {
		display: inline-block
	}
	.inline-modal .overlay.library-modal .modal .body {
		max-height: 100%
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-info {
		width: 100%;
		display: block;
		text-align: center
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-info .sg-icon {
		display: block !important
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-info .info-text h5 {
		display: inline-block;
		width: 100%
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-button {
		width: 100%;
		display: block;
		text-align: center
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-button a {
		display: block;
		margin-bottom: 13px
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-button .btn {
		width: 50% !important;
		margin: auto
	}
	.inline-modal.approval-requests .overlay .modal {
		width: 75% !important
	}
	.inline-modal.task-modal .overlay .modal {
		width: 75% !important
	}
	.inline-modal.activity-description .overlay .modal {
		left: 15% !important;
		width: 70% !important
	}
	.inline-modal.activity-description .overlay .modal .body .modal-content .description-area {
		max-height: 430px
	}
	.inline-modal.activity-description .overlay .modal .body .modal-content .description-area img {
		width: 100%
	}
	.inline-modal.request-form-explanation .overlay .modal {
		left: 15% !important;
		width: 70% !important
	}
	.inline-modal.request-form-explanation .overlay .modal .body .modal-content .description-area {
		max-height: 430px
	}
	.inline-modal.request-form-explanation .overlay .modal .body .modal-content .description-area img {
		width: 100%
	}
	.inline-modal.activity-rules .overlay .modal {
		width: 70% !important
	}
	.inline-modal.activity-rules .overlay .modal .body .modal-content .rules-area {
		max-height: 430px
	}
	.inline-modal.activity-rules .overlay .modal .body .modal-content .rules-area img {
		width: 100%
	}
	.inline-modal.announcementsModal .overlay .modal {
		width: 70% !important
	}
	.inline-modal.announcementsModal .overlay .modal .body .modal-content .rules-area {
		max-height: 430px
	}
	.inline-modal.announcementsModal .overlay .modal .body .modal-content .rules-area img {
		width: 100%
	}
	.education-info-bar {
		position: absolute !important;
		bottom: 80px
	}
	.visible-vt {
		display: block !important
	}
	.mobile-aside .profile img {
		width: 80px !important;
		height: 75px !important
	}
	.visible-inline-vt {
		display: inline-block !important
	}
	.hidden-vt {
		display: none !important
	}
	.tab>li .tab-tooltip .other-option {
		display: none;
		position: absolute;
		right: 0;
		top: 68px;
		left: auto;
		bottom: auto;
		z-index: 2;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		width: 205px;
		padding: 20px 0;
		background-color: #fff;
		border: 1px solid #D6D9DE;
		text-align: left
	}
	.tab>li .tab-tooltip .other-option:after,
	.tab>li .tab-tooltip .other-option:before {
		content: "";
		position: absolute;
		right: 8%;
		left: auto;
		width: 0;
		height: 0;
		margin-left: -8px;
		border: 8px solid transparent;
		border-bottom: 8px solid #fff
	}
	.pagination .btn:hover {
		background: #3CBC7B
	}
	.pagination .btn:focus {
		background: #3CBC7B
	}
	.education-history .filter-area .filter-content .form-item .form-item-button {
		height: 66px
	}
	.education-history .filter-area .filter-content .form-item label {
		margin-bottom: 10px
	}
	.education-history .filter-area .filter-content .form-item input[type="text"] {
		width: 100% !important
	}
	.education-history .filter-area .filter-content .form-item .select2-container--lms {
		width: 100% !important
	}
	.education-history .filter-area .filter-content .form-item .select2-selection--single {
		width: 100% !important
	}
	.education-history .filter-area .filter-content .form-item .select2-container--open>.select2-dropdown--below {
		width: auto
	}
	.body-content.no-scroll .content-header {
		width: 100%;
		padding-top: 0
	}
	.body-content.no-scroll .content-header .side-menu {
		margin-top: 0
	}
	.body-content.no-scroll .mobile-aside {
		width: 100%
	}
	.content {
		width: 100%;
		padding: 20px
	}
	header .header-tools .chat-btn .count {
		left: -3px;
		top: -7px
	}
	header .header-tools .help-btn-area .tooltip ul,
	header .header-tools .user-nav>li .tooltip ul {
		padding-bottom: 5px;
		border-bottom: 1px solid #D6D9DE
	}
	header .header-tools .help-btn-area .tooltip .close,
	header .header-tools .user-nav>li .tooltip .close {
		display: block
	}
	.mobile-aside .right-nav .notification-area {
		width: 50px;
		height: 50px;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%
	}
	.mobile-aside .right-nav .notification-area .slick-slider {
		display: none
	}
	.mobile-aside .right-nav .notification-area .control {
		top: 0;
		right: 0
	}
	.mobile-aside .right-nav .notification-area .notify>a {
		line-height: 42px
	}
	.mobile-aside .right-nav .notification-area .notify>a .count {
		bottom: 0
	}
	.main {
		width: 100%
	}
	.tab>li>a {
		padding: 25px 20px
	}
	.export-option-area {
		display: block
	}
	.settings-content .mail-settings-list li label {
		display: block !important
	}
	.settings-content .mail-settings-list li:hover {
		background: none
	}
	.settings-content .mail-settings-list .switch-btn {
		margin-bottom: 10px
	}
	aside.transparent {
		position: absolute;
		right: 20px;
		top: 130px;
		left: auto;
		bottom: auto;
		z-index: 5;
		width: 70px;
		height: 66px;
		display: block;
		overflow: hidden;
		background-color: #D6D9DE !important
	}
	aside.transparent h4 {
		text-indent: -9999px;
		cursor: pointer
	}
	aside.transparent h4 .sg-icon {
		background-color: #fff;
		border-color: #fff;
		text-indent: 0
	}
	aside.transparent .menu-stuck {
		width: 70px;
		height: 66px;
		position: absolute;
		right: 20px;
		top: 120px;
		left: auto;
		bottom: auto;
		z-index: 2;
		display: block;
		overflow: hidden;
		background-color: #D6D9DE !important
	}
	aside.transparent .links-box {
		background-color: transparent
	}
	aside.transparent.settings-bar h4 {
		padding: 23px
	}
	aside.transparent.library-bar h4 .sg-icon {
		background-color: #fff !important
	}
	aside.transparent.filter-bar h4 .sg-icon {
		background-color: #fff !important
	}
	aside.transparent.open {
		position: absolute;
		top: 110px !important;
		right: 0;
		width: 50%;
		height: 100%;
		z-index: 10;
		background: #fff !important;
		border-left: 1px solid #D6D9DE;
		border-right: 1px solid #D6D9DE;
		-moz-box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1);
		box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1)
	}
	aside.transparent.open .menu-stuck {
		width: 50%;
		height: auto;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		position: absolute;
		right: auto;
		top: auto;
		left: auto;
		bottom: auto;
		z-index: 1;
		overflow: visible;
		background: #fff
	}
	aside.transparent.open.settings-bar h4 {
		text-indent: initial
	}
	aside.transparent.open.library-bar h4 .sg-icon {
		border-color: #D6D9DE
	}
	aside.transparent.open.filter-bar {
		background: transparent
	}
	aside.transparent.open.filter-bar h4 .sg-icon {
		border-color: #D6D9DE
	}
	aside.transparent.open h4 {
		background: #fff;
		border-bottom: 1px solid #ECEFF1
	}
	aside.transparent.open .sg-user {
		border: 4px solid #D6D9DE
	}
	aside.transparent.open .user-info h3 {
		margin-bottom: 20px
	}
	aside.transparent.open .links-box {
		background: transparent !important;
		margin-bottom: 0px !important
	}
	aside.transparent.open .links-box .sg-link,
	aside.transparent.open .links-box .sg-tag {
		border-color: #D6D9DE
	}
	.education-box .activity-grid-row {
		padding-left: 30px
	}
	.education-box .tools .date-area {
		position: relative
	}
	.education-box .tools .later .date-display {
		left: 0;
		top: auto;
		bottom: 16px
	}
	.education-box .tools .later .critical-tooltip {
		left: 50%;
		top: 80px;
		position: absolute
	}
	.education-box .tools .open-ended .date-display {
		left: 0;
		top: auto;
		bottom: 16px
	}
	.education-box .tools .open-ended .critical-tooltip {
		left: 50%;
		top: 80px;
		position: absolute
	}
	.education-box .tools .soon .date-display {
		left: 0;
		top: auto;
		bottom: 16px
	}
	.education-box .tools .soon .critical-tooltip {
		left: 50%;
		top: 45px;
		position: absolute
	}
	.education-box .tools .very-soon .date-display {
		left: 0;
		top: auto;
		bottom: 16px
	}
	.education-box .tools .very-soon .critical-tooltip {
		left: 50%;
		top: 45px;
		position: absolute
	}
	.education-box .tools .pending .critical-tooltip {
		left: 50%;
		top: 75px;
		position: absolute
	}
	.education-box .tools .expired .date-display {
		left: 0;
		top: auto;
		bottom: 16px
	}
	.education-box .tools .expired .critical-tooltip {
		left: 50%;
		top: 70px;
		position: absolute
	}
	.box-module .module-item .img {
		width: 175px;
		height: 175px
	}
	.box-module.column .module-content {
		padding: 0
	}
	.box-module.column .module-item {
		border: none;
		width: 100%
	}
	.box-module.two-column {
		width: 65.3%
	}
	.box-module.two-column .module-item {
		height: 98.9px;
		margin-bottom: -1px;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0
	}
	.box-module.two-column .module-item:first-child {
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px;
		border-radius: 3px 3px 0 0
	}
	.box-module.two-column .module-item:last-child {
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0;
		border-radius: 0 0 3px 3px
	}
	.masonry-area {
		float: left
	}
	.masonry-area .masonry-item {
		width: 229px;
		float: left
	}
	.all-pinned-container {
		width: 100%;
		float: left
	}
	.halfsize {
		width: 35%;
		float: left
	}
	.fullsize {
		width: 71% !important;
		float: left
	}
	div.fullsize+.toplist-area-bottom {
		width: -webkit-calc(100% - 71%);
		width: calc(100% - 71%);
		float: left
	}
	div.halfsize+.toplist-area-bottom {
		width: -webkit-calc(100% - 35%);
		width: calc(100% - 35%);
		float: left
	}
	.toplist-area-bottom {
		width: 20%;
		float: left
	}
	.toplist-responsive {
		display: block
	}
	.toplist-responsive .toplist {
		width: 100%
	}
	.catalog .box-module {
		padding: 0
	}
	.catalog .box-module .module-content {
		padding-right: 0
	}
	.catalog .box-module .module-content .catalog-detail-filters {
		margin-right: 2%
	}
	.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line label {
		margin-bottom: 10px !important
	}
	.catalog .box-module .module-item {
		width: 31.3%;
		margin-right: 2%
	}
	.catalog-sliders .box-module .module-content {
		padding-right: 0;
		margin-left: 20px
	}
	.catalog-sliders .box-module .module-item {
		width: 213px;
		margin-right: 20px
	}
	.collection-detail .box-module.list .module-content {
		padding: 2%;
		margin-right: -2%
	}
	.collection-detail .box-module.list .module-item {
		width: 48% !important;
		margin-right: 2%
	}
	.activity-area {
		max-width: 730px;
		width: 100%
	}
	.activity-area .courses-area {
		margin-bottom: 80px
	}
	.activity-area .education-info .timer-area {
		width: 195px !important
	}
	.activity-area .education-info img {
		width: 90px;
		height: auto
	}
	.activity-area .education-info .education-thumb .image-status {
		width: 15%;
		height: 90px
	}
	.activity-area .education-info .detail {
		width: 235px
	}
	.activity-area .education-info .detail p .more {
		display: block;
		text-indent: 0
	}
	.activity-area .education-info .detail p .more .more-detail {
		left: -15px
	}
	.activity-area .education-info .detail p .more .more-detail:after,
	.activity-area .education-info .detail p .more .more-detail:before {
		left: 30px;
		top: -15px
	}
	.activity-area .education-info .detail p .more .more-detail:before {
		top: -16px
	}
	.activity-area .education-info .detail ul {
		*zoom: 1
	}
	.activity-area .education-info .detail ul:after {
		content: "";
		display: table;
		clear: both
	}
	.activity-area .education-info .detail .activity-grid-plan {
		display: block !important
	}
	.activity-area .education-info .detail .btn {
		margin-top: 25px
	}
	.activity-area .education-info .detail .delete-btn {
		bottom: 0
	}
	.activity-area .education-info .detail .detail-certificate .tooltip .tooltip-inner {
		right: -180px
	}
	.activity-area .education-info .detail .detail-certificate .tooltip .tooltip-inner:after {
		right: 200px
	}
	.activity-area .education-info .detail .detail-certificate .tooltip.disabled .tooltip-inner {
		right: -200px
	}
	.activity-area .education-info .detail .detail-certificate .tooltip.disabled .tooltip-inner:after {
		right: 220px !important
	}
	.activity-area .education-info .detail .location-icon .more-detail {
		left: 0 !important
	}
	.activity-area .education-info .detail .location-icon .more-detail:after,
	.activity-area .education-info .detail .location-icon .more-detail:before {
		left: 80px !important
	}
	.activity-area .education-info .score-area {
		width: 130px
	}
	.activity-area .education-info .score-area .failed .status-text-area,
	.activity-area .education-info .score-area .completed .status-text-area,
	.activity-area .education-info .score-area .unknown .status-text-area,
	.activity-area .education-info .score-area .pending .status-text-area,
	.activity-area .education-info .score-area .successful .status-text-area,
	.activity-area .education-info .score-area .ongoing .status-text-area {
		width: 100%
	}
	.activity-area .courses-area .courses-nav .next {
		right: 0px
	}
	.activity-area .courses-area .courses-nav .prev {
		left: 0px
	}
	.activity-area .courses-area .course-item .img.info-view.active .exam-tooltip {
		width: 215px;
		margin-left: -118.5px
	}
	.activity-area .courses-area .course-item .img.info-view.active .exam-tooltip:before,
	.activity-area .courses-area .course-item .img.info-view.active .exam-tooltip:after {
		margin-left: 5px
	}
	.activity-area .courses-area:after,
	.activity-area .courses-area:before {
		width: 25px
	}
	.activity-area .unit-area .directory-line a {
		margin-right: 25px !important
	}
	.activity-area .unit-box {
		position: relative
	}
	.activity-area .unit-box .unit-box-row {
		padding: 0
	}
	.activity-area .unit-box .unit-box-row.unit-box-main {
		width: 100% !important;
		margin-bottom: 15px
	}
	.activity-area .unit-box .unit-box-row.unit-box-score,
	.activity-area .unit-box .unit-box-row.unit-box-status {
		width: 25% !important
	}
	.activity-area .unit-box .unit-box-row.unit-box-type {
		width: 24% !important;
		text-align: left !important
	}
	.activity-area .unit-box .unit-box-row.unit-box-actions {
		width: 20% !important;
		text-align: right
	}
	.activity-area .unit-box .unit-box-row.unit-box-actions .exam-countdown {
		float: right
	}
	.activity-area .unit-box .unit-box-row.unit-box-actions a {
		margin-right: 0px !important
	}
	.activity-area .unit-box .unit-box-detail .unit-box-detail-sessions .session-title {
		padding: 10px 13px 0 10px !important
	}
	.activity-area .file-list li a {
		float: none
	}
	.education-info-bar .container {
		width: 100%;
		max-width: 730px
	}
	.education-info-bar .text-info {
		text-align: center
	}
	.drawer-area.open,
	.drawer-area.course.open {
		width: 100%;
		z-index: 99;
		height: 100%
	}
	.drawer-area .col-right,
	.drawer-area.course .col-right {
		width: 100%;
		width: -webkit-calc(100% - 220px);
		width: calc(100% - 220px)
	}
	.tab-content .null {
		padding: 35px 10px 50px !important;
		text-align: center;
		background-color: #fff
	}
	.tab-content .null .info {
		width: 100% !important;
		margin: 0 !important
	}
	.overlay.notifications .notify-area {
		padding: 10px;
		overflow: auto
	}
	.overlay.active .form {
		width: 60%;
		left: 20%
	}
	.catalog-filter-top .catalog-filter-search input[type="text"] {
		width: 400px
	}
	.catalog-filter-top .catalog-filter-search input[type="text"]::-moz-placeholder {
		font-family: "lato_trregular", Helvetica, Arial, sans-serif;
		color: #7A8292
	}
	.catalog-filter-top .catalog-filter-search input[type="text"]::-webkit-input-placeholder {
		font-family: "lato_trregular", Helvetica, Arial, sans-serif;
		color: #7A8292
	}
	.catalog-filter-top .catalog-filter-search input[type="text"]:-ms-input-placeholder {
		font-family: "lato_trregular", Helvetica, Arial, sans-serif;
		color: #7A8292
	}
	.catalog-filter-top .catalog-filter-search input[type="text"]::placeholder {
		font-family: "lato_trregular", Helvetica, Arial, sans-serif;
		color: #7A8292
	}
	.news-feed {
		background: #fff;
		padding-bottom: 5px
	}
	.margin-top {
		margin-top: 1rem
	}
	.margin-top:first-child {
		margin: 0 .5rem 0 0 !important
	}
	.margin-top:last-child {
		margin: 1rem 0 0 0 !important
	}
	.badge-window-area .tab .item .item-content.current-badges ul li.left-corner .tooltip,
	.badge-window-area .tab .item .item-content.potential-badges ul li.left-corner .tooltip {
		left: 110px
	}
	.badge-window-area .tab .item .item-content.current-badges ul li.left-corner .tooltip:after,
	.badge-window-area .tab .item .item-content.potential-badges ul li.left-corner .tooltip:after {
		left: 57px
	}
	.badge-window-area .tab .item .item-content.current-badges ul li.right-corner .tooltip,
	.badge-window-area .tab .item .item-content.potential-badges ul li.right-corner .tooltip {
		left: 25px
	}
	.badge-window-area .tab .item .item-content.current-badges ul li.right-corner .tooltip:after,
	.badge-window-area .tab .item .item-content.potential-badges ul li.right-corner .tooltip:after {
		left: 142px
	}
	.task-module .select2-container--lms {
		margin-left: 0px
	}
	.task-module .task-module-result p {
		text-align: center
	}
	.task-module .task-module-actions .total-process {
		margin-bottom: 20px
	}
	.task-module .task-module-search-line .checkbox {
		margin-top: 0;
		margin-right: 10px;
		margin-bottom: 0;
		margin-left: 0
	}
	.task-module .task-module-search-line .process-area {
		margin-top: 24px
	}
	.task-module .task-module-search-line .process-area .clear-btn {
		padding-left: 0px !important
	}
	.task-module .task-module-list .task-module-list-line .checkbox {
		margin: 0 0 10px 0
	}
	.task-module .task-module-list .task-module-list-line .task-code {
		width: auto
	}
	.task-module .task-module-list .task-module-list-line .col-line {
		margin: 10px 0
	}
	.task-module .task-module-list .task-module-list-line .col-line .evaluation-process .btn {
		margin: 0px auto 5px;
		display: table;
		min-width: 150px
	}
	.task-module .task-module-new-task .task-module-new-task-items.line-fix-height {
		height: auto;
		line-height: auto
	}
	.activity-management .select2-container--lms {
		margin-left: 0px
	}
	.activity-management .activity-management-actions .total-process {
		margin-bottom: 20px
	}
	.activity-management .activity-management-search-line .checkbox {
		margin-top: 0;
		margin-right: 10px;
		margin-bottom: 0;
		margin-left: 0
	}
	.activity-management .activity-management-list {
		margin-top: 20px
	}
	.activity-management .activity-management-list .activity-management-list-line {
		padding: 10px
	}
	.activity-management .activity-management-list .activity-management-list-line .activity-management-col-line {
		margin: 10px 0
	}
	.activity-management .activity-management-list .activity-management-list-line .activity-management-col-line .name-info {
		width: 100%
	}
	.activity-management .activity-management-list .activity-management-list-line .activity-management-col-line .name-info .name-info-left {
		display: block;
		width: 100%;
		margin: 10px 0
	}
	.activity-management .activity-management-list .activity-management-list-line .activity-management-col-line .name-info .name-info-right {
		display: block;
		width: 100%;
		margin: 0px
	}
	.activity-management .activity-management-list .activity-management-list-line .activity-management-col-line.user-count .user-count-numeric {
		width: 145px
	}
	.activity-management .activity-management-list .activity-management-list-line .activity-management-col-line.user-count .user-count-numeric .inner {
		width: 145px;
		position: absolute;
		left: auto;
		top: 25px;
		right: auto;
		bottom: auto;
		z-index: 5;
		margin: auto;
		min-width: auto
	}
	.activity-management .activity-management-list .activity-management-list-line .activity-management-col-line.user-count .user-count-numeric .inner:after,
	.activity-management .activity-management-list .activity-management-list-line .activity-management-col-line.user-count .user-count-numeric .inner:before {
		left: auto;
		margin-left: -5px
	}
	.activity-management .activity-management-list .activity-management-list-line .owner .full-name {
		height: auto
	}
	.activity-management .activity-management-list .activity-management-list-line .owner .full-name .inner {
		position: absolute;
		left: 50%;
		top: 25px;
		right: auto;
		bottom: auto;
		z-index: 1;
		width: auto;
		margin: auto;
		min-width: auto;
		transform: translate(-50%, 0);
		white-space: nowrap
	}
	.activity-management .activity-management-list .activity-management-list-line .checkbox-mobile .checkbox {
		margin: 0 0 10px 0
	}
	.activity-management .tab-favorites .process-area {
		padding-top: 24px
	}
	.checkbox-not-mobile {
		display: none !important
	}
	.video-link-text {
		padding: 0 20px 20px
	}
}

@media (min-width: 768px) and (max-width: 800px) {
	.modal {
		top: 15% !important;
		left: 15% !important;
		width: 70% !important
	}
	.task-module-sort .text-xs-center {
		padding: 5px 0px
	}
	.task-module-sort .no-checkbox span:first-child {
		margin-left: 0px
	}
	.exam-modal-area .exam-statistics .statistics-list ul {
		margin-right: 40px;
		padding-right: 40px
	}
	.exam-modal-area .questions {
		margin: 0;
		border: 0
	}
	.exam-modal-area .question-item .form-item img {
		width: 100%
	}
	.recommend-tooltip {
		position: absolute;
		right: -110px;
		top: 35px;
		left: auto;
		bottom: auto;
		z-index: 1
	}
	.recommend-tooltip:after,
	.recommend-tooltip:before {
		margin-right: 169px
	}
	.checkbox-filter-box ul li {
		width: 380px
	}
}

@media (min-width: 500px) and (max-width: 766px) {
	.comment-desktop-menu {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline
	}
	.comment-mobil-menu-ddl {
		display: none;
		visibility: hidden
	}
	.margin-xs-tb-10 {
		margin: 10px 0
	}
	.inline-modal.approval-requests .overlay .modal {
		width: 80% !important
	}
	.inline-modal.task-modal .overlay .modal {
		width: 80% !important
	}
	.inline-modal.activity-description .overlay .modal .body .modal-content .description-area img {
		float: none;
		width: 100%
	}
	.inline-modal.request-form-explanation .overlay .modal .body .modal-content .description-area img {
		float: none;
		width: 100%
	}
	.inline-modal.activity-rules .overlay .modal .body .modal-content .rules-area img {
		float: none;
		width: 100%
	}
	.modal {
		top: 10% !important;
		left: 10% !important;
		width: 80% !important
	}
	.visible-hm {
		display: inline-block !important
	}
	.visible-inline-hm {
		display: inline-block !important
	}
	.hidden-hm {
		display: none !important
	}
	.exam-tooltip,
	.course-tooltip {
		display: none !important
	}
	.education-history .filter-area .filter-content .form-item label {
		margin-bottom: 10px
	}
	.education-history .filter-area .filter-content .form-item input[type="text"] {
		width: 100%
	}
	.education-history .filter-area .filter-content .form-item .select2-container--lms {
		width: 100% !important
	}
	.education-history .filter-area .filter-content .form-item .select2-selection--single {
		width: 100% !important
	}
	.education-history .filter-area .filter-content .form-item .select2-container--open>.select2-dropdown--below {
		width: auto
	}
	.pagination .btn:hover {
		background: #3CBC7B
	}
	.pagination .btn:focus {
		background: #3CBC7B
	}
	.slick-slide {
		margin-left: 5px;
		margin-right: 5px
	}
	.wrapper,
	.wrapper.narrow {
		padding-top: 0
	}
	.content {
		position: static;
		width: 100%;
		padding: 10px
	}
	.all-pinned-container {
		width: 100%;
		float: left
	}
	.export-option-area {
		display: block
	}
	.halfsize {
		width: 35%;
		float: left
	}
	.fullsize {
		width: 35% !important;
		float: left
	}
	div.fullsize+.toplist-area-bottom {
		width: -webkit-calc(100% - 40%);
		width: calc(100% - 40%);
		float: right
	}
	div.halfsize+.toplist-area-bottom {
		width: -webkit-calc(100% - 40%);
		width: calc(100% - 40%);
		float: left
	}
	.toplist-area-bottom {
		width: 20%;
		float: left
	}
	.toplist-responsive {
		display: block
	}
	.toplist-responsive .toplist {
		width: 100%
	}
	.overlay.notifications .notify-area {
		overflow: auto
	}
	.overlay.active .form {
		width: 80%;
		left: 10%
	}
	header {
		position: relative
	}
	header .logo-holder {
		width: 70px;
		height: 70px;
		position: absolute;
		top: 14.5px;
		left: 60px;
		margin: 0;
		float: none
	}
	header .logo-holder .logo {
		width: 70px;
		height: 70px
	}
	header .logo-holder .logo img {
		display: none
	}
	header .logo-holder .logo .narrow-logo {
		display: block !important
	}
	header .search-area {
		display: none;
		position: absolute;
		left: 0;
		top: 110px;
		right: auto;
		bottom: auto;
		z-index: 1;
		width: 100%;
		margin: 0;
		z-index: 10
	}
	header .search-area input[type="text"] {
		width: 170px
	}
	header .search-area.active {
		display: block !important
	}
	header .header-tools .chat-btn .count {
		left: -3px;
		top: -7px
	}
	header .header-tools .help-btn-area .tooltip ul,
	header .header-tools .user-nav>li .tooltip ul {
		padding-bottom: 5px;
		border-bottom: 1px solid #D6D9DE
	}
	header .header-tools .help-btn-area .tooltip .close,
	header .header-tools .user-nav>li .tooltip .close {
		display: block
	}
	header.narrow .mobile-search-btn.active {
		padding-bottom: 1px
	}
	header.narrow .search-area {
		top: 52px
	}
	.content-header {
		padding-right: 0;
		height: 70px
	}
	.content-header .user-name-area,
	.content-header .notification-area {
		display: none
	}
	.content-header .side-menu {
		float: left;
		width: 70px;
		height: 70px
	}
	.content-header .side-menu .menu-btn {
		width: 70px;
		height: 70px
	}
	.content-header .side-menu.active {
		width: 100%;
		top: 70px;
		height: 100%;
		height: -webkit-calc(100% - 70px);
		height: calc(100% - 70px)
	}
	.content-header .side-menu.active .side-menu-content {
		top: 70px;
		height: 100%;
		height: -webkit-calc(100% - 74px);
		height: calc(100% - 74px)
	}
	.content-header .mobile-aside {
		width: -webkit-calc(100% - 70px);
		width: calc(100% - 70px)
	}
	.content-header .mobile-aside .profile img {
		width: 70px !important;
		height: 70px !important
	}
	.content-header .mobile-aside .profile h4 {
		display: none
	}
	.content-header .mobile-aside .right-nav li {
		padding-top: 7px
	}
	.content-header .mobile-aside .score-view {
		width: -webkit-calc(100% - 213px);
		width: calc(100% - 213px)
	}
	.content-header .mobile-aside .score-view li {
		width: 50%;
		height: 70px
	}
	.content-header .mobile-aside .score-badge {
		width: -webkit-calc(100% - 213px);
		width: calc(100% - 213px);
		text-align: center
	}
	.content-header .mobile-aside .score-badge .score {
		display: none
	}
	.content-header .mobile-aside .score-badge .badge {
		width: 100%;
		padding-top: 9px
	}
	.inline-modal .overlay.library-modal {
		overflow: scroll
	}
	.inline-modal .overlay.library-modal .modal {
		width: 80% !important;
		left: 10% !important;
		top: 3% !important
	}
	.inline-modal .overlay.library-modal .modal .header .sg-delete {
		display: inline-block
	}
	.inline-modal .overlay.library-modal .modal .body {
		max-height: 100%
	}
	.inline-modal .overlay.library-modal .modal .body .modal-bar {
		padding: 10px 20px 30px 20px
	}
	.inline-modal .overlay.library-modal .modal .body .file-info {
		padding: 5px 20px 0px 20px
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-info {
		width: 100%;
		display: block;
		text-align: center
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-info .sg-icon {
		display: block !important;
		font-size: 30px !important
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-info .info-text {
		font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
		margin-bottom: 3px;
		margin-top: 0px
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-info .info-text h5 {
		display: inline-block;
		width: 100%
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-button {
		width: 100%;
		display: block;
		text-align: center
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-button a {
		display: block;
		margin-bottom: 13px
	}
	.main {
		width: 100%
	}
	.library-detail table td .inline-modal {
		text-align: center
	}
	.library-detail table td h5 {
		font-size: 13px
	}
	aside.transparent {
		position: absolute;
		right: 10px;
		top: 120px;
		left: auto;
		bottom: auto;
		z-index: 5;
		width: 70px;
		height: 66px;
		display: block;
		overflow: hidden;
		background-color: #D6D9DE !important
	}
	aside.transparent h4 {
		text-indent: -9999px;
		cursor: pointer
	}
	aside.transparent h4 .sg-icon {
		background-color: #fff;
		border-color: #fff;
		text-indent: 0
	}
	aside.transparent .menu-stuck {
		width: 70px;
		height: 66px;
		position: absolute;
		right: 10px;
		top: 120px;
		left: auto;
		bottom: auto;
		z-index: 2;
		display: block;
		overflow: hidden;
		background-color: #D6D9DE !important
	}
	aside.transparent .links-box {
		background-color: transparent
	}
	aside.transparent.settings-bar h4 {
		padding: 23px
	}
	aside.transparent.library-bar h4 .sg-icon {
		background-color: #fff !important
	}
	aside.transparent.filter-bar h4 .sg-icon {
		background-color: #fff !important
	}
	aside.transparent.settings-bar h4 {
		padding: 23px
	}
	aside.transparent.open {
		position: absolute;
		top: 110px !important;
		right: 0;
		width: 60%;
		height: 100%;
		z-index: 12;
		background: #fff !important;
		border-left: 1px solid #D6D9DE;
		border-right: 1px solid #D6D9DE;
		-moz-box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1);
		box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1)
	}
	aside.transparent.open .menu-stuck {
		width: 60%;
		height: auto;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		position: absolute;
		left: auto;
		top: auto;
		right: auto;
		bottom: auto;
		z-index: 1;
		overflow: visible;
		background: #fff
	}
	aside.transparent.open.settings-bar h4 {
		text-indent: initial
	}
	aside.transparent.open.library-bar h4 .sg-icon {
		border-color: #D6D9DE
	}
	aside.transparent.open.filter-bar h4 .sg-icon {
		border-color: #D6D9DE
	}
	aside.transparent.open h4 {
		background: #fff;
		border-bottom: 1px solid #ECEFF1
	}
	aside.transparent.open .sg-user {
		border: 4px solid #D6D9DE
	}
	aside.transparent.open .user-info h3 {
		margin-bottom: 20px
	}
	aside.transparent.open .links-box {
		background: transparent !important;
		margin-bottom: 0px !important
	}
	aside.transparent.open .links-box .sg-link,
	aside.transparent.open .links-box .sg-tag {
		border-color: #D6D9DE
	}
	.settings-content .mail-settings-list li:hover {
		background: none
	}
	.settings-content .mail-settings-list .switch-btn {
		display: block !important;
		margin-top: 5px
	}
	.growl-container {
		width: 100%
	}
	.education-box .row .category-tag {
		position: static
	}
	.education-box .row .detail {
		width: 100%;
		margin-bottom: 15px;
		margin-left: 0px
	}
	.education-box .row .tools .date-unit {
		display: none
	}
	.education-box .row .tools .education-status .status-display {
		display: none
	}
	.education-box .row .tools .education-status.group {
		float: left;
		margin-left: 20%;
		height: auto;
		min-height: 0px;
		width: 20%
	}
	.education-box .row .tools .education-status.multiple {
		float: left;
		margin-left: 0px;
		width: 40%
	}
	.education-box .row .tools .education-status.single {
		float: left;
		margin-left: 30%;
		width: 10%
	}
	.education-box .row .tools .later,
	.education-box .row .tools .soon,
	.education-box .row .tools .very-soon,
	.education-box .row .tools .pending,
	.education-box .row .tools .open-ended {
		margin-top: 0px
	}
	.education-box .row .tools .later .date-display,
	.education-box .row .tools .soon .date-display,
	.education-box .row .tools .very-soon .date-display,
	.education-box .row .tools .pending .date-display,
	.education-box .row .tools .open-ended .date-display {
		width: 100%;
		height: auto
	}
	.education-box .row .tools .later .date-display span,
	.education-box .row .tools .soon .date-display span,
	.education-box .row .tools .very-soon .date-display span,
	.education-box .row .tools .pending .date-display span,
	.education-box .row .tools .open-ended .date-display span {
		display: inline
	}
	.education-box .row .tools .pending span:nth-child(1),
	.education-box .row .tools .expired span:nth-child(1) {
		display: none
	}
	.education-box .row .tools .pending span:nth-child(2),
	.education-box .row .tools .expired span:nth-child(2) {
		display: inline-block
	}
	.education-box .row .tools .pending span:nth-child(3),
	.education-box .row .tools .expired span:nth-child(3) {
		display: inline-block
	}
	.education-box .row .tools .pending span:nth-child(2) {
		display: none
	}
	.education-box .row .tools .expired span:nth-child(1) {
		display: inline-block
	}
	.education-box .row .tools .expired span.expired-text {
		font-family: "lato_trlight";
		font-size: 12px
	}
	.education-box .row .tools .critical-tooltip {
		width: 5%;
		text-align: center;
		float: left;
		top: 5px
	}
	.education-box .row .education-status,
	.education-box .row .play-btn {
		float: none;
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		margin-left: 10px
	}
	.education-box .row .timer {
		font-size: 12px;
		width: auto;
		margin: 12px 60px 0 0
	}
	.education-box .row .timer span {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		font-size: 12px;
		line-height: 12px
	}
	.education-box .row .critical-tooltip,
	.education-box .row .date {
		display: none
	}
	.education-box .transfer-options .options-area {
		right: 0px;
		z-index: 5
	}
	.education-box .transfer-options .options-area:after,
	.education-box .transfer-options .options-area:before {
		right: 16px
	}
	.stage {
		margin-left: 2%
	}
	.tabs-title {
		margin-left: 2%
	}
	.box-module .module-item {
		width: 100%;
		height: 160px;
		margin-bottom: -1px;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0
	}
	.box-module .module-item:first-child {
		-moz-border-radius: 6px 6px 0 0;
		-webkit-border-radius: 6px;
		border-radius: 6px 6px 0 0
	}
	.box-module .module-item:last-child {
		-moz-border-radius: 0 0 6px 6px;
		-webkit-border-radius: 0;
		border-radius: 0 0 6px 6px
	}
	.box-module .module-item .img {
		float: left;
		width: 120px;
		height: 120px;
		margin-right: 15px
	}
	.box-module .module-item .img:hover .info-view {
		display: none
	}
	.box-module .module-item p {
		float: left;
		width: -webkit-calc(100% - 135px);
		width: calc(100% - 135px)
	}
	.box-module .module-item .stats {
		float: left;
		width: -webkit-calc(100% - 170px);
		width: calc(100% - 170px);
		left: 155px
	}
	.box-module.column {
		width: 100%
	}
	.box-module.column .module-item {
		width: 100%;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px
	}
	.box-module.column .module-item .img {
		width: 90px;
		height: 90px
	}
	.box-module.column .module-item p {
		width: -webkit-calc(100% - 115px);
		width: calc(100% - 115px)
	}
	.box-module.lm {
		margin-left: 0
	}
	.box-module.two-column {
		width: 100%
	}
	.box-module.two-column .module-item {
		height: 125px;
		margin-bottom: -1px;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0
	}
	.box-module.two-column .module-item:first-child {
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px;
		border-radius: 3px 3px 0 0
	}
	.box-module.two-column .module-item:last-child {
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0;
		border-radius: 0 0 3px 3px
	}
	.box-module.two-column .module-item p {
		float: none
	}
	.box-module.two-column .module-item .stats {
		left: 55px
	}
	.masonry-area {
		width: -webkit-calc(100% - 245px);
		width: calc(100% - 245px)
	}
	.masonry-area.halfsize {
		width: 100% !important
	}
	.masonry-area .masonry-item {
		width: 225px;
		margin: 0 20px 20px 0
	}
	.toplist {
		width: 225px
	}
	.catalog .box-module {
		padding-left: 0
	}
	.catalog .box-module .module-content .catalog-detail-filters {
		margin: 0
	}
	.catalog-sliders .box-module .module-content {
		margin-left: 20px
	}
	.catalog-sliders .box-module .module-item {
		margin: 0 15px 0 15px;
		width: 439px
	}
	.catalog-sliders .box-module .module-item .img .bar {
		width: 35px
	}
	.catalog-sliders .box-module .module-item .img .bar .sg-icon {
		margin-bottom: 10px
	}
	.title-bar .view-menu a {
		padding: 0;
		text-indent: -999999px
	}
	.title-bar .view-menu a:before {
		left: 12px
	}
	.collection-detail .box-module.list .module-content {
		padding: 2%;
		margin-right: 0
	}
	.collection-detail .box-module.list .module-item,
	.collection-detail .box-module.list .module-item:first-child,
	.collection-detail .box-module.list .module-item:last-child {
		width: 100%;
		margin-right: 0;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px
	}
	.collection-detail .box-module.list .module-item .stats .stats-left,
	.collection-detail .box-module.list .module-item:first-child .stats .stats-left,
	.collection-detail .box-module.list .module-item:last-child .stats .stats-left {
		margin-left: 0px
	}
	.activity-area {
		width: 100%;
		width: -webkit-calc(100% - 20px);
		width: calc(100% - 20px);
		margin: 10px
	}
	.activity-area .education-info {
		padding: 10px 10px 30px
	}
	.activity-area .education-info .education-thumb {
		min-height: 100% !important
	}
	.activity-area .education-info .education-thumb .image-status {
		width: 15%
	}
	.activity-area .education-info img {
		width: 90px;
		height: auto
	}
	.activity-area .education-info .detail {
		width: -webkit-calc(100% - 100px);
		width: calc(100% - 100px);
		margin-left: 10px
	}
	.activity-area .education-info .detail h4 {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline
	}
	.activity-area .education-info .detail p .more {
		display: block;
		text-indent: 0;
		margin: 0
	}
	.activity-area .education-info .detail p .more .ss-icon {
		padding: 0 10px;
		height: 20px;
		line-height: 27px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background-color: #b0b8cf;
		color: #f3f7ff
	}
	.activity-area .education-info .detail p .more .more-detail {
		left: 0;
		top: 35px;
		line-height: 20px
	}
	.activity-area .education-info .detail p .more .more-detail:after,
	.activity-area .education-info .detail p .more .more-detail:before {
		left: 23px
	}
	.activity-area .education-info .detail ul {
		position: absolute;
		right: 0;
		top: 0;
		left: auto;
		bottom: auto;
		z-index: 1;
		*zoom: 1;
		padding-left: 15px;
		border-left: 1px solid #ECEFF1
	}
	.activity-area .education-info .detail ul:after {
		content: "";
		display: table;
		clear: both
	}
	.activity-area .education-info .detail .category-tag {
		position: inherit;
		padding-left: 0;
		border-left: 0
	}
	.activity-area .education-info .detail .detail-button-group ul {
		position: relative;
		padding-left: 0
	}
	.activity-area .education-info .detail .delete-btn {
		bottom: 0
	}
	.activity-area .education-info .mobile-timer-score-area {
		display: block
	}
	.activity-area .education-info .mobile-timer-score-area li {
		padding: 10px
	}
	.activity-area .education-info .score-area,
	.activity-area .education-info .timer-area {
		display: none
	}
	.activity-area .courses-area .courses-nav .prev,
	.activity-area .courses-area .courses-nav .next {
		top: 55px
	}
	.activity-area .courses-area .course-item {
		width: 100%;
		margin-top: 0;
		margin-right: 10px;
		margin-bottom: 10px;
		margin-left: 0;
		padding: 10px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px
	}
	.activity-area .courses-area .course-item:after {
		display: none
	}
	.activity-area .courses-area .course-item.completed .sg-compose,
	.activity-area .courses-area .course-item.half .sg-compose {
		background: none;
		padding-top: 10px !important;
		font-size: 60px !important
	}
	.activity-area .courses-area .course-item .img {
		width: 100px;
		height: 100px
	}
	.activity-area .courses-area .course-item .img>.sg-icon,
	.activity-area .courses-area .course-item .img>.ss-icon {
		top: auto;
		bottom: 0
	}
	.activity-area .courses-area .course-item .img .thumb {
		display: block;
		width: 100% !important;
		height: 100% !important
	}
	.activity-area .courses-area .course-item .img .thumb .slick-slide img {
		width: 100%;
		height: 100%
	}
	.activity-area .courses-area .course-item .img .thumb img {
		width: 100% !important;
		height: 100% !important
	}
	.activity-area .courses-area .course-item .info {
		margin-top: 5px;
		border-top: 1px solid #D6D9DE
	}
	.activity-area .courses-area:after,
	.activity-area .courses-area:before {
		display: none
	}
	.activity-area .courses-area .courses-nav .container {
		width: 80%
	}
	.activity-area .courses-area .courses-nav .container:after {
		left: 50%;
		margin-left: -3px;
		width: 66px;
		height: 66px
	}
	.activity-area .courses-area .img .thumb {
		width: 100% !important;
		height: 100% !important
	}
	.activity-area .courses-area .img .thumb .info-btn {
		left: -8px;
		top: 25px
	}
	.activity-area .courses-area .img>.sg-icon {
		width: 35px !important;
		height: 35px !important;
		line-height: 46px;
		font-size: 20px !important
	}
	.education-info-bar {
		position: relative;
		height: auto;
		padding-bottom: 45px
	}
	.education-info-bar .container {
		width: 100%;
		padding: 10px 20px
	}
	.education-info-bar .btn {
		position: absolute;
		left: 20px;
		bottom: 14px;
		right: auto;
		top: auto;
		z-index: 1;
		padding: 10px 5px;
		min-width: 40%
	}
	.education-info-bar .btn.green {
		left: auto;
		right: 20px
	}
	.education-info-bar .text-info {
		float: none;
		text-align: left
	}
	.education-info-bar .text-info p {
		width: 100%
	}
	.drawer-area.open,
	.drawer-area.course.open {
		width: 100%;
		z-index: 99;
		height: 100%
	}
	.drawer-area .close,
	.drawer-area.course .close {
		top: 10px
	}
	.drawer-area .drawer-content,
	.drawer-area.course .drawer-content {
		padding: 10px
	}
	.drawer-area .col-left .thumb,
	.drawer-area .col-left .info,
	.drawer-area.course .col-left .thumb,
	.drawer-area.course .col-left .info {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		vertical-align: top
	}
	.drawer-area .col-left .info,
	.drawer-area.course .col-left .info {
		width: -webkit-calc(100% - 250px);
		width: calc(100% - 250px)
	}
	.drawer-area .col-left img,
	.drawer-area.course .col-left img {
		display: block;
		margin: 15px auto 0
	}
	.drawer-area .col-right,
	.drawer-area .col-left,
	.drawer-area.course .col-right,
	.drawer-area.course .col-left {
		width: 100%;
		margin: 0 0 20px 0
	}
	.drawer-area .col-right .btn,
	.drawer-area.course .col-right .btn {
		width: 31% !important
	}
	.drawer-area .col-right .recommend-wrapper,
	.drawer-area .col-right .catalog-for-admin,
	.drawer-area.course .col-right .recommend-wrapper,
	.drawer-area.course .col-right .catalog-for-admin {
		width: 31% !important;
		margin-right: 10px
	}
	.drawer-area .col-right .recommend-wrapper>.btn,
	.drawer-area .col-right .catalog-for-admin>.btn,
	.drawer-area.course .col-right .recommend-wrapper>.btn,
	.drawer-area.course .col-right .catalog-for-admin>.btn {
		min-width: 100% !important
	}
	.drawer-area .col-right .stats-info,
	.drawer-area.course .col-right .stats-info {
		float: none;
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		margin: 10px 0;
		text-align: center
	}
	.drawer-area .col-right .indicator,
	.drawer-area.course .col-right .indicator {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		margin: 10px 0;
		text-align: center
	}
	.drawer-area .col-right h5,
	.drawer-area.course .col-right h5 {
		font-size: 14px
	}
	.drawer-area .col-right p,
	.drawer-area.course .col-right p {
		font-size: 12px
	}
	.drawer-area.profile.open,
	.drawer-area.course.profile.open {
		width: 90%
	}
	.drawer-area.profile .col-right,
	.drawer-area.profile .col-left,
	.drawer-area.course.profile .col-right,
	.drawer-area.course.profile .col-left {
		width: 100%;
		margin: 0 0 20px 0;
		background-color: transparent
	}
	.drawer-area.profile .col-left,
	.drawer-area.course.profile .col-left {
		border-bottom: 1px solid #ECEFF1
	}
	.drawer-area.profile .col-left img,
	.drawer-area.course.profile .col-left img {
		margin-top: 0
	}
	.drawer-area.profile .col-left .thumb,
	.drawer-area.course.profile .col-left .thumb {
		width: 90px;
		height: 80px;
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline
	}
	.drawer-area.profile .col-left .thumb .avatar,
	.drawer-area.course.profile .col-left .thumb .avatar {
		width: 70px;
		height: 70px;
		margin-top: 5px
	}
	.drawer-area.profile .col-left .name,
	.drawer-area.course.profile .col-left .name {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		width: -webkit-calc(100% - 90px);
		width: calc(100% - 90px);
		height: 80px;
		margin: 0 0 0 -3px;
		padding: 15px;
		background-color: #ECEFF1
	}
	.drawer-area.profile .col-left .name span,
	.drawer-area.course.profile .col-left .name span {
		margin-top: 5px
	}
	.drawer-area.profile .col-left ul,
	.drawer-area.course.profile .col-left ul {
		margin: 10px 0
	}
	.drawer-area.profile .col-left ul li,
	.drawer-area.course.profile .col-left ul li {
		*zoom: 1;
		padding: 12px 0;
		margin: 0;
		border-bottom: 1px solid #ECEFF1;
		text-align: right
	}
	.drawer-area.profile .col-left ul li:after,
	.drawer-area.course.profile .col-left ul li:after {
		content: "";
		display: table;
		clear: both
	}
	.drawer-area.profile .col-left ul li span,
	.drawer-area.course.profile .col-left ul li span {
		float: left;
		font-size: 12px
	}
	.tab-content .null {
		padding: 35px 10px 50px !important;
		text-align: center;
		background-color: #fff
	}
	.tab-content .null .info {
		width: 100% !important;
		margin: 0 !important
	}
	.recommend-tooltip {
		width: 100%
	}
	.recommend-tooltip:after,
	.recommend-tooltip:before {
		margin-right: 48%
	}
	.recommend-tooltip .search .autocomplete {
		width: 100%;
		margin-left: -50%
	}
	.help-area .list {
		height: 110px
	}
	.catalog-filter-top .catalog-filter-search input[type="text"] {
		width: 415px
	}
	.catalog-filter-top .catalog-filter-search input[type="text"]::-moz-placeholder {
		font-family: "lato_trregular", Helvetica, Arial, sans-serif;
		color: #7A8292
	}
	.catalog-filter-top .catalog-filter-search input[type="text"]::-webkit-input-placeholder {
		font-family: "lato_trregular", Helvetica, Arial, sans-serif;
		color: #7A8292
	}
	.catalog-filter-top .catalog-filter-search input[type="text"]:-ms-input-placeholder {
		font-family: "lato_trregular", Helvetica, Arial, sans-serif;
		color: #7A8292
	}
	.catalog-filter-top .catalog-filter-search input[type="text"]::placeholder {
		font-family: "lato_trregular", Helvetica, Arial, sans-serif;
		color: #7A8292
	}
	.catalog-request-dropdown .catalog-for-admin .sg-icon:before {
		top: 7px
	}
}

@media (min-width: 767px) and (max-width: 860px) {
	header .logo-holder {
		width: 70px;
		height: 70px
	}
	header .logo-holder .logo img {
		display: none
	}
	header .logo-holder .logo .narrow-logo {
		display: block !important
	}
}

@media (min-width: 767px) and (max-width: 860px) and (orientation: portrait) {
	.editActive .body.editing .edit-comment .comment-attachment-group {
		display: none;
		visibility: hidden
	}
	.editActive .body.editing .edit-comment .comment-attachment-group.comment-dektop-menu {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		visibility: visible
	}
}

@media (min-width: 250px) and (max-width: 499px) {
	.inline-modal.request-form-explanation .overlay .modal {
		top: 5% !important
	}
	.inline-modal.request-form-explanation .overlay .modal .body .modal-content .request-form-explanation-area {
		max-height: 290px
	}
	.poll-table {
		display: none
	}
	.poll-detail .poll-sorted-area {
		position: relative;
		border-left: none;
		border-right: none;
		padding: 10px 0px 15px 0px
	}
	.poll-detail .poll-sorted-area .mobile-new-date {
		display: block
	}
	.poll-detail .poll-sorted-area .mobile-new-date .submitted-on {
		display: block;
		padding: 10px 10px 5px 10px;
		width: 100%;
		float: left
	}
	.poll-detail .poll-sorted-area .mobile-new-date .submitted-on:nth-child(2) {
		margin-bottom: 10px
	}
	.poll-detail .poll-sorted-area .mobile-new-date .submitted-on .sg-hyphen {
		font-size: 15px;
		color: #D6D9DE
	}
	.poll-detail .poll-sorted-area .mobile-new-date .submitted-on span:nth-child(1) {
		font-size: 15px;
		color: #D6D9DE;
		float: left
	}
	.poll-detail .poll-sorted-area .mobile-new-date .submitted-on span:nth-child(2) {
		float: right;
		font-size: 13px;
		color: #D6D9DE
	}
	.poll-detail .poll-sorted-area .mobile-new-date .submitted-on span:nth-child(2) span:nth-child(1) {
		font-size: 14px;
		color: #D6D9DE;
		margin-right: 3px
	}
	.poll-detail .poll-sorted-area .mobile-new-date .submitted-on span:nth-child(2) span:nth-child(2) {
		font-size: 14px;
		color: #D6D9DE
	}
	.poll-detail .poll-sorted-area .name {
		width: 95%;
		margin: auto;
		border-bottom: 1px dotted #D6D9DE;
		display: block
	}
	.poll-detail .poll-sorted-area .finish-date {
		display: none
	}
	.poll-detail .poll-sorted-area .reply-date {
		display: none
	}
	.poll-detail .poll-sorted-area .poll-btn-area .btn {
		width: 135px;
		float: right
	}
	.poll-detail .poll-sorted-area .count span {
		width: 135px;
		text-align: center;
		margin-left: 15px
	}
	.certificate-table {
		display: none
	}
	.certificate-detail {
		width: auto;
		float: left;
		height: 100%;
		display: inline-block;
		position: relative
	}
	.certificate-detail .somnody {
		position: relative;
		float: left;
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg)
	}
	.certificate-detail .certificate-sorted-area {
		width: 60%;
		position: relative;
		float: right
	}
	.certificate-detail .certificate-sorted-area div.name {
		width: 94%
	}
	.certificate-detail .certificate-sorted-area div.status {
		display: none !important
	}
	.intro-loader {
		top: 25%;
		left: 43%
	}
	.inline-modal {
		width: 75%;
		display: inline-block
	}
	.inline-modal.comment-modal.modal-complaint .modal-bar .btn {
		min-width: auto !important;
		display: inline-block !important;
		margin-top: 0px !important
	}
	.inline-modal.change-password .overlay .modal .body .modal-footer a:last-child {
		display: inline
	}
	.inline-modal.activity-description .overlay .modal {
		top: 10% !important
	}
	.inline-modal.activity-description .overlay .modal .body .modal-content .description-area {
		max-height: 245px
	}
	.inline-modal.activity-description .overlay .modal .body .modal-content .description-area img {
		display: block;
		float: none
	}
	.inline-modal.task-modal .overlay .modal .body .modal-content .task-area {
		max-height: 245px
	}
	.inline-modal.task-modal .overlay .modal .body .modal-footer .modal-bar .btn {
		margin: auto;
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline
	}
	.inline-modal.task-modal .overlay .modal .body .modal-footer .modal-bar .btn:nth-child(2) {
		margin-top: 5px
	}
	.inline-modal.request-form-explanation .overlay .modal {
		top: 10% !important
	}
	.inline-modal.request-form-explanation .overlay .modal .body .modal-content .description-area {
		max-height: 245px
	}
	.inline-modal.request-form-explanation .overlay .modal .body .modal-content .description-area img {
		display: block;
		float: none
	}
	.inline-modal.activity-rules .overlay .modal .body .modal-content .rules-area {
		max-height: 245px
	}
	.inline-modal.activity-rules .overlay .modal .body .modal-content .rules-area img {
		display: block;
		float: none
	}
	.inline-modal.announcementsModal .overlay .modal .body .modal-content .rules-area {
		max-height: 245px
	}
	.inline-modal.announcementsModal .overlay .modal .body .modal-content .rules-area img {
		display: block;
		float: none
	}
	.inline-modal .overlay.library-modal .modal {
		width: 80% !important;
		left: 10% !important;
		top: 3% !important;
		overflow-x: scroll;
		overflow-y: hidden
	}
	.inline-modal .overlay.library-modal .modal .header .sg-delete {
		display: inline-block
	}
	.inline-modal .overlay.library-modal .modal .body {
		max-height: 100%
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .modal-body {
		padding: 5px 20px 0px 20px
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-info {
		width: 100%;
		display: block;
		text-align: center
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-info .sg-icon {
		display: block !important;
		font-size: 30px !important
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-info .info-text {
		font: 13px "lato_trbold", Helvetica, Arial, sans-serif;
		margin-bottom: 0
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-info .info-text h5 {
		display: inline-block;
		width: 100%
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-button {
		width: 100%;
		display: block;
		text-align: center
	}
	.inline-modal .overlay.library-modal .modal .body .file-info .download-button a {
		display: block
	}
	.inline-modal .overlay .modal .header h2 {
		font-size: 16px;
		width: 75%
	}
	.inline-modal .overlay .modal .body .modal-footer .btn.green {
		display: block
	}
	.inline-modal .overlay .modal .body .modal-footer a:last-child {
		display: block;
		text-align: center;
		margin-top: 15px
	}
	.modal {
		top: 5% !important;
		left: 10% !important;
		width: 80% !important
	}
	.modal ul.people li {
		width: 100% !important
	}
	body .modal-area.comments-modal-area {
		width: 95% !important
	}
	body .modal-area.comments-modal-area .like-dislike-modal ul li {
		display: block;
		width: 100%
	}
	.education-history .select2-container--lms,
	.settings-content .select2-container--lms {
		margin-left: 0px
	}
	.settings-content .select2-container--lms {
		margin-left: 20px
	}
	.settings-content .select2-container--lms .select2-selection--single .select2-selection__arrow {
		z-index: 0 !important
	}
	.settings-content .form-item label {
		margin-bottom: 20px;
		width: 100%
	}
	.no-content span:nth-child(2) {
		font-size: 14px
	}
	.visible-vm {
		display: block !important
	}
	.visible-inline-vm {
		display: inline-block !important
	}
	.hidden-vm {
		/*display: none !important*/
	}
	.no-visible {
		display: none !important
	}
	.exam-tooltip,
	.course-tooltip {
		display: none !important
	}
	.pagination .btn:hover {
		background: #3CBC7B
	}
	.pagination .btn:focus {
		background: #3CBC7B
	}
	.wrapper,
	.wrapper.narrow {
		padding-top: 0
	}
	.content {
		width: 100%;
		padding: 10px
	}
	.help-area {
		width: 90%;
		padding-top: 0px
	}
	.help-area .help-content {
		display: block
	}
	.help-area .icon-area i {
		font-size: 200px
	}
	.help-area h2 {
		font-size: 24px
	}
	.library-detail .creative-info {
		position: static;
		text-align: left
	}
	.library-detail table .create-folder input[type="text"] {
		width: 200px;
		display: inline
	}
	.library-detail table .create-folder td {
		width: 320px !important
	}
	.library-detail table td h5 {
		display: inline;
		font-size: 13px
	}
	.library-detail table thead {
		display: none
	}
	.library-detail table tbody tr td:first-child {
		width: 250px;
		display: block
	}
	.library-detail table tbody tr td:first-child a {
		text-decoration: none
	}
	.library-detail table tbody tr td:first-child a i {
		display: inline
	}
	.library-detail table tbody tr td:first-child a h5 {
		display: inline;
		width: 260px;
		font-size: 13px
	}
	.library-detail table tbody tr td:nth-child(2) {
		display: none
	}
	.library-detail table tbody tr td:nth-child(3) {
		display: none
	}
	.library-detail table tbody tr td:nth-child(4) {
		display: none
	}
	.library-detail table tbody tr td:nth-child(5) {
		border-right: 1px solid #ECEFF1
	}
	.library-detail table tbody tr td:nth-child(5) a {
		display: block
	}
	.library-detail table tbody tr td:nth-child(5) i {
		display: none
	}
	.library-detail table tbody tr td:nth-child(5) .count {
		margin: 2px 20px -14px 0
	}
	.library-detail table tbody tr td:nth-child(6) {
		display: none
	}
	.library-detail .filter-bar {
		padding: 8px 10px
	}
	.library-detail .filter-bar .search {
		width: 200px
	}
	.library-detail .filter-bar .search .search-btn,
	.library-detail .filter-bar .search .clear-btn {
		display: none
	}
	.library-detail .filter-bar .search .search-btn input[type="text"],
	.library-detail .filter-bar .search .clear-btn input[type="text"] {
		font-size: 12px
	}
	.library-detail .filter-bar .add-buttons {
		display: inline
	}
	.library-detail .filter-bar .add-buttons .upload-tooltip {
		width: 320px;
		right: -10px
	}
	.library-detail .filter-bar .add-buttons .upload-tooltip:before,
	.library-detail .filter-bar .add-buttons .upload-tooltip:after {
		right: 22px
	}
	.library-detail .search {
		width: 100%
	}
	.box-module .module-item {
		padding: 12px
	}
	.box-module .module-item p {
		font-size: 14px
	}
	.box-module .module-item .stats {
		left: 10px
	}
	.box-module.full .module-content .module-item .img {
		width: 195px;
		height: 195px
	}
	.toplist-responsive {
		display: block
	}
	.overlay.help {
		width: 100%
	}
	.overlay {
		top: 110px;
		height: 100%;
		height: -webkit-calc(100% - 110px);
		height: calc(100% - 110px)
	}
	.overlay.active .form {
		width: 90%;
		left: 5%
	}
	.overlay.notifications .notify-area {
		width: 100%;
		overflow-y: auto
	}
	.overlay.notifications .notify-area .notify-content {
		padding-right: 0
	}
	.notify-area ul li .text {
		width: calc(100% - 60px) !important
	}
	.admin-menu-area.open {
		width: 100%
	}
	.notify-area.open {
		width: 100%
	}
	.badge-window-area.open {
		width: 100%
	}
	.side-menu-holder .side-menu.active {
		width: 100%
	}
	.participation-certificates table thead th i {
		display: none
	}
	.participation-certificates table thead th:first-child {
		display: none
	}
	.participation-certificates table tbody td {
		padding: 10px
	}
	.participation-certificates table tbody td p {
		font-size: 12px
	}
	.participation-certificates table tbody td.thumb {
		display: none
	}
	.badge-window-area .user-area .user-info {
		width: 145px
	}
	.badge-window-area .user-area .level-info {
		margin-left: 10px
	}
	.badge-window-area .tab .item .item-content.current-badges ul li,
	.badge-window-area .tab .item .item-content.potential-badges ul li {
		width: 33.33%
	}
	.badge-window-area .tab .item .item-content.current-badges ul li span,
	.badge-window-area .tab .item .item-content.potential-badges ul li span {
		padding: 0 10px
	}
	.badge-window-area .tab .item .item-content.current-badges ul li.left-corner .tooltip,
	.badge-window-area .tab .item .item-content.potential-badges ul li.left-corner .tooltip {
		left: 110px
	}
	.badge-window-area .tab .item .item-content.current-badges ul li.left-corner .tooltip:after,
	.badge-window-area .tab .item .item-content.potential-badges ul li.left-corner .tooltip:after {
		left: 53px
	}
	.badge-window-area .tab .item .item-content.current-badges ul li.right-corner .tooltip,
	.badge-window-area .tab .item .item-content.potential-badges ul li.right-corner .tooltip {
		left: 15px
	}
	.badge-window-area .tab .item .item-content.current-badges ul li.right-corner .tooltip:after,
	.badge-window-area .tab .item .item-content.potential-badges ul li.right-corner .tooltip:after {
		left: 148px
	}
	header {
		position: relative
	}
	header .logo img {
		display: none
	}
	header .logo .narrow-logo {
		display: block;
		font-size: 0px;
		line-height: 0px
	}
	header .search-area {
		position: absolute;
		left: 0;
		top: 110px;
		right: auto;
		bottom: auto;
		z-index: 1;
		width: 100%;
		margin: 0;
		padding: 17px 10px;
		z-index: 10
	}
	header .search-area input[type="text"] {
		width: 170px
	}
	header .search-area.active {
		display: block !important
	}
	header .search-area.active .mobile-search-btn {
		-moz-transition: background-color .5s;
		-o-transition: background-color .5s;
		-webkit-transition: background-color .5s;
		transition: background-color .5s;
		position: relative;
		height: 64px;
		-moz-border-radius: 20px 20px 0 0;
		-webkit-border-radius: 20px;
		border-radius: 20px 20px 0 0;
		background-color: #4A485B;
		border-color: #4A485B;
		background-image: none;
		margin-right: 10px
	}
	header .header-tools {
		padding-top: 25px
	}
	header .header-tools .chat-btn .count {
		left: -3px;
		top: -7px
	}
	header .header-tools .user-nav li a .circle {
		width: 44px;
		height: 44px
	}
	header .header-tools .user-nav li.tooltip .dropdown-nav {
		top: 60px
	}
	header .header-tools .user-nav li.tooltip .dropdown-nav:before,
	header .header-tools .user-nav li.tooltip .dropdown-nav:after {
		right: 13px
	}
	header .header-tools .help-btn-area .tooltip ul,
	header .header-tools .user-nav>li .tooltip ul {
		padding-bottom: 5px;
		border-bottom: 1px solid #D6D9DE
	}
	header .header-tools .help-btn-area .tooltip .close,
	header .header-tools .user-nav>li .tooltip .close {
		display: block
	}
	header.narrow .mobile-search-btn.active {
		padding-bottom: 1px
	}
	header.narrow .search-area {
		top: 52px
	}
	header.narrow .mobile-user-nav {
		margin-top: 10px
	}
	.content-header {
		padding-right: 0;
		height: 70px
	}
	.content-header .user-name-area,
	.content-header .notification-area {
		display: none
	}
	.content-header .side-menu {
		float: left;
		width: 70px;
		height: 70px
	}
	.content-header .side-menu .menu-btn {
		width: 70px;
		height: 70px
	}
	.content-header .side-menu.active {
		top: 70px;
		width: 100%;
		z-index: 9999;
		height: 100%;
		height: -webkit-calc(100% - 70px);
		height: calc(100% - 70px)
	}
	.content-header .side-menu.active .side-menu-content {
		top: 70px;
		height: -webkit-calc(100% - 74px);
		height: calc(100% - 74px)
	}
	.content-header .mobile-aside {
		width: -webkit-calc(100% - 70px);
		width: calc(100% - 70px)
	}
	.content-header .mobile-aside .profile {
		border: none
	}
	.content-header .mobile-aside .profile img {
		width: 70px !important;
		height: 70px !important
	}
	.content-header .mobile-aside .profile h4 {
		display: none
	}
	.content-header .mobile-aside .right-nav li {
		padding-top: 5px;
		border: none
	}
	.content-header .mobile-aside .score-view,
	.content-header .mobile-aside .score-badge {
		display: none
	}
	.settings-content .mail-settings-list li:hover {
		background: none
	}
	.settings-content .mail-settings-list .switch-btn {
		display: block !important;
		margin-top: 5px
	}
	.main {
		width: 100%
	}
	.pagination {
		float: none;
		margin: auto
	}
	.mail-settings-list li label {
		display: block !important
	}
	aside.transparent {
		position: absolute;
		right: 10px;
		top: 120px;
		left: auto;
		bottom: auto;
		z-index: 5;
		width: 70px;
		height: 66px;
		display: block;
		overflow: hidden;
		background-color: #D6D9DE !important
	}
	aside.transparent .menu-stuck {
		width: 70px;
		height: 66px;
		position: absolute;
		right: 10px;
		top: 120px;
		left: auto;
		bottom: auto;
		z-index: 2;
		display: block;
		overflow: hidden;
		background-color: #D6D9DE !important
	}
	aside.transparent .links-box {
		background-color: transparent
	}
	aside.transparent.settings-bar h4 {
		padding: 23px
	}
	aside.transparent.library-bar h4 .sg-icon {
		background-color: #fff !important
	}
	aside.transparent.filter-bar h4 .sg-icon {
		background-color: #fff !important
	}
	aside.transparent h4 {
		text-indent: -9999px;
		cursor: pointer
	}
	aside.transparent h4 .sg-icon {
		background-color: #fff;
		border-color: #fff;
		text-indent: 0
	}
	aside.transparent.open {
		position: absolute;
		top: 110px !important;
		right: 0;
		width: 80%;
		height: 100%;
		z-index: 12;
		background: #fff !important;
		-moz-box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1);
		box-shadow: -12px 0 20px rgba(0, 0, 0, 0.1)
	}
	aside.transparent.open .menu-stuck {
		width: 80%;
		height: auto;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		position: absolute;
		right: auto;
		top: auto;
		left: auto;
		bottom: auto;
		z-index: 1;
		overflow: visible;
		background: #fff
	}
	aside.transparent.open.settings-bar h4 {
		text-indent: initial
	}
	aside.transparent.open.library-bar {
		background: transparent
	}
	aside.transparent.open.library-bar h4 .sg-icon {
		border-color: #D6D9DE
	}
	aside.transparent.open.filter-bar {
		background: transparent
	}
	aside.transparent.open.filter-bar h4 .sg-icon {
		border-color: #D6D9DE
	}
	aside.transparent.open h4 {
		background: #fff;
		border-bottom: 1px solid #ECEFF1;
		padding: 25px
	}
	aside.transparent.open .sg-user {
		border: 4px solid #D6D9DE
	}
	aside.transparent.open .user-info h3 {
		margin-bottom: 20px
	}
	aside.transparent.open .links-box {
		background: transparent !important;
		margin-bottom: 0px !important
	}
	aside.transparent.open .links-box .sg-link,
	aside.transparent.open .links-box .sg-tag {
		border-color: #D6D9DE
	}
	aside.transparent.open .links-box ul li span {
		width: 180px;
		font-size: 13px !important
	}
	.growl-container {
		width: 100%
	}
	.growl-container .growl-item .label {
		padding-left: 0
	}
	.growl-container .growl-item .info {
		position: relative;
		top: -20px;
		left: -10px;
		width: 78%;
		margin: 15px 0 0;
		margin-bottom: -20px
	}
	.export-option-area {
		display: block
	}
	.education-status.group {
		height: auto;
		min-height: auto
	}
	.education-history table thead tr th:first-child {
		display: none
	}
	.education-history table thead tr th:nth-child(2) {
		display: none
	}
	.education-history table thead tr th:nth-child(6) {
		display: none
	}
	.education-history table thead tr th:nth-child(7) {
		display: none
	}
	.education-history table tbody td.code {
		display: none
	}
	.education-history table tbody td.name {
		display: none
	}
	.education-history table tbody td.date {
		display: none
	}
	.education-history table tbody td.score {
		width: auto
	}
	.education-history table tbody td {
		width: auto !important
	}
	.education-history table tbody td span.req-text {
		display: none
	}
	.education-history table tbody td.required span.req-text {
		display: block;
		position: absolute;
		left: -39px;
		top: 38px;
		padding: 5px 25px
	}
	.education-history table tbody td h5 {
		width: 100%
	}
	.education-history table tbody td .info-btn {
		float: right;
		margin-top: 10px
	}
	.education-history .filter-area .filter-content .form-item {
		width: 100%
	}
	.education-history .filter-area .filter-content .form-item label {
		width: 100%;
		margin-bottom: 10px
	}
	.education-box .row .mobile-tab .tab.row {
		padding: 0px
	}
	.education-box .row:last-child {
		padding: 15px 0 15px
	}
	.education-box .row .row-status {
		width: 25px
	}
	.education-box .row .category-tag {
		position: static
	}
	.education-box .row .detail h3 {
		font-size: 14px
	}
	.education-box .row .detail span {
		margin-top: 2px;
		margin-bottom: 2px
	}
	.education-box .row .status-display {
		display: none
	}
	.education-box .row .tools .date-unit {
		display: none
	}
	.education-box .row .tools .education-status .status-display {
		display: none
	}
	.education-box .row .tools .education-status.group {
		float: left;
		margin-left: 20%;
		height: auto;
		min-height: 0px;
		width: 20%
	}
	.education-box .row .tools .education-status.multiple {
		float: left;
		margin-left: 0px;
		width: 40%
	}
	.education-box .row .tools .education-status.single {
		float: left;
		margin-left: 30%;
		width: 10%
	}
	.education-box .row .tools .later,
	.education-box .row .tools .soon,
	.education-box .row .tools .very-soon,
	.education-box .row .tools .pending,
	.education-box .row .tools .open-ended {
		margin-top: 0px
	}
	.education-box .row .tools .later .date-display,
	.education-box .row .tools .soon .date-display,
	.education-box .row .tools .very-soon .date-display,
	.education-box .row .tools .pending .date-display,
	.education-box .row .tools .open-ended .date-display {
		width: 100%;
		height: auto;
		margin: 10px 0
	}
	.education-box .row .tools .later .date-display span,
	.education-box .row .tools .soon .date-display span,
	.education-box .row .tools .very-soon .date-display span,
	.education-box .row .tools .pending .date-display span,
	.education-box .row .tools .open-ended .date-display span {
		display: inline
	}
	.education-box .row .tools .later .date-display span:nth-child(1),
	.education-box .row .tools .soon .date-display span:nth-child(1),
	.education-box .row .tools .very-soon .date-display span:nth-child(1),
	.education-box .row .tools .pending .date-display span:nth-child(1),
	.education-box .row .tools .open-ended .date-display span:nth-child(1) {
		font-size: 12px
	}
	.education-box .row .tools .readable-date-display {
		margin: 0
	}
	.education-box .row .tools .date-area {
		width: 100%;
		margin: 10px 0
	}
	.education-box .row .tools .pending span:nth-child(1),
	.education-box .row .tools .expired span:nth-child(1) {
		display: none
	}
	.education-box .row .tools .pending span:nth-child(2),
	.education-box .row .tools .expired span:nth-child(2) {
		display: inline-block
	}
	.education-box .row .tools .pending span:nth-child(3),
	.education-box .row .tools .expired span:nth-child(3) {
		display: inline-block
	}
	.education-box .row .tools .pending span:nth-child(2) {
		display: none
	}
	.education-box .row .tools .expired span:nth-child(1) {
		display: inline-block
	}
	.education-box .row .tools .expired span.expired-text {
		font-family: "lato_trlight";
		font-size: 12px
	}
	.education-box .row .tools .activity-grid-action .btn {
		position: static
	}
	.education-box .row .play-btn {
		float: right
	}
	.education-box .row .timer {
		display: block;
		float: none;
		width: auto;
		margin: 5px 0 8px;
		font-size: 12px;
		text-align: left
	}
	.education-box .row .timer span {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		font-size: 12px;
		line-height: 12px
	}
	.education-box .row .critical-tooltip,
	.education-box .row .date {
		display: none
	}
	.education-box .transfer-options .options-area {
		right: 0px
	}
	.education-box .transfer-options .options-area:after,
	.education-box .transfer-options .options-area:before {
		right: 6px
	}
	.box-module .module-item {
		float: none;
		width: 238px;
		margin: 0 auto 10px
	}
	.box-module .module-item .img:hover .info-view {
		display: none
	}
	.box-module .module-item:last-child {
		margin: 0 auto 10px
	}
	.box-module.column {
		width: 100%
	}
	.box-module.column .module-item {
		float: none;
		width: 238px;
		margin: 0 auto 10px
	}
	.box-module.column .module-item .img {
		width: 195px;
		height: 195px
	}
	.box-module.lm {
		margin-left: 0
	}
	.box-module.two-column {
		width: 100%
	}
	.box-module.two-column .module-item {
		height: 140px;
		margin-bottom: -1px;
		padding-bottom: 40px;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0
	}
	.box-module.two-column .module-item:first-child {
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px;
		border-radius: 3px 3px 0 0
	}
	.box-module.two-column .module-item:last-child {
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0;
		border-radius: 0 0 3px 3px
	}
	.box-module.two-column .module-item .module-icon {
		vertical-align: top
	}
	.box-module.two-column .module-item p {
		padding-right: 10px;
		width: 168px
	}
	.box-module.two-column .module-item .stats {
		left: 55px !important
	}
	.box-module.two-column .module-item .stats .stats-left,
	.box-module.two-column .module-item .stats .stats-right {
		display: inline-block;
		vertical-align: middle
	}
	.box-module.two-column .module-item .stats .stats-left .inner,
	.box-module.two-column .module-item .stats .stats-right .inner {
		width: auto
	}
	.box-module.list .module-item:last-child {
		margin-left: 0
	}
	.box-module .title {
		padding-right: 10px
	}
	.box-module .title .title .all.right {
		position: absolute;
		right: 18px;
		top: 50%;
		left: auto;
		bottom: auto;
		z-index: 1;
		margin-top: -10px
	}
	.box-module.list .stats {
		width: -webkit-calc(100% - 115px);
		width: calc(100% - 115px)
	}
	.education-box .transfer-options .options-area {
		z-index: 2
	}
	.placeholder-masonary {
		width: 100%;
		height: auto
	}
	.masonry-area {
		width: 100% !important
	}
	.masonry-area .masonry-item {
		width: 100%;
		margin: 0 0 20px 0
	}
	.masonry-area .masonry-item .box-module .module-item {
		border: 1px solid #D6D9DE
	}
	.masonry-area .masonry-item .box-module .module-item:last-child {
		margin: 15px auto 0
	}
	.masonry-area .stats {
		width: 100%;
		padding: 15px 25px
	}
	.masonry-area .box {
		height: auto
	}
	.toplist {
		width: 100%
	}
	footer .copy-area {
		height: 100%;
		padding: 10px
	}
	.online-user-count.active {
		min-height: 100px;
		max-height: calc(100vh - 110px);
		width: 100%
	}
	.online-user-count.active .close {
		position: absolute;
		right: 10px;
		top: 15px;
		left: auto;
		bottom: auto;
		z-index: 1;
		font-size: 24px;
		color: #fff
	}
	.online-user-count .online-users-area {
		width: 100%
	}
	.title-bar .view-menu,
	.title-bar .bar-menu {
		display: none
	}
	.title-bar h3 {
		height: auto;
		width: 65%;
		width: -webkit-calc(100% - 100px);
		width: calc(100% - 100px)
	}
	.title-bar h3 span {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		width: 70%;
		width: -webkit-calc(100% - 58px);
		width: calc(100% - 58px);
		font-size: 18px
	}
	.collection-detail h4 {
		padding: 35px
	}
	.collection-detail .detail .thumb {
		margin: 0 auto 20px;
		float: none
	}
	.collection-detail .detail .info {
		float: none;
		width: 100%
	}
	.collection-detail .box-module.list .module-content {
		padding: 2%;
		margin-right: 0
	}
	.collection-detail .box-module.list .module-item,
	.collection-detail .box-module.list .module-item:first-child,
	.collection-detail .box-module.list .module-item:last-child {
		width: 100%;
		margin-right: 0;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px
	}
	.collection-detail .box-module.list .module-item .stats .stats-left,
	.collection-detail .box-module.list .module-item:first-child .stats .stats-left,
	.collection-detail .box-module.list .module-item:last-child .stats .stats-left {
		margin-left: 10px
	}
	.activity-area {
		width: -webkit-calc(100% - 20px);
		width: calc(100% - 20px);
		margin: 10px
	}
	.activity-area .education-info {
		padding: 10px 10px 30px
	}
	.activity-area .education-info img,
	.activity-area .education-info .education-thumb {
		display: none
	}
	.activity-area .education-info .detail {
		width: 100%;
		margin-left: 0px;
		padding: 10px 10px 0px
	}
	.activity-area .education-info .detail .detail-button-group {
		width: 100%;
		text-align: center
	}
	.activity-area .education-info .detail .detail-button-group ul li {
		width: 100%;
		display: block;
		max-width: 100%;
		margin-bottom: 10px
	}
	.activity-area .education-info .detail .detail-button-group ul li:last-child {
		margin-bottom: 0px
	}
	.activity-area .education-info .detail .detail-button-group ul li a {
		margin: auto;
		width: 75%
	}
	.activity-area .education-info .detail .detail-certificate {
		float: inherit !important;
		margin: auto;
		width: 100%
	}
	.activity-area .education-info .detail .detail-certificate .tooltip .certificate {
		margin: auto
	}
	.activity-area .education-info .detail .detail-certificate .tooltip .tooltip-inner {
		width: 100% !important;
		right: 0% !important
	}
	.activity-area .education-info .detail .detail-certificate .tooltip .tooltip-inner:after {
		right: 50% !important
	}
	.activity-area .education-info .detail h4 {
		text-align: center
	}
	.activity-area .education-info .detail .location-icon {
		margin: 0 auto;
		width: 100%
	}
	.activity-area .education-info .detail .location-icon .ss-icon {
		padding: 0 10px;
		height: 20px;
		line-height: 27px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background-color: #b0b8cf;
		color: #f3f7ff
	}
	.activity-area .education-info .detail .location-icon .more-detail {
		top: 35px;
		width: 100%;
		left: 0 !important;
		word-break: break-word;
		word-wrap: break-word;
		line-height: 20px
	}
	.activity-area .education-info .detail .delete-btn {
		right: 10px;
		bottom: 0
	}
	.activity-area .education-info .detail .ban-btn {
		right: 34px
	}
	.activity-area .education-info .detail .category-tag {
		text-align: center;
		width: 100%
	}
	.activity-area .education-info .mobile-timer-score-area {
		display: block
	}
	.activity-area .education-info .mobile-timer-score-area li {
		padding-right: 10px
	}
	.activity-area .education-info .mobile-timer-score-area li>span {
		padding-left: 10px
	}
	.activity-area .education-info .score-area,
	.activity-area .education-info .timer-area {
		display: none
	}
	.activity-area .courses-area .course-item {
		padding: 10px
	}
	.activity-area .courses-area .course-item:after {
		display: none
	}
	.activity-area .courses-area:after,
	.activity-area .courses-area:before {
		display: none
	}
	.activity-area .courses-area .courses-nav .container {
		width: 75%;
		padding-left: 12px
	}
	.activity-area .courses-area .courses-nav .container ul {
		white-space: nowrap
	}
	.activity-area .courses-area .courses-nav .container:after {
		left: 1px;
		width: 66px;
		height: 66px
	}
	.education-info-bar {
		position: relative;
		height: auto;
		padding-bottom: 45px
	}
	.education-info-bar .container {
		width: 100%;
		padding: 10px 20px
	}
	.education-info-bar .btn {
		position: absolute;
		left: 20px;
		bottom: 14px;
		right: auto;
		top: auto;
		z-index: 1;
		padding: 10px 5px;
		min-width: 40%
	}
	.education-info-bar .btn.green {
		left: auto;
		right: 20px
	}
	.education-info-bar .text-info {
		float: none;
		text-align: left
	}
	.education-info-bar .text-info p {
		width: 100%
	}
	.drawer-area.open,
	.drawer-area.course.open {
		width: 100%;
		z-index: 99
	}
	.drawer-area .drawer-content,
	.drawer-area.course .drawer-content {
		padding: 10px
	}
	.drawer-area .close,
	.drawer-area.course .close {
		top: 10px
	}
	.drawer-area .col-left img,
	.drawer-area.course .col-left img {
		display: block;
		margin: 15px auto 0
	}
	.drawer-area .col-left .thumb,
	.drawer-area.course .col-left .thumb {
		margin: 0 auto
	}
	.drawer-area .col-right,
	.drawer-area .col-left,
	.drawer-area.course .col-right,
	.drawer-area.course .col-left {
		width: 100%;
		margin: 0 0 20px 0
	}
	.drawer-area .col-right .btn,
	.drawer-area .col-left .btn,
	.drawer-area.course .col-right .btn,
	.drawer-area.course .col-left .btn {
		padding: 10px 13px
	}
	.drawer-area .col-right .comment .comment-block .actions,
	.drawer-area.course .col-right .comment .comment-block .actions {
		width: 100%
	}
	.drawer-area .col-right .comment .author .name,
	.drawer-area .col-right .comment .author .date,
	.drawer-area.course .col-right .comment .author .name,
	.drawer-area.course .col-right .comment .author .date {
		width: calc(100% - 70px) !important;
		width: -webkit-calc(100% - 70px) !important
	}
	.drawer-area .col-right .comment .author .admin-features,
	.drawer-area.course .col-right .comment .author .admin-features {
		float: right;
		margin-right: 20px
	}
	.drawer-area .col-right .comment .author .admin-features .stats-view,
	.drawer-area.course .col-right .comment .author .admin-features .stats-view {
		margin-right: 20px
	}
	.drawer-area .col-right .comment .author .comment-complain-button.active span,
	.drawer-area.course .col-right .comment .author .comment-complain-button.active span {
		margin-right: 0
	}
	.drawer-area .col-right .comment .replies,
	.drawer-area.course .col-right .comment .replies {
		width: 86%;
		float: right
	}
	.drawer-area .col-right .comment .replies .editing,
	.drawer-area.course .col-right .comment .replies .editing {
		margin-left: 7% !important
	}
	.drawer-area .col-right .comment .replies .body,
	.drawer-area.course .col-right .comment .replies .body {
		width: 86% !important
	}
	.drawer-area .col-right .comment .replies .author .name,
	.drawer-area .col-right .comment .replies .author .date,
	.drawer-area.course .col-right .comment .replies .author .name,
	.drawer-area.course .col-right .comment .replies .author .date {
		width: calc(100% - 70px) !important;
		width: -webkit-calc(100% - 70px) !important
	}
	.drawer-area .col-right .comment .replies .author .admin-features,
	.drawer-area.course .col-right .comment .replies .author .admin-features {
		float: right;
		margin-right: 20px;
		margin-top: 0px
	}
	.drawer-area .col-right .comment .replies .author .comment-complain-button.active span,
	.drawer-area.course .col-right .comment .replies .author .comment-complain-button.active span {
		margin-right: 0
	}
	.drawer-area .col-right .btn,
	.drawer-area.course .col-right .btn {
		min-width: 100% !important
	}
	.drawer-area .col-right .recommend-wrapper,
	.drawer-area.course .col-right .recommend-wrapper {
		width: 100%;
		margin-right: 10px
	}
	.drawer-area .col-right .recommend-wrapper>.btn,
	.drawer-area.course .col-right .recommend-wrapper>.btn {
		min-width: 100%
	}
	.drawer-area .col-right .stage,
	.drawer-area.course .col-right .stage {
		margin-left: 2%
	}
	.drawer-area .col-right .stage .course-model-button,
	.drawer-area.course .col-right .stage .course-model-button {
		padding: 0 15px 0 8px
	}
	.drawer-area .col-right .stage .course-model-button a,
	.drawer-area.course .col-right .stage .course-model-button a {
		line-height: 100% !important
	}
	.drawer-area .col-right .tabs-title,
	.drawer-area.course .col-right .tabs-title {
		margin-left: 2%
	}
	.drawer-area .col-right .stats-holder,
	.drawer-area.course .col-right .stats-holder {
		padding-right: 0
	}
	.drawer-area .col-right .stats-holder .stats-info,
	.drawer-area.course .col-right .stats-holder .stats-info {
		float: none;
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		width: 100%;
		margin: 10px 0 0 0;
		text-align: center
	}
	.drawer-area .col-right .stats-holder .stats-info span,
	.drawer-area.course .col-right .stats-holder .stats-info span {
		float: none !important
	}
	.drawer-area .col-right .indicator,
	.drawer-area.course .col-right .indicator {
		float: none;
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		width: 100%;
		margin: 10px 0 15px;
		text-align: center
	}
	.drawer-area .col-right h5,
	.drawer-area.course .col-right h5 {
		font-size: 14px
	}
	.drawer-area .col-right p,
	.drawer-area.course .col-right p {
		font-size: 12px
	}
	.drawer-area.profile.open,
	.drawer-area.course.profile.open {
		width: 100%
	}
	.drawer-area.profile .col-right,
	.drawer-area.profile .col-left,
	.drawer-area.course.profile .col-right,
	.drawer-area.course.profile .col-left {
		width: 100%;
		margin: 0 0 20px 0;
		background-color: transparent
	}
	.drawer-area.profile .col-left,
	.drawer-area.course.profile .col-left {
		border-bottom: 1px solid #ECEFF1
	}
	.drawer-area.profile .col-left img,
	.drawer-area.course.profile .col-left img {
		margin-top: 0
	}
	.drawer-area.profile .col-left .thumb,
	.drawer-area.course.profile .col-left .thumb {
		width: 90px;
		height: 80px;
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline
	}
	.drawer-area.profile .col-left .thumb .avatar,
	.drawer-area.course.profile .col-left .thumb .avatar {
		width: 70px;
		height: 70px;
		margin-top: 5px
	}
	.drawer-area.profile .col-left .name,
	.drawer-area.course.profile .col-left .name {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		width: -webkit-calc(100% - 90px);
		width: calc(100% - 90px);
		height: 80px;
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: -3px;
		padding: 15px;
		background-color: #ECEFF1
	}
	.drawer-area.profile .col-left .name span,
	.drawer-area.course.profile .col-left .name span {
		margin-top: 5px
	}
	.drawer-area.profile .col-left .btn,
	.drawer-area.course.profile .col-left .btn {
		width: 100%
	}
	.drawer-area.profile .col-left ul,
	.drawer-area.course.profile .col-left ul {
		margin: 10px 0
	}
	.drawer-area.profile .col-left ul li,
	.drawer-area.course.profile .col-left ul li {
		*zoom: 1;
		padding: 12px 0;
		margin: 0;
		border-bottom: 1px solid #ECEFF1;
		text-align: right
	}
	.drawer-area.profile .col-left ul li:after,
	.drawer-area.course.profile .col-left ul li:after {
		content: "";
		display: table;
		clear: both
	}
	.drawer-area.profile .col-left ul li span,
	.drawer-area.course.profile .col-left ul li span {
		float: left;
		font-size: 12px
	}
	.tab-content .null {
		padding: 35px 10px 50px !important;
		text-align: center;
		background-color: #fff
	}
	.tab-content .null .info {
		width: 100% !important;
		margin: 0 !important
	}
	.catalog .box-module {
		padding-left: 0
	}
	.catalog-sliders .box-module .module-content {
		margin-left: 20px !important
	}
	.catalog-sliders .box-module .module-item {
		width: 100%;
		height: 130px;
		margin-bottom: 10px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px
	}
	.catalog-sliders .box-module .module-item:first-child {
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px
	}
	.catalog-sliders .box-module .module-item:last-child {
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px
	}
	.catalog-sliders .box-module .module-item .img {
		float: left;
		width: 75px;
		height: 110px;
		margin-right: 15px
	}
	.catalog-sliders .box-module .module-item .img .bar {
		width: 30px;
		padding-left: 7px;
		white-space: nowrap;
		overflow: hidden
	}
	.catalog-sliders .box-module .module-item .img .bar .sg-icon {
		margin-right: 6px
	}
	.catalog-sliders .box-module .module-item .img .bar .course-icon {
		display: none
	}
	.catalog-sliders .box-module .module-item .img:hover .info-view {
		display: none
	}
	.catalog-sliders .box-module .module-item p {
		float: left;
		width: -webkit-calc(100% - 90px);
		width: calc(100% - 90px)
	}
	.recommend-tooltip {
		width: 100%
	}
	.recommend-tooltip:after,
	.recommend-tooltip:before {
		margin-right: 48%
	}
	.recommend-tooltip h6 .select-box {
		width: 100%;
		margin-top: 5px
	}
	.recommend-tooltip .search .autocomplete {
		width: 100%;
		margin-left: -50%
	}
	.settings-content input {
		margin-left: 20px;
		width: calc(100% - 35px) !important
	}
	.settings-content .action-bar a {
		display: inline
	}
	.select2-container--lms {
		margin-left: 20px
	}
	.text-area label {
		display: block !important
	}
	.text-area textarea {
		margin-left: 20px;
		width: calc(100% - 40px) !important;
		width: -webkit-calc(100% - 40px) !important
	}
	.catalog-content .box-module .module-content .module-item:nth-child(3n) {
		margin-bottom: 10px !important
	}
	.catalog-filter-bottom .inform {
		text-align: center
	}
	.catalog-filter-bottom .inform .info:before {
		left: inherit !important;
		margin-left: -15px
	}
	.trigger-unit-tooltip {
		width: 100%;
		text-align: center
	}
	.trigger-unit-tooltip:after,
	.trigger-unit-tooltip:before {
		position: absolute;
		left: 50%;
		top: -16px;
		right: auto;
		bottom: auto;
		z-index: 1
	}
	.box-module-infinity-area .module-item .stats {
		width: -webkit-calc(100% - 115px);
		width: calc(100% - 115px);
		left: 110px
	}
	.catalog-request-dropdown .catalog-for-admin {
		width: 100%
	}
	.catalog-request-dropdown .catalog-for-admin .sg-icon:before {
		top: 12px
	}
	.catalog-request-dropdown .catalog-for-admin .catalog-for-admin-tooltip {
		width: 100%;
		position: relative;
		top: 0px
	}
	.catalog-request-dropdown .catalog-for-admin .catalog-for-admin-tooltip .no-can-request-course .inner {
		width: 100%
	}
	.catalog-request-dropdown .catalog-for-admin .catalog-for-admin-tooltip .no-can-request-course .inner:after {
		left: 50%
	}
}

@media (min-width: 470px) and (max-width: 500px) {
	.pagination .btn:hover {
		background: #3CBC7B
	}
	.pagination .btn:focus {
		background: #3CBC7B
	}
	.notify-area .null .icon-area {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline
	}
	.notify-area .null .icon-area .count {
		right: 0
	}
	.notify-area .null .text {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		width: -webkit-calc(100% - 150px);
		width: calc(100% - 150px);
		margin-left: 20px
	}
	.drawer-area .col-left .thumb,
	.drawer-area.course .col-left .thumb {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		vertical-align: top;
		width: 120px;
		height: 120px
	}
	.drawer-area .col-left .info,
	.drawer-area.course .col-left .info {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		vertical-align: top;
		width: -webkit-calc(100% - 150px);
		width: calc(100% - 150px)
	}
	.recommend-tooltip h6 .select-box {
		width: 100%;
		margin-top: 5px
	}
}

@media (max-width: 766px) {
	.catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line {
		margin-bottom: 0px !important
	}
	.catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line label {
		margin-bottom: 10px !important
	}
	.catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .search-area,
	.catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .date-area,
	.catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .type-area {
		margin-bottom: 20px
	}
	.catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .process-area {
		text-align: left !important
	}
	.catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .process-area .align-filter-btn {
		float: right
	}
	.catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .process-area .clear-btn {
		padding-left: 0px !important
	}
	.catalog-detail-filters .catalog-detail-filter-bar.filter-others label {
		text-align: center
	}
	.catalog-detail-filters .catalog-detail-filter-total {
		text-align: center
	}
	.education-history .name,
	.education-history .unitname,
	.education-history .type,
	.education-history .status,
	.education-history .score,
	.education-history .timespenton,
	.education-history .startedon,
	.education-history .endedon {
		text-align: center;
		padding: 10px 0
	}
	.education-history .type span {
		display: inline-block
	}
	.education-history .education-history-list .education-history-list-line .no-time {
		margin: auto
	}
	header .search-area {
		background-color: #7A8292;
		padding: 13px 10px
	}
	header .search-area .search-area-content {
		position: relative;
		border: 1px solid #fff;
		-moz-border-radius: 22px;
		-webkit-border-radius: 22px;
		border-radius: 22px;
		margin: 0px
	}
	header .search-area .search-area-content:before {
		content: '🔎';
		position: absolute;
		left: 10px;
		top: 8px;
		right: auto;
		bottom: auto;
		z-index: 1;
		font: 24px 'SSGizmo';
		color: #fff;
		-moz-transform: scaleX(1);
		-ms-transform: scaleX(1);
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	header .search-area .search-area-content input[type="text"] {
		width: calc(100% - 60px);
		height: 42px;
		padding-top: 0;
		padding-right: 20px;
		padding-bottom: 0;
		padding-left: 40px;
		font: 14px "lato_trregular", Helvetica, Arial, sans-serif;
		color: #fff !important;
		border: none;
		background-color: transparent
	}
	header .search-area .search-area-content input[type="text"]::-webkit-input-placeholder {
		color: #fff
	}
	header .search-area .search-area-content input[type="text"]:-moz-placeholder {
		color: #fff
	}
	header .search-area .search-area-content input[type="text"]::-moz-placeholder {
		color: #fff
	}
	header .search-area .search-area-content input[type="text"]:-ms-input-placeholder {
		color: #fff
	}
	header .search-area .search-area-content input[type="text"]::-webkit-input-placeholder {
		color: #fff
	}
	header .search-area .search-area-content input[type="text"]::-ms-input-placeholder {
		color: #fff
	}
	header .search-area .search-type {
		position: absolute;
		right: 64px;
		top: 11px;
		left: auto;
		bottom: auto;
		z-index: 1;
		z-index: 999 !important;
		border: 1px solid #E0E0E0;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px
	}
	header .search-area .search-type.disabled {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
		opacity: .2
	}
	header .search-area .search-type .value {
		display: block;
		min-width: 52px;
		height: 18px;
		padding-top: 3px;
		padding-right: 18px;
		padding-bottom: 0;
		padding-left: 5px;
		cursor: pointer;
		font: 10px "lato_trbold", Helvetica, Arial, sans-serif;
		color: #A2ABCA
	}
	header .search-area .search-type:before {
		content: "";
		font: 14px "SSGizmo";
		position: absolute;
		right: 3px;
		top: 1px;
		left: auto;
		bottom: auto;
		z-index: 1;
		color: #A2ABCA
	}
	header .search-area .search-type .type {
		display: none;
		position: absolute;
		right: -8px;
		top: 25px;
		left: auto;
		bottom: auto;
		z-index: 1;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		width: 100px;
		padding: 10px 10px 8px;
		background-color: #A2ABCA
	}
	header .search-area .search-type .type a {
		display: block;
		font: 11px/16px "lato_trbold", Helvetica, Arial, sans-serif;
		color: #fff
	}
	header .search-area .search-type .type:after {
		content: "";
		position: absolute;
		right: 10px;
		top: -13px;
		left: auto;
		bottom: auto;
		z-index: 1;
		border: 8px solid transparent;
		border-bottom: 8px solid #A2ABCA
	}
	header .search-area .search-type:hover:after {
		content: "";
		position: absolute;
		left: 0;
		bottom: -10px;
		right: auto;
		top: auto;
		z-index: 1;
		width: 100%;
		height: 20px
	}
	header .search-area .search-type:hover .type {
		display: block
	}
	header .search-area .search-btn {
		position: absolute;
		right: 10px;
		top: 11px;
		left: auto;
		bottom: auto;
		z-index: 1;
		z-index: 2;
		background: #fff;
		color: #7A8292;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		width: 50px;
		height: 20px;
		font: 10px "lato_trbold", Helvetica, Arial, sans-serif
	}
	header .search-area .search-btn:hover {
		background: #7A8292;
		color: #fff
	}
	header .search-area .autocomplete {
		position: absolute;
		left: 50%;
		top: 70px;
		right: auto;
		bottom: auto;
		z-index: 1;
		width: 500px;
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: -250px;
		padding: 10px 0px;
		background-color: #fff;
		border: 1px solid #D6D9DE;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
		-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
		text-align: center
	}
	header .search-area .autocomplete:after,
	header .search-area .autocomplete:before {
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		left: 50%;
		top: -14px;
		right: auto;
		bottom: auto;
		z-index: 1;
		margin-left: -8px;
		border: 8px solid transparent;
		border-bottom: 8px solid #fff
	}
	header .search-area .autocomplete:before {
		top: -17px;
		border-bottom-color: #D6D9DE
	}
	header .search-area .autocomplete h6 {
		padding: 15px;
		font: 16px "lato_trbold", Helvetica, Arial, sans-serif;
		color: #7A8292;
		text-align: left
	}
	header .search-area .autocomplete .header-search-spinner {
		height: 20px;
		margin-top: 35px
	}
	header .search-area .autocomplete ul li {
		position: relative;
		min-height: 46px;
		border-bottom: 1px solid #D6D9DE;
		font: 15px "lato_trbold", Helvetica, Arial, sans-serif;
		text-align: left
	}
	header .search-area .autocomplete ul li:hover {
		background-color: #eeeff0
	}
	header .search-area .autocomplete ul li:hover .sg-navigateright {
		display: block
	}
	header .search-area .autocomplete ul img {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		margin-right: 10px
	}
	header .search-area .autocomplete ul img.circle {
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%
	}
	header .search-area .autocomplete ul a {
		display: block;
		line-height: 35px
	}
	header .search-area .autocomplete ul .sg-doc,
	header .search-area .autocomplete ul .sg-pdf {
		margin-right: 16px;
		height: 34px;
		font-size: 28px;
		line-height: 39px;
		color: #419fe5
	}
	header .search-area .autocomplete ul .sg-pdf {
		color: #ef6d5c
	}
	header .search-area .autocomplete ul .sg-navigateright {
		display: none;
		position: absolute;
		right: 12px;
		top: 8px;
		left: auto;
		bottom: auto;
		z-index: 1;
		font-size: 18px
	}
	header .search-area .autocomplete ul span {
		float: right;
		min-width: 75px;
		padding: 3px 10px;
		margin-top: 8px;
		margin-right: 33px;
		margin-bottom: 0;
		margin-left: 0;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		border: 1px solid #dbdcdb;
		background-color: #fff;
		text-align: center;
		font: 10px "lato_trregular", Helvetica, Arial, sans-serif;
		color: #A2ABCA
	}
	.catalog-left-filter span {
		display: none
	}
	.catalog-left-filter i {
		margin: auto !important
	}
	.catalog-right-filter span {
		display: none
	}
	.catalog-right-filter i {
		margin: auto !important
	}
	.education-box .activity-grid-row {
		text-align: center
	}
	.education-box .activity-grid-row .activity-grid-unit-count {
		margin: 10px 0
	}
	.education-box .activity-grid-row .activity-grid-session i,
	.education-box .activity-grid-row .activity-grid-session p {
		display: block
	}
	.education-box .activity-grid-row .activity-grid-session i {
		margin: 0
	}
	.education-box .activity-grid-row .activity-grid-session p {
		margin: 0;
		width: 100%
	}
	.education-box .activity-grid-row .tools {
		text-align: center
	}
	.education-box .activity-grid-row .tools .activity-grid-action {
		margin-top: 10px
	}
	.education-box .activity-grid-row .tools .activity-grid-action .btn {
		position: static;
		margin: 0
	}
	.unit-area .unit-box .unit-box-row {
		padding: 0px
	}
	.unit-area .unit-box .unit-box-row.unit-box-main {
		width: -webkit-calc(100% - 20px);
		width: calc(100% - 20px);
		margin-bottom: 10px
	}
	.unit-area .unit-box .unit-box-row.unit-box-arrow {
		position: absolute;
		right: 10px;
		top: 24px;
		left: auto;
		bottom: auto;
		z-index: 1
	}
	.unit-area .unit-box .unit-box-row.unit-box-score {
		width: 33% !important;
		text-align: center !important;
		float: left
	}
	/*.unit-area .unit-box .unit-box-row.unit-box-status {
		width: 33% !important;
		float: right
	}*/
	.unit-area .unit-box .unit-box-row.unit-box-type {
		width: 33% !important;
		text-align: left !important;
		float: left
	}
	.unit-area .unit-box .unit-box-row.unit-box-actions {
		width: 100% !important;
		margin-top: 30px
	}
	.unit-area .unit-box .unit-box-row.unit-box-actions a {
		width: 100%;
		margin-right: 0 !important;
		display: block
	}
	.unit-area .unit-box .unit-box-task .unit-box-type {
		text-align: right !important
	}
	.unit-area .unit-box-detail .session-title,
	.unit-area .unit-box-detail .homework-title,
	.unit-area .unit-box-detail .attachments-title {
		padding-right: 0 !important
	}
	.unit-area .unit-box-detail .unit-box-detail-homework .homework-line {
		border-bottom: 1px solid #ECEFF1;
		padding: 15px 0;
		margin-bottom: -1px !important
	}
	.unit-area .unit-box-detail .unit-box-detail-homework .homework-line:last-child {
		border-bottom: 0px
	}
	.unit-area .unit-box-detail .unit-box-detail-homework .homework-line .homework-row.homework-row-title {
		width: 80%
	}
	.unit-area .unit-box-detail .unit-box-detail-homework .homework-line .homework-row.homework-row-title p,
	.unit-area .unit-box-detail .unit-box-detail-homework .homework-line .homework-row.homework-row-title span {
		display: block;
		margin: 5px
	}
	.unit-area .unit-box-detail .unit-box-detail-homework .homework-line .homework-row.homework-row-score,
	.unit-area .unit-box-detail .unit-box-detail-homework .homework-line .homework-row.homework-row-status,
	.unit-area .unit-box-detail .unit-box-detail-homework .homework-line .homework-row.homework-row-button {
		width: 100% !important;
		text-align: left !important;
		padding-left: 43px
	}
	.unit-area .unit-box-detail .unit-box-detail-homework .homework-line .homework-row.homework-row-status {
		line-height: 100%;
		margin: 10px 0
	}
	.unit-area .unit-box-detail .unit-box-detail-homework .homework-line .homework-row.homework-row-score {
		margin-top: 10px;
		font-size: 100%
	}
	.unit-area .directory-line a {
		margin-right: 17px !important
	}
	.unit-area .file-list li a {
		float: none
	}
	.education-time li {
		margin-right: 10px
	}
	.education-time li:last-child {
		margin-right: 0
	}
	.polls .polls-list .polls-line h5 {
		display: block;
		text-align: center
	}
	.polls .polls-list .polls-line .name ul {
		margin: 40px auto 0 !important;
		padding: 10px 0 !important;
		border: #D6D9DE 1px solid;
		border-left: 0px;
		border-right: 0px
	}
	.polls .polls-list .polls-line .name ul:after {
		left: 50%;
		top: -30px;
		border-bottom: 0px
	}
	.polls .polls-list .polls-line .name ul li {
		padding: 10px 0
	}
	.polls .polls-list .polls-line .name ul li img,
	.polls .polls-list .polls-line .name ul li p {
		display: block !important;
		text-align: center;
		margin: 5px auto !important
	}
	.polls .polls-list .polls-line .name ul li p {
		width: 100%
	}
	.polls .polls-list .polls-line .name ul li span.sg-file {
		display: block;
		margin: auto
	}
	.result-info {
		text-align: center
	}
	.result-info .catalog-text p,
	.result-info .catalog-text .btn {
		display: block
	}
	.result-info .catalog-text .btn {
		margin: 5px 0
	}
	.result-info .category {
		text-align: center
	}
	.result-info .category li {
		float: none
	}
	.result-info .category li a {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline
	}
	.result-content .result-item {
		padding: 10px
	}
	.result-content .result-item .img-icon {
		margin: 0 0 10px 0;
		display: block
	}
	.result-content .result-item .indicator {
		text-align: center
	}
	.result-content .result-item .result-item-center {
		text-align: center;
		padding: 10px 0
	}
	.result-content .result-item .result-type,
	.result-content .result-item .result-type-task,
	.result-content .result-item .result-exam {
		text-align: center
	}
	.result-paging .pagination {
		margin: 0 auto;
		float: none
	}
	.education-history .filter-area .filter-content .form-item:last-child {
		margin-bottom: 0px !important
	}
	.education-history .filter-area .filter-content .form-item .process-area {
		text-align: left !important
	}
	.education-history .filter-area .filter-content .form-item .process-area .align-filter-btn {
		float: right
	}
	.education-history .filter-area .filter-content .form-item .process-area .clear-btn {
		padding-left: 0px !important
	}
	.education-history .filter-area .filter-content .filter-content-left .form-item:last-child {
		margin-bottom: 15px !important
	}
	.education-history .result .result-has-filter {
		text-align: center;
		margin-bottom: 20px
	}
	.education-history .result .export-option-area {
		float: inherit;
		display: table;
		margin: auto
	}
	.education-box .activity-grid-row .col-right-border {
		border: 0px
	}
	.activity-approval .activity-approval-list-line {
		text-align: center
	}
	.activity-approval .activity-approval-actions .export-option-area {
		float: inherit;
		margin: auto;
		display: table
	}
	.activity-approval .activity-approval-search .activity-approval-search-line .line-spacer label {
		margin-bottom: 10px
	}
	.activity-approval .activity-approval-search .activity-approval-search-line .process-area {
		text-align: left
	}
	.activity-approval .activity-approval-search .activity-approval-search-line .process-area .align-clear-btn .clear-btn {
		padding-left: 0px !important
	}
	.activity-approval .activity-approval-search .activity-approval-search-line .process-area .align-filter-btn {
		float: right
	}
	.activity-approval .pagination {
		float: none;
		margin: auto
	}
	.task-module .select2-container--lms {
		margin-left: 0px
	}
	.task-module .task-title .task-module-buttons {
		text-align: left !important;
		margin-top: 20px
	}
	.task-module .task-module-result p {
		text-align: center
	}
	.task-module .task-module-actions {
		margin-bottom: 30px
	}
	.task-module .task-module-actions .total-process {
		text-align: center;
		margin-bottom: 20px
	}
	.task-module .task-module-actions .export-option-area {
		float: inherit;
		display: table;
		margin: auto
	}
	.task-module .task-module-search-line {
		margin-bottom: 0px !important
	}
	.task-module .task-module-search-line .search-area,
	.task-module .task-module-search-line .status-area,
	.task-module .task-module-search-line .type-area,
	.task-module .task-module-search-line .date-area,
	.task-module .task-module-search-line .participation-area {
		margin-bottom: 20px
	}
	.task-module .task-module-search-line label {
		margin-bottom: 10px !important
	}
	.task-module .task-module-search-line .process-area {
		text-align: left !important
	}
	.task-module .task-module-search-line .process-area .align-filter-btn {
		float: right
	}
	.task-module .task-module-search-line .process-area .clear-btn {
		padding-left: 0px !important
	}
	.task-module .task-module-list {
		margin-top: 20px
	}
	.task-module .task-module-list .task-module-list-line {
		text-align: center
	}
	.task-module .task-module-list .task-module-list-line .col-line-fix-height span {
		padding: 0 !important
	}
	.task-module .task-module-list .task-module-list-line.multiple-languages.lang-active .task-type-property {
		padding: 0 11px
	}
	.task-module .task-module-list .task-module-list-line .task-type-active span {
		padding: 0 !important;
		text-align: center !important
	}
	.task-module .task-module-list .task-module-list-line .task-type-active input {
		text-align: center
	}
	.task-module .task-module-list .task-module-list-line .task-type-action .editable {
		width: 130px !important
	}
	.task-module .task-module-list .task-module-list-line .task-type-action .icon-active {
		display: none
	}
	.task-module .task-module-list .task-module-list-line .col-line {
		margin: 10px 0
	}
	.task-module .task-module-list .task-module-list-line .col-line .btn {
		margin: 0px auto 5px;
		display: table;
		min-width: 150px
	}
	.task-module .task-module-list .task-module-list-line .no-time {
		margin: 10px auto 0
	}
	.task-module .task-module-list .task-module-list-line .checkbox-mobile .checkbox {
		margin: 0 0 10px 0
	}
	.task-module .task-module-list .task-module-list-line .checkbox-not-mobile {
		display: none !important
	}
	.task-module .task-module-list .task-module-list-line .participant-count span .inner {
		width: 100%;
		right: 0
	}
	.task-module .task-module-list .task-module-list-line .participant-count span .inner:after {
		right: 50%;
		left: 50%;
		bottom: -23px;
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%)
	}
	.task-module .task-module-list.sort-types-list .trash.lang-trash {
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 15px
	}
	.task-module .task-module-new-task {
		margin-top: 20px
	}
	.task-module .task-module-new-task .task-module-new-task-items label {
		margin-bottom: 10px
	}
	.task-module .task-module-new-task .task-module-new-task-items .error-message {
		margin-top: 10px
	}
	.task-module .task-module-new-task .task-module-new-task-items .radio-group label {
		margin-bottom: 0px
	}
	.task-module .task-module-new-task .task-module-new-task-items.relation-holder label,
	.task-module .task-module-new-task .task-module-new-task-items.file-holder label {
		margin-top: 0px
	}
	.task-module .task-module-types .type-selection {
		margin-top: 15px
	}
	.task-module .task-module-types .type-name-add-new {
		text-align: left;
		margin-top: 15px
	}
	.task-module .pagination {
		margin: 0 auto;
		float: none
	}
	.task-module.evaluation-detail .task-evaluation-title .small-text {
		display: block;
		margin: 10px 0 5px 0
	}
	.task-module.evaluation-detail .task-evaluation-users .task-evaluation-users-search .search-fix-height {
		margin-bottom: 15px
	}
	.task-module.evaluation-detail .task-evaluation-users .task-evaluation-users-search .search-fix-height label {
		margin-bottom: 15px
	}
	.task-module.evaluation-detail .task-evaluation-users .task-evaluation-users-search .search-fix-height:last-child {
		margin-bottom: 0px
	}
	.task-module.evaluation-detail .task-evaluation-info .border {
		border: 0px
	}
	.task-module.evaluation-detail .task-evaluation-info .fix-line {
		margin-bottom: 15px
	}
	.task-module.evaluation-detail .task-evaluation-info .fix-line:last-child {
		margin-bottom: 0px
	}
	.task-module.evaluation-detail .task-evaluation-info .fix-line label,
	.task-module.evaluation-detail .task-evaluation-info .fix-line .row {
		margin-bottom: 10px
	}
	.task-module.evaluation-detail .task-evaluation-date-between label {
		margin-bottom: 15px
	}
	.task-common .user-explanation .sg-write {
		margin-right: 0px
	}
	.task-common .task-evaluation-explanation .description-text .more-btn {
		width: 100%
	}
	.task-drawer .task-content .task-drawer-title h4 {
		padding: 0 25px
	}
	.task-drawer .task-content .task-drawer-title .small-text {
		display: block;
		margin: 10px 0 5px 0
	}
	.task-drawer .task-content .task-drawer-info {
		padding-bottom: 0px
	}
	.task-drawer .task-content .task-drawer-info .col-score,
	.task-drawer .task-content .task-drawer-info .col-status {
		margin: 25px 0;
		border-left: 0px
	}
	.task-drawer .task-content .task-drawer-info .col-score {
		border-right: #D6D9DE 1px solid
	}
	.task-drawer .explanation-text-feature {
		position: static !important
	}
	.homework-docs .file-upload-modal .overlay {
		top: 110px
	}
	.file-upload-holder .type-list li:last-child {
		padding-bottom: 0px !important
	}
	.file-upload-holder .type-list li .file-list-left {
		width: 100%
	}
	.file-upload-holder .type-list li .file-list-right {
		float: inherit !important
	}
	.file-upload-holder .type-list li .buttons,
	.file-upload-holder .type-list li .file-name,
	.file-upload-holder .type-list li .small-text {
		margin: 10px 0px !important;
		display: block !important;
		text-align: center
	}
	.file-upload-holder .type-list li .delete-btn {
		margin: 10px 0px !important;
		display: block !important;
		text-align: center;
		width: 100% !important
	}
	.file-upload-holder .type-list li .file-name a i {
		display: block;
		margin: 0 auto 5px !important
	}
	.file-upload-holder .type-list li .file-name a .small-text {
		display: block
	}
	.file-upload-holder .send-docs {
		text-align: center
	}
	.file-upload-holder .send-docs a {
		float: inherit !important
	}
	.file-upload-holder .send-docs.no-border {
		border: 1px solid #D6D9DE !important;
		border-top: 0px !important;
		padding: 15px 0 !important
	}
	.error-holder {
		width: 100% !important;
		height: 100% !important;
		padding-bottom: 20px
	}
	.pager .pagination {
		float: none;
		margin: 0 auto !important;
		display: table
	}
	.activity-management .select2-container--lms {
		margin-left: 0px
	}
	.activity-management .activity-management-title .activity-management-buttons {
		text-align: left !important;
		margin-top: 20px
	}
	.activity-management .activity-management-search-area .clear-btn {
		padding-left: 0px !important;
		float: left
	}
	.activity-management .activity-management-search-area .filter-btn {
		float: right
	}
	.activity-management .activity-management-actions {
		margin-bottom: 30px
	}
	.activity-management .activity-management-actions .total-process {
		text-align: center;
		margin-bottom: 20px
	}
	.activity-management .activity-management-actions .export-option-area {
		float: inherit;
		display: table;
		margin: auto
	}
	.activity-management .activity-management-search {
		margin-bottom: 0px !important
	}
	.activity-management .activity-management-search label {
		margin-bottom: 10px !important
	}
	.activity-management .activity-management-search .activity-management-filters i {
		margin-top: -5px;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 10px
	}
	.activity-management .activity-management-search .activity-management-filter-col-favorites {
		margin-bottom: 10px
	}
	.activity-management .activity-management-list {
		margin-top: 20px
	}
	.activity-management .activity-management-list .activity-management-list-line {
		padding: 10px
	}
	.activity-management .activity-management-list .activity-management-list-line .activity-management-col-line {
		margin: 10px 0
	}
	.activity-management .activity-management-list .activity-management-list-line .activity-management-col-line .name-info {
		width: 100%
	}
	.activity-management .activity-management-list .activity-management-list-line .activity-management-col-line .name-info .name-info-left {
		display: block;
		width: 100%;
		margin: 10px 0
	}
	.activity-management .activity-management-list .activity-management-list-line .activity-management-col-line .name-info .name-info-right {
		display: block;
		width: 100%;
		margin: 0px
	}
	.activity-management .activity-management-list .activity-management-list-line .activity-management-col-line .name-info .name-info-right h5 p {
		display: block;
		margin: 5px 0
	}
	.activity-management .activity-management-list .activity-management-list-line .activity-management-col-line .name-info .name-info-right h5 i {
		margin: 0px
	}
	.activity-management .activity-management-list .activity-management-list-line .activity-management-col-line.user-count .user-count-numeric {
		width: 145px
	}
	.activity-management .activity-management-list .activity-management-list-line .activity-management-col-line.user-count .user-count-numeric .inner {
		width: 145px;
		position: absolute;
		left: auto;
		top: 25px;
		right: auto;
		bottom: auto;
		z-index: 5;
		margin: auto;
		min-width: auto
	}
	.activity-management .activity-management-list .activity-management-list-line .owner .full-name {
		height: auto
	}
	.activity-management .activity-management-list .activity-management-list-line .owner .full-name .inner {
		position: absolute;
		left: 50%;
		top: 25px;
		right: auto;
		bottom: auto;
		z-index: 1;
		width: auto;
		margin: auto;
		min-width: auto;
		transform: translate(-50%, 0);
		white-space: nowrap
	}
	.activity-management .activity-management-list .activity-management-list-line .checkbox-mobile .checkbox {
		margin: 0 0 10px 0
	}
	.activity-management .activity-management-list .activity-management-list-line .checkbox-not-mobile {
		display: none !important
	}
	.activity-management .activity-management-linked .linked-thumb {
		margin-bottom: 15px
	}
	.activity-management .activity-management-linked .linked-info h5 {
		display: block
	}
	.activity-management .activity-management-linked .linked-info p {
		display: block;
		margin-top: 5px
	}
	.activity-management .activity-management-linked .column-padding-left {
		padding-left: 0px !important
	}
	.activity-management .pagination {
		margin: 0 auto;
		float: none
	}
	.activity-management .column-border-left {
		border-left: 0px !important
	}
	.activity-management .column-margin-linked {
		margin-bottom: 15px !important
	}
	.activity-management .column-margin-linked-title {
		margin-bottom: 15px !important
	}
	.activity-management .column-margin-linked-title:last-child {
		margin-bottom: 15px !important
	}
	.activity-management .label-vertical-space {
		margin-bottom: 5px
	}
	.activity-management .border-left .column-margin-linked:last-child {
		margin-bottom: 0px
	}
	.activity-drawer .unit-area .unit-box .unit-box-main {
		width: 100% !important
	}
	.video-link-text {
		padding: 0 20px 20px
	}
}

@media (min-width: 320px) and (max-width: 660px) {
	.noUi-handle-lower {
		left: 2px !important
	}
	.noUi-handle-upper {
		left: 25px !important
	}
	.noUi-base {
		width: calc(100% - 59px);
		width: -webkit-calc(100% - 59px)
	}
	.activity-approval .null .info {
		text-align: center;
		margin: 0;
		display: block
	}
	.task-module .null .info {
		text-align: center;
		margin: 0;
		display: block
	}
	.activity-management .null .info {
		text-align: center;
		margin: 0;
		display: block
	}
	.module-content {
		margin-left: 0px !important
	}
	.module-content .null .info {
		text-align: center !important;
		margin: 0 !important;
		display: block !important
	}
}

@media (min-width: 320px) and (max-width: 480px) {
	.slik-slide {
		width: auto !important
	}
	.pagination .btn:hover {
		background: #3CBC7B
	}
	.pagination .btn:focus {
		background: #3CBC7B
	}
	.drawer-area .col-right .drawer-area .col-right h5 a {
		margin-top: -4px
	}
	.drawer-area .col-right .sessions .item .info {
		width: 128px !important
	}
	.drawer-area .col-right .session-list .detail {
		margin-bottom: 10px
	}
	.drawer-area .col-right .session-list .session-btn {
		display: block;
		float: none;
		clear: both
	}
	.drawer-area .col-right .comment-item .detail {
		padding-left: 51px
	}
	.drawer-area .col-right .comment-item .user-area img {
		margin-right: 10px
	}
	.exam-tooltip,
	.course-tooltip {
		width: 100vw
	}
	.user-list-drawer .drawer-content .user-list-drawer-content .search {
		padding: 20px 0 0 0 !important;
		margin: 20px 0 0 0 !important
	}
	.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items .row-common {
		padding: 5px
	}
	.user-list-drawer .no-result {
		padding: 10px
	}
	.user-list-drawer .no-result .no-result-number,
	.user-list-drawer .no-result h5 {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline
	}
	.user-list-drawer .no-result .no-result-number {
		margin-right: 25px
	}
}

@media (max-width: 766px) and (orientation: landscape) {
	.pagination .btn:hover {
		background: #3CBC7B
	}
	.pagination .btn:focus {
		background: #3CBC7B
	}
	header {
		position: relative
	}
	.all-pinned-container {
		width: 100%;
		float: left
	}
	.halfsize {
		width: 35%;
		float: left
	}
	.fullsize {
		width: 35% !important;
		float: left
	}
	div.fullsize+.toplist-area-bottom {
		width: -webkit-calc(100% - 40%);
		width: calc(100% - 40%);
		float: right
	}
	div.halfsize+.toplist-area-bottom {
		width: -webkit-calc(100% - 40%);
		width: calc(100% - 40%);
		float: left
	}
	.toplist-area-bottom {
		width: 20%;
		float: left
	}
	.toplist-responsive {
		display: block
	}
	.toplist-responsive .toplist {
		width: 100%
	}
}

@media screen and (min-height: 396px) {
	.comment-module-drawer .inline-modal.comment-modal.modal-slider .modal {
		top: 55% !important
	}
}

@media screen and (min-height: 769px) and (max-height: 935px) {
	.comment-module-drawer .inline-modal.comment-modal.modal-slider .modal {
		top: calc(100% - 400px) !important
	}
	.comment-module-drawer .inline-modal.comment-modal.modal-slider .modal .body .modal-content .detail {
		height: 100%;
		max-height: 600px
	}
}

@media screen and (max-height: 768px) {
	.inline-modal.announcementsModal .overlay .modal .body .nano {
		position: relative;
		display: block;
		max-height: 430px;
		min-height: 50px
	}
	.inline-modal.announcementsModal .overlay .modal .body .modal-footer {
		padding-left: 0px
	}
	.inline-modal.comment-modal .modal #images-slider .slick-list {
		max-height: 360px
	}
	.inline-modal.comment-modal .modal #images-slider .slick-list .slider-item .modal-content {
		max-height: 360px
	}
	.inline-modal.comment-modal .modal #images-slider .slick-list .slider-item .modal-content .detail {
		max-height: 360px;
		height: 100%
	}
	.inline-modal.comment-modal .modal #images-slider .slick-list .slider-item .modal-content .detail img,
	.inline-modal.comment-modal .modal #images-slider .slick-list .slider-item .modal-content .detail iframe {
		max-height: 360px
	}
	.inline-modal .overlay .modal {
		top: 15%
	}
	.comment-module-drawer .inline-modal.comment-modal.modal-slider .modal {
		top: calc(100% - 255px) !important
	}
	.comment-module-drawer .inline-modal.comment-modal.modal-slider .modal .body .modal-content .detail {
		height: 350px
	}
	.comment-module-drawer .inline-modal.comment-modal.modal-slider .modal .body .modal-content .detail img,
	.comment-module-drawer .inline-modal.comment-modal.modal-slider .modal .body .modal-content .detail iframe {
		margin: 0px
	}
	.comment-module-drawer .inline-modal.comment-modal.modal-slider .modal .body .sg-icon {
		margin-top: -50px !important
	}
	.comment-module-drawer .inline-modal.comment-modal.modal-slider .modal .slick-list {
		max-height: 350px !important
	}
}

@media screen and (max-height: 640px) {
	.inline-modal.announcementsModal .overlay .modal .body .nano {
		position: relative;
		display: block;
		max-height: 150px;
		min-height: 50px
	}
	.inline-modal .overlay .modal {
		top: 15%
	}
	.comment-module-drawer .inline-modal.comment-modal.modal-video .overlay .modal {
		top: 60% !important
	}
}

@media screen and (max-height: 375px) {
	.inline-modal.announcementsModal .overlay .modal .body .nano {
		position: relative;
		display: block;
		max-height: 55px;
		min-height: 50px
	}
}

@media screen and (max-height: 250px) {
	.inline-modal.activity-description .overlay .modal {
		top: 4% !important
	}
	.inline-modal.request-form-explanation .overlay .modal {
		top: 4% !important
	}
}

@media screen and (max-width: 767px) {
	.catalog-header-filter .catalog-left-filter,
	.catalog-header-filter .catalog-right-filter {
		padding: 0px 13px
	}
	.task-module .task-code {
		width: auto !important
	}
	.task-module .task-module-new-task .task-module-new-task-items.line-fix-height {
		height: auto;
		line-height: auto
	}
	.form-item-hidden {
		display: none
	}
	.activity-approval-search-line .line-spacer {
		margin-bottom: 10px
	}
	.activity-approval-search-line .line-spacer:last-child {
		margin-bottom: 0px
	}
	.activity-approval-actions .activity-approval-result {
		text-align: center;
		margin-bottom: 20px
	}
	.activity-approval-actions .export-area {
		float: inherit !important;
		margin: auto !important
	}
	.column-margin-left,
	.column-margin-right {
		margin: 0px
	}
}

@media screen and (max-width: 768px) {
	.filter-bar.filter-bar-catalog.transparent {
		position: absolute;
		right: 0px;
		top: 115px;
		left: auto;
		bottom: auto;
		z-index: 5
	}
	.filter-bar.filter-bar-catalog .filter-menu-webview {
		display: none;
		visibility: hidden
	}
	.checkbox-filter-box ul li {
		width: 100%
	}
}

@media (min-height: 251px) and (max-height: 600px) {
	.inline-modal.activity-description .overlay .modal {
		top: 10% !important
	}
	.inline-modal.request-form-explanation .overlay .modal {
		top: 10% !important
	}
}

@media screen and (min-width: 1200px) {
	.filter-icon {
		display: none
	}
	body.de .activity-management .activity-management-list .activity-management-list-line .user-count .user-count-numeric .inner {
		left: -35px
	}
}

@media (max-width: 740px) {
	.catalog-filter-top .catalog-filter-search {
		display: block
	}
	.catalog-filter-top .catalog-filter-search input[type="text"] {
		width: 100%
	}
	.catalog-filter-top .catalog-filter-search input[type="text"]::-moz-placeholder {
		font-family: "lato_trregular", Helvetica, Arial, sans-serif;
		color: #7A8292
	}
	.catalog-filter-top .catalog-filter-search input[type="text"]::-webkit-input-placeholder {
		font-family: "lato_trregular", Helvetica, Arial, sans-serif;
		color: #7A8292
	}
	.catalog-filter-top .catalog-filter-search input[type="text"]:-ms-input-placeholder {
		font-family: "lato_trregular", Helvetica, Arial, sans-serif;
		color: #7A8292
	}
	.catalog-filter-top .catalog-filter-search input[type="text"]::placeholder {
		font-family: "lato_trregular", Helvetica, Arial, sans-serif;
		color: #7A8292
	}
	.catalog-filter-top .catalog-filter-sorting {
		display: block;
		float: inherit;
		text-align: center
	}
	.catalog-filter-top .catalog-filter-sorting .select2-selection__rendered {
		width: auto
	}
	.catalog-content .box-module .module-content .module-item:nth-child(3n) {
		margin-right: auto
	}
	.title-bar h3 {
		width: -webkit-calc(67% - 100px);
		width: calc(67% - 100px)
	}
}

@media (max-width: 380px) {
	.catalog-filter-top .catalog-filter-search input[type="text"] {
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 35px
	}
	.catalog-filter-top .catalog-filter-search input[type="text"]::-moz-placeholder {
		font-family: "lato_trregular", Helvetica, Arial, sans-serif;
		color: #7A8292
	}
	.catalog-filter-top .catalog-filter-search input[type="text"]::-webkit-input-placeholder {
		font-family: "lato_trregular", Helvetica, Arial, sans-serif;
		color: #7A8292
	}
	.catalog-filter-top .catalog-filter-search input[type="text"]:-ms-input-placeholder {
		font-family: "lato_trregular", Helvetica, Arial, sans-serif;
		color: #7A8292
	}
	.catalog-filter-top .catalog-filter-search input[type="text"]::placeholder {
		font-family: "lato_trregular", Helvetica, Arial, sans-serif;
		color: #7A8292
	}
	.badge-window-area .user-area {
		padding-right: 20px;
		padding-bottom: 20px;
		height: auto
	}
	.badge-window-area .user-area .user-info {
		width: 100%;
		margin: auto;
		text-align: center;
		float: none;
		display: inline-block
	}
	.badge-window-area .user-area .level-info {
		width: 100%;
		margin: 15px auto 0;
		text-align: center;
		border-top: #fff 1px solid;
		height: auto;
		float: none;
		display: inline-block;
		padding: 15px 0;
		border-left: 0px
	}
	.badge-window-area .user-area .level-info .level-photo {
		display: block;
		margin: auto;
		text-align: center;
		float: none
	}
	.badge-window-area .user-area .level-info .level-info-text {
		width: 100%;
		float: none;
		margin: 10px auto 0
	}
	.badge-window-area .user-area p {
		width: 100%;
		display: inline-block;
		float: none;
		margin: 0 auto
	}
}

@media (max-width: 480px) {
	.catalog-filter-bottom .select-filters .select-filters-box-height {
		max-height: 100px
	}
	.catalog-filter-bottom .select-filters .select-filters-buttons {
		padding: 5px 10px
	}
	.catalog-filter-bottom .select-filters .select-filters-buttons .button-left,
	.catalog-filter-bottom .select-filters .select-filters-buttons .button-right {
		float: inherit
	}
	.catalog-filter-bottom .select-filters .select-filters-buttons .filters-button {
		display: block;
		text-align: center
	}
	.catalog-filter-bottom .select-filters .select-filters-box {
		margin: 0 0 10px 0;
		display: block
	}
	.catalog-filter-bottom .select-filters .select-filters-box span {
		display: block;
		margin: 0 0 5px 0;
		text-align: center;
		font-size: inherit
	}
	.catalog-filter-bottom .result {
		text-align: center
	}
	.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items .head {
		display: none
	}
	.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items tr {
		position: relative;
		height: 55px;
		display: block
	}
	.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items tr.fix-user-full-name-user-process {
		height: 35px
	}
	.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items tr.fix-user-full-name {
		height: 55px
	}
	.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items tr .row-common.user-full-name {
		width: 66%;
		position: absolute;
		padding-top: 10px
	}
	.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items tr .row-common.user-complete-status {
		position: absolute;
		left: 0;
		top: 30px;
		right: auto;
		bottom: auto;
		z-index: 1;
		padding-left: 0;
		width: 33%;
		text-align: left
	}
	.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items tr .row-common.user-success-status {
		position: absolute;
		left: 33.5%;
		top: 30px;
		right: auto;
		bottom: auto;
		z-index: 1;
		width: 33%
	}
	.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items tr .row-common.user-activity-score {
		position: absolute;
		right: 0;
		top: 30px;
		left: auto;
		bottom: auto;
		z-index: 1;
		width: 33%
	}
	.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items tr .row-common.user-process {
		position: absolute;
		right: 0;
		width: 33%
	}
	.unit-area .unit-box .unit-box-row.unit-box-type,
	.unit-area .unit-box .unit-box-row.unit-box-score,
	.unit-area .unit-box .unit-box-row.unit-box-status,
	.unit-area .unit-box .unit-box-row.unit-box-actions {
		width: 100% !important;
		margin: 5px 0;
		text-align: center !important
	}
	.unit-area .unit-box .unit-box-row.unit-box-type {
		float: none
	}
	.unit-area .unit-box .unit-box-row.unit-box-arrow:last-child {
		top: 0
	}
	.unit-area .tree-directory .unit-area .unit-box {
		padding: 10px
	}
	.lang-disable {
		display: none !important
	}
}

@media (min-width: 500px) and (max-width: 767px) {
	.catalog-content .box-module .module-content .module-item:nth-child(3n) {
		margin-bottom: -1px !important
	}
}

@media screen and (max-width: 1200px) {
	.transparent.open .checkbox-filter-box {
		background: #fff;
		overflow: hidden
	}
	.transparent.open .checkbox-filter-box h4 {
		position: relative;
		background: #D6D9DE !important;
		padding: 22px;
		border-bottom: 1px solid #D6D9DE !important;
		border-top: 1px solid #D6D9DE !important;
		color: #7A8292;
		text-indent: 0px !important
	}
	.transparent.open .catalog-filter-box h4 {
		position: relative;
		background: #D6D9DE !important;
		padding: 22px;
		border-bottom: 1px solid #D6D9DE !important;
		border-top: 1px solid #D6D9DE !important;
		color: #7A8292;
		text-indent: 0px !important
	}
	.no-filter {
		width: 100%
	}
	.polls .polls-sort .count,
	.polls .polls-sort .finish-date,
	.polls .polls-sort .reply-date,
	.polls .polls-sort .poll-btn-area {
		text-align: center
	}
	.polls .polls-list .polls-line .count,
	.polls .polls-list .polls-line .finish-date,
	.polls .polls-list .polls-line .reply-date,
	.polls .polls-list .polls-line .poll-btn-area {
		text-align: center;
		padding: 10px 0
	}
	.polls .polls-list .polls-line .poll-btn-area a.btn {
		margin-right: 0
	}
	.polls .polls-list .polls-line .finish-date span.no-time,
	.polls .polls-list .polls-line .reply-date span.no-time {
		margin: 0 auto
	}
}

@media screen and (min-width: 1200px) {
	.checkbox-filter-box,
	.catalog-filter-box {
		width: 295px
	}
	.menu-stuck {
		position: relative !important;
		top: inherit !important
	}
}

@media screen and (min-width: 1024px) {
	.filter-bar-catalog .filter-mobil-scrollable {
		display: none;
		visibility: hidden
	}
	.filter-bar-catalog .menu-stuck {
		position: relative !important;
		top: inherit !important
	}
	.catalog-filter-icon {
		display: none !important
	}
	.badge-window-area .tab .item .item-content.current-badges ul li.left-corner .tooltip,
	.badge-window-area .tab .item .item-content.potential-badges ul li.left-corner .tooltip {
		left: 110px
	}
	.badge-window-area .tab .item .item-content.current-badges ul li.left-corner .tooltip:after,
	.badge-window-area .tab .item .item-content.potential-badges ul li.left-corner .tooltip:after {
		left: 53px
	}
	.badge-window-area .tab .item .item-content.current-badges ul li.right-corner .tooltip,
	.badge-window-area .tab .item .item-content.potential-badges ul li.right-corner .tooltip {
		left: 25px
	}
	.badge-window-area .tab .item .item-content.current-badges ul li.right-corner .tooltip:after,
	.badge-window-area .tab .item .item-content.potential-badges ul li.right-corner .tooltip:after {
		left: 142px
	}
	.form-item-hidden {
		display: none
	}
	.task-module .task-module-list .task-module-list-line .checkbox-mobile {
		display: none !important
	}
	.task-module .task-module-list .task-module-list-line .evaluation-process .btn {
		width: 100%
	}
	.activity-management .dropdown {
		min-width: 135px
	}
	.activity-management .activity-management-sort .title span {
		margin-left: 40px
	}
	.activity-management .activity-management-sort .createDate span>a span:nth-child(2) {
		margin-top: -24px;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 63px
	}
	.activity-management .activity-management-sort .startDate span>a span:nth-child(2) {
		margin-top: -24px;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 60px
	}
	.activity-management .activity-management-sort .endDate span>a span:nth-child(2) {
		margin-top: -12px;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 65px
	}
	.activity-management .activity-management-sort .userCount span>a span:nth-child(2) {
		margin-top: -24px;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 55px
	}
	.activity-management .activity-management-list .activity-management-list-line .checkbox-mobile {
		display: none !important
	}
	.activity-management .activity-management-actions .export-option-area .options-area {
		position: absolute;
		right: -30px;
		top: 40px;
		left: auto;
		bottom: auto;
		z-index: 1;
		width: 170px;
		max-width: 170px
	}
	.activity-management .activity-management-actions .export-option-area .options-area:before,
	.activity-management .activity-management-actions .export-option-area .options-area:after {
		right: 70px
	}
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
	.ddl-right {
		display: none;
		visibility: hidden
	}
	.people-replied-list.open .editActive .comment-attachment-group.comment-desktop-menu {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		visibility: visible
	}
}

@media (min-width: 600px) and (max-width: 980px) {
	.homework-drawer .homework-content .homework-top {
		width: 100%;
		margin-bottom: 20px;
		overflow: hidden;
		height: auto;
		border-bottom: 1px solid #ECEFF1
	}
	.homework-drawer .homework-content .homework-top .detail-activity,
	.homework-drawer .homework-content .homework-top .detail-learning-unit,
	.homework-drawer .homework-content .homework-top .score-area {
		width: 33%;
		text-align: center;
		height: auto;
		padding: 0 2% 20px
	}
	.homework-drawer .homework-content .homework-top .detail-activity .thumb,
	.homework-drawer .homework-content .homework-top .detail-learning-unit .thumb,
	.homework-drawer .homework-content .homework-top .score-area .thumb {
		margin: 0 auto 10px;
		float: inherit !important;
		width: 100%
	}
	.homework-drawer .homework-content .homework-top .detail-activity .thumb img,
	.homework-drawer .homework-content .homework-top .detail-learning-unit .thumb img,
	.homework-drawer .homework-content .homework-top .score-area .thumb img {
		margin: auto
	}
	.homework-drawer .homework-content .homework-top .detail-activity span,
	.homework-drawer .homework-content .homework-top .detail-learning-unit span,
	.homework-drawer .homework-content .homework-top .score-area span {
		float: inherit;
		width: 100%;
		margin-left: 0
	}
	.activity-management .activity-management-linked .linked-thumb {
		margin-bottom: 15px
	}
}

@media screen and (max-width: 680px) {
	.homework-drawer .homework-content .close {
		right: 10px
	}
	.homework-drawer .homework-content .homework-title i {
		display: none
	}
	.homework-drawer .homework-content .homework-title h4 {
		display: block;
		text-align: center
	}
}

@media screen and (max-width: 599px) {
	.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items tr.head .row-common a span:last-child {
		display: none
	}
	.homework-drawer .homework-content h5 {
		font-size: 15px
	}
	.homework-drawer .homework-content .homework-top {
		width: 100%;
		margin-bottom: 20px;
		overflow: hidden;
		height: auto;
		border-bottom: 1px solid #ECEFF1
	}
	.homework-drawer .homework-content .homework-top .detail-activity,
	.homework-drawer .homework-content .homework-top .detail-learning-unit,
	.homework-drawer .homework-content .homework-top .score-area {
		width: 100%;
		text-align: center;
		height: auto;
		padding: 0 0 20px
	}
	.homework-drawer .homework-content .homework-top .detail-activity .thumb,
	.homework-drawer .homework-content .homework-top .detail-learning-unit .thumb,
	.homework-drawer .homework-content .homework-top .score-area .thumb {
		margin: 0 auto 10px;
		float: inherit !important;
		width: 100%
	}
	.homework-drawer .homework-content .homework-top .detail-activity .thumb img,
	.homework-drawer .homework-content .homework-top .detail-learning-unit .thumb img,
	.homework-drawer .homework-content .homework-top .score-area .thumb img {
		margin: auto
	}
	.homework-drawer .homework-content .homework-top .detail-activity span,
	.homework-drawer .homework-content .homework-top .detail-learning-unit span,
	.homework-drawer .homework-content .homework-top .score-area span {
		float: inherit;
		width: 100%;
		margin-left: 0
	}
	.homework-drawer .homework-content .homework-top .detail-activity.score-padding,
	.homework-drawer .homework-content .homework-top .detail-learning-unit.score-padding,
	.homework-drawer .homework-content .homework-top .score-area.score-padding {
		padding-top: 0px
	}
	.homework-drawer .homework-content .homework-desc,
	.homework-drawer .homework-content .homework-docs {
		text-align: center;
		border-bottom: 1px solid #ECEFF1
	}
	.homework-drawer .homework-content .homework-docs .user-homework-files .homework-explanation-tools {
		float: inherit;
		margin-bottom: 20px
	}
	.homework-drawer .file-upload-holder .type-list li:last-child {
		padding-bottom: 0px !important
	}
	.homework-drawer .file-upload-holder .type-list li .file-list-left {
		width: 100%
	}
	.homework-drawer .file-upload-holder .type-list li .file-list-right {
		float: inherit !important
	}
	.homework-drawer .file-upload-holder .type-list li .buttons,
	.homework-drawer .file-upload-holder .type-list li .file-name,
	.homework-drawer .file-upload-holder .type-list li .small-text {
		margin: 10px 0px !important;
		line-height: 100% !important;
		display: block !important;
		text-align: center
	}
	.homework-drawer .file-upload-holder .type-list li .delete-btn {
		margin: 10px 0px !important;
		display: block !important;
		text-align: center;
		width: 100% !important
	}
	.homework-drawer .file-upload-holder .type-list li .file-name a i {
		display: block;
		margin: 0 auto 5px !important
	}
	.homework-drawer .file-upload-holder .type-list li .file-name a .small-text {
		display: block
	}
	.homework-drawer .file-upload-holder .send-docs {
		text-align: center
	}
	.homework-drawer .file-upload-holder .send-docs a {
		float: inherit !important
	}
	.homework-drawer .file-upload-holder .send-docs.no-border {
		border: 1px solid #D6D9DE !important;
		border-top: 0px !important;
		padding: 15px 0 !important
	}
	header .search-area .autocomplete {
		width: 94%;
		position: absolute;
		left: 260px;
		top: 70px;
		right: auto;
		bottom: auto;
		z-index: 1
	}
	header .search-area .autocomplete ul {
		-webkit-overflow-scrolling: touch;
		margin-bottom: 12px;
		overflow: auto;
		max-height: 275px
	}
	header .search-area .autocomplete ul li {
		padding: 5px 10px
	}
	header .search-area .autocomplete ul li a {
		line-height: 100%
	}
	header .search-area .autocomplete ul li span {
		margin: 8px 0;
		display: table;
		float: inherit
	}
	header .search-area .autocomplete ul li .sg-navigateright {
		right: 2px
	}
}

@media screen and (max-width: 350px) {
	.activity-approval .activity-approval-search .activity-approval-search-line .process-area {
		float: inherit;
		text-align: center
	}
	.activity-approval .activity-approval-search .activity-approval-search-line .process-area button.clear-btn,
	.activity-approval .activity-approval-search .activity-approval-search-line .process-area button.filter-btn {
		display: block;
		width: 100%
	}
	.activity-approval .activity-approval-search .activity-approval-search-line .process-area button.clear-btn {
		padding: 0 0 10px 0 !important
	}
	header .container-fluid {
		padding: 0 10px !important
	}
	header .search-area .autocomplete {
		position: absolute;
		left: 260px;
		top: 70px;
		right: auto;
		bottom: auto;
		z-index: 1
	}
	header .search-area .autocomplete ul a {
		line-height: 25px
	}
	header .search-area .autocomplete ul li span {
		float: inherit;
		display: table
	}
	header .search-area .autocomplete ul li .sg-navigateright {
		position: absolute;
		left: 80px;
		bottom: -1px;
		right: auto;
		top: auto;
		z-index: 1
	}
	.unit-area .unit-box .unit-box-row.unit-box-type,
	.unit-area .unit-box .unit-box-row.unit-box-score,
	.unit-area .unit-box .unit-box-row.unit-box-status,
	.unit-area .unit-box .unit-box-row.unit-box-actions {
		width: 100% !important;
		text-align: center !important;
		padding: 5px 0px
	}
	.unit-area .unit-box .unit-box-row.unit-box-actions {
		margin: 0
	}
	.unit-area .unit-box .unit-box-row.unit-box-main {
		margin-bottom: 20px
	}
	.unit-area .unit-box .unit-box-row.unit-box-main .unit-box-main-thumb img {
		margin-right: 5px
	}
	.unit-area .unit-box .unit-box-row.unit-box-actions .btn-small.disabled .trigger-unit-tooltip {
		width: 100% !important
	}
	.unit-area .unit-box .unit-box-detail .unit-box-detail-homework .homework-line {
		padding-right: 0px
	}
	.unit-area .tree-directory .unit-area .unit-box {
		padding: 10px
	}
	.unit-area .tree-directory .directory-line .directory-sub-line .unit-box .unit-box-row.unit-box-main .unit-box-main-thumb {
		vertical-align: top
	}
	.directory-line-unit-count {
		display: none
	}
	.task-module .task-module-search .task-module-search-line .process-area {
		float: inherit;
		text-align: center !important;
		line-height: 100% !important
	}
	.task-module .task-module-search .task-module-search-line .process-area .align-filter-btn {
		float: inherit;
		width: 100%
	}
	.task-module .task-module-search .task-module-search-line .process-area button.clear-btn {
		padding-left: 20px !important
	}
	.task-module .task-module-search .task-module-search-line .process-area button.filter-btn {
		width: 100%
	}
	.task-module .task-module-search .select2 .selection .select2-selection.select2-selection--single {
		background: #fff;
		width: 100% !important
	}
	.task-module .task-module-search .select2.select2-container--lms {
		width: 100% !important
	}
	.task-module .task-module-actions .export-option-area {
		z-index: 3
	}
	.catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .process-area {
		float: inherit;
		text-align: center !important;
		line-height: 100% !important
	}
	.catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .process-area .align-filter-btn {
		float: inherit;
		width: 100%
	}
	.catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .process-area button.clear-btn {
		padding-left: 20px !important
	}
	.catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .process-area button.filter-btn {
		width: 100%
	}
	.education-history .filter-area .filter-content .form-item .process-area {
		float: inherit;
		text-align: center !important;
		line-height: 100% !important
	}
	.education-history .filter-area .filter-content .form-item .process-area .align-filter-btn {
		float: inherit;
		width: 100%
	}
	.education-history .filter-area .filter-content .form-item .process-area button.clear-btn {
		padding-left: 20px !important
	}
	.education-history .filter-area .filter-content .form-item .process-area button.filter-btn {
		width: 100%
	}
	.education-history .result {
		padding: 0px
	}
	.comment-button-group .reply {
		margin-top: 10px
	}
}

@media (min-width: 480px) and (max-width: 880px) {
	.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items .row-common {
		padding: 10px !important
	}
	.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items .row-common:first-child {
		padding-left: 0
	}
	.user-list-drawer .drawer-content .user-list-drawer-content .users-list .users-list-line .users-list-line-items .row-common:first-child {
		padding-right: 0
	}
}

@media (min-width: 767px) and (max-width: 855px) {
	.polls .polls-list .polls-line .name ul li p {
		width: 105px
	}
	.task-module .task-module-list .task-module-list-line .checkbox-mobile .checkbox {
		margin: 0 0 10px 0
	}
	.task-module .task-module-list .task-module-list-line .checkbox-not-mobile {
		display: none !important
	}
	.task-module .task-evaluation-users .task-module-list-line .checkbox-mobile {
		display: inline-block
	}
	.task-module .task-evaluation-users .task-module-list-line .checkbox-mobile .checkbox {
		margin-top: 0 !important;
		margin-right: 10px !important;
		margin-bottom: 0 !important;
		margin-left: 0 !important
	}
	.task-module.evaluation-detail .task-evaluation-users .task-evaluation-users-search .process-area .clear-btn {
		padding-left: 0
	}
	.task-module.evaluation-detail .task-evaluation-users .task-evaluation-users-search .process-area .filter-btn {
		float: right
	}
	.task-module.evaluation-detail .task-evaluation-users .task-evaluation-users-search .search-fix-height {
		margin-bottom: 15px
	}
	.task-module.evaluation-detail .task-evaluation-users .task-evaluation-users-search .search-fix-height label {
		margin-bottom: 15px
	}
	.task-module.evaluation-detail .task-evaluation-users .task-evaluation-users-search .search-fix-height:last-child {
		margin-bottom: 0px
	}
}

@media (max-width: 415px) {
	.online-user-count .online-user-open {
		padding: 10px !important;
		position: relative
	}
	.online-user-count .online-user-open span {
		display: none
	}
	.online-user-count .online-user-open span.count {
		display: block;
		position: absolute;
		left: 35px;
		top: 5px;
		right: auto;
		bottom: auto;
		z-index: 1;
		width: 23px;
		height: 23px;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		background-color: #A2ABCA;
		font: 11px/24px "lato_trbold", Helvetica, Arial, sans-serif;
		color: #fff;
		text-align: center;
		-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12)
	}
	.radio-group {
		display: block !important;
		margin-right: 0 !important;
		height: auto !important;
		line-height: 100% !important
	}
	.radio-group label {
		line-height: 20px !important;
		margin-bottom: 10px !important
	}
	.radio-group input[type="radio"]:checked+label,
	.radio-group input[type="radio"]:not(:checked)+label {
		line-height: 20px !important
	}
	.radio-group input[type="radio"]:checked+label:before,
	.radio-group input[type="radio"]:not(:checked)+label:before {
		top: 0px !important
	}
	.radio-group input[type="radio"]:checked+label:after,
	.radio-group input[type="radio"]:not(:checked)+label:after {
		top: 4px !important
	}
	.task-module .task-title .task-module-buttons a {
		margin: 0 0 10px 0;
		width: 100%
	}
	.task-module .task-title .task-module-buttons a:last-child {
		margin-bottom: 0px
	}
	.task-module .task-module-list {
		margin-top: 0px
	}
	.task-module .task-module-list .task-module-list-line {
		padding: 10px
	}
	.task-module .task-module-list .task-module-list-line p {
		padding: 0px !important
	}
	.task-module .task-module-list .task-module-list-line .editable a {
		width: 100%;
		margin-right: 0px
	}
	.task-module .task-module-list .task-module-list-line .lang-type-text {
		font-weight: bold
	}
	.task-module .task-module-list .task-module-list-line .task-type-action .icon-active {
		display: none
	}
	.task-module .task-module-list .task-module-list-line .col-line .btn {
		margin: 0px auto 5px !important;
		display: table;
		min-width: 150px
	}
	.task-module .task-module-types {
		text-align: center;
		padding: 20px
	}
	.task-module .task-module-types .type-name-add-new a {
		width: 100%
	}
	.task-module .task-module-types .type-name input {
		text-align: center
	}
	.task-module.evaluation-detail .task-evaluation-title .small-text {
		display: block;
		margin: 10px 0 5px 0
	}
	.task-module.evaluation-detail .task-evaluation-date-between label {
		margin-bottom: 15px
	}
	.task-module.evaluation-detail .task-evaluation-info .fix-line .row {
		margin-bottom: 15px !important
	}
	.task-module.evaluation-detail .task-evaluation-info .border {
		border-left: 0px
	}
	.task-module.evaluation-detail .task-evaluation-info .border .indent-left {
		padding-left: 0px
	}
	.task-module.evaluation-detail .task-evaluation-users .task-evaluation-users-search .process-area .clear-btn {
		padding-left: 0
	}
	.task-module.evaluation-detail .task-evaluation-users .task-evaluation-users-search .process-area .filter-btn {
		float: right
	}
	.task-module.evaluation-detail .task-evaluation-users .no-result-user .text {
		margin: auto !important
	}
	.task-module.evaluation-detail .task-drawer-button {
		margin-top: 15px
	}
	.task-modal .overlay .modal .body .modal-content .detail span {
		margin-left: -10px !important
	}
	.task-module-search .task-module-search-line .date-area .evaluation span.date-picker {
		width: 100% !important;
		margin-bottom: 10px
	}
	.task-module-search .task-module-search-line .date-area .evaluation span.date-picker.date-picker-last {
		margin-bottom: 0px
	}
	.task-module-search .task-module-search-line .date-area .evaluation span.date-picker-line {
		display: none
	}
	.task-drawer .task-content .no-content-tasks span.text {
		margin: -40px 0 0 0
	}
	.task-drawer .task-content .no-content-tasks span.no-sent-text {
		margin: 0
	}
	.task-drawer .task-content .emoji.emoji-smile {
		margin: 10px auto 0
	}
	.task-drawer .task-content .comments-area .no-content-tasks span.text {
		margin: 0
	}
	.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell {
		width: 100%;
		margin-right: 0px
	}
	.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell .checkbox-input {
		margin: 10px 0;
		display: block
	}
	.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell .checkbox-input .checkbox {
		margin-left: 0px
	}
	.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell .score-input {
		margin: 10px 0;
		display: block
	}
	.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell .score-input span {
		margin-left: 0px
	}
	.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell .score-input .error {
		margin-left: 0px
	}
	.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell .score-input .error input {
		margin: 10px 0
	}
	.task-drawer.evaluation-drawer .user-explanation .explanation-date {
		margin-right: 0
	}
	.task-drawer.evaluation-drawer .evaluation-fix-height {
		margin-bottom: 15px !important
	}
	.task-drawer.evaluation-drawer .evaluation-fix-height .title {
		margin-bottom: 15px !important
	}
	.catalog .box-module .module-content {
		margin-left: 0px
	}
	.catalog .box-module .module-content .catalog-detail-filters {
		margin: 0 0 30px 0 !important
	}
	.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .date-area span.date-picker {
		width: 100% !important;
		margin-bottom: 10px
	}
	.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .date-area span.date-picker.date-picker-last {
		margin-bottom: 0px
	}
	.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar .catalog-detail-search-line .date-area span.date-picker-line {
		display: none
	}
	.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar.filter-others .catalog-detail-search-line .process-area {
		float: inherit;
		text-align: center !important;
		line-height: 100% !important
	}
	.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar.filter-others .catalog-detail-search-line .process-area .align-filter-btn {
		float: inherit;
		width: 100%
	}
	.catalog .box-module .module-content .catalog-detail-filters .catalog-detail-filter-bar.filter-others .catalog-detail-search-line .process-area button.filter-btn {
		width: 100%
	}
	body.tr .task-drawer.evaluation-drawer .tabs #him:first-child {
		padding-top: 5px
	}
	.content.error {
		background-size: 415px 272px
	}
	.content.error .error-holder h1 {
		padding: 77px 145px 0 145px;
		font-size: 40px
	}
	.content.error .error-holder h2 {
		padding-top: 195px
	}
	.content.error .error-holder.generic-error h1 {
		padding-top: 78px;
		font-size: 35px
	}
	.content.error .error-holder.generic-error p {
		margin-top: 40px
	}
	.content.error .error-holder.generic-error h2 {
		padding-top: 160px !important;
		padding-right: 10px !important;
		padding-bottom: 0 !important;
		padding-left: 45px !important
	}
	.content.error .error-holder.generic-error span {
		padding: 0 20px
	}
	body.en .content.error .error-holder.generic-error h1 {
		padding: 84px 145px 0 145px;
		font-size: 25px
	}
	.pager .pagination-result {
		margin-bottom: 20px
	}
	.no-content {
		margin: 0px auto
	}
	.no-content span {
		width: 100% !important;
		display: block;
		float: none !important;
		text-align: center
	}
	.no-content span:nth-child(2) {
		margin-top: -35px
	}
	.no-content:before {
		left: 200px
	}
	.comment-bottom-textarea {
		margin: 50px auto 0;
		text-align: center
	}
	.comment-bottom-textarea .reply-comment button {
		margin: 15px auto 0;
		float: none
	}
	.drawer-area .col-right .tabs .session-records {
		padding: 10px !important
	}
	.activity-management .activity-management-title .activity-management-buttons a {
		margin: 0 0 10px 0;
		width: 100%
	}
	.activity-management .activity-management-title .activity-management-buttons a:last-child {
		margin-bottom: 0px
	}
	.activity-management .activity-management-list {
		margin-top: 0px
	}
	.activity-management .activity-management-list .activity-management-list-line {
		padding: 10px
	}
	.activity-management .activity-management-list .activity-management-list-line p {
		padding: 0px !important
	}
	.activity-management .activity-management-list .activity-management-list-line .activity-management-col-line .btn {
		margin: 0px auto 5px !important;
		display: table
	}
	.activity-management .activity-management-list .activity-management-list-line .activity-management-col-line.owner .full-name .inner {
		position: absolute;
		left: 0;
		top: 25px;
		right: auto;
		bottom: auto;
		z-index: 1;
		width: 100%;
		margin: auto;
		min-width: 100%;
		transform: translate(0)
	}
	.activity-management .activity-management-list .activity-management-list-line .activity-management-col-line.user-count .user-count-numeric .inner:after,
	.activity-management .activity-management-list .activity-management-list-line .activity-management-col-line.user-count .user-count-numeric .inner:before {
		left: auto;
		margin-left: -5px
	}
	.change-margin {
		margin-bottom: 10px
	}
	.btn-big {
		width: 100%;
		margin-bottom: 10px
	}
	.btn-big:last-child {
		margin-bottom: 0px
	}
	.unit-box .unit-box-row.unit-box-must {
		width: auto !important;
		height: 20px !important;
		padding: 5px !important;
		line-height: 100% !important
	}
	.unit-box .unit-box-row.unit-box-must span {
		position: unset !important;
		-moz-transform: none !important;
		-webkit-transform: none !important;
		-o-transform: none !important;
		-ms-transform: none !important;
		transform: none !important
	}
	.unit-box .unit-box-row.unit-box-main .unit-box-main-title h3 {
		display: block !important
	}
	.unit-box .unit-box-row.unit-box-main .unit-box-main-title .mobile-other-active-activity {
		display: block !important;
		margin-left: 0px !important
	}
	.unit-box .unit-box-row.unit-box-main .unit-box-main-title .mobile-other-active-activity .other-active-activity {
		width: 32px
	}
	.unit-box .unit-box-row.unit-box-main .unit-box-main-title .mobile-other-active-activity .other-active-activity .other-active-activity-tooltip {
		right: -217px !important
	}
	.unit-box .unit-box-row.unit-box-main .unit-box-main-title .mobile-other-active-activity .other-active-activity .other-active-activity-tooltip:before,
	.unit-box .unit-box-row.unit-box-main .unit-box-main-title .mobile-other-active-activity .other-active-activity .other-active-activity-tooltip:after {
		right: 90% !important
	}
	.unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail {
		width: calc(100% - 45px) !important
	}
	.unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail .session-line-detail-info {
		width: 100% !important
	}
	.unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail .session-line-detail-status {
		margin-top: 10px
	}
	.unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail-logs .session-line-info {
		width: 100% !important
	}
	.unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail-logs .session-line-status {
		margin-top: 10px
	}
	.unit-box .unit-box-detail .unit-box-detail-attachments .file-list a p {
		width: -webkit-calc(100% - 50px);
		width: calc(100% - 50px)
	}
	.activity-grid-plan {
		text-align: center
	}
	.activity-drawer .activity-grid-plan {
		text-align: left
	}
	.register-course-tooltip .register-course-detail-area .register-course-detail-area-left {
		float: none;
		width: 100%;
		border: 0px;
		padding: 0px
	}
	.register-course-tooltip .register-course-detail-area .register-course-detail-area-left .register-course-detail .register-course-picture {
		float: none !important;
		margin: 0 auto 10px !important
	}
	.register-course-tooltip .register-course-detail-area .register-course-detail-area-left .register-course-detail .register-course-info-area {
		width: 100% !important;
		float: none !important;
		height: 100% !important;
		text-align: center
	}
	.register-course-tooltip .register-course-detail-area .register-course-detail-area-left .register-course-detail .register-course-info-area .category-tag {
		margin: 10px 0 !important
	}
	.register-course-tooltip .register-course-detail-area .register-course-detail-area-left .register-course-detail .register-course-info-area .register-course-date-area {
		position: inherit !important
	}
	.register-course-tooltip .register-course-detail-area .register-course-detail-area-left .register-course-detail .register-course-info-area .register-course-date-area>span {
		width: 110px !important;
		margin-right: 0px !important
	}
	.register-course-tooltip .register-course-detail-area .register-course-detail-area-left .register-course-detail .register-course-info-area .register-course-date-area>span:nth-child(2) {
		padding-left: 10px
	}
	.register-course-tooltip .register-course-detail-area .register-course-detail-area-right {
		float: none
	}
	.register-course-tooltip .register-course-detail-area .register-course-detail-area-right .btn {
		padding: 5px !important
	}
	.inline-modal.announcementsModal .overlay .modal .body .modal-content .detail iframe {
		width: 100%;
		height: auto
	}
	.inline-modal.comment-modal.modal-people .modal {
		top: 50% !important
	}
	.inline-modal.comment-modal.modal-people .modal .nano {
		max-height: 400px !important
	}
	.inline-modal.comment-modal.modal-people .modal .tabs {
		position: absolute;
		left: 20px;
		top: -50px;
		right: auto;
		bottom: auto;
		z-index: 1
	}
	.inline-modal.comment-modal.modal-people .modal .tabs #him-middle {
		margin-right: 10px
	}
	.inline-modal.comment-modal.modal-people .modal .tabs #him-middle span {
		font-size: 14px !important;
		margin-left: 0 !important;
		margin-right: 0px !important
	}
	.inline-modal.comment-modal.modal-people .modal .tabs #him-middle i {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 18px !important
	}
	.inline-modal.comment-modal.modal-complaint .complain-reason-text {
		margin: 20px 20px 0
	}
	.inline-modal.comment-modal.modal-complaint .complain-reason-text textarea {
		height: 60px
	}
	.inline-modal.comment-modal.modal-complaint .modal-bar .btn {
		min-width: auto !important
	}
	.inline-modal.comment-modal.modal-slider .overlay .modal .body .sg-icon {
		margin: 0 !important;
		font-size: 50px !important
	}
	.inline-modal.comment-modal.modal-slider .overlay .modal .body .sg-icon.sg-navigateright {
		position: absolute;
		right: -45px;
		top: 30%;
		left: auto;
		bottom: auto;
		z-index: 1
	}
	.inline-modal.comment-modal.modal-slider .overlay .modal .body .sg-icon.sg-navigateleft {
		position: absolute;
		left: -45px;
		top: 30%;
		right: auto;
		bottom: auto;
		z-index: 1
	}
	.inline-modal.comment-modal .overlay .modal .body .modal-content .detail.fail {
		margin-top: 20px
	}
	.inline-modal.comment-modal .overlay .modal .body .modal-footer .modal-bar .btn {
		min-width: 110px
	}
	.inline-modal.comment-modal .overlay .modal .body .modal-footer .modal-bar .btn:last-child {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		margin-top: 0px
	}
	.column-margin-left,
	.column-margin-right {
		margin: 0
	}
	.polls .polls-list .polls-line .name span {
		display: inline-block;
		vertical-align: top
	}
	.exam-modal-area .criterion-table .criterion-table-result {
		overflow: auto
	}
	.exam-modal-area .exam-statistics .statistics-list ul {
		text-align: center;
		margin: 0 0 20px 0;
		padding: 0 0 20px 0;
		border-bottom: 1px solid #D6D9DE;
		float: none;
		border-right: 0px
	}
	.exam-modal-area .exam-statistics .statistics-list ul:last-child {
		margin: 0;
		padding: 0;
		border: 0
	}
	.exam-modal-area .questions {
		margin: 0;
		border: 0
	}
	.exam-modal-area .question-item .form-item img {
		width: 100%
	}
	.comment-module .tabbed-view .tabs #him {
		width: 49.2%
	}
	.comment-module .tabbed-view .tabs #him .badge .trigger-unit-tooltip {
		position: absolute;
		left: -65px;
		top: 35px;
		right: auto;
		bottom: auto;
		z-index: 1;
		padding: 10px;
		width: 155px
	}
	.comment-module .tabbed-view .comments-area textarea {
		padding-top: 10px
	}
	.comment-module .tabbed-view .comments-area .comment-attachment-group {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline
	}
	.comment-module .tabbed-view .comments-area .comment-attachment-group .btn.btn-medium {
		min-width: 110px
	}
	.comment-module .tabbed-view .comments-area .comment-attachment-group .video-link {
		margin: 10px 0
	}
	.comment-module .tabbed-view .comments-area .comment-attachment-group .animated-button {
		margin-top: 10px
	}
	.comment-module .tabbed-view .comments-area .comment-list {
		margin-top: 20px
	}
	.comment-module .tabbed-view .comments-area .comment-list li {
		padding: 20px 5px
	}
	.comment-module .tabbed-view .comments-area .comment-list li .people-voted {
		margin-bottom: 10px
	}
	.comment-module .tabbed-view .comments-area .comment-list li .body {
		margin-right: 15px;
		margin-left: 15px;
		padding-bottom: 20px;
		min-height: 100%
	}
	.comment-module .tabbed-view .comments-area .comment-list li .body iframe {
		height: 100%
	}
	.comment-module .tabbed-view .comments-area .comment-list .comment-button-group .reply-mobile {
		padding-top: 0
	}
	.comment-module .tabbed-view .comments-area .comment-list .comment-button-group .edit-buttons {
		margin-top: 10px !important
	}
	.comment-module .tabbed-view .comments-area .comment-list .comment-button-group .comment-reply-group {
		margin-top: 10px !important
	}
	.comment-module .tabbed-view .comments-area .comment-list .comment-attachment-group {
		margin-top: 10px !important
	}
	.comment-module .dropdown {
		width: 115px
	}
	.comment-module .comment-desktop-menu {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline
	}
	.comment-module .comment-mobil-menu-ddl {
		display: none;
		visibility: hidden
	}
	.comment-module .video-link-text {
		padding: 0
	}
	.growl-container .menu-stuck {
		width: 100%
	}
	.growl-container .menu-stuck .growl-item .info {
		width: calc(100% - 80px)
	}
	.settings-bar .photo-area .avatar {
		width: 175px;
		height: 175px
	}
}

@media (max-width: 375px) {
	.comment-button-group .btn:nth-child(3n+3) {
		margin-top: 10px
	}
	.comment-module .tabbed-view .tabs #him-middle .badge .trigger-unit-tooltip {
		position: absolute;
		left: -125px;
		top: 35px;
		right: auto;
		bottom: auto;
		z-index: 1
	}
	.comment-module .tabbed-view .tabs #him-middle .badge .trigger-unit-tooltip:after,
	.comment-module .tabbed-view .tabs #him-middle .badge .trigger-unit-tooltip:before {
		margin-left: 35px
	}
}

@media (max-width: 991px) {
	.education-history .education-history-list-line .history-fix-height {
		margin-bottom: 10px
	}
	.education-history .education-history-list-line .history-fix-height:last-child {
		margin-bottom: 0px
	}
	.activity-approval .activity-approval-search .activity-approval-search-line .line-spacer label {
		margin-bottom: 10px !important
	}
	.comments-area .circle {
		margin: 0 auto 10px
	}
}

@media screen and (max-width: 768px) and (min-height: 767px) and (max-height: 904px) {
	.filter-bar.filter-bar-catalog.transparent.open .filter-mobil-scrollable .mobil-filter {
		height: calc(100vh - 270px) !important
	}
}

@media screen and (max-width: 768px) and (min-height: 905px) and (max-height: 960px) {
	html.ipad .filter-bar.filter-bar-catalog.transparent.open .filter-mobil-scrollable .mobil-filter {
		height: calc(100vh - 200px) !important
	}
}

@media screen and (max-width: 768px) and (min-height: 905px) and (max-height: 921px) {
	.filter-bar.filter-bar-catalog.transparent.open .filter-mobil-scrollable .mobil-filter {
		height: calc(100vh - 250px) !important
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.education-history .education-history-list .education-history-list-line .no-time {
		margin: auto
	}
	.task-module .task-module-search-line label {
		margin-bottom: 10px !important
	}
	.task-module .task-module-list .task-module-list-line {
		text-align: center;
		padding: 10px !important
	}
	.task-module .task-module-list .task-module-list-line .no-time {
		margin: auto
	}
	.task-module .task-module-list .task-module-list-line.multiple-languages.lang-active .col-line-fix-height span {
		padding: 15px 0 0 0
	}
	.task-module .task-module-list .task-module-list-line.multiple-languages.lang-active .creator span {
		padding: 22px 0 0 0
	}
	.task-module .task-module-list .task-module-list-line.multiple-languages.lang-active .task-type-property {
		padding: 12px 11px
	}
	.task-module .task-module-list .task-module-list-line.multiple-languages.lang-active .task-type-active .row {
		margin-bottom: 0px
	}
	.task-module .task-module-list .task-module-list-line.multiple-languages.lang-active .task-type-action span {
		padding: 18px 0
	}
	.task-module .task-module-list .task-module-list-line.multiple-languages.active .col-line-fix-height span {
		padding: 14px 0 0 0
	}
	.task-module .task-module-list .task-module-list-line.multiple-languages.active .creator span {
		padding: 22px 0 0 0
	}
	.task-module .task-module-list .task-module-list-line .participant-count span .inner {
		width: 50%;
		right: 0;
		transform: translate(-50%, 0)
	}
	.task-module .task-module-list .task-module-list-line .participant-count span .inner:after {
		right: 50%;
		left: 50%;
		bottom: -23px;
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%)
	}
	.task-module .task-module-sort .completion-date span a span:nth-child(2) {
		margin-top: -19px;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 75px
	}
	.register-course-tooltip .register-course-detail-area {
		padding: 10px !important
	}
	.register-course-tooltip .register-course-detail-area .register-course-detail-area-left {
		width: 72%
	}
	.register-course-tooltip .register-course-detail-area .register-course-detail-area-left a .register-course-detail .register-course-info-area .register-course-date-area span {
		width: 46%
	}
	.register-course-tooltip .register-course-detail-area .register-course-detail-area-left a .register-course-detail .register-course-info-area .register-course-date-area span:first-child:not(:last-child) {
		margin-right: 5%
	}
	.activity-management .activity-management-search label {
		margin-bottom: 10px !important
	}
	.activity-management .activity-management-search .activity-management-search-area .activity-management-filters i {
		margin-top: -7px;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 10px
	}
	.activity-management .activity-management-search .activity-management-search-area .process-area {
		padding-top: 37px
	}
	.activity-management .activity-management-list .activity-management-list-line {
		padding: 10px !important
	}
	.activity-management .activity-management-list .activity-management-list-line .activity-management-col-line .name-info .name-info-right h5 p {
		display: block;
		margin: 5px 0
	}
	.activity-management .activity-management-list .activity-management-list-line .activity-management-col-line .name-info .name-info-right h5 i {
		margin: 0px
	}
	.activity-management .activity-management-list .activity-management-list-line .activity-management-col-line.user-count .user-count-numeric {
		width: 145px
	}
	.activity-management .activity-management-list .activity-management-list-line .activity-management-col-line.user-count .user-count-numeric .inner {
		position: absolute;
		left: auto;
		top: 25px;
		right: auto;
		bottom: auto;
		z-index: 5;
		margin: auto;
		min-width: auto
	}
	.activity-management .activity-management-list .activity-management-list-line .activity-management-col-line.user-count .user-count-numeric .inner:after,
	.activity-management .activity-management-list .activity-management-list-line .activity-management-col-line.user-count .user-count-numeric .inner:before {
		left: auto;
		margin-left: -5px
	}
	.activity-management .activity-management-linked .linked-info h5 {
		display: block
	}
	.activity-management .activity-management-linked .linked-info p {
		display: block;
		margin-top: 5px
	}
	.activity-management .column-margin-linked {
		margin-bottom: 15px
	}
	.activity-management .column-border-left {
		border-left: 0px !important
	}
	.activity-management .column-padding-left {
		padding-left: 0px !important
	}
	.activity-management .label-vertical-space {
		margin-bottom: 5px
	}
	.admin-group-drawer .content-filter .content-filter-bar .filter-bar-items .select {
		padding-left: 0px
	}
	.admin-group-drawer .content-filter .content-filter-bar .filter-bar-items label {
		width: auto
	}
	.admin-group-drawer .content-filter .content-filter-bar .filter-bar-items .checkbox {
		width: auto;
		margin-left: 5px
	}
	.request-form-detail .request-form-detail-content .content-filter .content-filter-bar .filter-bar-items .select {
		padding-left: 0;
		width: 100%
	}
	.replyActive .reply-comment .comment-attachment-group {
		display: none
	}
	.comment-module .editActive .body.editing .comment-desktop-menu,
	.comment-module .editActive .body.editing .ddl-left {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		visibility: visible
	}
	.comment-module .comment-desktop-menu {
		display: none;
		visibility: hidden
	}
	.comment-module .ddl-left,
	.comment-module .ddl-right {
		display: none;
		visibility: hidden
	}
	.comment-module .visibleOnMobile .comment-mobil-menu-ddl {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		visibility: visible
	}
	.comment-module .dropdown ul.comment-mobil-menu-ddl-items>li.ddl-items {
		width: calc(100% - 15px);
		margin: 5px auto !important
	}
	.comment-module .dropdown ul.comment-mobil-menu-ddl-items>li.ddl-items a i {
		margin: 0 !important
	}
	.comment-module .dropdown ul.comment-mobil-menu-ddl-items>li.ddl-items a .comment-button-text {
		padding: 0
	}
	.comment-module .dropdown ul.comment-mobil-menu-ddl-items>li.ddl-items:last-child {
		margin-bottom: 0px
	}
	.comment-module .comment-button.disabled .trigger-unit-tooltip {
		width: 100% !important;
		text-align: center;
		white-space: normal
	}
	.course-drawer .reply-area .visibleOnMobile .comment-desktop-menu {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		visibility: visible
	}
	.course-drawer .reply-area .visibleOnMobile .course-drawer-comment-reviews .comment-mobil-menu-ddl {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		visibility: visible
	}
	.course-drawer .visibleOnMobile .comment-mobil-menu-ddl {
		display: none;
		visibility: hidden
	}
	.course-drawer .visibleOnMobile .comment-desktop-menu {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		visibility: visible;
		margin: 10px 0
	}
	.course-drawer .explanation-text-editing .comment-attachment-group .btn {
		margin-right: 2px
	}
	.course-drawer .explanation-text-editing .comment-attachment-group .btn:last-child {
		margin: 0px
	}
}

@media (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
	.body.editing .course-drawer-comment-reviews .comment-mobil-menu-ddl {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		visibility: visible
	}
	.body.editing .comment-attachment-group {
		display: none;
		visibility: hidden
	}
	.course-drawer .body.editing .course-drawer-comment-reviews .comment-mobil-menu-ddl {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		visibility: visible
	}
	.course-drawer .body.editing .comment-attachment-group {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		visibility: visible
	}
	.reply-comment .comment-attachment-group a {
		margin: 0 !important
	}
}

@media (min-width: 667px) and (max-width: 736px) {
	.task-module.evaluation-detail .task-evaluation-users .task-evaluation-users-search .process-area .clear-btn {
		padding-left: 0
	}
	.task-module.evaluation-detail .task-module-list .task-module-list-line .col-line .btn {
		margin: 0px auto 5px !important;
		display: table
	}
	.task-module.evaluation-detail .task-evaluation-date-between label {
		margin-bottom: 15px
	}
	.task-module.evaluation-detail .task-drawer-button {
		margin-top: 15px
	}
	.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell {
		width: 100%;
		margin-right: 0px
	}
	.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell .checkbox-input {
		margin: 10px 0;
		display: block
	}
	.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell .checkbox-input .checkbox {
		margin-left: 0px
	}
	.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell .score-input {
		margin: 10px 0;
		display: block
	}
	.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell .score-input {
		display: block
	}
	.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell .score-input .error {
		margin-left: 0px
	}
	.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell .score-input .error input {
		margin: 10px 0
	}
	.task-drawer.evaluation-drawer .task-drawer-user-property .property-cell .score-input .error .error-message {
		width: 100%;
		display: block;
		margin-left: 0px
	}
	.unit-box .unit-box-row.unit-box-must {
		width: auto !important;
		height: 20px !important;
		padding: 5px !important;
		line-height: 100% !important
	}
	.unit-box .unit-box-row.unit-box-must span {
		position: unset !important;
		-moz-transform: none !important;
		-webkit-transform: none !important;
		-o-transform: none !important;
		-ms-transform: none !important;
		transform: none !important
	}
	.unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail .session-line-detail-info {
		width: calc(100% - 150px) !important
	}
	.unit-box .unit-box-detail .unit-box-detail-sessions .session-line .session-line-detail .session-line-detail-logs .session-line-info {
		width: calc(100% - 145px) !important
	}
	.exam-modal-area .exam-statistics .statistics-list ul {
		margin-right: 40px;
		padding-right: 40px
	}
	.exam-modal-area .questions {
		margin: 0;
		border: 0
	}
	.exam-modal-area .question-item .form-item img {
		width: 100%
	}
	.checkbox-filter-box ul li {
		width: 100%
	}
}

@media (max-width: 736px) and (orientation: landscape) {
	.pager .pagination-result {
		margin-bottom: 20px
	}
	.activity-approval .activity-approval-sort {
		display: none
	}
	.activity-approval .activity-approval-end-date span:nth-child(2) {
		margin-left: 40px
	}
	.activity-approval .pagination {
		float: inherit;
		margin: auto
	}
	.register-course-tooltip .register-course-detail-area {
		padding: 10px !important
	}
}

@media (min-width: 320px) and (max-width: 349px) {
	.comment-desktop-menu {
		display: none;
		visibility: hidden
	}
	.comment-mobil-menu-ddl {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline
	}
	.side-menu-holder .side-menu .menu-btn .menu-btn-close {
		left: 0px
	}
	.side-menu-holder .side-menu .side-menu-content .nano-content>ul>li>a {
		padding-top: 10px;
		padding-right: 20px;
		padding-bottom: 10px;
		padding-left: 10px
	}
	.side-menu-holder .side-menu .side-menu-content .nano-content>ul>li ul:last-child {
		padding-top: 10px;
		padding-right: 20px;
		padding-bottom: 10px;
		padding-left: 10px
	}
	.drawer-area .col-right .badge {
		margin-top: 5px !important
	}
	.inline-modal.comment-modal.modal-people .modal {
		top: 60% !important
	}
	.inline-modal.comment-modal.modal-people .modal .nano {
		max-height: 400px !important
	}
	.inline-modal.comment-modal.modal-people .modal .tabs #him-middle {
		margin-right: 10px
	}
	.inline-modal.comment-modal.modal-people .modal .tabs #him-middle span {
		font-size: 14px !important;
		margin-left: 0 !important;
		margin-right: 0px !important
	}
	.inline-modal.comment-modal.modal-people .modal .tabs #him-middle i {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 18px !important
	}
	.inline-modal.comment-modal.modal-people .modal .header span {
		width: calc(100% - 20px)
	}
	.inline-modal.comment-modal.modal-people .modal .header span a i {
		margin-right: 0;
		margin-top: 0;
		font-size: 23px
	}
	.inline-modal.comment-modal.modal-people .modal .body {
		margin: 0
	}
	header .container-fluid {
		padding: 0 5px !important
	}
	.activity-management .tabs #him:nth-child(2) {
		padding: 5px !important
	}
	.activity-management .activity-management-search .activity-management-search-area .clear-btn {
		padding: 5px 0 !important
	}
	.activity-management .activity-management-search .activity-management-search-area .filter-btn {
		padding: 5px 10px !important
	}
	.comments-area .comment-file .comment-file-list .comment-file-thumb .comment-file-thumb-bg .trigger-unit-tooltip {
		position: absolute;
		right: 0;
		top: 105px;
		left: auto;
		bottom: auto;
		z-index: 1
	}
}

@media (max-width: 336px) {
	.comment-desktop-menu {
		display: none;
		visibility: hidden
	}
	.comment-mobil-menu-ddl {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline
	}
	.activity-management .activity-management-list .activity-management-list-line .name-info .name-info-right .unit-type ul li {
		margin-bottom: 5px
	}
	.activity-management .activity-management-list .activity-management-list-line .name-info .name-info-right .unit-type ul li:last-child {
		margin-bottom: 0px
	}
}

@media (max-width: 415px) and (max-height: 768px) {
	.filter-bar.filter-bar-catalog.transparent.open .filter-mobil-scrollable .mobil-filter {
		height: calc(100vh - 235px) !important
	}
}

.buorg {
	background-position: 8px 17px;
	position: absolute;
	position: fixed;
	z-index: 111111;
	width: 100%;
	top: 0px;
	left: 0px;
	border-bottom: 1px solid #A29330;
	text-align: left;
	cursor: pointer;
	background-color: #fff8ea;
	font: 17px Calibri, Helvetica, Arial, sans-serif;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)
}

.buorg div {
	padding: 11px 12px 11px 30px;
	line-height: 1.7em
}

.buorg div a,
.buorg div a:visited {
	text-indent: 0;
	color: #fff;
	text-decoration: none;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
	padding: 1px 10px;
	border-radius: 4px;
	font-weight: normal;
	background: #5ab400;
	white-space: nowrap;
	margin: 0 2px;
	display: inline-block
}

#buorgig {
	background-color: #edbc68
}

@media only screen and (max-width: 700px) {
	.buorg div {
		padding: 5px 12px 5px 9px;
		text-indent: 22px;
		line-height: 1.3em
	}
	.buorg {
		background-position: 9px 8px
	}
}