@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon.eot?3p0rtw');
    src:url('../fonts/icomoon.eot?#iefix3p0rtw') format('embedded-opentype'),
    url('../fonts/icomoon.woff?3p0rtw') format('woff'),
    url('../fonts/icomoon.ttf?3p0rtw') format('truetype'),
    url('../fonts/icomoon.svg?3p0rtw#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon.eot?3p0rtw');
    src:url('../fonts/icomoon.eot?#iefix3p0rtw') format('embedded-opentype'),
    url('../fonts/icomoon.woff?3p0rtw') format('woff'),
    url('../fonts/icomoon.ttf?3p0rtw') format('truetype'),
    url('../fonts/icomoon.svg?3p0rtw#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'summernote';
    src:url('../backend/fonts/summernote.eot?0d0d5fac99cc8774d89eb08b1a8323c4');
    src:url('../backend/fonts/summernote.eot?#iefix') format('embedded-opentype'),
    url('../backend/fonts/summernote.woff?0d0d5fac99cc8774d89eb08b1a8323c4') format('woff'),
    url('../backend/fonts/summernote.ttf?0d0d5fac99cc8774d89eb08b1a8323c4') format('truetype');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
    /* Use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    min-width: 1em;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
    position: relative;
    top: -1px;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-2x {
    font-size: 32px;
}
.icon-3x {
    font-size: 48px;
}
.icon-bordered {
// padding: 5px;
// border: 2px solid;
// border-radius: 50%;
}
.icon-home:before{content:"\e900";}
.icon-home2:before{content:"\e901";}
.icon-home5:before{content:"\e904";}
.icon-home7:before{content:"\e906";}
.icon-home8:before{content:"\e907";}
.icon-home9:before{content:"\e908";}
.icon-office:before{content:"\e909";}
.icon-city:before{content:"\e90a";}
.icon-newspaper:before{content:"\e90b";}
.icon-magazine:before{content:"\e90c";}
.icon-design:before{content:"\e90d";}
.icon-pencil:before{content:"\e90e";}
.icon-pencil3:before{content:"\e910";}
.icon-pencil4:before{content:"\e911";}
.icon-pencil5:before{content:"\e912";}
.icon-pencil6:before{content:"\e913";}
.icon-pencil7:before{content:"\e914";}
.icon-eraser:before{content:"\e915";}
.icon-eraser2:before{content:"\e916";}
.icon-eraser3:before{content:"\e917";}
.icon-quill2:before{content:"\e919";}
.icon-quill4:before{content:"\e91b";}
.icon-pen:before{content:"\e91c";}
.icon-pen-plus:before{content:"\e91d";}
.icon-pen-minus:before{content:"\e91e";}
.icon-pen2:before{content:"\e91f";}
.icon-blog:before{content:"\e925";}
.icon-pen6:before{content:"\e927";}
.icon-brush:before{content:"\e928";}
.icon-spray:before{content:"\e929";}
.icon-color-sampler:before{content:"\e92c";}
.icon-toggle:before{content:"\e92d";}
.icon-bucket:before{content:"\e92e";}
.icon-gradient:before{content:"\e930";}
.icon-eyedropper:before{content:"\e931";}
.icon-eyedropper2:before{content:"\e932";}
.icon-eyedropper3:before{content:"\e933";}
.icon-droplet:before{content:"\e934";}
.icon-droplet2:before{content:"\e935";}
.icon-color-clear:before{content:"\e937";}
.icon-paint-format:before{content:"\e938";}
.icon-stamp:before{content:"\e939";}
.icon-image2:before{content:"\e93c";}
.icon-image-compare:before{content:"\e93d";}
.icon-images2:before{content:"\e93e";}
.icon-image3:before{content:"\e93f";}
.icon-images3:before{content:"\e940";}
.icon-image4:before{content:"\e941";}
.icon-image5:before{content:"\e942";}
.icon-camera:before{content:"\e944";}
.icon-shutter:before{content:"\e947";}
.icon-headphones:before{content:"\e948";}
.icon-headset:before{content:"\e949";}
.icon-music:before{content:"\e94a";}
.icon-album:before{content:"\e950";}
.icon-tape:before{content:"\e952";}
.icon-piano:before{content:"\e953";}
.icon-speakers:before{content:"\e956";}
.icon-play:before{content:"\e957";}
.icon-clapboard-play:before{content:"\e959";}
.icon-clapboard:before{content:"\e95a";}
.icon-media:before{content:"\e95b";}
.icon-presentation:before{content:"\e95c";}
.icon-movie:before{content:"\e95d";}
.icon-film:before{content:"\e95e";}
.icon-film2:before{content:"\e95f";}
.icon-film3:before{content:"\e960";}
.icon-film4:before{content:"\e961";}
.icon-video-camera:before{content:"\e962";}
.icon-video-camera2:before{content:"\e963";}
.icon-video-camera-slash:before{content:"\e964";}
.icon-video-camera3:before{content:"\e965";}
.icon-dice:before{content:"\e96a";}
.icon-chess-king:before{content:"\e972";}
.icon-chess-queen:before{content:"\e973";}
.icon-chess:before{content:"\e978";}
.icon-megaphone:before{content:"\e97a";}
.icon-new:before{content:"\e97b";}
.icon-connection:before{content:"\e97c";}
.icon-station:before{content:"\e981";}
.icon-satellite-dish2:before{content:"\e98a";}
.icon-feed:before{content:"\e9b3";}
.icon-mic2:before{content:"\e9ce";}
.icon-mic-off2:before{content:"\e9e0";}
.icon-book:before{content:"\e9e1";}
.icon-book2:before{content:"\e9e9";}
.icon-book-play:before{content:"\e9fd";}
.icon-book3:before{content:"\ea01";}
.icon-bookmark:before{content:"\ea02";}
.icon-books:before{content:"\ea03";}
.icon-archive:before{content:"\ea04";}
.icon-reading:before{content:"\ea05";}
.icon-library2:before{content:"\ea06";}
.icon-graduation2:before{content:"\ea07";}
.icon-file-text:before{content:"\ea08";}
.icon-profile:before{content:"\ea09";}
.icon-file-empty:before{content:"\ea0a";}
.icon-file-empty2:before{content:"\ea0b";}
.icon-files-empty:before{content:"\ea0c";}
.icon-files-empty2:before{content:"\ea0d";}
.icon-file-plus:before{content:"\ea0e";}
.icon-file-plus2:before{content:"\ea0f";}
.icon-file-minus:before{content:"\ea10";}
.icon-file-minus2:before{content:"\ea11";}
.icon-file-download:before{content:"\ea12";}
.icon-file-download2:before{content:"\ea13";}
.icon-file-upload:before{content:"\ea14";}
.icon-file-upload2:before{content:"\ea15";}
.icon-file-check:before{content:"\ea16";}
.icon-file-check2:before{content:"\ea17";}
.icon-file-eye:before{content:"\ea18";}
.icon-file-eye2:before{content:"\ea19";}
.icon-file-text2:before{content:"\ea1a";}
.icon-file-text3:before{content:"\ea1b";}
.icon-file-picture:before{content:"\ea1c";}
.icon-file-picture2:before{content:"\ea1d";}
.icon-file-music:before{content:"\ea1e";}
.icon-file-music2:before{content:"\ea1f";}
.icon-file-play:before{content:"\ea20";}
.icon-file-play2:before{content:"\ea21";}
.icon-file-video:before{content:"\ea22";}
.icon-file-video2:before{content:"\ea23";}
.icon-copy:before{content:"\ea24";}
.icon-copy2:before{content:"\ea25";}
.icon-file-zip:before{content:"\ea26";}
.icon-file-zip2:before{content:"\ea27";}
.icon-file-xml:before{content:"\ea28";}
.icon-file-xml2:before{content:"\ea29";}
.icon-file-css:before{content:"\ea2a";}
.icon-file-css2:before{content:"\ea2b";}
.icon-file-presentation:before{content:"\ea2c";}
.icon-file-presentation2:before{content:"\ea2d";}
.icon-file-stats:before{content:"\ea2e";}
.icon-file-stats2:before{content:"\ea2f";}
.icon-file-locked:before{content:"\ea30";}
.icon-file-locked2:before{content:"\ea31";}
.icon-file-spreadsheet:before{content:"\ea32";}
.icon-file-spreadsheet2:before{content:"\ea33";}
.icon-copy3:before{content:"\ea34";}
.icon-copy4:before{content:"\ea35";}
.icon-paste:before{content:"\ea36";}
.icon-paste2:before{content:"\ea37";}
.icon-paste3:before{content:"\ea38";}
.icon-paste4:before{content:"\ea39";}
.icon-stack:before{content:"\ea3a";}
.icon-stack2:before{content:"\ea3b";}
.icon-stack3:before{content:"\ea3c";}
.icon-folder:before{content:"\ea3d";}
.icon-folder-search:before{content:"\ea3e";}
.icon-folder-download:before{content:"\ea3f";}
.icon-folder-upload:before{content:"\ea40";}
.icon-folder-plus:before{content:"\ea41";}
.icon-folder-plus2:before{content:"\ea42";}
.icon-folder-minus:before{content:"\ea43";}
.icon-folder-minus2:before{content:"\ea44";}
.icon-folder-check:before{content:"\ea45";}
.icon-folder-heart:before{content:"\ea46";}
.icon-folder-remove:before{content:"\ea47";}
.icon-folder2:before{content:"\ea48";}
.icon-folder-open:before{content:"\ea49";}
.icon-folder3:before{content:"\ea4a";}
.icon-folder4:before{content:"\ea4b";}
.icon-folder-plus3:before{content:"\ea4c";}
.icon-folder-minus3:before{content:"\ea4d";}
.icon-folder-plus4:before{content:"\ea4e";}
.icon-folder-minus4:before{content:"\ea4f";}
.icon-folder-download2:before{content:"\ea50";}
.icon-folder-upload2:before{content:"\ea51";}
.icon-folder-download3:before{content:"\ea52";}
.icon-folder-upload3:before{content:"\ea53";}
.icon-folder5:before{content:"\ea54";}
.icon-folder-open2:before{content:"\ea55";}
.icon-folder6:before{content:"\ea56";}
.icon-folder-open3:before{content:"\ea57";}
.icon-certificate:before{content:"\ea58";}
.icon-cc:before{content:"\ea59";}
.icon-price-tag:before{content:"\ea5a";}
.icon-price-tag2:before{content:"\ea5b";}
.icon-price-tags:before{content:"\ea5c";}
.icon-price-tag3:before{content:"\ea5d";}
.icon-price-tags2:before{content:"\ea5e";}
.icon-barcode2:before{content:"\ea5f";}
.icon-qrcode:before{content:"\ea60";}
.icon-ticket:before{content:"\ea61";}
.icon-theater:before{content:"\ea62";}
.icon-store:before{content:"\ea63";}
.icon-store2:before{content:"\ea64";}
.icon-cart:before{content:"\ea65";}
.icon-cart2:before{content:"\ea66";}
.icon-cart4:before{content:"\ea67";}
.icon-cart5:before{content:"\ea68";}
.icon-cart-add:before{content:"\ea69";}
.icon-cart-add2:before{content:"\ea6a";}
.icon-cart-remove:before{content:"\ea6b";}
.icon-basket:before{content:"\ea6c";}
.icon-bag:before{content:"\ea6d";}
.icon-percent:before{content:"\ea6f";}
.icon-coins:before{content:"\ea70";}
.icon-coin-dollar:before{content:"\ea71";}
.icon-coin-euro:before{content:"\ea72";}
.icon-coin-pound:before{content:"\ea73";}
.icon-coin-yen:before{content:"\ea74";}
.icon-piggy-bank:before{content:"\ea75";}
.icon-wallet:before{content:"\ea76";}
.icon-cash:before{content:"\ea77";}
.icon-cash2:before{content:"\ea78";}
.icon-cash3:before{content:"\ea79";}
.icon-cash4:before{content:"\ea7a";}
.icon-credit-card:before{content:"\ea6e";}
.icon-credit-card2:before{content:"\ea7b";}
.icon-calculator4:before{content:"\ea7c";}
.icon-calculator2:before{content:"\ea7d";}
.icon-calculator3:before{content:"\ea7e";}
.icon-chip:before{content:"\ea7f";}
.icon-lifebuoy:before{content:"\ea80";}
.icon-phone:before{content:"\ea81";}
.icon-phone2:before{content:"\ea82";}
.icon-phone-slash:before{content:"\ea83";}
.icon-phone-wave:before{content:"\ea84";}
.icon-phone-plus:before{content:"\ea85";}
.icon-phone-minus:before{content:"\ea86";}
.icon-phone-plus2:before{content:"\ea87";}
.icon-phone-minus2:before{content:"\ea88";}
.icon-phone-incoming:before{content:"\ea89";}
.icon-phone-outgoing:before{content:"\ea8a";}
.icon-phone-hang-up:before{content:"\ea8e";}
.icon-address-book:before{content:"\ea90";}
.icon-address-book2:before{content:"\ea91";}
.icon-address-book3:before{content:"\ea92";}
.icon-notebook:before{content:"\ea93";}
.icon-envelop:before{content:"\ea94";}
.icon-envelop2:before{content:"\ea95";}
.icon-envelop3:before{content:"\ea96";}
.icon-envelop4:before{content:"\ea97";}
.icon-envelop5:before{content:"\ea98";}
.icon-mailbox:before{content:"\ea99";}
.icon-pushpin:before{content:"\ea9a";}
.icon-location3:before{content:"\ea9d";}
.icon-location4:before{content:"\ea9e";}
.icon-compass4:before{content:"\ea9f";}
.icon-map:before{content:"\eaa0";}
.icon-map4:before{content:"\eaa1";}
.icon-map5:before{content:"\eaa2";}
.icon-direction:before{content:"\eaa3";}
.icon-reset:before{content:"\eaa4";}
.icon-history:before{content:"\eaa5";}
.icon-watch:before{content:"\eaa6";}
.icon-watch2:before{content:"\eaa7";}
.icon-alarm:before{content:"\eaa8";}
.icon-alarm-add:before{content:"\eaa9";}
.icon-alarm-check:before{content:"\eaaa";}
.icon-alarm-cancel:before{content:"\eaab";}
.icon-bell2:before{content:"\eaac";}
.icon-bell3:before{content:"\eaad";}
.icon-bell-plus:before{content:"\eaae";}
.icon-bell-minus:before{content:"\eaaf";}
.icon-bell-check:before{content:"\eab0";}
.icon-bell-cross:before{content:"\eab1";}
.icon-calendar:before{content:"\eab2";}
.icon-calendar2:before{content:"\eab3";}
.icon-calendar3:before{content:"\eab4";}
.icon-calendar52:before{content:"\eab6";}
.icon-printer:before{content:"\eab7";}
.icon-printer2:before{content:"\eab8";}
.icon-printer4:before{content:"\eab9";}
.icon-shredder:before{content:"\eaba";}
.icon-mouse:before{content:"\eabb";}
.icon-mouse-left:before{content:"\eabc";}
.icon-mouse-right:before{content:"\eabd";}
.icon-keyboard:before{content:"\eabe";}
.icon-typewriter:before{content:"\eabf";}
.icon-display:before{content:"\eac0";}
.icon-display4:before{content:"\eac1";}
.icon-laptop:before{content:"\eac2";}
.icon-mobile:before{content:"\eac3";}
.icon-mobile2:before{content:"\eac4";}
.icon-tablet:before{content:"\eac5";}
.icon-mobile3:before{content:"\eac6";}
.icon-tv:before{content:"\eac7";}
.icon-radio:before{content:"\eac8";}
.icon-cabinet:before{content:"\eac9";}
.icon-drawer:before{content:"\eaca";}
.icon-drawer2:before{content:"\eacb";}
.icon-drawer-out:before{content:"\eacc";}
.icon-drawer-in:before{content:"\eacd";}
.icon-drawer3:before{content:"\eace";}
.icon-box:before{content:"\eacf";}
.icon-box-add:before{content:"\ead0";}
.icon-box-remove:before{content:"\ead1";}
.icon-download:before{content:"\ead2";}
.icon-upload:before{content:"\ead3";}
.icon-floppy-disk:before{content:"\ead4";}
.icon-floppy-disks:before{content:"\ead5";}
.icon-usb-stick:before{content:"\ead6";}
.icon-drive:before{content:"\ead7";}
.icon-server:before{content:"\ead8";}
.icon-database:before{content:"\ead9";}
.icon-database2:before{content:"\eada";}
.icon-database4:before{content:"\eadb";}
.icon-database-menu:before{content:"\eadc";}
.icon-database-add:before{content:"\eadd";}
.icon-database-remove:before{content:"\eade";}
.icon-database-insert:before{content:"\eadf";}
.icon-database-export:before{content:"\eae0";}
.icon-database-upload:before{content:"\eae1";}
.icon-database-refresh:before{content:"\eae2";}
.icon-database-diff:before{content:"\eae3";}
.icon-database-edit2:before{content:"\eae5";}
.icon-database-check:before{content:"\eae6";}
.icon-database-arrow:before{content:"\eae7";}
.icon-database-time2:before{content:"\eae9";}
.icon-undo:before{content:"\eaea";}
.icon-redo:before{content:"\eaeb";}
.icon-rotate-ccw:before{content:"\eaec";}
.icon-rotate-cw:before{content:"\eaed";}
.icon-rotate-ccw2:before{content:"\eaee";}
.icon-rotate-cw2:before{content:"\eaef";}
.icon-rotate-ccw3:before{content:"\eaf0";}
.icon-rotate-cw3:before{content:"\eaf1";}
.icon-flip-vertical2:before{content:"\eaf2";}
.icon-flip-horizontal2:before{content:"\eaf3";}
.icon-flip-vertical3:before{content:"\eaf4";}
.icon-flip-vertical4:before{content:"\eaf5";}
.icon-angle:before{content:"\eaf6";}
.icon-shear:before{content:"\eaf7";}
.icon-align-left:before{content:"\eafc";}
.icon-align-center-horizontal:before{content:"\eafd";}
.icon-align-right:before{content:"\eafe";}
.icon-align-top:before{content:"\eaff";}
.icon-align-center-vertical:before{content:"\eb00";}
.icon-align-bottom:before{content:"\eb01";}
.icon-undo2:before{content:"\eb02";}
.icon-redo2:before{content:"\eb03";}
.icon-forward:before{content:"\eb04";}
.icon-reply:before{content:"\eb05";}
.icon-reply-all:before{content:"\eb06";}
.icon-bubble:before{content:"\eb07";}
.icon-bubbles:before{content:"\eb08";}
.icon-bubbles2:before{content:"\eb09";}
.icon-bubble2:before{content:"\eb0a";}
.icon-bubbles3:before{content:"\eb0b";}
.icon-bubbles4:before{content:"\eb0c";}
.icon-bubble-notification:before{content:"\eb0d";}
.icon-bubbles5:before{content:"\eb0e";}
.icon-bubbles6:before{content:"\eb0f";}
.icon-bubble6:before{content:"\eb10";}
.icon-bubbles7:before{content:"\eb11";}
.icon-bubble7:before{content:"\eb12";}
.icon-bubbles8:before{content:"\eb13";}
.icon-bubble8:before{content:"\eb14";}
.icon-bubble-dots3:before{content:"\eb15";}
.icon-bubble-lines3:before{content:"\eb16";}
.icon-bubble9:before{content:"\eb17";}
.icon-bubble-dots4:before{content:"\eb18";}
.icon-bubble-lines4:before{content:"\eb19";}
.icon-bubbles9:before{content:"\eb1a";}
.icon-bubbles10:before{content:"\eb1b";}
.icon-user:before{content:"\eb33";}
.icon-users:before{content:"\eb34";}
.icon-user-plus:before{content:"\eb35";}
.icon-user-minus:before{content:"\eb36";}
.icon-user-cancel:before{content:"\eb37";}
.icon-user-block:before{content:"\eb38";}
.icon-user-lock:before{content:"\eb39";}
.icon-user-check:before{content:"\eb3a";}
.icon-users2:before{content:"\eb3b";}
.icon-users4:before{content:"\eb44";}
.icon-user-tie:before{content:"\eb45";}
.icon-collaboration:before{content:"\eb46";}
.icon-vcard:before{content:"\eb47";}
.icon-hat:before{content:"\ebb8";}
.icon-bowtie:before{content:"\ebb9";}
.icon-quotes-left:before{content:"\eb49";}
.icon-quotes-right:before{content:"\eb4a";}
.icon-quotes-left2:before{content:"\eb4b";}
.icon-quotes-right2:before{content:"\eb4c";}
.icon-hour-glass:before{content:"\eb4d";}
.icon-hour-glass2:before{content:"\eb4e";}
.icon-hour-glass3:before{content:"\eb4f";}
.icon-spinner:before{content:"\eb50";}
.icon-spinner2:before{content:"\eb51";}
.icon-spinner3:before{content:"\eb52";}
.icon-spinner4:before{content:"\eb53";}
.icon-spinner6:before{content:"\eb54";}
.icon-spinner9:before{content:"\eb55";}
.icon-spinner10:before{content:"\eb56";}
.icon-spinner11:before{content:"\eb57";}
.icon-microscope:before{content:"\eb58";}
.icon-enlarge:before{content:"\eb59";}
.icon-shrink:before{content:"\eb5a";}
.icon-enlarge3:before{content:"\eb5b";}
.icon-shrink3:before{content:"\eb5c";}
.icon-enlarge5:before{content:"\eb5d";}
.icon-shrink5:before{content:"\eb5e";}
.icon-enlarge6:before{content:"\eb5f";}
.icon-shrink6:before{content:"\eb60";}
.icon-enlarge7:before{content:"\eb61";}
.icon-shrink7:before{content:"\eb62";}
.icon-key:before{content:"\eb63";}
.icon-lock:before{content:"\eb65";}
.icon-lock2:before{content:"\eb66";}
.icon-lock4:before{content:"\eb67";}
.icon-unlocked:before{content:"\eb68";}
.icon-lock5:before{content:"\eb69";}
.icon-unlocked2:before{content:"\eb6a";}
.icon-safe:before{content:"\eb6b";}
.icon-wrench:before{content:"\eb6c";}
.icon-wrench2:before{content:"\eb6d";}
.icon-wrench3:before{content:"\eb6e";}
.icon-equalizer:before{content:"\eb6f";}
.icon-equalizer2:before{content:"\eb70";}
.icon-equalizer3:before{content:"\eb71";}
.icon-equalizer4:before{content:"\eb72";}
.icon-cog:before{content:"\eb73";}
.icon-cogs:before{content:"\eb74";}
.icon-cog2:before{content:"\eb75";}
.icon-cog3:before{content:"\eb76";}
.icon-cog4:before{content:"\eb77";}
.icon-cog52:before{content:"\eb78";}
.icon-cog6:before{content:"\eb79";}
.icon-cog7:before{content:"\eb7a";}
.icon-hammer:before{content:"\eb7c";}
.icon-hammer-wrench:before{content:"\eb7d";}
.icon-magic-wand:before{content:"\eb7e";}
.icon-magic-wand2:before{content:"\eb7f";}
.icon-pulse2:before{content:"\eb80";}
.icon-aid-kit:before{content:"\eb81";}
.icon-bug2:before{content:"\eb83";}
.icon-construction:before{content:"\eb85";}
.icon-traffic-cone:before{content:"\eb86";}
.icon-traffic-lights:before{content:"\eb87";}
.icon-pie-chart:before{content:"\eb88";}
.icon-pie-chart2:before{content:"\eb89";}
.icon-pie-chart3:before{content:"\eb8a";}
.icon-pie-chart4:before{content:"\eb8b";}
.icon-pie-chart5:before{content:"\eb8c";}
.icon-pie-chart6:before{content:"\eb8d";}
.icon-pie-chart7:before{content:"\eb8e";}
.icon-stats-dots:before{content:"\eb8f";}
.icon-stats-bars:before{content:"\eb90";}
.icon-pie-chart8:before{content:"\eb91";}
.icon-stats-bars2:before{content:"\eb92";}
.icon-stats-bars3:before{content:"\eb93";}
.icon-stats-bars4:before{content:"\eb94";}
.icon-chart:before{content:"\eb97";}
.icon-stats-growth:before{content:"\eb98";}
.icon-stats-decline:before{content:"\eb99";}
.icon-stats-growth2:before{content:"\eb9a";}
.icon-stats-decline2:before{content:"\eb9b";}
.icon-stairs-up:before{content:"\eb9c";}
.icon-stairs-down:before{content:"\eb9d";}
.icon-stairs:before{content:"\eb9e";}
.icon-ladder:before{content:"\eba0";}
.icon-rating:before{content:"\eba1";}
.icon-rating2:before{content:"\eba2";}
.icon-rating3:before{content:"\eba3";}
.icon-podium:before{content:"\eba5";}
.icon-stars:before{content:"\eba6";}
.icon-medal-star:before{content:"\eba7";}
.icon-medal:before{content:"\eba8";}
.icon-medal2:before{content:"\eba9";}
.icon-medal-first:before{content:"\ebaa";}
.icon-medal-second:before{content:"\ebab";}
.icon-medal-third:before{content:"\ebac";}
.icon-crown:before{content:"\ebad";}
.icon-trophy2:before{content:"\ebaf";}
.icon-trophy3:before{content:"\ebb0";}
.icon-diamond:before{content:"\ebb1";}
.icon-trophy4:before{content:"\ebb2";}
.icon-gift:before{content:"\ebb3";}
.icon-pipe:before{content:"\ebb6";}
.icon-mustache:before{content:"\ebb7";}
.icon-cup2:before{content:"\ebc6";}
.icon-coffee:before{content:"\ebc8";}
.icon-paw:before{content:"\ebd5";}
.icon-footprint:before{content:"\ebd6";}
.icon-rocket:before{content:"\ebda";}
.icon-meter2:before{content:"\ebdc";}
.icon-meter-slow:before{content:"\ebdd";}
.icon-meter-fast:before{content:"\ebdf";}
.icon-hammer2:before{content:"\ebe1";}
.icon-balance:before{content:"\ebe2";}
.icon-fire:before{content:"\ebe5";}
.icon-fire2:before{content:"\ebe6";}
.icon-lab:before{content:"\ebe7";}
.icon-atom:before{content:"\ebe8";}
.icon-atom2:before{content:"\ebe9";}
.icon-bin:before{content:"\ebfa";}
.icon-bin2:before{content:"\ebfb";}
.icon-briefcase:before{content:"\ebff";}
.icon-briefcase3:before{content:"\ec01";}
.icon-airplane2:before{content:"\ec03";}
.icon-airplane3:before{content:"\ec04";}
.icon-airplane4:before{content:"\ec05";}
.icon-paperplane:before{content:"\ec06";}
.icon-car:before{content:"\ec07";}
.icon-steering-wheel:before{content:"\ec08";}
.icon-car2:before{content:"\ec09";}
.icon-gas:before{content:"\ec0a";}
.icon-bus:before{content:"\ec0b";}
.icon-truck:before{content:"\ec0c";}
.icon-bike:before{content:"\ec0d";}
.icon-road:before{content:"\ec0e";}
.icon-train:before{content:"\ec0f";}
.icon-train2:before{content:"\ec10";}
.icon-ship:before{content:"\ec11";}
.icon-boat:before{content:"\ec12";}
.icon-chopper:before{content:"\ec13";}
.icon-cube:before{content:"\ec15";}
.icon-cube2:before{content:"\ec16";}
.icon-cube3:before{content:"\ec17";}
.icon-cube4:before{content:"\ec18";}
.icon-pyramid:before{content:"\ec19";}
.icon-pyramid2:before{content:"\ec1a";}
.icon-package:before{content:"\ec1b";}
.icon-puzzle:before{content:"\ec1c";}
.icon-puzzle2:before{content:"\ec1d";}
.icon-puzzle3:before{content:"\ec1e";}
.icon-puzzle4:before{content:"\ec1f";}
.icon-glasses-3d2:before{content:"\ec21";}
.icon-brain:before{content:"\ec24";}
.icon-accessibility:before{content:"\ec25";}
.icon-accessibility2:before{content:"\ec26";}
.icon-strategy:before{content:"\ec27";}
.icon-target:before{content:"\ec28";}
.icon-target2:before{content:"\ec29";}
.icon-shield-check:before{content:"\ec2f";}
.icon-shield-notice:before{content:"\ec30";}
.icon-shield2:before{content:"\ec31";}
.icon-racing:before{content:"\ec40";}
.icon-finish:before{content:"\ec41";}
.icon-power2:before{content:"\ec46";}
.icon-power3:before{content:"\ec47";}
.icon-switch:before{content:"\ec48";}
.icon-switch22:before{content:"\ec49";}
.icon-power-cord:before{content:"\ec4a";}
.icon-clipboard:before{content:"\ec4d";}
.icon-clipboard2:before{content:"\ec4e";}
.icon-clipboard3:before{content:"\ec4f";}
.icon-clipboard4:before{content:"\ec50";}
.icon-clipboard5:before{content:"\ec51";}
.icon-clipboard6:before{content:"\ec52";}
.icon-playlist:before{content:"\ec53";}
.icon-playlist-add:before{content:"\ec54";}
.icon-list-numbered:before{content:"\ec55";}
.icon-list:before{content:"\ec56";}
.icon-list2:before{content:"\ec57";}
.icon-more:before{content:"\ec58";}
.icon-more2:before{content:"\ec59";}
.icon-grid:before{content:"\ec5a";}
.icon-grid2:before{content:"\ec5b";}
.icon-grid3:before{content:"\ec5c";}
.icon-grid4:before{content:"\ec5d";}
.icon-grid52:before{content:"\ec5e";}
.icon-grid6:before{content:"\ec5f";}
.icon-grid7:before{content:"\ec60";}
.icon-tree5:before{content:"\ec61";}
.icon-tree6:before{content:"\ec62";}
.icon-tree7:before{content:"\ec63";}
.icon-lan:before{content:"\ec64";}
.icon-lan2:before{content:"\ec65";}
.icon-lan3:before{content:"\ec66";}
.icon-menu:before{content:"\ec67";}
.icon-circle-small:before{content:"\ec68";}
.icon-menu2:before{content:"\ec69";}
.icon-menu3:before{content:"\ec6a";}
.icon-menu4:before{content:"\ec6b";}
.icon-menu5:before{content:"\ec6c";}
.icon-menu62:before{content:"\ec6d";}
.icon-menu7:before{content:"\ec6e";}
.icon-menu8:before{content:"\ec6f";}
.icon-menu9:before{content:"\ec70";}
.icon-menu10:before{content:"\ec71";}
.icon-cloud:before{content:"\ec72";}
.icon-cloud-download:before{content:"\ec73";}
.icon-cloud-upload:before{content:"\ec74";}
.icon-cloud-check:before{content:"\ec75";}
.icon-cloud2:before{content:"\ec76";}
.icon-cloud-download2:before{content:"\ec77";}
.icon-cloud-upload2:before{content:"\ec78";}
.icon-cloud-check2:before{content:"\ec79";}
.icon-import:before{content:"\ec7e";}
.icon-download4:before{content:"\ec80";}
.icon-upload4:before{content:"\ec81";}
.icon-download7:before{content:"\ec86";}
.icon-upload7:before{content:"\ec87";}
.icon-download10:before{content:"\ec8c";}
.icon-upload10:before{content:"\ec8d";}
.icon-sphere:before{content:"\ec8e";}
.icon-sphere3:before{content:"\ec90";}
.icon-earth:before{content:"\ec93";}
.icon-link:before{content:"\ec96";}
.icon-unlink:before{content:"\ec97";}
.icon-link2:before{content:"\ec98";}
.icon-unlink2:before{content:"\ec99";}
.icon-anchor:before{content:"\eca0";}
.icon-flag3:before{content:"\eca3";}
.icon-flag4:before{content:"\eca4";}
.icon-flag7:before{content:"\eca7";}
.icon-flag8:before{content:"\eca8";}
.icon-attachment:before{content:"\eca9";}
.icon-attachment2:before{content:"\ecaa";}
.icon-eye:before{content:"\ecab";}
.icon-eye-plus:before{content:"\ecac";}
.icon-eye-minus:before{content:"\ecad";}
.icon-eye-blocked:before{content:"\ecae";}
.icon-eye2:before{content:"\ecaf";}
.icon-eye-blocked2:before{content:"\ecb0";}
.icon-eye4:before{content:"\ecb3";}
.icon-bookmark2:before{content:"\ecb4";}
.icon-bookmark3:before{content:"\ecb5";}
.icon-bookmarks:before{content:"\ecb6";}
.icon-bookmark4:before{content:"\ecb7";}
.icon-spotlight2:before{content:"\ecb8";}
.icon-starburst:before{content:"\ecb9";}
.icon-snowflake:before{content:"\ecba";}
.icon-weather-windy:before{content:"\ecd0";}
.icon-fan:before{content:"\ecd1";}
.icon-umbrella:before{content:"\ecd2";}
.icon-sun3:before{content:"\ecd3";}
.icon-contrast:before{content:"\ecd4";}
.icon-bed2:before{content:"\ecda";}
.icon-furniture:before{content:"\ecdb";}
.icon-chair:before{content:"\ecdc";}
.icon-star-empty3:before{content:"\ece0";}
.icon-star-half:before{content:"\ece1";}
.icon-star-full2:before{content:"\ece2";}
.icon-heart5:before{content:"\ece9";}
.icon-heart6:before{content:"\ecea";}
.icon-heart-broken2:before{content:"\eceb";}
.icon-thumbs-up2:before{content:"\ecf2";}
.icon-thumbs-down2:before{content:"\ecf4";}
.icon-thumbs-up3:before{content:"\ecf5";}
.icon-thumbs-down3:before{content:"\ecf6";}
.icon-height:before{content:"\ecf7";}
.icon-man:before{content:"\ecf8";}
.icon-woman:before{content:"\ecf9";}
.icon-man-woman:before{content:"\ecfa";}
.icon-yin-yang:before{content:"\ecfe";}
.icon-cursor:before{content:"\ed23";}
.icon-cursor2:before{content:"\ed24";}
.icon-lasso2:before{content:"\ed26";}
.icon-select2:before{content:"\ed28";}
.icon-point-up:before{content:"\ed29";}
.icon-point-right:before{content:"\ed2a";}
.icon-point-down:before{content:"\ed2b";}
.icon-point-left:before{content:"\ed2c";}
.icon-pointer:before{content:"\ed2d";}
.icon-reminder:before{content:"\ed2e";}
.icon-drag-left-right:before{content:"\ed2f";}
.icon-drag-left:before{content:"\ed30";}
.icon-drag-right:before{content:"\ed31";}
.icon-touch:before{content:"\ed32";}
.icon-multitouch:before{content:"\ed33";}
.icon-touch-zoom:before{content:"\ed34";}
.icon-touch-pinch:before{content:"\ed35";}
.icon-hand:before{content:"\ed36";}
.icon-grab:before{content:"\ed37";}
.icon-stack-empty:before{content:"\ed38";}
.icon-stack-plus:before{content:"\ed39";}
.icon-stack-minus:before{content:"\ed3a";}
.icon-stack-star:before{content:"\ed3b";}
.icon-stack-picture:before{content:"\ed3c";}
.icon-stack-down:before{content:"\ed3d";}
.icon-stack-up:before{content:"\ed3e";}
.icon-stack-cancel:before{content:"\ed3f";}
.icon-stack-check:before{content:"\ed40";}
.icon-stack-text:before{content:"\ed41";}
.icon-stack4:before{content:"\ed47";}
.icon-stack-music:before{content:"\ed48";}
.icon-stack-play:before{content:"\ed49";}
.icon-move:before{content:"\ed4a";}
.icon-dots:before{content:"\ed4b";}
.icon-warning:before{content:"\ed4c";}
.icon-warning22:before{content:"\ed4d";}
.icon-notification2:before{content:"\ed4f";}
.icon-question3:before{content:"\ed52";}
.icon-question4:before{content:"\ed53";}
.icon-plus3:before{content:"\ed5a";}
.icon-minus3:before{content:"\ed5b";}
.icon-plus-circle2:before{content:"\ed5e";}
.icon-minus-circle2:before{content:"\ed5f";}
.icon-cancel-circle2:before{content:"\ed63";}
.icon-blocked:before{content:"\ed64";}
.icon-cancel-square:before{content:"\ed65";}
.icon-cancel-square2:before{content:"\ed66";}
.icon-spam:before{content:"\ed68";}
.icon-cross2:before{content:"\ed6a";}
.icon-cross3:before{content:"\ed6b";}
.icon-checkmark:before{content:"\ed6c";}
.icon-checkmark3:before{content:"\ed6e";}
.icon-checkmark2:before{content:"\e372";}
.icon-checkmark4:before{content:"\ed6f";}
.icon-spell-check:before{content:"\ed71";}
.icon-spell-check2:before{content:"\ed72";}
.icon-enter:before{content:"\ed73";}
.icon-exit:before{content:"\ed74";}
.icon-enter2:before{content:"\ed75";}
.icon-exit2:before{content:"\ed76";}
.icon-enter3:before{content:"\ed77";}
.icon-exit3:before{content:"\ed78";}
.icon-wall:before{content:"\ed79";}
.icon-fence:before{content:"\ed7a";}
.icon-play3:before{content:"\ed7b";}
.icon-pause:before{content:"\ed7c";}
.icon-stop:before{content:"\ed7d";}
.icon-previous:before{content:"\ed7e";}
.icon-next:before{content:"\ed7f";}
.icon-backward:before{content:"\ed80";}
.icon-forward2:before{content:"\ed81";}
.icon-play4:before{content:"\ed82";}
.icon-pause2:before{content:"\ed83";}
.icon-stop2:before{content:"\ed84";}
.icon-backward2:before{content:"\ed85";}
.icon-forward3:before{content:"\ed86";}
.icon-first:before{content:"\ed87";}
.icon-last:before{content:"\ed88";}
.icon-previous2:before{content:"\ed89";}
.icon-next2:before{content:"\ed8a";}
.icon-eject:before{content:"\ed8b";}
.icon-volume-high:before{content:"\ed8c";}
.icon-volume-medium:before{content:"\ed8d";}
.icon-volume-low:before{content:"\ed8e";}
.icon-volume-mute:before{content:"\ed8f";}
.icon-speaker-left:before{content:"\ed90";}
.icon-speaker-right:before{content:"\ed91";}
.icon-volume-mute2:before{content:"\ed92";}
.icon-volume-increase:before{content:"\ed93";}
.icon-volume-decrease:before{content:"\ed94";}
.icon-volume-mute5:before{content:"\eda4";}
.icon-loop:before{content:"\eda5";}
.icon-loop3:before{content:"\eda7";}
.icon-infinite-square:before{content:"\eda8";}
.icon-infinite:before{content:"\eda9";}
.icon-loop4:before{content:"\edab";}
.icon-shuffle:before{content:"\edac";}
.icon-wave:before{content:"\edae";}
.icon-wave2:before{content:"\edaf";}
.icon-split:before{content:"\edb0";}
.icon-merge:before{content:"\edb1";}
.icon-arrow-up5:before{content:"\edc4";}
.icon-arrow-right5:before{content:"\edc5";}
.icon-arrow-down5:before{content:"\edc6";}
.icon-arrow-left5:before{content:"\edc7";}
.icon-arrow-up-left2:before{content:"\edd0";}
.icon-arrow-up7:before{content:"\edd1";}
.icon-arrow-up-right2:before{content:"\edd2";}
.icon-arrow-right7:before{content:"\edd3";}
.icon-arrow-down-right2:before{content:"\edd4";}
.icon-arrow-down7:before{content:"\edd5";}
.icon-arrow-down-left2:before{content:"\edd6";}
.icon-arrow-left7:before{content:"\edd7";}
.icon-arrow-up-left3:before{content:"\edd8";}
.icon-arrow-up8:before{content:"\edd9";}
.icon-arrow-up-right3:before{content:"\edda";}
.icon-arrow-right8:before{content:"\eddb";}
.icon-arrow-down-right3:before{content:"\eddc";}
.icon-arrow-down8:before{content:"\eddd";}
.icon-arrow-down-left3:before{content:"\edde";}
.icon-arrow-left8:before{content:"\eddf";}
.icon-circle-up2:before{content:"\ede4";}
.icon-circle-right2:before{content:"\ede5";}
.icon-circle-down2:before{content:"\ede6";}
.icon-circle-left2:before{content:"\ede7";}
.icon-arrow-resize7:before{content:"\edfe";}
.icon-arrow-resize8:before{content:"\edff";}
.icon-square-up-left:before{content:"\ee00";}
.icon-square-up:before{content:"\ee01";}
.icon-square-up-right:before{content:"\ee02";}
.icon-square-right:before{content:"\ee03";}
.icon-square-down-right:before{content:"\ee04";}
.icon-square-down:before{content:"\ee05";}
.icon-square-down-left:before{content:"\ee06";}
.icon-square-left:before{content:"\ee07";}
.icon-arrow-up15:before{content:"\ee30";}
.icon-arrow-right15:before{content:"\ee31";}
.icon-arrow-down15:before{content:"\ee32";}
.icon-arrow-left15:before{content:"\ee33";}
.icon-arrow-up16:before{content:"\ee34";}
.icon-arrow-right16:before{content:"\ee35";}
.icon-arrow-down16:before{content:"\ee36";}
.icon-arrow-left16:before{content:"\ee37";}
.icon-menu-open:before{content:"\ee38";}
.icon-menu-open2:before{content:"\ee39";}
.icon-menu-close:before{content:"\ee3a";}
.icon-menu-close2:before{content:"\ee3b";}
.icon-enter5:before{content:"\ee3d";}
.icon-esc:before{content:"\ee3e";}
.icon-enter6:before{content:"\ee3f";}
.icon-backspace:before{content:"\ee40";}
.icon-backspace2:before{content:"\ee41";}
.icon-tab:before{content:"\ee42";}
.icon-transmission:before{content:"\ee43";}
.icon-sort:before{content:"\ee45";}
.icon-move-up2:before{content:"\ee47";}
.icon-move-down2:before{content:"\ee48";}
.icon-sort-alpha-asc:before{content:"\ee49";}
.icon-sort-alpha-desc:before{content:"\ee4a";}
.icon-sort-numeric-asc:before{content:"\ee4b";}
.icon-sort-numberic-desc:before{content:"\ee4c";}
.icon-sort-amount-asc:before{content:"\ee4d";}
.icon-sort-amount-desc:before{content:"\ee4e";}
.icon-sort-time-asc:before{content:"\ee4f";}
.icon-sort-time-desc:before{content:"\ee50";}
.icon-battery-6:before{content:"\ee51";}
.icon-battery-0:before{content:"\ee57";}
.icon-battery-charging:before{content:"\ee58";}
.icon-command:before{content:"\ee5f";}
.icon-shift:before{content:"\ee60";}
.icon-ctrl:before{content:"\ee61";}
.icon-opt:before{content:"\ee62";}
.icon-checkbox-checked:before{content:"\ee63";}
.icon-checkbox-unchecked:before{content:"\ee64";}
.icon-checkbox-partial:before{content:"\ee65";}
.icon-square:before{content:"\ee66";}
.icon-triangle:before{content:"\ee67";}
.icon-triangle2:before{content:"\ee68";}
.icon-diamond3:before{content:"\ee69";}
.icon-diamond4:before{content:"\ee6a";}
.icon-checkbox-checked2:before{content:"\ee6b";}
.icon-checkbox-unchecked2:before{content:"\ee6c";}
.icon-checkbox-partial2:before{content:"\ee6d";}
.icon-radio-checked:before{content:"\ee6e";}
.icon-radio-checked2:before{content:"\ee6f";}
.icon-radio-unchecked:before{content:"\ee70";}
.icon-checkmark-circle:before{content:"\ee73";}
.icon-circle:before{content:"\ee74";}
.icon-circle2:before{content:"\ee75";}
.icon-circles:before{content:"\ee76";}
.icon-circles2:before{content:"\ee77";}
.icon-crop:before{content:"\ee78";}
.icon-crop2:before{content:"\ee79";}
.icon-make-group:before{content:"\ee7a";}
.icon-ungroup:before{content:"\ee7b";}
.icon-vector:before{content:"\ee7c";}
.icon-vector2:before{content:"\ee7d";}
.icon-rulers:before{content:"\ee7e";}
.icon-pencil-ruler:before{content:"\ee80";}
.icon-scissors:before{content:"\ee81";}
.icon-filter3:before{content:"\ee88";}
.icon-filter4:before{content:"\ee89";}
.icon-font:before{content:"\ee8a";}
.icon-ampersand2:before{content:"\ee8b";}
.icon-ligature:before{content:"\ee8c";}
.icon-font-size:before{content:"\ee8e";}
.icon-typography:before{content:"\ee8f";}
.icon-text-height:before{content:"\ee90";}
.icon-text-width:before{content:"\ee91";}
.icon-height2:before{content:"\ee92";}
.icon-width:before{content:"\ee93";}
.icon-strikethrough2:before{content:"\ee98";}
.icon-font-size2:before{content:"\ee99";}
.icon-bold2:before{content:"\ee9a";}
.icon-underline2:before{content:"\ee9b";}
.icon-italic2:before{content:"\ee9c";}
.icon-strikethrough3:before{content:"\ee9d";}
.icon-omega:before{content:"\ee9e";}
.icon-sigma:before{content:"\ee9f";}
.icon-nbsp:before{content:"\eea0";}
.icon-page-break:before{content:"\eea1";}
.icon-page-break2:before{content:"\eea2";}
.icon-superscript:before{content:"\eea3";}
.icon-subscript:before{content:"\eea4";}
.icon-superscript2:before{content:"\eea5";}
.icon-subscript2:before{content:"\eea6";}
.icon-text-color:before{content:"\eea7";}
.icon-highlight:before{content:"\eea8";}
.icon-pagebreak:before{content:"\eea9";}
.icon-clear-formatting:before{content:"\eeaa";}
.icon-table:before{content:"\eeab";}
.icon-table2:before{content:"\eeac";}
.icon-insert-template:before{content:"\eead";}
.icon-pilcrow:before{content:"\eeae";}
.icon-ltr:before{content:"\eeaf";}
.icon-rtl:before{content:"\eeb0";}
.icon-ltr2:before{content:"\eeb1";}
.icon-rtl2:before{content:"\eeb2";}
.icon-section:before{content:"\eeb3";}
.icon-paragraph-left2:before{content:"\eeb8";}
.icon-paragraph-center2:before{content:"\eeb9";}
.icon-paragraph-right2:before{content:"\eeba";}
.icon-paragraph-justify2:before{content:"\eebb";}
.icon-indent-increase:before{content:"\eebc";}
.icon-indent-decrease:before{content:"\eebd";}
.icon-paragraph-left3:before{content:"\eebe";}
.icon-paragraph-center3:before{content:"\eebf";}
.icon-paragraph-right3:before{content:"\eec0";}
.icon-paragraph-justify3:before{content:"\eec1";}
.icon-indent-increase2:before{content:"\eec2";}
.icon-indent-decrease2:before{content:"\eec3";}
.icon-share:before{content:"\eec4";}
.icon-share2:before{content:"\eec5";}
.icon-new-tab:before{content:"\eec6";}
.icon-new-tab2:before{content:"\eec7";}
.icon-popout:before{content:"\eec8";}
.icon-embed:before{content:"\eec9";}
.icon-embed2:before{content:"\eeca";}
.icon-markup:before{content:"\eecb";}
.icon-regexp:before{content:"\eecc";}
.icon-regexp2:before{content:"\eecd";}
.icon-code:before{content:"\eece";}
.icon-circle-css:before{content:"\eecf";}
.icon-circle-code:before{content:"\eed0";}
.icon-terminal:before{content:"\eed1";}
.icon-unicode:before{content:"\eed2";}
.icon-seven-segment-0:before{content:"\eed3";}
.icon-seven-segment-1:before{content:"\eed4";}
.icon-seven-segment-2:before{content:"\eed5";}
.icon-seven-segment-3:before{content:"\eed6";}
.icon-seven-segment-4:before{content:"\eed7";}
.icon-seven-segment-5:before{content:"\eed8";}
.icon-seven-segment-6:before{content:"\eed9";}
.icon-seven-segment-7:before{content:"\eeda";}
.icon-seven-segment-8:before{content:"\eedb";}
.icon-seven-segment-9:before{content:"\eedc";}
.icon-share3:before{content:"\eedd";}
.icon-share4:before{content:"\eede";}
.icon-google:before{content:"\eee3";}
.icon-google-plus:before{content:"\eee4";}
.icon-google-plus2:before{content:"\eee5";}
.icon-google-drive:before{content:"\eee7";}
.icon-facebook:before{content:"\eee8";}
.icon-facebook2:before{content:"\eee9";}
.icon-instagram:before{content:"\eeec";}
.icon-twitter:before{content:"\eeed";}
.icon-twitter2:before{content:"\eeee";}
.icon-feed2:before{content:"\eef0";}
.icon-feed3:before{content:"\eef1";}
.icon-youtube:before{content:"\eef3";}
.icon-youtube2:before{content:"\eef4";}
.icon-youtube3:before{content:"\eef5";}
.icon-vimeo:before{content:"\eef8";}
.icon-vimeo2:before{content:"\eef9";}
.icon-lanyrd:before{content:"\eefb";}
.icon-flickr:before{content:"\eefc";}
.icon-flickr2:before{content:"\eefd";}
.icon-flickr3:before{content:"\eefe";}
.icon-picassa:before{content:"\ef00";}
.icon-picassa2:before{content:"\ef01";}
.icon-dribbble:before{content:"\ef02";}
.icon-dribbble2:before{content:"\ef03";}
.icon-dribbble3:before{content:"\ef04";}
.icon-forrst:before{content:"\ef05";}
.icon-forrst2:before{content:"\ef06";}
.icon-deviantart:before{content:"\ef07";}
.icon-deviantart2:before{content:"\ef08";}
.icon-steam:before{content:"\ef09";}
.icon-steam2:before{content:"\ef0a";}
.icon-dropbox:before{content:"\ef0b";}
.icon-onedrive:before{content:"\ef0c";}
.icon-github:before{content:"\ef0d";}
.icon-github4:before{content:"\ef10";}
.icon-github5:before{content:"\ef11";}
.icon-wordpress:before{content:"\ef12";}
.icon-wordpress2:before{content:"\ef13";}
.icon-joomla:before{content:"\ef14";}
.icon-blogger:before{content:"\ef15";}
.icon-blogger2:before{content:"\ef16";}
.icon-tumblr:before{content:"\ef17";}
.icon-tumblr2:before{content:"\ef18";}
.icon-yahoo:before{content:"\ef19";}
.icon-tux:before{content:"\ef1a";}
.icon-apple2:before{content:"\ef1b";}
.icon-finder:before{content:"\ef1c";}
.icon-android:before{content:"\ef1d";}
.icon-windows:before{content:"\ef1e";}
.icon-windows8:before{content:"\ef1f";}
.icon-soundcloud:before{content:"\ef20";}
.icon-soundcloud2:before{content:"\ef21";}
.icon-skype:before{content:"\ef22";}
.icon-reddit:before{content:"\ef23";}
.icon-linkedin:before{content:"\ef24";}
.icon-linkedin2:before{content:"\ef25";}
.icon-lastfm:before{content:"\ef26";}
.icon-lastfm2:before{content:"\ef27";}
.icon-delicious:before{content:"\ef28";}
.icon-stumbleupon:before{content:"\ef29";}
.icon-stumbleupon2:before{content:"\ef2a";}
.icon-stackoverflow:before{content:"\ef2b";}
.icon-pinterest2:before{content:"\ef2d";}
.icon-xing:before{content:"\ef2e";}
.icon-flattr:before{content:"\ef30";}
.icon-foursquare:before{content:"\ef31";}
.icon-paypal:before{content:"\ef32";}
.icon-paypal2:before{content:"\ef33";}
.icon-yelp:before{content:"\ef35";}
.icon-file-pdf:before{content:"\ef36";}
.icon-file-openoffice:before{content:"\ef37";}
.icon-file-word:before{content:"\ef38";}
.icon-file-excel:before{content:"\ef39";}
.icon-libreoffice:before{content:"\ef3a";}
.icon-html5:before{content:"\ef3b";}
.icon-html52:before{content:"\ef3c";}
.icon-css3:before{content:"\ef3d";}
.icon-git:before{content:"\ef3e";}
.icon-svg:before{content:"\ef3f";}
.icon-codepen:before{content:"\ef40";}
.icon-chrome:before{content:"\ef41";}
.icon-firefox:before{content:"\ef42";}
.icon-IE:before{content:"\ef43";}
.icon-opera:before{content:"\ef44";}
.icon-safari:before{content:"\ef45";}
.icon-check2:before{content:"\e601";}
.icon-home4:before{content:"\e603";}
.icon-people:before{content:"\e81b";}
.icon-checkmark-circle2:before{content:"\e853";}
.icon-arrow-up-left32:before{content:"\e8ae";}
.icon-arrow-up52:before{content:"\e8af";}
.icon-arrow-up-right32:before{content:"\e8b0";}
.icon-arrow-right6:before{content:"\e8b1";}
.icon-arrow-down-right32:before{content:"\e8b2";}
.icon-arrow-down52:before{content:"\e8b3";}
.icon-arrow-down-left32:before{content:"\e8b4";}
.icon-arrow-left52:before{content:"\e8b5";}
.icon-calendar5:before{content:"\e985";}
.icon-move-alt1:before{content:"\e986";}
.icon-reload-alt:before{content:"\e987";}
.icon-move-vertical:before{content:"\e988";}
.icon-move-horizontal:before{content:"\e989";}
.icon-hash:before{content:"\e98b";}
.icon-bars-alt:before{content:"\e98c";}
.icon-eye8:before{content:"\e98d";}
.icon-search4:before{content:"\e98e";}
.icon-zoomin3:before{content:"\e98f";}
.icon-zoomout3:before{content:"\e990";}
.icon-add:before{content:"\e991";}
.icon-subtract:before{content:"\e992";}
.icon-exclamation:before{content:"\e993";}
.icon-question6:before{content:"\e994";}
.icon-close2:before{content:"\e995";}
.icon-task:before{content:"\e996";}
.icon-inbox:before{content:"\e997";}
.icon-inbox-alt:before{content:"\e998";}
.icon-envelope:before{content:"\e999";}
.icon-compose:before{content:"\e99a";}
.icon-newspaper2:before{content:"\e99b";}
.icon-calendar22:before{content:"\e99c";}
.icon-hyperlink:before{content:"\e99d";}
.icon-trash:before{content:"\e99e";}
.icon-trash-alt:before{content:"\e99f";}
.icon-grid5:before{content:"\e9a0";}
.icon-grid-alt:before{content:"\e9a1";}
.icon-menu6:before{content:"\e9a2";}
.icon-list3:before{content:"\e9a3";}
.icon-gallery:before{content:"\e9a4";}
.icon-calculator:before{content:"\e9a5";}
.icon-windows2:before{content:"\e9a6";}
.icon-browser:before{content:"\e9a7";}
.icon-portfolio:before{content:"\e9a8";}
.icon-comments:before{content:"\e9a9";}
.icon-screen3:before{content:"\e9aa";}
.icon-iphone:before{content:"\e9ab";}
.icon-ipad:before{content:"\e9ac";}
.icon-googleplus5:before{content:"\e9ad";}
.icon-pin:before{content:"\e9ae";}
.icon-pin-alt:before{content:"\e9af";}
.icon-cog5:before{content:"\e9b0";}
.icon-graduation:before{content:"\e9b1";}
.icon-air:before{content:"\e9b2";}
.icon-droplets:before{content:"\e7ee";}
.icon-statistics:before{content:"\e9b4";}
.icon-pie5:before{content:"\e7ef";}
.icon-cross:before{content:"\e9b6";}
.icon-minus2:before{content:"\e9b7";}
.icon-plus2:before{content:"\e9b8";}
.icon-info3:before{content:"\e9b9";}
.icon-info22:before{content:"\e9ba";}
.icon-question7:before{content:"\e9bb";}
.icon-help:before{content:"\e9bc";}
.icon-warning2:before{content:"\e9bd";}
.icon-add-to-list:before{content:"\e9bf";}
.icon-arrow-left12:before{content:"\e9c0";}
.icon-arrow-down12:before{content:"\e9c1";}
.icon-arrow-up12:before{content:"\e9c2";}
.icon-arrow-right13:before{content:"\e9c3";}
.icon-arrow-left22:before{content:"\e9c4";}
.icon-arrow-down22:before{content:"\e9c5";}
.icon-arrow-up22:before{content:"\e9c6";}
.icon-arrow-right22:before{content:"\e9c7";}
.icon-arrow-left32:before{content:"\e9c8";}
.icon-arrow-down32:before{content:"\e9c9";}
.icon-arrow-up32:before{content:"\e9ca";}
.icon-arrow-right32:before{content:"\e9cb";}
.icon-switch2:before{content:"\e647";}
.icon-checkmark5:before{content:"\e600";}
.icon-ampersand:before{content:"\e9cc";}
.icon-alert:before{content:"\e9cf";}
.icon-alignment-align:before{content:"\e9d0";}
.icon-alignment-aligned-to:before{content:"\e9d1";}
.icon-alignment-unalign:before{content:"\e9d2";}
.icon-arrow-down132:before{content:"\e9d3";}
.icon-arrow-up13:before{content:"\e9da";}
.icon-arrow-left13:before{content:"\e9d4";}
.icon-arrow-right14:before{content:"\e9d5";}
.icon-arrow-small-down:before{content:"\e9d6";}
.icon-arrow-small-left:before{content:"\e9d7";}
.icon-arrow-small-right:before{content:"\e9d8";}
.icon-arrow-small-up:before{content:"\e9d9";}
.icon-check:before{content:"\e9db";}
.icon-chevron-down:before{content:"\e9dc";}
.icon-chevron-left:before{content:"\e9dd";}
.icon-chevron-right:before{content:"\e9de";}
.icon-chevron-up:before{content:"\e9df";}
.icon-clippy:before{content:"\f035";}
.icon-comment:before{content:"\f02b";}
.icon-comment-discussion:before{content:"\f04f";}
.icon-dash:before{content:"\e9e2";}
.icon-diff:before{content:"\e9e3";}
.icon-diff-added:before{content:"\e9e4";}
.icon-diff-ignored:before{content:"\e9e5";}
.icon-diff-modified:before{content:"\e9e6";}
.icon-diff-removed:before{content:"\e9e7";}
.icon-diff-renamed:before{content:"\e9e8";}
.icon-file-media:before{content:"\f012";}
.icon-fold:before{content:"\e9ea";}
.icon-gear:before{content:"\e9eb";}
.icon-git-branch:before{content:"\e9ec";}
.icon-git-commit:before{content:"\e9ed";}
.icon-git-compare:before{content:"\e9ee";}
.icon-git-merge:before{content:"\e9ef";}
.icon-git-pull-request:before{content:"\e9f0";}
.icon-graph:before{content:"\f043";}
.icon-law:before{content:"\e9f1";}
.icon-list-ordered:before{content:"\e9f2";}
.icon-list-unordered:before{content:"\e9f3";}
.icon-mail5:before{content:"\e9f4";}
.icon-mail-read:before{content:"\e9f5";}
.icon-mention:before{content:"\e9f6";}
.icon-mirror:before{content:"\f024";}
.icon-move-down:before{content:"\f0a8";}
.icon-move-left:before{content:"\f074";}
.icon-move-right:before{content:"\f0a9";}
.icon-move-up:before{content:"\f0a7";}
.icon-person:before{content:"\f018";}
.icon-plus22:before{content:"\e9f7";}
.icon-primitive-dot:before{content:"\f052";}
.icon-primitive-square:before{content:"\f053";}
.icon-repo-forked:before{content:"\e9f8";}
.icon-screen-full:before{content:"\e9f9";}
.icon-screen-normal:before{content:"\e9fa";}
.icon-sync:before{content:"\e9fb";}
.icon-three-bars:before{content:"\e9fc";}
.icon-unfold:before{content:"\e9fe";}
.icon-versions:before{content:"\e9ff";}
.icon-x:before{content:"\ea00";}
.image_file_library{width: 30px}
.bg-warning {
    background-color: #ff7043!important;
}
.multiselect-native-select, .select2-selection.select2-selection--single{height: 33.2px}
.btn-radius {border-radius: 100%;padding: 6px 11px;}
.teacher-course{margin-bottom: 5px;display: inline-block;width: 100%}
.card-course{min-height: 126px}
.box-course-assign .card-course{min-height: 145px}
/* thảo luận */
.box-discussion{margin: 100px 0 50px 0}
.box-discussion .nav-sidebar .nav-item:hover{background: #f5f5f5}
.box-discussion .box-title-search{margin-bottom: 10px;}
.add_question_forum{border-radius: 18px;float: right;margin-right: 10px;margin-top: 5px!important;}
.box-discussion .nav-sidebar {-ms-flex-direction: column;flex-direction: column;}
.my-2 {margin-bottom: .625rem!important;}
.box-discussion .nav-sidebar .nav-item:not(.nav-item-header):first-child {padding-top: .5rem;}
.box-discussion .nav-sidebar .nav-item:not(.nav-item-divider) {margin-bottom: 1px;}
.box-discussion .nav-sidebar .nav-link {color: rgba(51,51,51,.85);}
/*.box-discussion .nav-sidebar .nav-link {position: relative;display: -ms-flexbox;display: flex;-ms-flex-align: start;align-items: flex-start;padding: .75rem 1.25rem;transition: background-color ease-in-out .15s,color ease-in-out .15s;}*/
.box-discussion .nav-sidebar .nav-link {position: relative;display: -ms-flexbox;display: flex;-ms-flex-align: start;align-items: flex-start;transition: background-color ease-in-out .15s,color ease-in-out .15s;}
.box-discussion .nav-sidebar .nav-link i {margin-right: 1.25rem;margin-top: .12502rem;margin-bottom: .12502rem;top: 0;}
.box-discussion .nav-sidebar .nav-item-divider {background-color: rgba(0,0,0,.125); margin: .5rem 0;height: 1px;}
.box-discussion .list-question { display: inline-block; width: 100%}
.box-discussion .question-item { display: flex; width: 100%; justify-content: space-between; color: black; font-size: 14px; border-bottom: 1px solid #ececec; padding-bottom: 20px; margin-bottom: 10px;}
.box-discussion .question-item p { margin: 0;}
.box-discussion .question-container { padding: 0 20px;width: 100%}
.box-discussion .question-vote { display: inline-block;align-self: baseline; width: 80px; border: 1px solid #ececec; border-radius: 3px; text-align: center}
.box-discussion .question-vote span { display: block}
.box-discussion .question-vote span:first-child { font-size: 16px; font-weight: bold; min-height: 55px; display: flex; align-items: center; justify-content: center}
.box-discussion .question-vote span:last-child { font-size: 9px; padding: 2px 0; background: #ececec; text-transform: uppercase}
.box-discussion .question-vote.active{border-color: #28a745}
.box-discussion .question-vote.active .number_vote{color: #28a745!important;}
.box-discussion .question-vote.active span:last-child{ background: #4caf50}
.box-discussion .question-acc { display: flex; align-items: center;float: right;}
.box-discussion .question-acc p:last-child { color: #707070; font-size: 11px; margin-left: 5px}
.box-discussion .question-avatar {margin-left: 10px;display: flex; align-items: center;font-size: 12px;color: #707070}
.box-discussion .question-avatar span { margin-right: 3px; width: 20px; height: 20px; border-radius: 50%; display: inline-block;}
.box-discussion .question-avatar span img { width: 18px; height: 18px; max-width: 100%; max-height: 100%; object-fit: cover;border-radius: 100%;}
.box-sub-comment-dis .content-discussion .question-acc {width: 100%}
.box-sub-comment-dis .content-discussion .question-acc .question-avatar {margin-left: 0}
.box-sub-comment-dis .content-discussion .question-acc .question-time {position: absolute; right: 25px}
.box-sub-comment-dis .content-discussion .action_dis {margin: 0}
.box-discussion .question-description {margin-bottom: 7px !important;overflow: hidden;text-overflow: ellipsis !important;display: -webkit-box !important;-webkit-box-orient: vertical;height: auto !important;text-align: initial !important;-webkit-line-clamp: 1;}
.box-discussion .box_action_dis {display: flex; min-height: 28px;}
.box-discussion .box_action_dis .action_dis_admin {position: absolute; right: 5%; font-size: 14px}
.box-discussion .box_action_dis .action_dis_admin a.update_dis_cate {vertical-align: middle}
.box-discussion .question-tag {display: inline-block; align-items: center;margin-bottom: 5px!important;}
.box-discussion .question-tag a { border-color: transparent;background: #e1ecf4;color: #39739d;font-weight: 500;  padding: 5px; font-size: 11px; line-height: 15px; border-radius: 2px; margin-right: 5px;}
.box-discussion .question-tag a.active { color: #0b51c5; font-weight: 400;}
.box-discussion .question-statistical span{color: #707070;font-size: 12px;margin-right: 10px;margin-top: 10px}
.box-discussion .follow_dis.active i{color: #ffc107;font-weight: bold}
.box-discussion .action_dis{margin: 20px 0 30px;display: inline-block}
.box-discussion .action_dis a {margin-right: 10px;}
.h4-discussion{margin-bottom: 20px;display: inline-block;margin-top: 10px}
p.question-statistical {margin-top: 6px!important;}
ul.ul-theme li {padding: 5px 0;font-size: 14px;}
.box-answer-dis .box-feedback {margin-bottom: 20px;}
.box-answer-dis hr {margin-left: 3rem; border-top: 1px dashed rgba(0,0,0,.1) !important;}
ul.ul-filter-dis {display: inline-block;width: 100%;border-bottom: 1px solid #dedede;font-size: 14px;flex: unset;}
ul.ul-filter-dis li {display: inline-block;padding: 0 10px;float: right;}
ul.ul-filter-dis li a{color: #333}
ul.ul-filter-dis li.active {border-bottom: 2px solid #007bff;}
ul.ul-filter-dis li.active a {color: #007bff;font-weight: 500;}
.box-discussion .question-vote.active p {color: white;font-weight: bold;}
.box-discussion .box-feedback { display: flex; width: 100%;}
.box-discussion .feedback-left {font-size: 22px}
.box-discussion .feedback-left, .box-vote, .box-ranking { display: flex; flex-direction: column; align-items: center;}
.box-discussion .box-vote .vote_discussion { border: 0; background: 0; padding: 0;}
.box-discussion .box-vote .vote_discussion i { color: #acacac; font-size: 50px;}
.box-discussion .box-vote .vote_discussion.active i{color: #5488c7;}
.box-discussion .box-ranking i { font-size: 15px; color: #acacac;}
.box-discussion .box-ranking { font-size: 12px; color: #acacac; margin-top: 10px}
.box-discussion .feedback-right { flex: auto 1; font-size: 12px; color: #000; padding-left: 25px;max-width: 100%;}
.box-discussion .feedback-right img{max-width: 100%}
.box-discussion .feedback-right h5 {margin-bottom: 20px; margin-top: 10px; font-weight: 400; font-size: 17px}
.box-discussion .feedback-right > .content-discussion { background: #f6f6f6; padding: 15px; border-radius: 5px;}
.add-answer-dis {margin: 35px 0;}
li.nav-item.active a {background: #4caf50;color: white!important;border-radius: 5px;}
.delete_dis{color: red}
#footer2 {background: #000000;padding: 10px 0;width: 100%;text-align: center;color: white;}
.box-title-search{display: inline-block;width: 100%}
nav.navbar ul.navbar-nav .nav-item {height: 67px;}
.search-icon {
    border:none;
    border-radius:100%;
    background: #f5f5f5;
    padding: 8px 12px;
    outline:none;
    position: relative;
    z-index: 2;
    float:right;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.box-search-discussion {
    border: 1px solid #dedede;
    padding: 20px;
    margin-bottom: 10px;
    border-radius: 6px;
    position: relative;
    top: -15px;
    width: 100%;display: inline-block;
}
.search-icon:focus,.search-icon:hover,.search-icon.active{outline: none;background: #007bff;color: white}
.form-create-discussion {
    padding: 20px 50px;
    display: inline-block;
    width: 100%;
}
.select2-selection.select2-selection--single {
    height: 33.2px!important;
}
ul.ul-theme {
    padding: 0;
}
/*-end thảo luận--*/
.no-padding-right{padding-right: 0}
.box-content-grid .card-header.header-elements-inline {padding: 0;}
.box-content-grid {display: inline-block;width: 100%;position: relative;}
.card-border-none{border: 0!important;box-shadow: none!important;}
.view3 {background-repeat: no-repeat; background-size: cover; margin-top: -3px;
    padding: 35px; background-position-y: -50px;}
.row{width: 100%}
ul.ul_info {padding: 0;list-style: none;}
span.input-group-text {
    font-size: 11px;
    background-color: #fafafa;
    border-color: #ddd;
}
.box-lesson-acabiz {
    padding: 10px;
    border-bottom: 1px dashed #dedede;
    font-size: 14px;
}
.h1-course-detail{font-size: 25px;text-transform: uppercase;line-height: 33px;margin-bottom: 20px;margin-left: 30px;}
.card-hearder-list{padding: 5px 20px 0 0!important;}
.badge-flat {
    background-color: transparent;
    border: 1px solid transparent;
    padding: calc(.3125rem - 1px) calc(.375rem - 1px);
}
.badge-light {
    color: #212529;
    background-color: #edf2fa;
}
a{color: #0871d0;text-decoration: none}
a:hover {text-decoration: none;}
a.a_tag_hot.badge.badge-light.active {
    background: #007bff;
    color: white;
}

.info-user-eval table th, .info-user-eval table td {
    background: #2196f3;
    color: white;
}
.info-user-eval table {
    font-size: 13px;
}
.info-user-eval {
    position: absolute;
    z-index: 10;
    top: -180px;
    left: -230px;
}
.table-striped tbody tr.tr_first .info-user-eval{top: 65px}

.a_tbc{color: #0a0a0a;font-weight: bold}
.fixHeight{height: 35px}
.col-padding{margin-top: 15px;text-align: right;}
.col-3-course{width: 20%;padding-right: 0;padding-left: 15px}
.none-padding-bottom{padding-bottom: 10px!important;}
.note-frame .note-editing-area .note-editable{font-size: 13px}
.ui-datepicker{ position: fixed;  }
.box-preview-document iframe{width: 100%;min-height: 400px}
.box-preview-document .ul_show_package{margin-top: 50px}

.box-course-cp {
    padding: 10px 0;
    font-size: 14px;
    border-bottom: 1px solid #dedede;
}
span.duration-course {
    float: right;
    margin-right: 80px;
}

/*---loader--*/
.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}
.loadingspinnerbackdop {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
    display: none;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.28);
}
.loadingspinner {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 60px;
    right: 0;
    margin: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/*---modal--*/
.modal-confirm .modal-header {
    border-bottom: none;
    position: relative;
    padding: 15px;
    width: 100%;
    display: inline-block;
}
.modal-confirm .modal-content {
    padding: 20px;
    border-radius: 5px;
    border: none;
    text-align: center;
    font-size: 14px;
}
.modal-confirm h4 {
    text-align: center;
    font-size: 26px;
    margin: 30px 0 -10px;
}
.modal-confirm .close {
    position: absolute;
    top: -5px;
    right: -2px;
}
.modal-confirm .icon-box{width: 100%;display: inline-block}
.modal-confirm .modal-body {
    color: #999;
}
.modal-confirm .modal-content {
    padding: 20px;
    border-radius: 5px;
    border: none;
    text-align: center;
    font-size: 14px;
}

/*---card--table--*/
.card {
    margin-bottom: 1.25rem;
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .1875rem;
}
.card-header:not([class*=bg-]):not([class*=alpha-]) {
    background-color: transparent;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom-width: 0;
}
.card-header:first-child {
    border-radius: .125rem .125rem 0 0;
}
.header-elements-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.card-header {
    padding: .9375rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.02);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.card-header .card-title {
    margin-bottom: 0;
}
.card-title {
    position: relative;
    font-size: .9375rem;
}
.header-elements-inline .header-elements {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    background-color: transparent;
    border: 0;
    margin-left: 0;
    margin-right: 0;
}
.card-header:not([class*=bg-]):not([class*=alpha-])+*>.card-body:first-child, .card-header:not([class*=bg-]):not([class*=alpha-])+.card-body {
    padding-top: 0;
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}
.form-group {
    float: left;
    margin-bottom: 1rem;padding-left: 0;
}
.form-control:not(.border-1):not(.border-2):not(.border-3):focus {
    border-color: #ccc;
}
.form-control:focus {
    outline: 0;
    box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent;
}
.box-content{width: 100%;display: inline-block;margin-top: 30px;margin-bottom: 30px;}
main{background-color:white ;margin-top: 67px;min-height: 84.6vh;}
.col-button{padding: 10px 0}
.a_view_more{
    font-size: 13px;
    font-weight: 500;
    float: right;
    margin-top: 10px;
    text-transform: none;
}
.box-add-new-skill {position: sticky;bottom: -8px;width: 100%;background: white;display: inline-block;padding: 7px 15px;font-weight: 500;}
span.select2-dropdown.select2-dropdown--below {
    z-index: 40000000;
}
body {
    margin: 0;
    font-family: Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight: 400;
    line-height: 1.5385;
    color: #333;
    text-align: left;
}
.form-control{font-size: .8125rem;}
.btn{font-size: .8125rem; margin-top: 1px}
a.nav-link.text-primary {
    font-size: 15px;
}
.span_user{display: inline-block;width: 50%}
.span_user i{margin-right: 5px;font-weight: bold}

/*---badge--*/
.badge {
    display: inline-block;
    padding: .3125rem .375rem;
    font-size: 75%;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .125rem;
}
.bg-indigo {background-color: #3f51b5;}
table,ul.nav.nav-pills .nav-item a,.select2-selection{font-size: 14px;}
.datatable-sorting .btn {
    font-size: 75%;
    font-weight: 500;
    padding: 4px 10px;
    position: relative;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.03);
}
.bg-purple{
    background-color: #7e57c2;color: white;
}
.required{color: red}
select.form-control:not([size]):not([multiple]) {
    height: 2.09rem;
    font-size: .8125rem;
}
.btn-warning{color: black}


/*-- step-group-company --*/
.container-step{padding: 0 50px;}
.img_student{width: 90px;height: 90px}
.img_course {
    width: 130px;    border-radius: 5px;
}
[class*=bg-]:not(.bg-transparent):not(.bg-light):not(.bg-white):not(.btn-outline):not(body) {
    color: #fff;
}
.bg-purple-400 {
    background-color: #7e57c2;
}
.bg-pink-400{
    background-color: #ec407a;
}
.nav-pills .nav-link.active .badge:not(.bg-transparent):not(.bg-light):not(.bg-white) {
    background-color: #fff;
    color: #333;
    transition: all ease-in-out .15s;
}

.bg-dashboard ul{
    list-style: none;
    padding: 0;
    margin-top: 30px;
}
.bg-dashboard ul li{
    display: inline-block;
    margin-right: 15px;
}
.card-footer {
    min-height: 40px;
}
.bg-dashboard ul li a i{margin-right: 5px;}

.bg-dashboard h3,.bg-dashboard h1{text-transform: uppercase;font-size: 1.75rem;}
.bg-blue-400 {
    background-color: #29b6f6;
}
.bg-danger-400 {
    background-color: #ef5350;
}
.box-pagination-course{
    margin: 30px auto 0 auto;
}

.block-course-main .card:hover { border-color: #009688;}
.block-course-main .card {
    transition: 0.5s;
    min-height: 257px;
}
.block-microlearning-main .card {
    transition: 0.5s;
    min-height: 210px;
}
.card-img-actions-overlay {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.75);
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out .15s;
}
.card-img-actions-overlay.card-img.rounded-circle {
    width: 170px;
    height: 170px;
}
.btn-outline.disabled, .btn-outline:disabled, .btn-outline:not(:hover):not(:active):not(.active):not([aria-expanded=true]) {
    background-color: transparent!important;
}
.shopping-cart{
    bottom: 80px;
}
.card-img-actions {
    position: relative;
}
.rounded-circle {
    border-radius: 50%!important;
}
.card-img {
    width: 100%;
    border-radius: .125rem;
}
h3.h2-banner {
    color: white;
    font-size: 24px;
    margin-bottom: 15px;
}
a.list-icons-item:not([class*=text-]) {
    color: inherit;
}
.box-info-student{font-size: 13px}
.img_user{
    width: 120px;
    height: 120px;border-radius: 100%;
}
.ul_info li {
    padding: 3px 0;
}
.font-weight-semibold {
    font-weight: 500;
}
.text-blue{color: #29b6f6}
a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}
.list-icons>:not(:last-child) {
    margin-right: .375rem;
}
a.list-icons-item {
    transition: all ease-in-out .15s;
}
[data-action] {
    cursor: pointer;
}
.list-icons-item {
    display: inline-block;
    line-height: 1;
}
[data-action=reload]:after {
    content: '\e9fb';
}
[data-action]:after {
    font-family: icomoon;
    font-size: 1rem;
    min-width: 1rem;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
[data-action=collapse]:after {
    content: '\e9c1';
}
.teacher-course {
    font-size: 13px;
    color: #212529;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
}
.title-course {
    font-size: 15px;
    color: #000;
    white-space: normal;min-height: 45px;
    overflow-y: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.img_action_eval{width: 20px;height: 20px}
.company_name_mobile{display: inline-block;text-transform: uppercase;font-weight: bold;color: white;}
.alert.alert-styled-left {
    border-left-width: 2.875rem;
}
.alert-warning {
    color: #853a23;
    background-color: #ffe8e1;
    border-color: #ff7b52!important;
}
.alert-dismissible {
    padding-right: 3.75003rem;
}
.alert {
    width: 100%;
    position: relative;
    padding: .9375rem 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid transparent;
    border-radius: .1875rem;
    font-size: 14px;
    opacity: 1;
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .9375rem 1.25rem;
    color: inherit;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}
[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
}
.close {
    cursor: pointer;
    opacity: .75;
    transition: color ease-in-out .15s,opacity ease-in-out .15s;
}
.close {
    float: right;
    font-size: 1.25003rem;
    font-weight: 400;
    line-height: 1;
    color: #333;
    text-shadow: none;
    opacity: .5;
}
.alert[class*=alert-styled-].alert-warning:after, .alert[class*=alert-styled-][class*=bg-warning]:after {
    content: '\e9bd';
}
.alert[class*=alert-styled-]:after {
    content: '\e9a2';
    font-family: icomoon;
    color: #fff;
    width: 2.875rem;
    left: -2.875rem;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -.5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.add_thoihan{margin-right: 5px}
.modal-title {
    font-size: 17px;
}
.bg-slate {
    background-color: #607d8b;
}
.p_thoihan{
    font-weight: 600;
    color: #ec8619;
    font-size: 11px;
    margin-top: 7px;
}
ul.ul_show_package li ,ul.ul_show_course li {width: 50%;float: left;padding: 15px;font-size: 14px;border-bottom: 1px dashed #dedede;}
ul.ul_show_package,ul.ul_show_course {list-style: none;display: inline-block;padding: 0 20px;}
ul.ul_show_package  span.span_lable {display: inline-block; font-weight: 500;}
ul.ul_show_course  span.span_lable {display: inline-block;width: 170px;font-weight: 500;}
ul.ul_show_course .li_full,ul.ul_show_package .li_full{width: 100%;display: inline-block}
.span_lable_full{width: 70%;display: inline-block}
label {
    font-size: .8125rem;
    display: inline-block;
    margin-bottom: .5rem;
}
a.a-document {
    width: 100%;
    display: inline-block;
    padding: 8px 30px;
    border-bottom: 1px dashed #dedede;
}
.file-preview-frame{width: 94%}
.nav-horizontal li.nav-item i {display: inline;font-size: 15px;    margin-right: 8px;}
.nav-horizontal .nav-item{display: inline-block}
.box-content {min-height: 52vh;}
.box-detail-course{padding: 30px 0;width: 100%;display: inline-block}
a.nav-link{font-size: 15px}
.bg-dashboard h3 { padding: 0!important; margin: 0; }
.bg-primary {
    background-color: #0b5394!important;
}
.bg-dashboard.bg-home{padding: 60px 100px}
.btn.focus, .btn:focus{box-shadow:none}
.datetimepicker {z-index: 9999999999999999999999999999999!important;}
.content ul {
    display: inline-block;
}
.navbar>.container {
    padding-left: 0;
    padding-right: 0;
    max-width: 100%!important;
}
.btn-changePass{margin-top: 15px}
.block-student-page .container{max-width: 96%!important;}
.u-course-highlight2 {
    background: #162636;
    color: white;
    padding: 30px 0;
}

.u-des-course {
    font-size: 14px;
}

.teacher_info {
    font-size: 14px;
}
.teacher_info img {
    border-radius: 100%;
    width: 30px;
    margin-right: 10px;
}
.ubo-right-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;text-transform: uppercase;
}
.ubo-right-btn {
    display: inline-block;
    width: 100%;
}
.ubo-right-prog {
    margin-top: 20px;
    width: 100%;
    display: inline-block;
    font-size: 14px;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.btn-learn {
    color: #fff;
    font-weight: bold;
    background: #0b5394;
    padding: 10px 20px;
    text-align: center;
    border-radius: 3px;
    margin-right: 10px;
    display: inline-block;
}
.btn-learn.detail_learning {background: rgb(242, 108, 79);}
.btn-learn.detail_learning.btn-success {background: #28a745;}
.ubo-progress {
    margin-top: 13px;
}
.ubo-progress .progress {
    border-radius: 4px 0 0 4px;
}
.ubo-progress .progress {
    margin-bottom: 0;
    width: 89%;
    float: left;
}
.ubo-progress .progress-cup {
    width: 10%;
    float: right;
    position: relative;
}
.cup-awards {
    position: absolute;
    top: -5px;
    right: -23px;
}
.ubo-progress .progress-cup .progress-bar {
    border-radius: 0 4px 4px 0;font-size: 11px;
}
.uct-left {
    width: 48%;display: inline-block;text-align: center;
}
.uct-name-gv {
    font-size: 16px;
    font-weight: bold;
    margin-top: 15px;
}
.uct-right {
    width: 40%;
    float: right;
    margin-left: 15px;
}
.uct-rate-gv{list-style: none;    padding: 0;}
.text-muted {
    color: #6c757d!important;
    font-size: 11px;
}
.bg-success-400 {
    background-color: #66bb6a;
}
.bg-indigo-400 {
    background-color: #5c6bc0;
}
.box-pagination{float: right}

.text-success-400 {
    color: #66bb6a;
}
.text-indigo-400 {
    color: #5c6bc0;
}
.text-blue-400 {
    color: #29b6f6;
}
.text-danger-400 {
    color: #ef5350;
}

.img_logo_company{width: 145px;height: unset;}
span.name-company {
    /*text-transform: uppercase;*/
    font-weight: bold;
    font-size: 35px;
    color: white;
}
.img_logo_company {
    width: 100%;
    max-width: 145px;
    height: unset;
}

.badge-pink,.bg-pink {
    color: white;
    background-color: #E91E63;
}

.dropdown-menu.dropdown-menu-sortable .dropdown-item{border: 1px dashed #dedede;margin-bottom: 8px;padding: 6px 10px;font-size: 14px;text-overflow: ellipsis;white-space: nowrap;width: 100%;overflow: hidden;}
.lib_question,.list_question_choose{min-height: 300px; padding: 15px;}
.box-content-quiz{width: 70%;margin: 0 auto;padding: 50px 0;}

.img_logo_company{max-width: 150px!important;}
.content-quiz {
    border: 1px solid #dedede;
    border-radius: 3px;
    padding: 30px;
    box-shadow: 0 1px #FFFFFF inset, 0 1px 3px rgba(34, 25, 25, 0.4);
}
.test_name {
    color: #0975B4;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.ul-course-detail{width: 60%}
.box-quiz {margin-top: 30px;}
.tab-content {margin-top: 20px;}
.u-des-course h3, .u-list-course h3 {font-size: 16px;padding: 10px 0; font-weight: bold;}
.box-yeucau {
    margin-top: 50px;
}
.text_yeucau{
    color: red;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}
span.accept_policy p {
    font-size: 14px;
    margin-bottom: 13px;
}
.box-button{
    text-align: center;
    margin: 25px 0 0 0;
}
body{position: relative}
.p_count_down{
    text-align: center;
    font-weight: bold;
    position: fixed;
    right: 10%;
    top: 10%;
    border: 1px solid #dedede;
    padding: 10px;
    border-radius: 4px;
    z-index: 999;
    background-color: lightgrey;
}



/*---Thảo luận --*/
.u-video-qa-title {
   position: absolute;
   left: 20px;
   top: 2%;
   font-size: 20px;
   font-weight: bold;
}
.u-video-qa-block {
    padding: 20px;
    display: inline-block;
    width: 100%;
    margin-top: 10px !important;
    background: #fff;
    border-top: 1px solid #dedede;
}
span.span_content {
    margin-left: 9px;
}
.u-v-q-box {

    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
    margin: 10px 0;
}
#myNote .content-dis {
    font-weight: 400;
    width: 100%;
    padding: 10px;
    border-radius: 7px;
    background-color: #FFF2AB;
    font-size: 14px;
}
.time_note{
    color: #007bff;
    margin-left: 10px;
    font-size: 11px
}
a.remove_note {
    position: absolute;
    right: 14px;
    top: 6px;
    color: red;
    font-weight: bold;
}
.uv-box-qa-an {
    padding: 10px 0;
}
.uv-box-qa {
    display: inline-block;
    width: 100%;
}
.uv-name-hv {
    display: inline-block;
    width: 86%;
    float: right;
}
.uv-name-hv p {
    float: left;
    font-weight: bold;
    color: #0f5790;
}
.uv-name-hv span {
    float: right;
    font-size: 13px;
    color: #92979e;
}
.add_discussion{margin-left: 10px}
#question_text,.sub_content,#note_text {
    outline: none;
    padding: 8px;
    min-height: 34px;
    height: 34px;
    line-height: 16px;
    width: 72%;
    display: block;
    margin: 0 auto;
    border-radius: 20px;
    font-size: 13px;
}

#question_text,#note_text{
    width: 87%;
}
.sub_content{
    width: 85%;
}

.img_avatar_sub{width: 20px;height: 20px;border-radius: 100%}

.block_sub_comment {
    width: 87%;
    margin-left: 45px;
}

.img_avatar{width: 32px;height: 32px;border-radius: 100%;}
a.add_discussion {
    height: 34px;
    font-size: 13px;
}
.uv-box-hv-q {
    display: inline-block;
    width: 100%;
    overflow-wrap: break-word;
}
.uv-box-qa a {
    color: #0b9bd5;
    margin: 5px 0;
    display: block;
}
.content-dis {
    padding: 8px 10px;
    font-size: 13px;
    background-color: #f2f3f5;
    border-radius: 18px;
    box-sizing: border-box;
    color: #1c1e21;
    display: inline-block;
    line-height: 16px;
    width: 87%;
    word-wrap: break-word;
    position: relative;
    white-space: normal;
    word-break: break-word;
    margin-left: 7px;
}
.box-act {
    margin-left: 48px;
    font-size: 13px;
}
.content-dis .span_name{
    color: #385898;
    font-weight: 600;
}
.box-act span {
    margin-left: 5px;
    color: #606770;
}
.box-act a{
    color: #385898;
}

.uv-box-txt a {
    padding: 5px 15px;
    background: #f26c4f;
    text-align: center;
    float: right;
    color: #fff;
    margin-top: 10px;
}

.block_sub_comment .form-inline{margin: 10px 0}

.bg-teal {
    background-color: #009688;
}
.form-package .steps li.current a .step-icon{margin-bottom: 25px}
.role_company{width: 100%;clear:both;margin-top:50px; padding-bottom: 50px;}
.role_company p{margin-top:5px; margin-bottom: 0px;}
#exampleModalCenter .modal-body h2{margin-top:30px; margin-bottom: 30px;color:#c71616;}
#exampleModalCenter .modal-body{margin-bottom:30px;}
i.fa.fa-bell { font-size: 25px; color: #fff;line-height:40px;position: relative;}
.noti{background:#fa3e3e; position:absolute; top:6px; right:20px; border-radius: 2px; color: #fff;padding: 1px 3px; transform: translateX(50%);}
.noti p{ color:#fff;margin:0;padding:0;font-size: 10px;font-weight: 600;}
.list-notificacao{
    min-width: 350px;
    background: #ffffff;
    margin-top: 12px;
    border-radius: 0px;
    padding:0px;
    border-bottom: none;
    margin-top: 6px;
  }
  .list-notificacao li:first-child{height: 25px;color:#000;font-weight: 600;}
  #listNoti li:first-child{height: unset;color:unset;font-weight: unset;}
  .list-notificacao li{
     border-bottom : 1px #d8d8d88f  solid;
     text-align    : justify;
     padding       : 5px 10px 5px 10px;
     cursor: pointer;
     font-size: 12px;
  }

  .list-notificacao li:hover{
    background: #edf2fa;
  }
  .list-notificacao li:hover .exclusaoNotificacao{
    display: block;
  }
  .list-notificacao li  p{
    color: black;
    text-align: justify;
    margin-bottom: 0px;
    padding-bottom: 0px;
    max-height: 36px;
    overflow: hidden;
  }
  .list-notificacao:after, .list-notificacao:before {
    border-style: solid;
    border-width: 0 10px 13px;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    top: -13px;
    color: #fff;
}
.list-notificacao:after, .list-notificacao:before {    left: auto;   right: 25px;}
.list-notificacao:after {
    border-color: transparent transparent #fff;
    top: -13px;
}
.list-notificacao:before {
    border-color: transparent transparent #fff;
    top: -14px;
}
#notifi .dropdown-toggle::after{
    display: none
}
#notifi{margin-right: 5px;}
#notifi i.fa.fa-clock-o {
    color: #928f8f;
    display: inline-block;
    font-size: 12px;
}
#notifi span{color:#928f8f;}
.notification{background:#fff; margin-top: 15px; margin-bottom:15px;width: 100%;float:left;}
.notification h4{padding:15px 15px;}
.content_notifi{padding:15px 15px; text-align: justify;}
.notification em,.notification i{color:#949292; font-size: 15px;}
.list-notificacao li a{padding-left:0px;color:#000;}
.list-notificacao li a:hover{background:none;}
.tokenfield .token .token-label {
    background: #03a9f4;
    color: white;border-radius: 3px;
}
.box-dropdown-learning .dropdown-item {
    font-size: 14px;
    color: #333;
}
.bg-white{background:#fff;}
.box_description{font-size: 14px; color:#333; font-style: italic; text-align: justify;}
.conten-blog{font-size: 14px;}
.top_height{min-height: 420px;;}

.sidebar-expand-md.sidebar-component-left {
    margin-right: 1.25rem;
    display: block;
    min-width: 280px;
    z-index: 96;
    border-radius: .1875rem;
    background-clip: content-box;
    color: #333;
}
.sidebar-light {
    background-color: #fff;
    color: #333;
    border-right: 1px solid rgba(0,0,0,.125);
    background-clip: content-box;
}
.sidebar-expand-md.sidebar-component-left .card-body:not(.card)+.card-body:not(.card) {
    border-top: 1px solid rgba(0,0,0,.125);
}
.sidebar-expand-md.sidebar-component-left .nav-sidebar {
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}
.sidebar-light .nav-sidebar .nav-item-header {
    color: rgba(51,51,51,.5);
}
.sidebar-expand-md.sidebar-component-left .nav-sidebar .nav-item-header {
    padding: .75rem 1.25rem;
    margin-top: .5rem;
}
.sidebar-expand-md.sidebar-component-left .nav-sidebar .nav-item:not(.nav-item-divider) {
    margin-bottom: 1px;
}
.sidebar-light .nav-sidebar .nav-item>.nav-link.active {
    background-color: #f5f5f5;
    color: #333;
}
.sidebar-expand-md.sidebar-component-left .nav-sidebar>.nav-item>.nav-link {
    font-weight: 500;
}
.sidebar-expand-md.sidebar-component-left .nav-sidebar .nav-link {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: .75rem 1.25rem;
    transition: background-color ease-in-out .15s,color ease-in-out .15s;
}
.sidebar-light .nav-sidebar .nav-link {
    color: rgba(51,51,51,.85);
}
.sidebar-expand-md.sidebar-component-left .nav-sidebar>.nav-item>.nav-link {
    font-weight: 500;
}
.sidebar-expand-md.sidebar-component-left .nav-sidebar .nav-link i {
    margin-right: 1.25rem;
    margin-top: .12502rem;
    margin-bottom: .12502rem;
    top: 0;
}

.sidebar-expand-md.sidebar-component-left .card-img-actions:focus .card-img-actions-overlay,
.sidebar-expand-md.sidebar-component-left .card-img-actions:hover .card-img-actions-overlay {
    opacity: 1;
    visibility: visible;
}
.sidebar-expand-md.sidebar-component-left .card-img-actions {
    position: relative;
}
.img_avatar_user{width: 150px;height: 150px;border-radius: 100%}
.col-avatar-user{position: relative}
.col-avatar-user .card-img-actions:focus .card-img-actions-overlay,
.col-avatar-user .card-img-actions:hover .card-img-actions-overlay {
    opacity: 1;
    visibility: visible;
}

.sidebar-expand-md.sidebar-component-left .card-img-actions-overlay {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.75);
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out .15s;
}
.sidebar-expand-md.sidebar-component-left .btn-outline.disabled, .btn-outline:disabled,
.sidebar-expand-md.sidebar-component-left .btn-outline:not(:hover):not(:active):not(.active):not([aria-expanded=true]) {
    background-color: transparent!important;
}
.sidebar-expand-md.sidebar-component-left .btn.border-2.btn-icon {
    cursor: pointer;
    padding-top: .375rem;
    padding-bottom: .375rem;
    border-radius: 100px!important;
    padding-left: .50002rem;
    padding-right: .50002rem;
}
.btn-outline.bg-white:not(.disabled):not(:disabled):hover, .btn-outline.bg-white:not(.disabled):not(:disabled):not([disabled]):not(.disabled).active, .btn-outline.bg-white:not(.disabled):not(:disabled):not([disabled]):not(.disabled):active, .show>.btn-outline.bg-white:not(.disabled):not(:disabled).dropdown-toggle {
    color: #333!important;
}
.background-report{background: white;padding: 15px 0;border-bottom: 1px solid #dedede;font-family: Roboto, sans-serif}
.background-report span{font-size: 13px;width: 100%;display: inline-block;font-family: Roboto, sans-serif}
.background-report .col-bc .card-body,.background-report .col-bc{padding-right: 0!important;}
.background-report h4{color: #000;font-weight: 400;font-size: 22px;}
.box-overview-student {margin-bottom: 30px}
input#tags-tokenfield {
    min-width: auto!important;
    max-width: 500px!important;
    font-size: 13px;
}

.block-filter .form-check {display: inline-block;margin: 10px 10px 0 0;}
.block-filter h5 {font-size: 14px;display: inline-block;margin-right: 20px;}
.block-filter .form-inline {display: inline-block;vertical-align: middle;}
.block-filter .form-inline .form-group {margin-right: 15px;}
.table-report-course .badge,.table-report-student .badge,.table-report .badge,.datatable-sorting .badge{font-size: 12px}
.box-pagination.table-responsive.text-center.light-theme.simple-pagination ul {display: inline-block;}
.btn.border-2.btn-icon {
    padding-left: .50002rem;
    padding-right: .50002rem;
}
.box-setting {margin-bottom: 20px;display: inline-block;width: 100%;}
.float-right{float: right}
.box-bang-xep-hang{margin-bottom: 30px}
[data-action=move]:after {content: '\e986';}
[data-action]:after {
    font-family: icomoon;
    font-size: 1rem;
    min-width: 1rem;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
[data-action=fullscreen]:after {
    content: '\e9f9';
}
.text-purple {
    color: #673AB7!important;
}
div#box-khoahocduocgiao,.box-learning-path {
    margin-bottom: 30px;
}
[data-action]:after {
    font-family: icomoon;
    font-size: 1rem;
    min-width: 1rem;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.box-slick .col-12{max-width: 257px}
[data-action=move]:after {
    content: '\e986';
}
[data-action]:after {
    font-family: icomoon;
    font-size: 1rem;
    min-width: 1rem;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[data-action=remove]:after {
    content: '\e99e';
    font-size: .8125rem;
}
[data-action]:after {
    font-family: icomoon;
    font-size: 1rem;
    min-width: 1rem;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a.text-default:not(.btn) {
    transition: color ease-in-out .15s;
}
.text-default {
    color: #333;
}

.card-body.card_path {
    display: inline-block;
    width: 100%;
    padding-top: 0;
    padding-bottom: 10px;
}

header a.nav-link {
    display: inline-block;
    height: 100%;
    border-radius: 0;
    padding-top: 14px;
    padding-left: 16px!important;
    padding-right: 16px!important;
    padding-bottom: 14px!important;
    text-align: center;
    font-weight: 400;
    margin-top: 0!important;
    /* margin-bottom: 0; */
}

.btn_account{margin-top: 10px!important;padding: 7px 28px;font-size: 15px;font-weight: 400;}
.bg-noti{background: #edf2fa;}

.form-search-hv .form-control { padding: 0.5rem 0.75rem 0.5rem 0.75rem; border-color: #fff;width:275px;}

.notification ul{padding:15px 15px;}
.notification li{border-bottom: 1px solid #ddd;padding:5px;}
.notification .media p{margin-bottom:0;}
.notification  span{color:rgba(0,0,0,.5);}
.notification li a{color:#000;}


/*-- style -upload-file --*/
.ul-uploadfile li.nav-item i{display: inline-block}
.box_upload_file .tab-pane {min-height: 250px;margin-bottom: 20px;background: #fafbfd;border-radius: 5px;}
.ul-uploadfile{margin-bottom: 15px;padding: 8px;background: #f9f9fc;border-radius: 34px;}
.ul-uploadfile .nav-item a{font-size: .8125rem;display: inline-block;padding: 8px 16px;color: #979fb8;font-weight: 700;border-radius: 34px;cursor: pointer;transition: all 0.1s ease;}
.ul-uploadfile .nav-link.active, .nav-pills .show>.nav-link {color: #fff;background-color: #5b7bfe;text-decoration: none;box-shadow: 0 4px 8px rgba(0,0,0,0.1);}
.ul-uploadfile .nav-link.active i{color: white!important;}

.temp_file_upload,.box-tailieu{min-height:250px;display: block;padding: 30px;background: #fff;border: 2px dashed #c2cdda;border-radius: 14px;text-align: center;}
.temp_file_upload .fileuploader-icon-main i{display: block;font-size: 56px;margin: 0 auto;margin-bottom: 26px;color: #789bec;}
.temp_file_upload .fileuploader-input-caption {margin: 0;margin-bottom: 8px;padding: 0;background: none;border: none;font-size: 18px;font-weight: bold;color: #5B5B7B;white-space: normal;box-shadow: none;}
.temp_file_upload .fileuploader-input-inner p {margin: 0;padding: 0;color: #90a0bc;margin-bottom: 12px;}
.fileinput-button{background: #9658fe;background: -moz-linear-gradient(-45deg,#3a8ffe 0,#9658fe 100%);background: -webkit-linear-gradient(-45deg,#3a8ffe 0,#9658fe 100%);background: linear-gradient(135deg,#3a8ffe 0,#9658fe 100%);background-size: 140% auto;background-position: center;color: #fff;box-shadow: 0 4px 18px rgba(0,0,0,.04);display: inline-block;margin: 0;padding: 10px 22px;border: none;border-radius: 30px;outline: 0;font-weight: 700;cursor: pointer;vertical-align: middle;text-decoration: none;}

.itemClass{width:100%; float:left; margin-top:15px; background:#fff; padding:15px 15px; position: relative;}
.itemClass li{float:left; font-size:13px; color:rgba(0,0,0,0.54); margin-right:15px;}
.itemClass p{ color:rgba(0,0,0,0.54);}
.itemClass h5{color:#0973b5;}
.itemClass h5:hover{color:#ed6c5d; }
.buttonClass .btnClass{min-width: 64px;color:#fff !important; background:#ed6c5d; line-height: 24px; border-radius: 2px;  font-size:15px; margin-right:15px;}
.buttonClass .btn-outline-dark {min-width: 64px; line-height: 24px; margin-right: 15px; font-size:15px; color:#666}
.buttonClass .btn-outline-dark:hover{background:#fff;}
.buttonClass {float:right; margin-top:30px;}
.btnDelete{position: absolute; top:0; right:25px; font-size:30px; color:rgba(0,0,0,0.54);}
.box-thanks{background:#fff; min-height: 100vh; position: relative;}
.box-thanks img{margin:0 auto; position: absolute; top:17%;left:0;right:0;}
.box-thanks h1{color: #636b6f;font-family: 'Nunito', sans-serif; position: absolute;top:50%;left:0;right:0;margin-top:15px; }

#microlearning .row {
    margin-right: 0;
}

.box-alert-acabiz{
    background: url("../images/alert_acabiz.png") no-repeat;height: 81.78vh;
    width: 100%;
    margin-top: 70px;padding: 170px 80px;background-size: cover;
}
.box-alert-acabiz h1{font-weight: bolder;color: #F38729;font-size:50px;line-height: 40px;margin-bottom: 30px}
.box-alert-acabiz p{color: #0A73B4;font-size: 20px;font-weight: 500;margin-bottom: 30px;}
.box-alert-acabiz .btn_pre {
    background: #F38729;
    border-radius: 5px;
    color: white;
    font-size: 15px;
    padding: 7px 25px;
    border: 1px;
}

a.a_tag_hot {
    margin-bottom: 5px;
}
/*Quân làm*/
#addQuestionModal .modal-dialog, #modalUploadfile .modal-dialog, #conditionFinishCourse .modal-dialog, #modalDetailCourse .modal-dialog{
    max-width: 70%;
}
#hocvienModal .modal-dialog, #settingGridviewModal .modal-dialog,
#courseGroupModal .modal-dialog, #customfieldModal .modal-dialog{
    max-width: 40%;
}
#quickAddStudentModal .modal-dialog, #randomQuestionForTag .modal-dialog, #infoQuestionModal .modal-dialog, #infoSkill .modal-dialog{
    max-width: 45%;
}
@media (max-width: 767px) {
    #hocvienModal .modal-dialog, #settingGridviewModal .modal-dialog,
    #courseGroupModal .modal-dialog, #quickAddStudentModal .modal-dialog,
    #addQuestionModal .modal-dialog, #modalUploadfile .modal-dialog,
    #randomQuestionForTag .modal-dialog, #infoQuestionModal .modal-dialog,
    #conditionFinishCourse .modal-dialog, #customfieldModal .modal-dialog,
    #modalDetailCourse .modal-dialog, #infoSkill .modal-dialog {max-width: 500px}
}
.add_all_question{top: 0px;}

#reexamineModal .modal-dialog{
    max-width: 100%;
}
.detailReportLearning{
    margin-left: 70px;
}
#notifi{
    position: relative;
}
.detailReportLearning .col-lg-4 span:first-child{
    font-size: 18px;
}
.listBTLibraryCompany, .listBTGroupCompany{
    position: absolute;
    right: 0px;
    top: 0px
}

.dropdown-menu.show {
    display: block!important;
}
.col-none-padding{padding-left: 0;padding-right: 0}
.navbar.scrolling-navbar{padding: 0 50px}
.nav-trial{padding: 3px 10px;font-size: 12px;background: linear-gradient(90deg, #f44336, #ffc107) !important;margin-left: 20px;}
.alert.ui-pnotify[class*=alert-arrow-]>.brighttheme:before, .alert:not(.ui-pnotify)[class*=alert-arrow-]:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    border-left: 5px solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left-color: inherit;
    margin-top: -5px;
}
#search {
    position: relative;
}
#search label {
    position: absolute;
    left: 17px;
    top: 8px;
    font-size: 20px;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
#search #search-input, #search .hint {
    padding-left: 43px;
    padding-right: 43px;
    border-radius: 23px;
}
.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 15px;
    line-height: 1.3333333;
    border-radius: 6px;
}
#search #search-clear {
    text-decoration: none;
    position: absolute;
    right: 18px;
    top: 54px;
    color: #b3b3b3;
}
.text-orange{color: orangered}
span.drop-section-stt {
    border: 1px solid #dedede;
    font-size: 12px;
    background: #eee;
    border-radius: 100%;
    padding: 5px 11px;
    font-weight: bold;
}
.alert.alert-styled-left {
    border-left-width: 2.875rem; margin-left: 15px;
}
.alert-success {
    color: #285b2a;
    background-color: #e2f2e3;
    border-color: #5ab55e;
}
.alert[class*=alert-styled-].alert-success:after, .alert[class*=alert-styled-][class*=bg-success]:after {
    content: '\ed6e';
}
/*Màn hình ngang*/



.box-section-chart{padding:12px 0}
.box-section-chart hr{margin: 8px 0;}
.box-section-chart .ul-chart{margin-bottom: 0}
.box-section-chart .ul-chart li{display: inline-block;margin-right: 25px;}
.box-section-chart .ul-chart li .stat-number{font-size: 22px;font-weight: bold}
.box-section-chart .ul-chart li .trend i {font-size: 20px;color: #4CAF50;}
.box-section-chart .ul-chart li .period {font-size: 13px;}
.box-section-chart .title-chart i {font-size: 20px;}
.box-section-chart .title-chart {font-size: 15px;}
.block-stats {margin-bottom: 25px}

.span_user_ranking{color: white;border-radius: 4px;font-size: 14px;padding: 4px;display: inline-block}
.span_user_ranking i{font-size: 12px}
.ranking-0{background: #ef5350}
.ranking-1{background: #ef5350}
.ranking-2{background: #00AADF}
.ranking-3{background: #00AF56}
.ranking-4{background: #AE38B0}
.ranking-5{background: #6c757d}
.ranking-6{background: #AE38B0}
span.badge i {font-size: 11px;}
span.badge strong {font-size: 14px;}
.img_top_coure_company{width: 100px;height: 50px;border-radius: 7px}


/* báo cáo học viên */
.report_student li{padding: 15px 0;border-bottom: 1px dashed #dedede;display: inline-block}
.report_student .box-avatar{padding: 50px}
.title_report{text-transform: uppercase;font-size: 20px;margin-bottom: 20px;padding-left: 15px}
.report_student .row{margin-bottom: 20px}
.report_student .row .col-12 .card.text-center{margin-bottom: 0}
.report_student .title_report a {font-size: 12px;text-transform: none;font-weight: bold;float: right;}
.report_student .box-avatar img {border-radius: 100%;}
.card-group-control .card-title>a:before {
    content: '\ed5b';
    font-family: icomoon;
    position: absolute;
    top: 50%;
    margin-top: -.5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.card-group-control .card-title>a.collapsed:before {
    content: '\ed5a';
}
.card-group-control-right .card-title>a:before {
    right: 0;
}
.text-green{color: #28a745}
.span_report_student{
    margin-right: 5px;display: inline-block;font-weight: 500;font-size: 13px;
}
.bg-warning-400 {
    background-color: #ff7043;
}
.box-info span {
    font-size: 14px;
    margin-bottom: 10px;
    display: inline-block;
    margin-right: .5rem;
}
.box-main-student{margin-top: 70px}

.alert.alert-warning.alert-dismissible ul {
    margin-bottom: 0;
    font-size: 13px;
    margin-left: 20px;
}
.alert.alert-warning.alert-dismissible ul li {
    list-style: outside;
}
.select2-selection--single .select2-selection__rendered{font-size: 13px}
.alert.alert-warning.alert-dismissible h2 {
    font-size: 13px;font-weight: bold;
}

#box_search_course_student{padding-left: 24%;}
.bg-teal-400 {
    background-color: #26a69a;
}
.border-top-teal-300 {
    border-top-color: #4db6ac;
}
.box-badge-cer .nav-tabs-solid .nav-item {
    margin-bottom: 0;
}
.box-badge-cer .nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}
.box-badge-cer .nav-tabs-solid .nav-link{color: white;border-radius: 0;font-size: 13px;border: none;}
.box-badge-cer .nav-tabs-solid .nav-link.active{background-color: #22958A;}
.box-badge-cer .nav-tabs .nav-link:focus{border: 0}
.box-badge-cer .media-list {
    list-style: none;
    margin-bottom: 0;
    padding: 10px;
}
.box-badge-cer .media.card-body, .media:first-child {
    margin-top: 0;
}
.box-badge-cer .media:last-child{border: none}
.box-badge-cer .view_all_badge{font-size: 13px;margin-bottom: 10px;display: inline-block;}
.box-badge-cer .media {
   display: inline-block;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 10px 0;
    border-bottom: 1px solid #dedede;
}
.box-badge-cer .media-body {
    font-size: 13px;
    -ms-flex: 1;
    flex: 1;
}
.span_retest{color: white!important;}
/*Quân test*/
.box-info-student { background: white;border-radius: .1875rem;border: 1px solid #dedede;margin-bottom:20px;}
.box-info-user{padding: 15px 10px 20px 10px!important;border-bottom: 1px solid #dedede;}
.media-title{margin-bottom: 20px;width: 100%;}
.user-panel{
    position: relative;
    width: 100%;
    padding: 10px;
    overflow: hidden;
    white-space: nowrap;
}
.user-panel:before{
    content: " ";
    display: table;
}
.pull-left {
    float: left!important;
}
.img-circle {
    border-radius: 100%;
}

.user-panel>.info {
    padding: 15px 5px 5px 75px;
    line-height: 1;
    position: absolute;
    left: 55px;
}
.skin-blue .user-panel>.info, .skin-blue .user-panel>.info>a {
    color: #fff;
}
.user-panel>.info>p {
    font-weight: 600;
    margin-bottom: 9px;
}
.user-panel>.info>a {
    text-decoration: none;
    padding-right: 5px;
    margin-top: 3px;
    font-size: 11px;
}
.skin-blue .sidebar a {
    color: #b8c7ce;
}
.skin-blue .user-panel>.info, .skin-blue .user-panel>.info>a {
    color: #fff;
}
.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.box.box-default {
    border-top-color: #d2d6de;
}
.box.box-danger {
    border-top-color: #dd4b39;
}
.box.box-warning {
    border-top-color: #f39c12;
}
.box.box-info {
    border-top-color: #00c0ef;
}
.box.box-primary {
    border-top-color: #3c8dbc;
}
.box.box-success {
    border-top-color: #00a65a;
}
.box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
}
.box-header.with-border {
    border-bottom: 1px solid #f4f4f4;
}
.box-header:before, .box-body:before, .box-footer:before, .box-header:after, .box-body:after, .box-footer:after {
    content: " ";
    display: table;
}
.box-header>.fa, .box-header>.glyphicon, .box-header>.ion, .box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
}
.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
}
.box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #fff;
}
.products-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.products-list>.item {
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    padding: 10px 0;
    background: #fff;
}
.product-list-in-box>.item {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid #f4f4f4;
}
.products-list>.item:before, .products-list>.item:after {
    content: " ";
    display: table;
}
.products-list .product-img {
    float: left;
}
.products-list .product-img img {
    width: 50px;
    height: 50px;
}
.products-list .product-info {
    margin-left: 60px;
}
.products-list .product-title {
    font-weight: 600;
    color: black;
}
.products-list .product-title span{
    color: #0871d0;
}
.products-list .product-description {
    display: block;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.products-list>.item:after {
    clear: both;
}
.product-list-in-box>.item:last-of-type {
    border-bottom-width: 0;
}
.description-block>.description-header {
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 16px;
}
.description-block {
    display: block;
    margin: 10px 0;
    text-align: center;
}
.box .border-right {
    border-right: 1px solid #f4f4f4;
}
.description-block>.description-text {
    text-transform: uppercase;
    font-size: 12px;
}

.link-form-text-aca{
    color: white;
}

.link-form-text-aca:hover{
    color: white;
}

i.fa.fa-search.nav-search-icon {
    position: absolute;
    top: 8px;
    left: 10px;
    color: #5f6368;
    font-size: 15px;
    outline: none;cursor: pointer;
}

i.fa.fa-search.nav-search-icon:hover{
    background-color: rgba(60,64,67,0.08);border-radius: 100%;outline: none;padding: 7px;
    top: 3px;
    left: 5px;
}
.icon-arrow-down5.nav-search-toggle:hover{
    background-color: rgba(60,64,67,0.08);border-radius: 100%;outline: none;padding: 7px;
    top: 2px;
    right: 10px;
}
.form-dropdown{
    width: 100%;
    position: relative;
    top: -16px;
    display: none;
    padding: 17px;
    border: 1px solid rgba(0,0,0,.15);
    border-top: 0;
}

.form-keyword{position: relative;}
.input-keyword{padding-left: 35px}

.icon-arrow-down5.nav-search-toggle {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #5f6368;
    font-size: 15px;
    outline: none;cursor: pointer;
}
@media (min-width: 990px) {
    .container {max-width: 90%;}
}
li.nav-item i {display: block;font-size: 16px;}
.nav-item a.nav-link {font-size: 14px;}
.dp-ib{display: inline-block !important; font-size:14px !important;}
.nav-item .btn-outline-light:hover, .nav-item .btn-outline-light:focus, .nav-item .btn-outline-light:active, .nav-item .btn-outline-light:visited{background:#0d1935b0 !important;}
.navbar-company .nav-item a.nav-link{margin-top:5px;}
.navbar-company .fa-arrow-right{display: inline-block!important;font-size: 15px;}
.navbar-company .img_avt{width: 25px; height: 25px;;}
.navbar-company .dropdown:hover>.dropdown-menu { display: block; }
.navbar-company .dropdown-menu{top:96%;}
img.img_top_coure {width: 50px;height: 50px;border-radius: 100%;}
img.img-fluid.rounded-circle {margin-right: 10px;}
.teacher-course img {width: 32px;height: 32px;}
span.name_course {display: inline-block;font-size: 14px;font-weight: 700;font-style: normal;font-stretch: normal;line-height: 1.36;letter-spacing: normal;text-align: left;color: inherit;white-space: normal;}
@media (max-width: 1360px) {
    header a.nav-link {
        display: inline-block;
        height: 100%;
        border-radius: 0;
        padding-top: 15px;
        padding-left: 15px!important;
        padding-right: 15px!important;
        padding-bottom: 11px!important;
        text-align: center;
        font-weight: 400;
        margin-top: 0!important;
        /* margin-bottom: 0; */
    }
    .nav-item a.nav-link {
        font-size: 14px;
    }
    .navbar.scrolling-navbar {
        padding: 0 30px;
    }
}

/*-- Student --*/
.card-footer big{cursor: pointer;}
.teacher-course img{display: inline-block;}

.box-content-student {padding: 20px 0;border-radius: .1875rem;}
img.bd-placeholder-img.card-img-top {width: 100%;}

p.teacher-course{font-size: 11px}
.tag-category .a_tag_hot{margin-bottom: 10px;display: inline-block;border: 1px solid #007bff;background: #007bff;font-size: 13px;border-radius: 15px;padding: 6px 10px;color: white;}
.tag-category .a_tag_hot:hover{color: #fff;background-color: #0056b3;}
.block-student-page .col-info-learn {top: -150px; max-width: 20%}
.block-student-page .col-detail-student {max-width: 80%; flex: none;}
.nav-learning-path .nav-item {display: inline-block;}
.nav-item {transition: 0.5s;}
.my-course {
    padding-top: 25px;
}
ul {padding: 0;list-style: none}
.nav-learning-path li.nav-item i {display: inline;font-size: 15px;}
.img_avt {
    border-radius: 100%;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    display: block;
    border: 1px solid white;
}
.navbar.scrolling-navbar {
    -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
    -o-transition: background .5s ease-in-out,padding .5s ease-in-out;
    transition: background .5s ease-in-out,padding .5s ease-in-out;
    height: 67px;
}
.navbar {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    font-weight: 300;
}

.content-tutorial .marquee.ppage {margin: 0 auto 15px;}
.content-tutorial .marquee span {background: #04712a;color: #fee71b;float: left;width: auto;height: 24px;line-height: 24px;padding: 0 15px;font-size: 12px;}
.content-tutorial .marquee span img {vertical-align: top; margin: 2px 0 0 10px;}
.content-tutorial .marquee p {overflow: hidden;margin: 0;height: 24px;}
.content-tutorial .marquee marquee {background: #036323;color: #fff;box-sizing: border-box;height: 24px;line-height: 24px;font-size: 12px;font-family: "Roboto", sans-serif;}
.content-tutorial .marquee div {line-height: 24px;}

#notification_bought {position: fixed;bottom: 50px;z-index: 999;right: 15px;}
#notification_bought .bg-amount {
    display: block;visibility: visible;text-align: center;border-radius: 50%;width: 20px;height: 20px;border: 0 none;
    margin: 0;position: absolute;top: -10px;right: -3px;z-index: 1000000;background: #e52f48;}
#notification_bought #amount_bought {
    border: 0 none;padding: 0;overflow: hidden;vertical-align: baseline;font-weight: bold;font-size: 11px;text-align: center;
    color: white;z-index: 1000001;display: block;line-height: 21px;width: 100%;height: 100%;}
.course-section {position: relative;width: 100%;float: left;}
.course-section .delete-section { position: absolute; right: 5px;top: 9px; }
.border-box-shadow{border-radius: 50px;background: transparent;border: white;color: #dc3545;}
.content_learning_path .accordion-sortable .header-elements-inline .header-elements {margin-right: 20px}

@media (min-width: 768px) {
    header.box-page .navbar>.container {max-width: 82%!important; padding-left: 15px; padding-right: 15px;}
}
header.box-page > nav.navbar ul.navbar-nav .nav-item {height: auto;}
header.box-page a.nav-link {font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    padding: .5em!important;
    font-size: 15px;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
header.box-page a.btn-login-acabiz {border: 1px solid;padding: 7px 15px!important;}
#modalBoughtCourse.show .modal-dialog {max-width: 70%;}
#modalBoughtCourse .modal-body a.delete_course_bought {margin: 0 auto;color: red;font-weight: bold;font-size: 15px;}
#modalBoughtCourse .modal-body .card-footer {padding: 5px;}
.shopping-cart .showBoughtCourse {margin: -5px 0 0;float: right;border-radius: 50%;right: 10px}
.shopping-cart .bg-amount {text-align: center;border-radius: 50%;width: 20px;height: 20px;border: 0 none;margin: 0;position: absolute;top: -12px;right: -3px;z-index: 1000000;display: none;background: #e52f48;}
.shopping-cart #amount_bought {border: 0 none;padding: 0;overflow: hidden;vertical-align: baseline;
    font-weight: bold;font-size: 11px;text-align: center;color: white;z-index: 1000001;
    display: block;line-height: 21px;width: 100%;height: 100%;}
#notification_bought .showBoughtCourse i {width: 100%;font-size: 32px;line-height: 45px;cursor: pointer;}
.shopping-cart {position: fixed;bottom: 50px;z-index: 999;left: 15px;}
.shopping-cart a {padding: 10px 12px;border-radius: 100%}
.body-contact-company .form-group {float: none;}
.body-contact-company .row {float: none;margin-left: 0;width: unset}
#modalSuccess .icon-box:before {content: none;}
#left-menu-guide .sub-tutorial {padding: 0 5px 0 30px}
#left-menu-guide a.header_guide {font-size: 16px; padding-bottom: 3px}
#left-menu-guide .sub-tutorial .sub-new a {font-size: 14px}
#left-menu-guide .sub-tutorial .sub-new a i {font-size: 15px; display: inline; margin-right: 6px}
#left-menu-guide .sub-tutorial .sub-new a:hover ,a.active_help {color: blue!important;}
#left-menu-guide .sub-tutorial a, #left-menu-guide .sub-tutorial a:hover, #left-menu-guide .sub-tutorial a:focus {color: inherit;text-decoration: none;transition: all 0.3s;}
.menu_guide.card-body {max-height: 600px; overflow-y: scroll}
.content-guide .detail_tutorial {margin-top: 30px}
.banner_acabiz.view3{padding: 0; margin-top: 30px;}
main.home_acabiz{margin-top: 0}
.tab-content.box_main_setting {margin-top: 0}
.box-content-blog .row {width: auto}
#formCreateContactEbook .form-group, .form-blog-contact .header.form-group {float: none}
.content_learning_path .form-setting-module {display: flex}
.content_learning_path .form-setting-module label {font-size: 14px; font-weight: 500}
.content_learning_path .form-setting-module label.switch {margin: auto 5px}
.content_learning_path .form-setting-module .box-des-module {margin-left: 12px}
.content_learning_path .form-setting-module .setting_des_module {font-size: 13px; margin-bottom: 5px}
#notification_bought.company-tutorial .bg-amount {left: 28px}
#notification_bought.add_module {right: 56px}
#notification_bought a.btn, #notification_bought.add_module .dropdown-toggle {padding: 8px 9px; border-radius: 100%}
#notification_bought.add_module .dropdown-toggle:after {display: none}
@media (max-width: 767px) {
    main .block-stats .container {max-width: 100%;}
    main .block-stats .container .row {margin-left: 0}
    .block-stats .card .list-icons.header-icon-mobile {display: flex}
    .block-stats .card .list-icons.header-icon-mobile .list-icons-item {margin: auto 0}
    #modalBoughtCourse.show .modal-dialog {max-width: 500px;}
}
.content_learning_path .title-form-learning {display: inline-block;width: 100%;padding-left: 0}
.content_learning_path .form-setting-module.learning-free label.switch {margin: 3px 10px}
.truncate_td{
    color: #000;
    white-space: normal;
    height: 100px;
    overflow-y: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.box-data-table .box-arrow-learning {margin: auto 0}
.box-data-table .box-arrow-learning i {margin-left: 10px}
.content_group_student label {font-size: 12px}
.content_group_student label .vertical-line {width: 1px;background-color: rgba(0,0,0,.1);height: 100%;float: left; margin: 0 5px}
.box_student_group .card-header {padding: 10px 15px!important;}
.box_student_group .card-body {padding: 0 10px}
.box-course-assign p.img-top-user-course {margin-bottom: 0}
.box-course-assign .img-top-user-course img.img_user {width: 28px; height: 28px; border-radius: 50%}
.box-course-assign .img-top-user-course a.more_student {background: #f26c4f; border-radius: 50%; padding: 10px 8px; font-size: 11px; color: white}
.disabled-div-button {pointer-events: none; opacity: 0.5;}
.box-cp-revenue {margin-top: 30px}
.box-cp-revenue .company-cp {width: 50%}
.box-data-table .name_title_student {width: 100%; margin-left: 15px; margin-bottom: 20px}

.choose-type-question.radio-group .radio {
    display: inline-block;
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    color: #000;
    font-weight: 500;
    font-size: 14px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    margin: 0 10px;
    background-color: aliceblue;
}
.choose-type-question.radio-group .radio .pic img {width: 90px}
.choose-type-question.radio-group .radio:hover {box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1)}
.choose-type-question.radio-group .radio.selected {
    box-shadow: 0px 8px 16px 0px #EEEEEE;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%)
}
.choose-type-question.radio-group .selected {background-color: #E0F2F1}
.choose-type-question.radio-group {margin-bottom: 20px}

.more-collapse i:before {
    content: "\f077";
}
.more-collapse.collapsed i:before {
    /* symbol for "collapsed" panels */
    content: "\f078";    /* adjust as needed, taken from bootstrap.css */
}

.learning-item-node-wrapper {width: 60px; overflow: hidden;display: -webkit-box;}
.learning-item-node--small{width: 8px; height: 8px;}
.learning-item-node {
    font-family: var(--artdeco-typography-sans);
    font-weight: 600;
    font-style: normal;
    color: rgba(0,0,0,.6);
    text-align: center;
    position: relative;
    display: block;
    top: 6px;
    margin: auto;
    border: 2px solid rgba(0,0,0,.6);
    border-radius: 50%;
}
.learning-item-node::before{
    content: '';
    position: absolute;
    left: 50%;
    width: 2px;
    height: 100vh;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: rgba(0,0,0,.6);
    bottom: calc(100% + 8px);
}
.learning-item-node::after{
    content: '';
    position: absolute;
    left: 50%;
    width: 2px;
    height: 100vh;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: rgba(0,0,0,.6);
    top: calc(100% + 8px);
}
.block-course-main div.box-lesson-learning {
    border: 1px solid #dee2e6; margin: 5px 10px; padding: .75rem;
}
.dropdown-toggle::after {
    font-family: icomoon;
    display: inline-block;
    border: 0;
    vertical-align: middle;
    font-size: .6875rem;
    margin-left: .46875rem;
    line-height: 1;
    position: relative;
    content: '\e9c9';
    width: unset;
    height: unset;
}
header a.nav-link.avatar {
    padding-top: 7px;
    padding-left: 16px!important;
    padding-right: 16px!important;
    padding-bottom: 7px!important;

}
header a.nav-link.avatar .box-flex {
    gap: 5px
}
header a.nav-link.avatar img {
    height: 50px;
    border-radius: 5%;
}
.dropdown-menu-right .dropdown-item {
    font-size: 13px;
    padding: .5rem 1rem;
    display: flex;
    align-items: center;
    gap: 15px;
}
.datepicker.dropdown-menu {
    z-index: 999999!important;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-brand {
        min-width: 90px!important;
    }
}

.image_learning img.bd-placeholder-img {
    width: auto;
    padding-bottom: 12px;
    height: 136px;
}

@media (max-width: 1400px) {
    header a.nav-link {
        padding-top: 17px;
        padding-left: 11px!important;
        padding-right: 11px!important;
        padding-bottom: 11px!important;
    }
    header a.nav-link.avatar {
        padding-left: 11px!important;
        padding-right: 11px!important;
    }
    .nav-item a.nav-link {
        font-size: 13px;
    }
    .navbar-brand > .img-fluid {
        height: 30px!important;
        max-height: 30px!important;
    }
    .btn_account {
        margin-top: 15px!important;
        padding: 7px 10px;
        font-size: 13px;
    }
    .navbar-expand-lg .navbar-toggler, ul.navbar-nav.mt-md-0 {
        display: flex!important;
    }
}
.chua_chon span ,.da_chon span {
    padding: 5px 10px;
display: block;
    margin-bottom: 5px;
    border-radius: 5px;
    font-size: 13px; cursor: pointer;
}
.chua_chon span {background: #749bad29;border: 1px dashed red;}
.da_chon span {background: #749bad29;border: 1px dashed blue;}


.dropdown-item.form-check .form-check-label {display: block;cursor: pointer;}



/* dynamic rules */
.box_or,.items_and {  margin: 10px 0;
    border: 2px dashed #0c0d0e;
    padding: 20px;
    background: #00bcd40d;
    border-radius: 2px;
}

.face_adn { display: flex;
    margin: 10px 0;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;}
.face_adn span {  background: #293a4738;
    padding: 3px 10px;
    font-size: 11px;
    display: inline-block;
    border-radius: 5px;
    text-transform: uppercase;
    margin-right: 5px;
    font-weight: bold;
    color: #000;
    background-color: #607d8b63;}
.face_adn::after { width: 100%;
    content: '';
    display: block;
    border-top: 2px dashed #ccc;
    margin-right: 41px;
}
.item_or_more,
.items_and_more {position: relative;}
.btnClickOr:hover , .btnClickAnd:hover { cursor: pointer; }
.close_btn,.btnxoabox { position: absolute;
    right: 6px;
    cursor: pointer;
    top: 36px;
}
.close_btn:hover i,.btnxoabox:hover i {  color:red;}

.item_or_more:hover .close_btn { display: block;  }

.inputnone  {/* display: none; */}
.items_and_more:hover .btnxoabox { display: block;  }
.close_btn {
    right: 20px;
    top: -1px;
    width: 20px;
}
.items_and_more>.face_adn>span{
    background: #dc3545;
    color: #fff;
}

#tabsmartrules li.nav-item a { display: flex;
    padding: 20px;
    align-items: center;
    align-content: flex-end;
    justify-content: space-evenly;}
#tabsmartrules li.nav-item a.active {
    border-top: 2px solid #3f51b5;}
#tabsmartrules li.nav-item a span {padding-left: 10px;}
.box-totaluser {
    text-align: center;
    margin-top: 10px;
}
.waptotal {background: #3f51b5;
    padding: 0;
    margin: auto;
    border-radius: 10px;
    text-align: center; margin-bottom: 20px; }
.waptotal span {color: #fff;
    text-align: center;margin-top: -15px;
    display: block;
    padding-bottom: 30px;}
#result_dynamicrule { padding: 0 20px;
    margin: auto;
    border-radius: 10px;
    font-size: 50px;
    text-align: center;
    color: #fff;}
.list_user_none {display: none;}
/* end dynamic rules */